.td-numbering[data-v-19ef7680]{ padding: 3px 10px!important; text-align: center; font-size: 0.7rem !important; font-weight: 400!important; color: #6087A0 !important; background-color: #F7F9FC; } .td-numbering[data-v-5c620062]{ padding: 3px 10px!important; text-align: center; font-size: 0.7rem !important; font-weight: 400!important; color: #6087A0 !important; background-color: #F7F9FC; } .td-numbering[data-v-089913ff]{ padding: 3px 10px!important; text-align: center; font-size: 0.7rem !important; font-weight: 400!important; color: #6087A0 !important; background-color: #F7F9FC; } .td-numbering[data-v-da65e0d2] { padding: 3px 10px !important; text-align: center; font-size: 0.7rem !important; font-weight: 400 !important; color: #6087A0 !important; background-color: #F7F9FC; } input[type="date"] { border: 1px solid #ccc; padding: 5px; font-size: 15px; border-radius: 5px; } .fill-red[data-v-1b5a92c6] { background: #FF3B3B; } .fill-blue[data-v-1b5a92c6] { background: #4472C4; } .fill-aqua[data-v-1b5a92c6] { background: #FFFFFF; } .fill-cyan[data-v-1b5a92c6] { background: #BDD7EE; } .fill-green[data-v-1b5a92c6] { background: #A9D08E; } .fill-lgreen[data-v-1b5a92c6] { background: #C6E0B4; } .fill-orange[data-v-1b5a92c6] { background: #F4B084; } .fill-yellow[data-v-1b5a92c6] { background: #FFD966; } .pagination-container[data-v-1b5a92c6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pagination[data-v-1b5a92c6] { margin-right: 10px; border-radius: 4px; background-color: #f5f5f5; border-color: #ddd; color: #333; padding: 4px 12px; font-size: 14px; line-height: 1.5; min-width: 36px; text-align: center; white-space: nowrap; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out; } .pagination-buttons[data-v-1b5a92c6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pagination-button[data-v-1b5a92c6] { background: white; } /*! * vue-treeselect v0.4.0 | (c) 2017-2019 Riophae Lee * Released under the MIT License. * https://vue-treeselect.js.org/ */ /** * Dependencies */ /** * Variables */ /** * Mixins */ /** * Helpers */ .vue-treeselect-helper-hide { display: none; } .vue-treeselect-helper-zoom-effect-off { -webkit-transform: none !important; transform: none !important; } /** * Animations */ @-webkit-keyframes vue-treeselect-animation-fade-in { 0% { opacity: 0; } } @keyframes vue-treeselect-animation-fade-in { 0% { opacity: 0; } } @-webkit-keyframes vue-treeselect-animation-bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes vue-treeselect-animation-bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes vue-treeselect-animation-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes vue-treeselect-animation-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /** * Transitions */ .vue-treeselect__multi-value-item--transition-enter-active, .vue-treeselect__multi-value-item--transition-leave-active { -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .vue-treeselect__multi-value-item--transition-enter-active { -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } .vue-treeselect__multi-value-item--transition-leave-active { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); position: absolute; } .vue-treeselect__multi-value-item--transition-enter, .vue-treeselect__multi-value-item--transition-leave-to { -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 0; } .vue-treeselect__multi-value-item--transition-move { -webkit-transition: 200ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1); transition: 200ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1); transition: 200ms transform cubic-bezier(0.165, 0.84, 0.44, 1); transition: 200ms transform cubic-bezier(0.165, 0.84, 0.44, 1), 200ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1); } /** * Namespace */ .vue-treeselect { position: relative; text-align: left; } [dir="rtl"] .vue-treeselect { text-align: right; } .vue-treeselect div, .vue-treeselect span { -webkit-box-sizing: border-box; box-sizing: border-box; } .vue-treeselect svg { fill: currentColor; } /** * Control */ .vue-treeselect__control { padding-left: 5px; padding-right: 5px; display: table; table-layout: fixed; width: 100%; height: 36px; border: 1px solid #ddd; border-radius: 5px; background: #fff; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-property: border-color, width, height, background-color, opacity, -webkit-box-shadow; transition-property: border-color, width, height, background-color, opacity, -webkit-box-shadow; transition-property: border-color, box-shadow, width, height, background-color, opacity; transition-property: border-color, box-shadow, width, height, background-color, opacity, -webkit-box-shadow; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused) .vue-treeselect__control:hover { border-color: #cfcfcf; } .vue-treeselect--focused:not(.vue-treeselect--open) .vue-treeselect__control { border-color: #039be5; -webkit-box-shadow: 0 0 0 3px rgba(3, 155, 229, 0.1); box-shadow: 0 0 0 3px rgba(3, 155, 229, 0.1); } .vue-treeselect--disabled .vue-treeselect__control { background-color: #f9f9f9; } .vue-treeselect--open .vue-treeselect__control { border-color: #cfcfcf; } .vue-treeselect--open.vue-treeselect--open-below .vue-treeselect__control { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .vue-treeselect--open.vue-treeselect--open-above .vue-treeselect__control { border-top-left-radius: 0; border-top-right-radius: 0; } .vue-treeselect__value-container, .vue-treeselect__multi-value { width: 100%; vertical-align: middle; } .vue-treeselect__value-container { display: table-cell; position: relative; } .vue-treeselect--searchable:not(.vue-treeselect--disabled) .vue-treeselect__value-container { cursor: text; } .vue-treeselect__multi-value { display: inline-block; } .vue-treeselect--has-value .vue-treeselect__multi-value { margin-bottom: 5px; } .vue-treeselect__placeholder, .vue-treeselect__single-value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 5px; padding-right: 5px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; line-height: 34px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .vue-treeselect__placeholder { color: #bdbdbd; } .vue-treeselect__single-value { color: #333; } .vue-treeselect--focused.vue-treeselect--searchable .vue-treeselect__single-value { color: #bdbdbd; } .vue-treeselect--disabled .vue-treeselect__single-value { position: static; } .vue-treeselect__multi-value-item-container { display: inline-block; padding-top: 5px; padding-right: 5px; vertical-align: top; } [dir="rtl"] .vue-treeselect__multi-value-item-container { padding-right: 0; padding-left: 5px; } .vue-treeselect__multi-value-item { cursor: pointer; display: inline-table; background: #e3f2fd; padding: 2px 0; border: 1px solid transparent; border-radius: 2px; color: #039be5; font-size: 12px; vertical-align: top; } .vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-disabled):hover .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new):hover { cursor: pointer; background: #e3f2fd; color: #039be5; } .vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-disabled { cursor: default; background: #f5f5f5; color: #757575; } .vue-treeselect--disabled .vue-treeselect__multi-value-item { cursor: default; background: #fff; border-color: #e5e5e5; color: #555; } .vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new { background: #e8f5e9; } .vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new:hover { background: #e8f5e9; } .vue-treeselect__value-remove, .vue-treeselect__multi-value-label { display: table-cell; padding: 0 5px; vertical-align: middle; } .vue-treeselect__value-remove { color: #039be5; padding-left: 5px; border-left: 1px solid #fff; line-height: 0; } [dir="rtl"] .vue-treeselect__value-remove { border-left: 0 none; border-right: 1px solid #fff; } .vue-treeselect__multi-value-item:hover .vue-treeselect__value-remove { color: #e53935; } .vue-treeselect--disabled .vue-treeselect__value-remove, .vue-treeselect__multi-value-item-disabled .vue-treeselect__value-remove { display: none; } .vue-treeselect__value-remove > svg { width: 6px; height: 6px; } .vue-treeselect__multi-value-label { padding-right: 5px; white-space: pre-line; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vue-treeselect__limit-tip { display: inline-block; padding-top: 5px; padding-right: 5px; vertical-align: top; } [dir="rtl"] .vue-treeselect__limit-tip { padding-right: 0; padding-left: 5px; } .vue-treeselect__limit-tip-text { cursor: default; display: block; margin: 2px 0; padding: 1px 0; color: #bdbdbd; font-size: 12px; font-weight: 600; } .vue-treeselect__input-container { display: block; max-width: 100%; outline: none; } .vue-treeselect--single .vue-treeselect__input-container { font-size: inherit; height: 100%; } .vue-treeselect--multi .vue-treeselect__input-container { display: inline-block; font-size: 12px; vertical-align: top; } .vue-treeselect--searchable .vue-treeselect__input-container { padding-left: 5px; padding-right: 5px; } .vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value .vue-treeselect__input-container { padding-top: 5px; padding-left: 0; } [dir="rtl"] .vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value .vue-treeselect__input-container { padding-left: 5px; padding-right: 0; } .vue-treeselect--disabled .vue-treeselect__input-container { display: none; } .vue-treeselect__input, .vue-treeselect__sizer { margin: 0; line-height: inherit; font-family: inherit; font-size: inherit; } .vue-treeselect__input { max-width: 100%; margin: 0; padding: 0; border: 0; outline: none; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: none; box-shadow: none; background: none transparent; line-height: 1; vertical-align: middle; } .vue-treeselect__input::-ms-clear { display: none; } .vue-treeselect--single .vue-treeselect__input { width: 100%; height: 100%; } .vue-treeselect--multi .vue-treeselect__input { padding-top: 3px; padding-bottom: 3px; } .vue-treeselect--has-value .vue-treeselect__input { line-height: inherit; vertical-align: top; } .vue-treeselect__sizer { position: absolute; top: 0; left: 0; visibility: hidden; height: 0; overflow: scroll; white-space: pre; } .vue-treeselect__x-container { display: table-cell; vertical-align: middle; width: 20px; text-align: center; line-height: 0; cursor: pointer; color: #ccc; -webkit-animation: 200ms vue-treeselect-animation-fade-in cubic-bezier(0.075, 0.82, 0.165, 1); animation: 200ms vue-treeselect-animation-fade-in cubic-bezier(0.075, 0.82, 0.165, 1); } .vue-treeselect__x-container:hover { color: #e53935; } .vue-treeselect__x { width: 8px; height: 8px; } .vue-treeselect__control-arrow-container { display: table-cell; vertical-align: middle; width: 20px; text-align: center; line-height: 0; cursor: pointer; } .vue-treeselect--disabled .vue-treeselect__control-arrow-container { cursor: default; } .vue-treeselect__control-arrow { width: 9px; height: 9px; color: #ccc; } .vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__control-arrow-container:hover .vue-treeselect__control-arrow { color: #616161; } .vue-treeselect--disabled .vue-treeselect__control-arrow { opacity: 0.35; } .vue-treeselect__control-arrow--rotated { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); } /** * Menu */ .vue-treeselect__menu-container { position: absolute; left: 0; width: 100%; overflow: visible; -webkit-transition: 0s; transition: 0s; } .vue-treeselect--open-below:not(.vue-treeselect--append-to-body) .vue-treeselect__menu-container { top: 100%; } .vue-treeselect--open-above:not(.vue-treeselect--append-to-body) .vue-treeselect__menu-container { bottom: 100%; } .vue-treeselect__menu { cursor: default; padding-top: 5px; padding-bottom: 5px; display: block; position: absolute; overflow-x: hidden; overflow-y: auto; width: auto; border: 1px solid #cfcfcf; background: #fff; line-height: 180%; -webkit-overflow-scrolling: touch; } .vue-treeselect--open-below .vue-treeselect__menu { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; top: 0; margin-top: -1px; border-top-color: #f2f2f2; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); } .vue-treeselect--open-above .vue-treeselect__menu { border-top-left-radius: 5px; border-top-right-radius: 5px; bottom: 0; margin-bottom: -1px; border-bottom-color: #f2f2f2; } .vue-treeselect__indent-level-0 .vue-treeselect__option { padding-left: 5px; } [dir="rtl"] .vue-treeselect__indent-level-0 .vue-treeselect__option { padding-left: 5px; padding-right: 5px; } .vue-treeselect__indent-level-0 .vue-treeselect__tip { padding-left: 25px; } [dir="rtl"] .vue-treeselect__indent-level-0 .vue-treeselect__tip { padding-left: 5px; padding-right: 25px; } .vue-treeselect__indent-level-1 .vue-treeselect__option { padding-left: 25px; } [dir="rtl"] .vue-treeselect__indent-level-1 .vue-treeselect__option { padding-left: 5px; padding-right: 25px; } .vue-treeselect__indent-level-1 .vue-treeselect__tip { padding-left: 45px; } [dir="rtl"] .vue-treeselect__indent-level-1 .vue-treeselect__tip { padding-left: 5px; padding-right: 45px; } .vue-treeselect__indent-level-2 .vue-treeselect__option { padding-left: 45px; } [dir="rtl"] .vue-treeselect__indent-level-2 .vue-treeselect__option { padding-left: 5px; padding-right: 45px; } .vue-treeselect__indent-level-2 .vue-treeselect__tip { padding-left: 65px; } [dir="rtl"] .vue-treeselect__indent-level-2 .vue-treeselect__tip { padding-left: 5px; padding-right: 65px; } .vue-treeselect__indent-level-3 .vue-treeselect__option { padding-left: 65px; } [dir="rtl"] .vue-treeselect__indent-level-3 .vue-treeselect__option { padding-left: 5px; padding-right: 65px; } .vue-treeselect__indent-level-3 .vue-treeselect__tip { padding-left: 85px; } [dir="rtl"] .vue-treeselect__indent-level-3 .vue-treeselect__tip { padding-left: 5px; padding-right: 85px; } .vue-treeselect__indent-level-4 .vue-treeselect__option { padding-left: 85px; } [dir="rtl"] .vue-treeselect__indent-level-4 .vue-treeselect__option { padding-left: 5px; padding-right: 85px; } .vue-treeselect__indent-level-4 .vue-treeselect__tip { padding-left: 105px; } [dir="rtl"] .vue-treeselect__indent-level-4 .vue-treeselect__tip { padding-left: 5px; padding-right: 105px; } .vue-treeselect__indent-level-5 .vue-treeselect__option { padding-left: 105px; } [dir="rtl"] .vue-treeselect__indent-level-5 .vue-treeselect__option { padding-left: 5px; padding-right: 105px; } .vue-treeselect__indent-level-5 .vue-treeselect__tip { padding-left: 125px; } [dir="rtl"] .vue-treeselect__indent-level-5 .vue-treeselect__tip { padding-left: 5px; padding-right: 125px; } .vue-treeselect__indent-level-6 .vue-treeselect__option { padding-left: 125px; } [dir="rtl"] .vue-treeselect__indent-level-6 .vue-treeselect__option { padding-left: 5px; padding-right: 125px; } .vue-treeselect__indent-level-6 .vue-treeselect__tip { padding-left: 145px; } [dir="rtl"] .vue-treeselect__indent-level-6 .vue-treeselect__tip { padding-left: 5px; padding-right: 145px; } .vue-treeselect__indent-level-7 .vue-treeselect__option { padding-left: 145px; } [dir="rtl"] .vue-treeselect__indent-level-7 .vue-treeselect__option { padding-left: 5px; padding-right: 145px; } .vue-treeselect__indent-level-7 .vue-treeselect__tip { padding-left: 165px; } [dir="rtl"] .vue-treeselect__indent-level-7 .vue-treeselect__tip { padding-left: 5px; padding-right: 165px; } .vue-treeselect__indent-level-8 .vue-treeselect__option { padding-left: 165px; } [dir="rtl"] .vue-treeselect__indent-level-8 .vue-treeselect__option { padding-left: 5px; padding-right: 165px; } .vue-treeselect__indent-level-8 .vue-treeselect__tip { padding-left: 185px; } [dir="rtl"] .vue-treeselect__indent-level-8 .vue-treeselect__tip { padding-left: 5px; padding-right: 185px; } .vue-treeselect__option { padding-left: 5px; padding-right: 5px; display: table; table-layout: fixed; width: 100%; } .vue-treeselect__option--highlight { background: #f5f5f5; } .vue-treeselect--single .vue-treeselect__option--selected { background: #e3f2fd; font-weight: 600; } .vue-treeselect--single .vue-treeselect__option--selected:hover { background: #e3f2fd; } .vue-treeselect__option--hide { display: none; } .vue-treeselect__option-arrow-container, .vue-treeselect__option-arrow-placeholder { display: table-cell; vertical-align: middle; width: 20px; text-align: center; line-height: 0; } .vue-treeselect__option-arrow-container { cursor: pointer; } .vue-treeselect__option-arrow { display: inline-block; width: 9px; height: 9px; color: #ccc; vertical-align: middle; -webkit-transition: 200ms -webkit-transform cubic-bezier(0.19, 1, 0.22, 1); transition: 200ms -webkit-transform cubic-bezier(0.19, 1, 0.22, 1); transition: 200ms transform cubic-bezier(0.19, 1, 0.22, 1); transition: 200ms transform cubic-bezier(0.19, 1, 0.22, 1), 200ms -webkit-transform cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform: rotateZ(-90deg); transform: rotateZ(-90deg); } [dir="rtl"] .vue-treeselect__option-arrow { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); } .vue-treeselect__option-arrow-container:hover .vue-treeselect__option-arrow, .vue-treeselect--branch-nodes-disabled .vue-treeselect__option:hover .vue-treeselect__option-arrow { color: #616161; } .vue-treeselect__option-arrow--rotated { -webkit-transform: rotateZ(0); transform: rotateZ(0); } [dir="rtl"] .vue-treeselect__option-arrow--rotated { -webkit-transform: rotateZ(0); transform: rotateZ(0); } .vue-treeselect__option-arrow--rotated.vue-treeselect__option-arrow--prepare-enter { -webkit-transform: rotateZ(-90deg) !important; transform: rotateZ(-90deg) !important; } [dir="rtl"] .vue-treeselect__option-arrow--rotated.vue-treeselect__option-arrow--prepare-enter { -webkit-transform: rotateZ(90deg) !important; transform: rotateZ(90deg) !important; } .vue-treeselect__label-container { display: table-cell; vertical-align: middle; cursor: pointer; display: table; width: 100%; table-layout: fixed; color: inherit; } .vue-treeselect__option--disabled .vue-treeselect__label-container { cursor: not-allowed; color: rgba(0, 0, 0, 0.25); } .vue-treeselect__checkbox-container { display: table-cell; width: 20px; min-width: 20px; height: 100%; text-align: center; vertical-align: middle; } .vue-treeselect__checkbox { display: block; margin: auto; width: 12px; height: 12px; border-width: 1px; border-style: solid; border-radius: 2px; position: relative; -webkit-transition: 200ms all cubic-bezier(0.075, 0.82, 0.165, 1); transition: 200ms all cubic-bezier(0.075, 0.82, 0.165, 1); } .vue-treeselect__check-mark, .vue-treeselect__minus-mark { display: block; position: absolute; left: 1px; top: 1px; background-repeat: no-repeat; opacity: 0; -webkit-transition: 200ms all ease; transition: 200ms all ease; } .vue-treeselect__minus-mark { width: 8px; height: 8px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAAD///////9zeKVjAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=); background-size: 8px 8px; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .vue-treeselect__minus-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==); } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .vue-treeselect__minus-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==); } } @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) { .vue-treeselect__minus-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAAD///////////////+PQt5oAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==); } } .vue-treeselect__checkbox--indeterminate > .vue-treeselect__minus-mark { opacity: 1; } .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAADi4uLh4eHOxeSRAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==); } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==); } } @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) { .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAADh4eHg4ODNzc3h4eEYfw2wAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==); } } .vue-treeselect__check-mark { width: 8px; height: 8px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFXRSTlMA8u24NxILB+Tawb6jiH1zRz0xIQIIP3GUAAAAMklEQVQI1y3FtQEAMQDDQD+EGbz/qkEVOpyEOP6PudKjZNSXn4Jm2CKRdBKzSLsFWl8fMG0Bl6Jk1rMAAAAASUVORK5CYII=); background-size: 8px 8px; -webkit-transform: scaleY(0.125); transform: scaleY(0.125); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .vue-treeselect__check-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC); } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .vue-treeselect__check-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC); } } @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) { .vue-treeselect__check-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAWlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9ZMre9AAAAHXRSTlMA/PiJhGNI9XlEHJB/b2ldV08+Oibk49vPp6QhAYgGBuwAAACCSURBVCjPrdHdDoIwDAXgTWAqCigo/+f9X5OwnoUwtis4V92XNWladUl+rzQPeQJAN2EHxoOnsPn7/oYk8fxBv08Rr/deOH/aZ2Nm8ZJ+s573QGfWKnNuZGzWm3+lv2V3pcU1XQ385/yjmBoM3Z+dXvlbYLLD3ujhTaOM3KaIXvNkFkuSEvYy1LqOAAAAAElFTkSuQmCC); } } .vue-treeselect__checkbox--checked > .vue-treeselect__check-mark { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAP1BMVEUAAADj4+Pf39/h4eHh4eHh4eHk5OTh4eHg4ODi4uLh4eHh4eHg4ODh4eHh4eHg4ODh4eHh4eHp6en////h4eFqcyvUAAAAFHRSTlMAOQfy7bgS5NrBvqOIfXNHMSELAgQ/iFsAAAA2SURBVAjXY4AANjYIzcjMAaVFuBkY+RkEWERYmRjYRXjANAOfiIgIFxNIAa8IpxBEi6AwiAQAK2MBd7xY8csAAAAASUVORK5CYII=); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==); } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==); } } @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) { .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAUVBMVEUAAADh4eHh4eHh4eHh4eHi4uLi4uLh4eHh4eHh4eHf39/j4+Ph4eHh4eHh4eHg4ODi4uLh4eHh4eHi4uLh4eHh4eHh4eHh4eHh4eH////h4eF3FMFTAAAAGnRSTlMA+/eJhGhfSHE9JBzz5KaQf3pXT0Xbz0I5AYDw8F0AAAB+SURBVCjPrdHbDoMgEEVRKAii1dZe9fz/hxplTiKIT7qfYCWTEEZdUvOwbckNAD2WHeh3brHW5f5EzGQ+iN+b1Gt6KPvtv16Dn6JX9M9ya3/A1yfu5dlyduL6Hec7mXY6ddXLPP2lpABGZ8PWXfYLTJxZekVhhl7eTX24zZPNKXoRC7zQLjUAAAAASUVORK5CYII=); } } .vue-treeselect__checkbox--unchecked { border-color: #e0e0e0; background: #fff; } .vue-treeselect__label-container:hover .vue-treeselect__checkbox--unchecked { border-color: #039be5; background: #fff; } .vue-treeselect__checkbox--indeterminate { border-color: #039be5; background: #039be5; } .vue-treeselect__label-container:hover .vue-treeselect__checkbox--indeterminate { border-color: #039be5; background: #039be5; } .vue-treeselect__checkbox--checked { border-color: #039be5; background: #039be5; } .vue-treeselect__label-container:hover .vue-treeselect__checkbox--checked { border-color: #039be5; background: #039be5; } .vue-treeselect__checkbox--disabled { border-color: #e0e0e0; background-color: #f7f7f7; } .vue-treeselect__label-container:hover .vue-treeselect__checkbox--disabled { border-color: #e0e0e0; background-color: #f7f7f7; } .vue-treeselect__label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: table-cell; padding-left: 5px; max-width: 100%; vertical-align: middle; cursor: inherit; } [dir="rtl"] .vue-treeselect__label { padding-left: 0; padding-right: 5px; } .vue-treeselect__count { margin-left: 5px; font-weight: 400; opacity: 0.6; } [dir="rtl"] .vue-treeselect__count { margin-left: 0; margin-right: 5px; } .vue-treeselect__tip { padding-left: 5px; padding-right: 5px; display: table; table-layout: fixed; width: 100%; color: #757575; } .vue-treeselect__tip-text { display: table-cell; vertical-align: middle; padding-left: 5px; padding-right: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; font-size: 12px; } .vue-treeselect__error-tip .vue-treeselect__retry { cursor: pointer; margin-left: 5px; font-style: normal; font-weight: 600; text-decoration: none; color: #039be5; } [dir="rtl"] .vue-treeselect__error-tip .vue-treeselect__retry { margin-left: 0; margin-right: 5px; } .vue-treeselect__icon-container { display: table-cell; vertical-align: middle; width: 20px; text-align: center; line-height: 0; } .vue-treeselect--single .vue-treeselect__icon-container { padding-left: 5px; } [dir="rtl"] .vue-treeselect--single .vue-treeselect__icon-container { padding-left: 0; padding-right: 5px; } .vue-treeselect__icon-warning { display: block; margin: auto; border-radius: 50%; position: relative; width: 12px; height: 12px; background: #fb8c00; } .vue-treeselect__icon-warning::after { display: block; position: absolute; content: ""; left: 5px; top: 2.5px; width: 2px; height: 1px; border: 0 solid #fff; border-top-width: 5px; border-bottom-width: 1px; } .vue-treeselect__icon-error { display: block; margin: auto; border-radius: 50%; position: relative; width: 12px; height: 12px; background: #e53935; } .vue-treeselect__icon-error::before, .vue-treeselect__icon-error::after { display: block; position: absolute; content: ""; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .vue-treeselect__icon-error::before { width: 6px; height: 2px; left: 3px; top: 5px; } .vue-treeselect__icon-error::after { width: 2px; height: 6px; left: 5px; top: 3px; } .vue-treeselect__icon-loader { display: block; margin: auto; position: relative; width: 12px; height: 12px; text-align: center; -webkit-animation: 1.6s vue-treeselect-animation-rotate linear infinite; animation: 1.6s vue-treeselect-animation-rotate linear infinite; } .vue-treeselect__icon-loader::before, .vue-treeselect__icon-loader::after { border-radius: 50%; position: absolute; content: ""; left: 0; top: 0; display: block; width: 100%; height: 100%; opacity: 0.6; -webkit-animation: 1.6s vue-treeselect-animation-bounce ease-in-out infinite; animation: 1.6s vue-treeselect-animation-bounce ease-in-out infinite; } .vue-treeselect__icon-loader::before { background: #039be5; } .vue-treeselect__icon-loader::after { background: #b3e5fc; -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } /** * Menu Portal */ .vue-treeselect__menu-placeholder { display: none; } .vue-treeselect__portal-target { position: absolute; display: block; left: 0; top: 0; height: 0; width: 0; padding: 0; margin: 0; border: 0; overflow: visible; -webkit-box-sizing: border-box; box-sizing: border-box; } .status-checked[data-v-15630786] { background: rgba(180, 255, 140, 0.5); } .status-error[data-v-15630786] { background: rgba(237, 77, 77, 0.23); border: solid red 1px; } .td-numbering[data-v-64713e00]{ padding: 3px 10px!important; text-align: center; font-size: 0.7rem !important; font-weight: 400!important; color: #6087A0 !important; background-color: #F7F9FC; } .td-numbering[data-v-083f5127] { padding: 3px 10px !important; text-align: center; font-size: 0.7rem !important; font-weight: 400 !important; color: #6087a0 !important; background-color: #f7f9fc; } .td-numbering[data-v-c2913ac6] { padding: 3px 10px !important; text-align: center; font-size: 0.7rem !important; font-weight: 400 !important; color: #6087a0 !important; background-color: #f7f9fc; } .td-numbering[data-v-2563af10] { padding: 3px 10px !important; text-align: center; font-size: 0.7rem !important; font-weight: 400 !important; color: #6087a0 !important; background-color: #f7f9fc; } .td-numbering[data-v-1f1d4d6e] { padding: 3px 10px !important; text-align: center; font-size: 0.7rem !important; font-weight: 400 !important; color: #6087a0 !important; background-color: #f7f9fc; } .td-numbering[data-v-51bfb2fc]{ padding: 3px 10px!important; text-align: center; font-size: 0.7rem !important; font-weight: 400!important; color: #6087A0 !important; background-color: #F7F9FC; } .fill-cyan[data-v-10c52cac] { background: #D9E1F2; } .fill-green[data-v-10c52cac] { background: #C6E0B4; } .bolded-label legend[data-v-c3429fd0] { margin-right: 50px!important; } .top-nav[data-v-d4eb27d2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;gap:20px;padding:0 20px 0 20px;border-bottom:1px solid #e2e5eb;height:80px}.top-nav input[data-v-d4eb27d2]{background:#fff;border-radius:5px;border:none}.group-container[data-v-d4eb27d2]{border:1px solid #d3dbe2;border-radius:5px;background:#fff;padding:10px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px}.group-container b.error-bg[data-v-d4eb27d2]{color:#d07c79}.group-container .form-group[data-v-d4eb27d2]{padding:5px 0;width:100%;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.group-container .form-group .btn[data-v-d4eb27d2]{margin:0;padding:0 10px}.group-container .form-group div input[data-v-d4eb27d2]{width:150px !important;border:#bcd2e0 solid 1px !important;border-radius:8px !important;background:#fff !important}.group-container .reason-container[data-v-d4eb27d2]{border:1px solid #d3dbe2;border-radius:5px;background:#f6f9fc;padding:5px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.group-container .reason-container .form-reason[data-v-d4eb27d2]{padding:5px 0}.group-container .reason-container.error-bg[data-v-d4eb27d2]{background:#ffe5e5 !important}.group-container .form-reason-input[data-v-d4eb27d2]{width:150px;float:right}.total-reason-container[data-v-d4eb27d2]{border:1px solid #d3dbe2;border-radius:5px;background:#f6f9fc;padding:5px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:5px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.total-reason-container .form-reason[data-v-d4eb27d2]{padding:5px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:10px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.total-reason-container .form-reason input[data-v-d4eb27d2]{width:50%;background:#fff !important;border:none}.total-reason-container .form-reason-input[data-v-d4eb27d2]{width:150px;float:right}.reason-input-container[data-v-d4eb27d2]{border-radius:5px;display:grid;grid-template-columns:1fr 1fr;width:100%;gap:5px;padding:10px}.reason-input-actions[data-v-d4eb27d2]{height:40px;background:#fff;padding:0 20px 0 20px;border-top:1px solid #e2e5eb;z-index:11111011;width:100%}.reason-input-actions .right[data-v-d4eb27d2]{float:right;height:80%;margin-top:4px}.reason-input-actions .left[data-v-d4eb27d2]{float:left;height:80%;margin-top:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.left-side[data-v-d4eb27d2]{background:#fff;border-right:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px;border-radius:5px;padding:10px}.right-side[data-v-d4eb27d2]{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px;border-radius:5px;padding:10px}.form-group[data-v-d4eb27d2]{margin-bottom:15px}.form-label[data-v-d4eb27d2]{display:block;margin-bottom:5px;font-weight:bold}.form-input[data-v-d4eb27d2]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}body:has(.reason-input) .tabs ul[role=tablist][data-v-d4eb27d2]{display:none}body:has(.reason-input) .filter-container[data-v-d4eb27d2]{display:none}body:has(.reason-input) .main-container[data-v-d4eb27d2]{margin-top:136px;height:calc(100vh - 136px)}body:has(.reason-input) .main-container.no-tabs[data-v-d4eb27d2]{margin-top:136px;height:calc(100vh - 136px)}:has(.monitorin-input-form.active) body:has(.reason-input) .main-container.no-tabs[data-v-d4eb27d2]{margin-top:136px;height:calc(100vh - 136px)}:has(.monitorin-input-form.active) body:has(.reason-input) .main-container.no-tabs.scrolled[data-v-d4eb27d2]{margin-top:40px;height:calc(100vh - 40px)}:has(.monitorin-input-form.active) body:has(.reason-input) .main-container.no-tabs.scrolled .reason-input-actions[data-v-d4eb27d2]{width:calc(100% - 112px);position:fixed;top:0}:has(.monitorin-input-form.active) body:has(.reason-input) .main-container.no-tabs.scrolled .reason-input-actions .main-container[data-v-d4eb27d2]:has(.full-board){width:calc(100% - 356px)}:has(.monitorin-input-form.active) body:has(.reason-input) .main-container.no-tabs.scrolled .total-reason-container[data-v-d4eb27d2]{position:sticky;top:0}:has(.monitorin-input-form.active) body:has(.reason-input) .main-container.no-tabs.scrolled.full-board .reason-input-actions[data-v-d4eb27d2]{width:calc(100% - 356px)}.reason-input .multiselect.cbc-select.error-cbc .multiselect__single[data-v-d4eb27d2]{color:#d07c79 !important}.total-input-form[data-v-d4eb27d2]{background-color:#eef1f8;border:none;border-radius:8px 0 0 8px !important}.total-input-form[data-v-d4eb27d2]::-webkit-input-placeholder{color:#7c9db3}.total-input-form[data-v-d4eb27d2]::-moz-placeholder{color:#7c9db3}.total-input-form[data-v-d4eb27d2]:-ms-input-placeholder{color:#7c9db3}.total-input-form[data-v-d4eb27d2]::-ms-input-placeholder{color:#7c9db3}.total-input-form[data-v-d4eb27d2]::placeholder{color:#7c9db3}.total-input-form[data-v-d4eb27d2]:focus{-webkit-box-shadow:none;box-shadow:none;background-color:#eef1f8} .popup[data-v-17a8813c] { position: absolute; background-color: #FFF9EB; border-radius: 5px; border: 1px solid #ccc; padding: 10px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-100%); transform: translateY(-100%); z-index: 999; /* Ensure it's above other content */ } .hoverable-text[data-v-17a8813c] { cursor: pointer; /* Change cursor to pointer on hover */ } .status-checked[data-v-29ef1494] { background: rgba(180, 255, 140, 0.5); } .status-error[data-v-29ef1494] { background: rgba(237, 77, 77, 0.23); border: solid red 1px; } .top-nav[data-v-835bbf74]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;gap:20px;padding:0 20px 0 20px;border-bottom:1px solid #e2e5eb;height:80px}.top-nav input[data-v-835bbf74]{background:#fff;border-radius:5px;border:none}.group-container[data-v-835bbf74]{border:1px solid #d3dbe2;border-radius:5px;background:#fff;padding:10px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px}.group-container b.error-bg[data-v-835bbf74]{color:#d07c79}.group-container .form-group[data-v-835bbf74]{padding:5px 0;width:100%;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.group-container .form-group .btn[data-v-835bbf74]{margin:0;padding:0 10px}.group-container .form-group div input[data-v-835bbf74]{width:150px !important;border:#bcd2e0 solid 1px !important;border-radius:8px !important;background:#fff !important}.group-container .reason-container[data-v-835bbf74]{border:1px solid #d3dbe2;border-radius:5px;background:#f6f9fc;padding:5px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.group-container .reason-container .form-reason[data-v-835bbf74]{padding:5px 0}.group-container .reason-container.error-bg[data-v-835bbf74]{background:#ffe5e5 !important}.group-container .form-reason-input[data-v-835bbf74]{width:150px;float:right}.total-reason-container[data-v-835bbf74]{border:1px solid #d3dbe2;border-radius:5px;background:#f6f9fc;padding:5px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:5px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.total-reason-container .form-reason[data-v-835bbf74]{padding:5px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:10px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.total-reason-container .form-reason input[data-v-835bbf74]{width:50%;background:#fff !important;border:none}.total-reason-container .form-reason-input[data-v-835bbf74]{width:150px;float:right}.reason-input-container[data-v-835bbf74]{border-radius:5px;display:grid;grid-template-columns:1fr 1fr;width:100%;gap:5px;padding:10px}.reason-input-actions[data-v-835bbf74]{height:40px;background:#fff;padding:0 20px 0 20px;border-top:1px solid #e2e5eb;z-index:11111011;width:100%}.reason-input-actions .right[data-v-835bbf74]{float:right;height:80%;margin-top:4px}.reason-input-actions .left[data-v-835bbf74]{float:left;height:80%;margin-top:4px}.left-side[data-v-835bbf74]{background:#fff;border-right:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px;border-radius:5px;padding:10px}.right-side[data-v-835bbf74]{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px;border-radius:5px;padding:10px}.form-group[data-v-835bbf74]{margin-bottom:15px}.form-label[data-v-835bbf74]{display:block;margin-bottom:5px;font-weight:bold}.form-input[data-v-835bbf74]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}body:has(.reason-input) .tabs ul[role=tablist][data-v-835bbf74]{display:none}body:has(.reason-input) .filter-container[data-v-835bbf74]{display:none}body:has(.reason-input) .main-container[data-v-835bbf74]{margin-top:136px;height:calc(100vh - 136px)}body:has(.reason-input) .main-container.no-tabs[data-v-835bbf74]{margin-top:136px;height:calc(100vh - 136px)}:has(.monitorin-input-form.active) body:has(.reason-input) .main-container.no-tabs[data-v-835bbf74]{margin-top:136px;height:calc(100vh - 136px)}:has(.monitorin-input-form.active) body:has(.reason-input) .main-container.no-tabs.scrolled[data-v-835bbf74]{margin-top:40px;height:calc(100vh - 40px)}:has(.monitorin-input-form.active) body:has(.reason-input) .main-container.no-tabs.scrolled .reason-input-actions[data-v-835bbf74]{width:calc(100% - 112px);position:fixed;top:0}:has(.monitorin-input-form.active) body:has(.reason-input) .main-container.no-tabs.scrolled .reason-input-actions .main-container[data-v-835bbf74]:has(.full-board){width:calc(100% - 356px)}:has(.monitorin-input-form.active) body:has(.reason-input) .main-container.no-tabs.scrolled .total-reason-container[data-v-835bbf74]{position:sticky;top:0}:has(.monitorin-input-form.active) body:has(.reason-input) .main-container.no-tabs.scrolled.full-board .reason-input-actions[data-v-835bbf74]{width:calc(100% - 356px)}.reason-input .multiselect.cbc-select.error-cbc .multiselect__single[data-v-835bbf74]{color:#d07c79 !important}.total-input-form[data-v-835bbf74]{background-color:#eef1f8;border:none;border-radius:8px 0 0 8px !important}.total-input-form[data-v-835bbf74]::-webkit-input-placeholder{color:#7c9db3}.total-input-form[data-v-835bbf74]::-moz-placeholder{color:#7c9db3}.total-input-form[data-v-835bbf74]:-ms-input-placeholder{color:#7c9db3}.total-input-form[data-v-835bbf74]::-ms-input-placeholder{color:#7c9db3}.total-input-form[data-v-835bbf74]::placeholder{color:#7c9db3}.total-input-form[data-v-835bbf74]:focus{-webkit-box-shadow:none;box-shadow:none;background-color:#eef1f8} .status-checked[data-v-4a8db168] { background: rgba(180, 255, 140, 0.5); } .status-error[data-v-4a8db168] { background: rgba(237, 77, 77, 0.23); border: solid red 1px; } .top-nav[data-v-2fcbd3e4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;gap:20px;padding:0 20px 0 20px;border-bottom:1px solid #e2e5eb;height:80px}.top-nav input[data-v-2fcbd3e4]{background:#fff;border-radius:5px;border:none}.group-container[data-v-2fcbd3e4]{border:1px solid #d3dbe2;border-radius:5px;background:#fff;padding:10px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px}.group-container b.error-bg[data-v-2fcbd3e4]{color:#d07c79}.group-container .form-group[data-v-2fcbd3e4]{padding:5px 0;width:100%;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.group-container .form-group .btn[data-v-2fcbd3e4]{margin:0;padding:0 10px}.group-container .form-group div input[data-v-2fcbd3e4]{width:150px !important;border:#bcd2e0 solid 1px !important;border-radius:8px !important;background:#fff !important}.group-container .reason-container[data-v-2fcbd3e4]{border:1px solid #d3dbe2;border-radius:5px;background:#f6f9fc;padding:5px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.group-container .reason-container .form-reason[data-v-2fcbd3e4]{padding:5px 0}.group-container .reason-container.error-bg[data-v-2fcbd3e4]{background:#ffe5e5 !important}.group-container .form-reason-input[data-v-2fcbd3e4]{width:150px;float:right}.total-reason-container[data-v-2fcbd3e4]{border:1px solid #d3dbe2;border-radius:5px;background:#f6f9fc;padding:5px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:5px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.total-reason-container .form-reason[data-v-2fcbd3e4]{padding:5px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:10px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.total-reason-container .form-reason input[data-v-2fcbd3e4]{width:50%;background:#fff !important;border:none}.total-reason-container .form-reason-input[data-v-2fcbd3e4]{width:150px;float:right}.reason-input-container[data-v-2fcbd3e4]{border-radius:5px;display:grid;grid-template-columns:1fr 1fr;width:100%;gap:5px;padding:10px}.reason-input-actions[data-v-2fcbd3e4]{height:40px;background:#fff;padding:0 20px 0 20px;border-top:1px solid #e2e5eb;z-index:11111011;width:100%}.reason-input-actions .right[data-v-2fcbd3e4]{float:right;height:80%;margin-top:4px}.reason-input-actions .left[data-v-2fcbd3e4]{float:left;height:80%;margin-top:4px}.left-side[data-v-2fcbd3e4]{background:#fff;border-right:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px;border-radius:5px;padding:10px}.right-side[data-v-2fcbd3e4]{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px;border-radius:5px;padding:10px}.form-group[data-v-2fcbd3e4]{margin-bottom:15px}.form-label[data-v-2fcbd3e4]{display:block;margin-bottom:5px;font-weight:bold}.form-input[data-v-2fcbd3e4]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}body:has(.reason-input) .tabs ul[role=tablist][data-v-2fcbd3e4]{display:none}body:has(.reason-input) .filter-container[data-v-2fcbd3e4]{display:none}body:has(.reason-input) .main-container[data-v-2fcbd3e4]{margin-top:136px;height:calc(100vh - 136px)}body:has(.reason-input) .main-container.no-tabs[data-v-2fcbd3e4]{margin-top:136px;height:calc(100vh - 136px)}:has(.monitorin-input-form.active) body:has(.reason-input) .main-container.no-tabs[data-v-2fcbd3e4]{margin-top:136px;height:calc(100vh - 136px)}:has(.monitorin-input-form.active) body:has(.reason-input) .main-container.no-tabs.scrolled[data-v-2fcbd3e4]{margin-top:40px;height:calc(100vh - 40px)}:has(.monitorin-input-form.active) body:has(.reason-input) .main-container.no-tabs.scrolled .reason-input-actions[data-v-2fcbd3e4]{width:calc(100% - 112px);position:fixed;top:0}:has(.monitorin-input-form.active) body:has(.reason-input) .main-container.no-tabs.scrolled .reason-input-actions .main-container[data-v-2fcbd3e4]:has(.full-board){width:calc(100% - 356px)}:has(.monitorin-input-form.active) body:has(.reason-input) .main-container.no-tabs.scrolled .total-reason-container[data-v-2fcbd3e4]{position:sticky;top:0}:has(.monitorin-input-form.active) body:has(.reason-input) .main-container.no-tabs.scrolled.full-board .reason-input-actions[data-v-2fcbd3e4]{width:calc(100% - 356px)}.reason-input .multiselect.cbc-select.error-cbc .multiselect__single[data-v-2fcbd3e4]{color:#d07c79 !important}.summary-row[data-v-2fcbd3e4]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;margin-bottom:20px}.summary-card[data-v-2fcbd3e4]{-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid #e0e0e0;border-radius:6px;padding:14px 18px;background:#fff}.summary-label[data-v-2fcbd3e4]{font-size:11px;font-weight:600;letter-spacing:.04em;color:#888;margin-bottom:6px}.summary-value[data-v-2fcbd3e4]{font-size:22px;font-weight:600;color:#1a1a2e;margin-bottom:10px}.summary-value.undeveloped[data-v-2fcbd3e4]{color:#e05c5c}.separator[data-v-2fcbd3e4]{color:#bbb;margin:0 4px}.zero[data-v-2fcbd3e4]{color:#4caf7d}.nonzero[data-v-2fcbd3e4]{color:#e05c5c}.progress-bar[data-v-2fcbd3e4]{height:3px;background:#f0f0f0;border-radius:2px;overflow:hidden}.progress-fill[data-v-2fcbd3e4]{height:100%;border-radius:2px;-webkit-transition:width .3s ease;transition:width .3s ease}.undeveloped-fill[data-v-2fcbd3e4]{background:#e0e0e0}.total-fill[data-v-2fcbd3e4]{background:#4caf7d}.reasons-table[data-v-2fcbd3e4]{border:1px solid #e0e0e0;border-radius:6px;background:#fff;overflow:hidden}.table-header[data-v-2fcbd3e4],.table-row[data-v-2fcbd3e4]{display:grid;grid-template-columns:130px 1fr 1fr 72px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #f0f0f0}.table-header[data-v-2fcbd3e4]{background:#fafafa;padding:8px 0}.table-header>div[data-v-2fcbd3e4]{padding:0 12px;font-size:11px;font-weight:600;letter-spacing:.04em;color:#888}.table-row[data-v-2fcbd3e4]{padding:6px 0;min-height:44px}.table-row[data-v-2fcbd3e4]:last-of-type{border-bottom:none}.col-sum[data-v-2fcbd3e4],.col-ru[data-v-2fcbd3e4],.col-kk[data-v-2fcbd3e4]{padding:0 12px}.col-actions[data-v-2fcbd3e4]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:12px}.field-input[data-v-2fcbd3e4]{width:100%;border:1px solid #d0d0d0;border-radius:4px;padding:5px 8px;font-size:13px;color:#1a1a2e;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff}.field-input[data-v-2fcbd3e4]:focus{border-color:#5b8ef0}.field-input[type=number][data-v-2fcbd3e4]{-moz-appearance:textfield}.field-display[data-v-2fcbd3e4]{color:#1a1a2e}.input-wrapper[data-v-2fcbd3e4]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.spin-btn[data-v-2fcbd3e4]{background:none;border:none;cursor:pointer;font-size:8px;color:#aaa;padding:0 2px;line-height:1}.action-btn[data-v-2fcbd3e4]{width:24px;height:24px;border-radius:4px;border:none;cursor:pointer;font-size:13px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background .15s;transition:background .15s}.action-btn.edit[data-v-2fcbd3e4]{background:none;color:#5b8ef0}.action-btn.edit[data-v-2fcbd3e4]:hover{background:#eef2ff}.action-btn.confirm[data-v-2fcbd3e4]{background:none;color:#4caf7d}.action-btn.confirm[data-v-2fcbd3e4]:hover{background:#e8f5ee}.action-btn.remove[data-v-2fcbd3e4]{background:none;color:#e05c5c}.action-btn.remove[data-v-2fcbd3e4]:hover{background:#fdecea}.new-row[data-v-2fcbd3e4]{background:#fafafa}.add-row[data-v-2fcbd3e4]{padding:10px 12px}.add-btn[data-v-2fcbd3e4]{background:none;border:none;cursor:pointer;color:#5b8ef0;font-size:13px;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:0}.add-btn[data-v-2fcbd3e4]:hover{color:#3a6fd8}.add-icon[data-v-2fcbd3e4]{font-size:16px}.total-input-form[data-v-2fcbd3e4]{background-color:#eef1f8;border:none;border-radius:8px 0 0 8px !important}.total-input-form[data-v-2fcbd3e4]::-webkit-input-placeholder{color:#7c9db3}.total-input-form[data-v-2fcbd3e4]::-moz-placeholder{color:#7c9db3}.total-input-form[data-v-2fcbd3e4]:-ms-input-placeholder{color:#7c9db3}.total-input-form[data-v-2fcbd3e4]::-ms-input-placeholder{color:#7c9db3}.total-input-form[data-v-2fcbd3e4]::placeholder{color:#7c9db3}.total-input-form[data-v-2fcbd3e4]:focus{-webkit-box-shadow:none;box-shadow:none;background-color:#eef1f8} .status-checked[data-v-299b1915] { background: rgba(180, 255, 140, 0.5); } .status-error[data-v-299b1915] { background: rgba(237, 77, 77, 0.23); border: solid red 1px; } .app26-wrapper[data-v-262087d2] { padding: 8px 0; } .table th[data-v-262087d2], .table td[data-v-262087d2] { vertical-align: middle; } .app26-modal__title[data-v-262087d2] { font-size: 14px; line-height: 19px; font-weight: 600; color: #1C2A3E; } .app26-modal__label[data-v-262087d2] { font-size: 0.778rem; color: #7C9DB3; font-weight: 500; } .app26-modal__footer[data-v-262087d2] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 8px; } .gen-view[data-v-eb28185e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 13px; color: #1C2A3E; } .inp[data-v-eb28185e] { height: 30px; border: 1px solid #BCD2E0; border-radius: 5px; padding: 0 8px; font-size: 13px; color: #1C2A3E; background: white; outline: none; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .inp[data-v-eb28185e]:focus { border-color: #2C6CB0; } .inp[data-v-eb28185e]:disabled { background: #F4F7FB; color: #6B7A90; cursor: not-allowed; } .inp--sm[data-v-eb28185e] { width: 120px; } .inp--reason[data-v-eb28185e] { /* Место под карандашик, который теперь абсолютно спозиционирован поверх правого края этого же инпута (см. .reason-cell/.pencil ниже) — без отступа текст причины отклонения залезал бы под иконку. */ padding-right: 34px; } .inp.ok[data-v-eb28185e] { color: #1E9E5A; } /* NTF.eAk.APPL41.01 — подсветка поля причины отклонения при незаполненном значении. validation_error — та же подсветка, но от живого флк-валидатора ГИП (item.flk_*, см. application_41.vue, assignFlkProperties), не зависит от validationActive. */ .inp--invalid[data-v-eb28185e], .validation_error[data-v-eb28185e] { border: 1px solid #D64545 !important; border-radius: 5px; } .field-error[data-v-eb28185e] { -ms-flex-preferred-size: 100%; flex-basis: 100%; color: #D64545; font-size: 11px; } /* Шапка карточки */ .card-header[data-v-eb28185e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; padding: 10px 14px; background: #FFF9EB; border-bottom: 1px solid #D7DAE0; } .card-header-code[data-v-eb28185e] { font-weight: 600; color: #1E9E5A; white-space: nowrap; } .card-header-name[data-v-eb28185e] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-weight: 500; color: #1C2A3E; } .card-header-quarter[data-v-eb28185e] { font-weight: 600; color: #1E9E5A; white-space: nowrap; } /* Общая информация */ .info-grid[data-v-eb28185e] { display: grid; grid-template-columns: repeat(3, 1fr); background: #EEF1F8; border-bottom: 1px solid #D7DAE0; } .info-cell[data-v-eb28185e] { display: grid; grid-template-columns: 130px 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; padding: 10px 14px; border-right: 1px solid #D7DAE0; border-bottom: 1px solid #D7DAE0; } /* Сетка на 3 колонки (6 ячеек = 2 строки) — правая граница не нужна у последней колонки, нижняя — у последней строки. */ .info-cell[data-v-eb28185e]:nth-child(3n) { border-right: none; } .info-cell[data-v-eb28185e]:nth-child(n+4) { border-bottom: none; } .info-cell label[data-v-eb28185e] { margin: 0; font-size: 12px; font-weight: 600; color: #6B7A90; text-transform: uppercase; } /* Поля этого блока всегда readonly (подтягиваются из Банка проектов, не вводятся вручную) — фон/цвет как у disabled .inp, чтобы визуально не выглядели редактируемыми. */ .info-cell input[data-v-eb28185e] { height: 30px; border: 1px solid #BCD2E0; border-radius: 5px; padding: 0 8px; background: #F4F7FB; font-size: 13px; color: #6B7A90; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .kbk-chips[data-v-eb28185e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; width: 100%; } .kbk-chip[data-v-eb28185e] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 26px; padding: 0 10px; border-radius: 5px; background: #E3E8F2; font-size: 13px; color: #1C2A3E; white-space: nowrap; } /* Секции */ .section[data-v-eb28185e] { padding: 12px 14px; border-bottom: 1px solid #E3EEF6; } .section--warn[data-v-eb28185e] { background: #FFF9EB; } .section-head[data-v-eb28185e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin-bottom: 10px; } .section-icon[data-v-eb28185e] { font-size: 15px; } .gv-section-title[data-v-eb28185e] { font-weight: 700; font-size: 13px; letter-spacing: .3px; color: #1C2A3E; text-transform: uppercase; } /* Период реализации */ .impl-period[data-v-eb28185e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .impl-period label[data-v-eb28185e] { margin: 0; font-weight: 600; color: #1C2A3E; } .impl-period .inp--reason[data-v-eb28185e] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 320px; } .impl-period .reason-cell[data-v-eb28185e] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 320px; } .plan-static[data-v-eb28185e] { font-weight: 600; color: #1C2A3E; } .fact-range[data-v-eb28185e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; } .fact-label[data-v-eb28185e] { color: #6B7A90; font-weight: 500; } .inp--year[data-v-eb28185e] { width: 64px; text-align: center; } /* Финансирование */ .fin-table[data-v-eb28185e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #E3EEF6; border-radius: 6px; overflow: hidden; } .fin-row[data-v-eb28185e] { display: grid; grid-template-columns: 220px 220px 220px 150px 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #E3EEF6; } .fin-row[data-v-eb28185e]:last-child { border-bottom: none; } .fin-row > div[data-v-eb28185e] { padding: 6px 10px; border-right: 1px solid #E3EEF6; } .fin-row > div[data-v-eb28185e]:last-child { border-right: none; } .fin-head > div[data-v-eb28185e] { font-size: 11px; font-weight: 600; color: #6B7A90; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; } .fin-src[data-v-eb28185e] { font-weight: 500; } .fin-dev[data-v-eb28185e] { font-weight: 500; } .fin-dev.negative[data-v-eb28185e] { color: #D64545; } .reason-cell[data-v-eb28185e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; /* Якорь для абсолютно спозиционированного .pencil ниже — раньше карандашик был обычным flex-элементом и переносился под инпут (тот занимал всю ширину, width: 100%), теперь лежит внутри контура инпута на одной линии. */ position: relative; } .pencil[data-v-eb28185e] { position: absolute; right: 18px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 15px; height: 14px; background: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.84961 15.4092C8.4354 15.4092 8.09961 15.745 8.09961 16.1592C8.09961 16.5734 8.4354 16.9092 8.84961 16.9092V16.1592V15.4092ZM16.9496 16.9092C17.3638 16.9092 17.6996 16.5734 17.6996 16.1592C17.6996 15.745 17.3638 15.4092 16.9496 15.4092V16.1592V16.9092ZM12.9 1.30919L12.3697 0.778858L12.9 1.30919ZM14.25 0.75V0V0.75ZM16.1592 2.65919H15.4092H16.1592ZM15.6 4.00919L15.0697 3.47886V3.47886L15.6 4.00919ZM4.35 15.2592L4.5319 15.9868C4.66378 15.9538 4.78421 15.8856 4.88033 15.7895L4.35 15.2592ZM0.75 16.1592L0.0223931 15.9773C-0.0415022 16.2329 0.0333847 16.5032 0.21967 16.6895C0.405955 16.8758 0.67632 16.9507 0.931902 16.8868L0.75 16.1592ZM1.65 12.5592L1.11967 12.0289C1.02355 12.125 0.955362 12.2454 0.922393 12.3773L1.65 12.5592ZM8.84961 16.1592V16.9092H16.9496V16.1592V15.4092H8.84961V16.1592ZM12.9 1.30919L13.4303 1.83952C13.6477 1.62213 13.9426 1.5 14.25 1.5V0.75V0C13.5447 0 12.8684 0.280163 12.3697 0.778858L12.9 1.30919ZM14.25 0.75V1.5C14.4022 1.5 14.553 1.52998 14.6936 1.58824L14.9806 0.895328L15.2676 0.202419C14.945 0.0687819 14.5992 0 14.25 0V0.75ZM14.9806 0.895328L14.6936 1.58824C14.8342 1.64649 14.962 1.73188 15.0697 1.83952L15.6 1.30919L16.1303 0.778858C15.8834 0.53193 15.5903 0.336056 15.2676 0.202419L14.9806 0.895328ZM15.6 1.30919L15.0697 1.83952C15.1773 1.94716 15.2627 2.07495 15.321 2.21559L16.0139 1.92857L16.7068 1.64156C16.5731 1.31893 16.3773 1.02579 16.1303 0.778858L15.6 1.30919ZM16.0139 1.92857L15.321 2.21559C15.3792 2.35623 15.4092 2.50696 15.4092 2.65919H16.1592H16.9092C16.9092 2.30998 16.8404 1.96419 16.7068 1.64156L16.0139 1.92857ZM16.1592 2.65919H15.4092C15.4092 2.81141 15.3792 2.96215 15.321 3.10279L16.0139 3.3898L16.7068 3.67682C16.8404 3.35419 16.9092 3.0084 16.9092 2.65919H16.1592ZM16.0139 3.3898L15.321 3.10279C15.2627 3.24343 15.1773 3.37122 15.0697 3.47886L15.6 4.00919L16.1303 4.53952C16.3773 4.29259 16.5731 3.99944 16.7068 3.67682L16.0139 3.3898ZM15.6 4.00919L15.0697 3.47886L3.81967 14.7289L4.35 15.2592L4.88033 15.7895L16.1303 4.53952L15.6 4.00919ZM4.35 15.2592L4.1681 14.5316L0.568098 15.4316L0.75 16.1592L0.931902 16.8868L4.5319 15.9868L4.35 15.2592ZM0.75 16.1592L1.47761 16.3411L2.37761 12.7411L1.65 12.5592L0.922393 12.3773L0.0223931 15.9773L0.75 16.1592ZM1.65 12.5592L2.18033 13.0895L13.4303 1.83952L12.9 1.30919L12.3697 0.778858L1.11967 12.0289L1.65 12.5592ZM3.20316 10.706L2.67283 11.2363L5.67283 14.2363L6.20316 13.706L6.73349 13.1757L3.73349 10.1757L3.20316 10.706Z' fill='%232196F3'/%3E%3C/svg%3E") no-repeat center / contain; /* Иконка декоративная (причина отклонения редактируется прямо в инпуте под ней, без модалки) — не должна перехватывать клики/ввод. */ pointer-events: none; } /* Дополнительно */ .invest-purpose[data-v-eb28185e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; margin-left: auto; } .invest-purpose label[data-v-eb28185e] { margin: 0; font-weight: 600; white-space: nowrap; } .invest-purpose .inp[data-v-eb28185e] { width: 220px; } .pair-grid[data-v-eb28185e] { display: grid; grid-template-columns: 130px 1fr 170px 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px 14px; } .pair-cell[data-v-eb28185e] { display: contents; } .pair-cell label[data-v-eb28185e] { margin: 0; font-size: 12px; font-weight: 600; color: #2C6CB0; } .target-indicators[data-v-760fff86] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 13px; color: #1C2A3E; } .inp[data-v-760fff86] { height: 30px; border: 1px solid #BCD2E0; border-radius: 5px; padding: 0 8px; font-size: 13px; color: #1C2A3E; background: white; outline: none; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .inp[data-v-760fff86]:focus { border-color: #2C6CB0; } .inp[data-v-760fff86]:disabled { background: #F4F7FB; color: #6B7A90; cursor: not-allowed; } .inp--reason[data-v-760fff86] { /* Место под карандашик, который теперь абсолютно спозиционирован поверх правого края этого же инпута (см. .reason-cell/.pencil ниже) — без отступа текст причины отклонения залезал бы под иконку. */ padding-right: 34px; } /* NTF.eAk.APPL41.01 — подсветка поля причины отклонения при незаполненном значении. validation_error — та же подсветка, но от живого флк-валидатора ГИП (item.flk_*, см. application_41.vue, assignFlkProperties), не зависит от validationActive. */ .inp--invalid[data-v-760fff86], .validation_error[data-v-760fff86] { border: 1px solid #D64545 !important; border-radius: 5px; } .field-error[data-v-760fff86] { -ms-flex-preferred-size: 100%; flex-basis: 100%; color: #D64545; font-size: 11px; } .inp--select[data-v-760fff86] { height: 30px; border: none; padding: 0; } .inp--select[data-v-760fff86] .multiselect__tags { min-height: 30px; height: 30px; padding: 4px 8px; border: 1px solid #BCD2E0; border-radius: 5px; font-size: 13px; } .inp--select[data-v-760fff86] .multiselect__select { height: 28px; } .inp--select[data-v-760fff86] .multiselect__single, .inp--select[data-v-760fff86] .multiselect__input { font-size: 13px; margin-bottom: 0; padding: 0; } .inp--select[data-v-760fff86] .multiselect__content-wrapper { font-size: 13px; } .inp--select[data-v-760fff86] .multiselect--disabled { background: #F4F7FB; border-radius: 5px; opacity: 1; } .inp--select[data-v-760fff86] .multiselect--disabled .multiselect__tags, .inp--select[data-v-760fff86] .multiselect--disabled .multiselect__single { background: transparent; color: #6B7A90; } .empty-state[data-v-760fff86] { padding: 20px 14px; color: #6B7A90; text-align: center; } /* Показатель */ .indicator[data-v-760fff86] { border-bottom: 1px solid #E3EEF6; } .ind-header[data-v-760fff86] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; padding: 10px 14px; background: #FFF9EB; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ind-num[data-v-760fff86] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 26px; height: 26px; border-radius: 5px; background: #E8862B; color: white; font-weight: 700; font-size: 13px; } .ind-title[data-v-760fff86] { font-weight: 700; text-transform: uppercase; letter-spacing: .3px; } .ind-chevron[data-v-760fff86] { color: #6B7A90; font-size: 16px; } .ind-bip[data-v-760fff86] { margin-left: 10px; padding: 2px 8px; border-radius: 10px; background: #E3EEF6; color: #2C6CB0; font-size: 11px; font-weight: 600; text-transform: none; letter-spacing: normal; } .ind-body[data-v-760fff86] { padding: 12px 14px; background: #F4F7FB; } /* СГП */ .sgp-row[data-v-760fff86] { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 12px; } .sgp-cell[data-v-760fff86] { display: grid; grid-template-columns: 140px 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .sgp-cell label[data-v-760fff86] { margin: 0; font-size: 12px; font-weight: 600; color: #2C6CB0; } /* Таблицы */ .grid-table[data-v-760fff86] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: white; border: 1px solid #E3EEF6; border-radius: 6px; overflow: hidden; } .gt-row[data-v-760fff86] { display: grid; grid-template-columns: 200px 200px 200px 150px 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #E3EEF6; } .gt-row.year-row[data-v-760fff86] { grid-template-columns: 200px 200px 200px 150px 1fr 48px; } /* .grid-table режет overflow: hidden ради скруглённых углов, но это же обрезает выпадающий список мультиселекта года (position: absolute) — виден только маленький обрезанный уголок вместо списка. В .year-table это отключаем. */ .year-table[data-v-760fff86] { overflow: visible; } .gt-row[data-v-760fff86]:last-child { border-bottom: none; } .gt-row > div[data-v-760fff86] { padding: 6px 10px; border-right: 1px solid #E3EEF6; } .gt-row > div[data-v-760fff86]:last-child { border-right: none; } .gt-head > div[data-v-760fff86] { font-size: 11px; font-weight: 600; color: #6B7A90; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; background: #F4F7FB; } .gt-static[data-v-760fff86] { font-weight: 600; } .gt-dev[data-v-760fff86] { font-weight: 500; } .gt-dev.negative[data-v-760fff86] { color: #D64545; } .reason-cell[data-v-760fff86] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; /* Якорь для абсолютно спозиционированного .pencil ниже — раньше карандашик был обычным flex-элементом и переносился под инпут (тот занимал всю ширину, width: 100%), теперь лежит внутри контура инпута на одной линии. */ position: relative; } .pencil[data-v-760fff86] { position: absolute; right: 18px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 15px; height: 14px; background: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.84961 15.4092C8.4354 15.4092 8.09961 15.745 8.09961 16.1592C8.09961 16.5734 8.4354 16.9092 8.84961 16.9092V16.1592V15.4092ZM16.9496 16.9092C17.3638 16.9092 17.6996 16.5734 17.6996 16.1592C17.6996 15.745 17.3638 15.4092 16.9496 15.4092V16.1592V16.9092ZM12.9 1.30919L12.3697 0.778858L12.9 1.30919ZM14.25 0.75V0V0.75ZM16.1592 2.65919H15.4092H16.1592ZM15.6 4.00919L15.0697 3.47886V3.47886L15.6 4.00919ZM4.35 15.2592L4.5319 15.9868C4.66378 15.9538 4.78421 15.8856 4.88033 15.7895L4.35 15.2592ZM0.75 16.1592L0.0223931 15.9773C-0.0415022 16.2329 0.0333847 16.5032 0.21967 16.6895C0.405955 16.8758 0.67632 16.9507 0.931902 16.8868L0.75 16.1592ZM1.65 12.5592L1.11967 12.0289C1.02355 12.125 0.955362 12.2454 0.922393 12.3773L1.65 12.5592ZM8.84961 16.1592V16.9092H16.9496V16.1592V15.4092H8.84961V16.1592ZM12.9 1.30919L13.4303 1.83952C13.6477 1.62213 13.9426 1.5 14.25 1.5V0.75V0C13.5447 0 12.8684 0.280163 12.3697 0.778858L12.9 1.30919ZM14.25 0.75V1.5C14.4022 1.5 14.553 1.52998 14.6936 1.58824L14.9806 0.895328L15.2676 0.202419C14.945 0.0687819 14.5992 0 14.25 0V0.75ZM14.9806 0.895328L14.6936 1.58824C14.8342 1.64649 14.962 1.73188 15.0697 1.83952L15.6 1.30919L16.1303 0.778858C15.8834 0.53193 15.5903 0.336056 15.2676 0.202419L14.9806 0.895328ZM15.6 1.30919L15.0697 1.83952C15.1773 1.94716 15.2627 2.07495 15.321 2.21559L16.0139 1.92857L16.7068 1.64156C16.5731 1.31893 16.3773 1.02579 16.1303 0.778858L15.6 1.30919ZM16.0139 1.92857L15.321 2.21559C15.3792 2.35623 15.4092 2.50696 15.4092 2.65919H16.1592H16.9092C16.9092 2.30998 16.8404 1.96419 16.7068 1.64156L16.0139 1.92857ZM16.1592 2.65919H15.4092C15.4092 2.81141 15.3792 2.96215 15.321 3.10279L16.0139 3.3898L16.7068 3.67682C16.8404 3.35419 16.9092 3.0084 16.9092 2.65919H16.1592ZM16.0139 3.3898L15.321 3.10279C15.2627 3.24343 15.1773 3.37122 15.0697 3.47886L15.6 4.00919L16.1303 4.53952C16.3773 4.29259 16.5731 3.99944 16.7068 3.67682L16.0139 3.3898ZM15.6 4.00919L15.0697 3.47886L3.81967 14.7289L4.35 15.2592L4.88033 15.7895L16.1303 4.53952L15.6 4.00919ZM4.35 15.2592L4.1681 14.5316L0.568098 15.4316L0.75 16.1592L0.931902 16.8868L4.5319 15.9868L4.35 15.2592ZM0.75 16.1592L1.47761 16.3411L2.37761 12.7411L1.65 12.5592L0.922393 12.3773L0.0223931 15.9773L0.75 16.1592ZM1.65 12.5592L2.18033 13.0895L13.4303 1.83952L12.9 1.30919L12.3697 0.778858L1.11967 12.0289L1.65 12.5592ZM3.20316 10.706L2.67283 11.2363L5.67283 14.2363L6.20316 13.706L6.73349 13.1757L3.73349 10.1757L3.20316 10.706Z' fill='%232196F3'/%3E%3C/svg%3E") no-repeat center / contain; /* Иконка декоративная (причина отклонения редактируется прямо в инпуте под ней, без модалки) — не должна перехватывать клики/ввод. */ pointer-events: none; } .trash-cell[data-v-760fff86] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .trash[data-v-760fff86] { color: #D64545; cursor: pointer; font-size: 15px; } .trash--disabled[data-v-760fff86] { color: #B7C0CC; cursor: not-allowed; } /* Конечный результат */ .result-block[data-v-760fff86] { margin-top: 14px; background: #EAF3FB; border: 1px solid #D6E6F5; border-radius: 8px; padding: 10px 12px; } .result-block-head[data-v-760fff86] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .result-block-title[data-v-760fff86] { font-weight: 700; text-transform: uppercase; letter-spacing: .3px; } .result[data-v-760fff86] { background: #F4F9FE; border: 1px solid #D6E6F5; border-radius: 8px; padding: 10px 12px; margin-bottom: 10px; } .result[data-v-760fff86]:last-child { margin-bottom: 0; } .result-head[data-v-760fff86] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; margin-bottom: 10px; } .result-num[data-v-760fff86] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 26px; height: 26px; border-radius: 5px; background: #2C6CB0; color: white; font-weight: 700; font-size: 13px; } .result-name[data-v-760fff86] { font-weight: 600; } .result-name-pill[data-v-760fff86] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 4px 10px 4px 4px; background: #E3F0FF; border-radius: 8px; cursor: pointer; } .result-name-text[data-v-760fff86] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 13px; color: #1C2A3E; } .result-name-text--empty[data-v-760fff86] { color: #8496AC; } .result-name-icon[data-v-760fff86] { color: #2C6CB0; font-size: 15px; } .result-modal-footer[data-v-760fff86] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 10px; margin-top: 6px; } /* Кнопки */ .btn-add[data-v-760fff86] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; border: none; background: #2C6CB0; color: white; font-size: 13px; font-weight: 500; border-radius: 6px; padding: 7px 14px; cursor: pointer; margin-left: auto; } .btn-add-icon[data-v-760fff86] { font-size: 15px; } .btn-add--year[data-v-760fff86] { margin-left: 0; margin-top: 10px; background: transparent; color: #2C6CB0; padding: 6px 0; } .btn-add[data-v-760fff86]:disabled { background: #B7C0CC; cursor: not-allowed; } .btn-add--year[data-v-760fff86]:disabled { background: transparent; color: #B7C0CC; } .btn-remove[data-v-760fff86] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; margin-left: auto; border: none; background: transparent; color: #D64545; font-size: 13px; cursor: pointer; } .btn-remove-icon[data-v-760fff86] { font-size: 14px; } .btn-remove[data-v-760fff86]:disabled { color: #B7C0CC; cursor: not-allowed; } .state-banner[data-v-165c9b8c] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; padding: 10px 14px; background: #FDECEC; color: #B02A2A; font-family: "Manrope", Helvetica, Arial, sans-serif; font-weight: 600; font-size: 14px; line-height: 100%; letter-spacing: 0; vertical-align: middle; border-bottom: 1px solid #F5C6C6; } .state-banner-icon[data-v-165c9b8c] { font-size: 15px; } .state-banner-link[data-v-165c9b8c] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; color: #2C6CB0; text-decoration: underline; white-space: nowrap; } .state-banner-refresh-icon[data-v-165c9b8c] { display: inline-block; width: 15px; height: 13px; background: url("data:image/svg+xml,%3Csvg width='17' height='15' viewBox='0 0 17 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.52549 13.1888C7.41822 14.0026 9.67253 13.9584 11.603 12.8782C14.8103 11.0836 15.9093 7.10888 14.0575 4.00047L13.8603 3.6694M2.44231 10.4995C0.59055 7.39112 1.68947 3.41642 4.89681 1.62178C6.82729 0.541601 9.0816 0.497403 10.9743 1.3112M0.75 10.5635L2.90537 11.1232L3.4829 9.03432M13.0171 5.46528L13.5946 3.3764L15.75 3.93611' stroke='%232196F3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain; } .control-panel[data-v-165c9b8c] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 20px; width: 100%; height: 40px; padding: 0 10px; .bip-switch { background: white; border: #BCD2E0 solid 1px; border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 28px; .next-prev { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1px; color: #1C2A3E; font-weight: 500; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; .np-arrow { background: #EEF1F8; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 18px; line-height: 1; color: #2C6CB0; cursor: pointer; height: 100%; min-width: 28px; padding: 5px; } .np-arrow:hover { color: #1C2A3E; } .np-arrow.disabled { cursor: not-allowed; opacity: 0.4; pointer-events: none; } .np-label { font-size: 14px; } } } } .system-bg[data-v-165c9b8c] { background: #EEF1F8; } .state-banner[data-v-79df8eeb] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; padding: 10px 14px; background: #FDECEC; color: #B02A2A; font-family: "Manrope", Helvetica, Arial, sans-serif; font-weight: 600; font-size: 14px; line-height: 100%; letter-spacing: 0; vertical-align: middle; border-bottom: 1px solid #F5C6C6; } .state-banner-icon[data-v-79df8eeb] { font-size: 15px; } .state-banner-link[data-v-79df8eeb] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; color: #2C6CB0; text-decoration: underline; white-space: nowrap; } .state-banner-refresh-icon[data-v-79df8eeb] { display: inline-block; width: 15px; height: 13px; background: url("data:image/svg+xml,%3Csvg width='17' height='15' viewBox='0 0 17 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.52549 13.1888C7.41822 14.0026 9.67253 13.9584 11.603 12.8782C14.8103 11.0836 15.9093 7.10888 14.0575 4.00047L13.8603 3.6694M2.44231 10.4995C0.59055 7.39112 1.68947 3.41642 4.89681 1.62178C6.82729 0.541601 9.0816 0.497403 10.9743 1.3112M0.75 10.5635L2.90537 11.1232L3.4829 9.03432M13.0171 5.46528L13.5946 3.3764L15.75 3.93611' stroke='%232196F3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain; } /* Наименование проекта — самое длинное текстовое поле в таблице, без ограничения растягивало колонку на всю ширину строки (auto table-layout). Половина ширины окна — потолок, дальше текст переносится на новую строку внутри ячейки. */ .col-project-name[data-v-79df8eeb] { max-width: 30vw; white-space: normal; word-break: break-word; } .bip-code-list[data-v-79df8eeb] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2px; } .bip-code-more[data-v-79df8eeb] { font-size: 12px; color: #6B7A90; } .blue-text[data-v-56f5f120] { color: #2196f3 } .status-checked[data-v-56f5f120] { background: rgba(180, 255, 140, 0.5); } .status-error[data-v-56f5f120] { background: rgba(237, 77, 77, 0.23); border: solid red 1px; } .scrollable[data-v-56f5f120] { height: 100%; max-height: 500px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; /* Occupy remaining vertical space */ overflow-y: scroll /* Enable vertical scrolling if content overflows */ } .disabled-text[data-v-56f5f120] { color: #9fb2c4; } .warning-message[data-v-56f5f120] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ea8f8b; margin-right: auto; padding: 0.25rem 0.5rem 0.25rem 0.5rem; color: white; font-size: 0.85rem; } .warning-message.flash[data-v-56f5f120] { -webkit-animation: flash-bg-data-v-56f5f120 1s ease; animation: flash-bg-data-v-56f5f120 1s ease; } @-webkit-keyframes flash-bg-data-v-56f5f120 { 0%, 100% { background-color: #ea8f8b; } 50% { background-color: #ffe08a; } } @keyframes flash-bg-data-v-56f5f120 { 0%, 100% { background-color: #ea8f8b; } 50% { background-color: #ffe08a; } } .actions-tab[data-v-3ccef4f6] { top: 136px; height: 40px; .actions-all { .btn-download { background: #5B8FF9!important; height: 80%!important; color: white!important; .icon-keyboard { background: rgba(91, 143, 249, 0.71) !important; color: white!important; } } } } .btn-actions[data-v-3ccef4f6] { height: 80%!important; padding: 10px!important; } .selected[data-v-3ccef4f6] { a { background: #7C9DB3!important; color: #ffffff!important; } background: #7C9DB3!important; color: #ffffff!important; } .dropdown-item .mx-datepicker[data-v-3ccef4f6] { width: -webkit-fit-content!important; width: -moz-fit-content!important; width: fit-content!important; height: -webkit-fit-content!important; height: -moz-fit-content!important; height: fit-content!important; max-width: -webkit-fit-content!important; max-width: -moz-fit-content!important; max-width: fit-content!important; } .b-dropdown-span-text[data-v-3ccef4f6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .actions-tab[data-v-644b709e] { top: 136px; height: 40px; } .filter-container[data-v-644b709e] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; svg { margin-right: 12px; } } .description-input[data-v-644b709e] { display: grid; grid-template-columns: 1fr 19fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: #B2C5D2 solid 1px; color: #B2C5D2; padding: 10px } textarea[data-v-644b709e] { width: 100%; min-height: 20px; padding: 8px; border: 1px solid #ccc; border-radius: 4px; overflow: hidden; resize: none; -webkit-box-sizing: border-box; box-sizing: border-box; field-sizing: content; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .head-row[data-v-4bb0a62a] { font-size: 0.9rem !important; padding: 1rem !important; } .text-red[data-v-4bb0a62a] { color: red } .icon-position[data-v-4bb0a62a] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .default-font[data-v-096a5fe2] { font-weight: 800; font-size: 0.7777777778rem; } .td-numbering[data-v-096a5fe2] { padding: 3px 10px !important; text-align: center; font-size: 0.7rem !important; font-weight: 400 !important; color: #6087A0 !important; background-color: #F7F9FC; } .default-font[data-v-2d6c8f12] { font-weight: 800; font-size: 0.7777777778rem; } .bold[data-v-2d6c8f12] { font-weight: 800; } .td-numbering[data-v-2d6c8f12] { padding: 3px 10px !important; text-align: center; font-size: 0.7rem !important; font-weight: 400 !important; color: #6087A0 !important; background-color: #F7F9FC; } .default-font[data-v-cc4d732e] { font-weight: 800; font-size: 0.7777777778rem; } .bold[data-v-cc4d732e] { font-weight: 800; } .td-numbering[data-v-cc4d732e] { padding: 3px 10px !important; text-align: center; font-size: 0.7rem !important; font-weight: 400 !important; color: #6087A0 !important; background-color: #F7F9FC; } .default-font[data-v-00774b02] { font-weight: 800; font-size: 0.7777777778rem; } .td-numbering[data-v-00774b02] { padding: 3px 10px !important; text-align: center; font-size: 0.7rem !important; font-weight: 400 !important; color: #6087A0 !important; background-color: #F7F9FC; } .default-font[data-v-e9e5f3f4] { font-weight: 800; font-size: 0.7777777778rem; } .td-numbering[data-v-e9e5f3f4] { padding: 3px 10px !important; text-align: center; font-size: 0.7rem !important; font-weight: 400 !important; color: #6087A0 !important; background-color: #F7F9FC; } .default-font[data-v-b2c3e7bc] { font-weight: 800; font-size: 0.7777777778rem; } .td-numbering[data-v-b2c3e7bc] { padding: 3px 10px !important; text-align: center; font-size: 0.7rem !important; font-weight: 400 !important; color: #6087A0 !important; background-color: #F7F9FC; } .popup[data-v-adc62b4c] { position: absolute; background-color: #FFF9EB; border-radius: 5px; border: 1px solid #ccc; padding: 10px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-100%); transform: translateY(-100%); z-index: 999; /* Ensure it's above other content */ } .hoverable-text[data-v-adc62b4c] { cursor: pointer; /* Change cursor to pointer on hover */ } .default-font[data-v-7a16ecf0] { font-weight: 800; font-size: 0.7777777778rem; } .bold[data-v-7a16ecf0] { font-weight: 800; } .td-numbering[data-v-7a16ecf0] { padding: 3px 10px !important; text-align: center; font-size: 0.7rem !important; font-weight: 400 !important; color: #6087A0 !important; background-color: #F7F9FC; } .default-font[data-v-5b1b81d0] { font-weight: 800; font-size: 0.7777777778rem; } .bold[data-v-5b1b81d0] { font-weight: 800; } .dki-r-table-container[data-v-5b1b81d0] { position: relative; } /* * Горизонтальный sticky-боковик (sidebarCellStyle) собирается вручную через inline * position: sticky на каждой /. Глобальный bootstrap-reboot выставляет всем * border-collapse: collapse (node_modules/bootstrap/dist/css/bootstrap.css). * В Chrome/WebKit для таблиц с border-collapse: collapse границы соседних ячеек * рисуются отдельным "collapsed border" слоем, который не синхронизирован с * position: sticky-репозиционированием — при горизонтальном скролле куски границ * уже проскролленных (неsticky) ячеек продолжают отрисовываться поверх/рядом со * sticky-боковиком (виден "просвечивающий" фон/линии-артефакты в каждой строке). * Это известный баг рендеринга, а не проблема z-index/фона конкретных ячеек. * Фикс — только для этой таблицы: border-collapse: separate + border-spacing: 0 * (без спейсинга между ячейками, чтобы не появились визуальные щели), тогда границы * рисуются как обычные box-стили каждой ячейки и корректно перекрываются sticky-фоном. */ .dki-r-table-container .table[data-v-5b1b81d0] { border-collapse: separate; border-spacing: 0; /* * Bootstrap задаёт .table { width: 100% }. Когда суммарная предпочитаемая ширина колонок * меньше ширины контейнера, браузер (auto table layout) растягивает таблицу до 100% и * "лишнее" пространство при этом распределяет по узким колонкам-боковика (ФГ/ФПГ/АБП/...), * игнорируя их min-width/max-width — отсюда пустое место вокруг коротких кодов. * table-layout: fixed сюда не подходит — числовые колонки показателей/месяцев не имеют * явной ширины на ячейках первой строки шапки (только colspan-группы), и at fixed-раскладке * весь остаток ширины делится ПОРОВНУ между ними, из-за чего они схлопываются. * Вместо этого просто отключаем растяжение таблицы до 100%: тогда при auto table layout * каждая колонка (включая числовые) использует свою естественную предпочитаемую ширину, * а не долю от искусственно растянутых 100% — сумма колонок может быть уже контейнера, * лишнее место остаётся пустым справа, что и требуется. */ width: auto; } /* Отключает hover-эффекты/pointer-events на время скролла виртуализированной таблицы — предотвращает пересчёт hover-состояния браузером на сотнях строк во время скролла (по образцу report-svod-plan.vue). */ .vs-scrolling tbody tr[data-v-5b1b81d0] { pointer-events: none; } /* Предотвращает scroll anchoring браузера: без этого при изменении высоты верхней строки-прокладки браузер "помогает", компенсируя scrollTop — из-за чего появляется обратный скачок скролла (по образцу report-svod-plan.vue). */ .dki-r-table-container[data-v-5b1b81d0] { overflow-anchor: none; } .default-font[data-v-07d5e577] { font-weight: 800; font-size: 0.7777777778rem; } .td-numbering[data-v-07d5e577] { padding: 3px 10px !important; text-align: center; font-size: 0.7rem !important; font-weight: 400 !important; color: #6087A0 !important; background-color: #F7F9FC; } .default-font[data-v-3d5ffc7a] { font-weight: 800; font-size: 0.7777777778rem; } .td-numbering[data-v-3d5ffc7a] { padding: 3px 10px !important; text-align: center; font-size: 0.7rem !important; font-weight: 400 !important; color: #6087A0 !important; background-color: #F7F9FC; } .default-font[data-v-6a3a789f] { font-weight: 800; font-size: 0.7777777778rem; } .bold[data-v-6a3a789f] { font-weight: 800; } .td-numbering[data-v-6a3a789f] { padding: 3px 10px !important; text-align: center; font-size: 0.7rem !important; font-weight: 400 !important; color: #6087A0 !important; background-color: #F7F9FC; } .default-font[data-v-426c0570] { font-weight: 800; font-size: 0.7777777778rem; } .td-numbering[data-v-426c0570] { padding: 3px 10px !important; text-align: center; font-size: 0.7rem !important; font-weight: 400 !important; color: #6087A0 !important; background-color: #F7F9FC; } .multiline-text[data-v-426c0570] { white-space: pre-line; } .default-font[data-v-20ff72e3] { font-weight: 800; font-size: 0.7777777778rem; } .td-numbering[data-v-20ff72e3] { padding: 3px 10px !important; text-align: center; font-size: 0.7rem !important; font-weight: 400 !important; color: #6087A0 !important; background-color: #F7F9FC; } .multiline-text[data-v-20ff72e3] { white-space: pre-line; } .default-font[data-v-090429ac] { font-weight: 800; font-size: 0.7777777778rem; } .bold[data-v-090429ac] { font-weight: 800; } .td-numbering[data-v-090429ac] { padding: 3px 10px !important; text-align: center; font-size: 0.7rem !important; font-weight: 400 !important; color: #6087A0 !important; background-color: #F7F9FC; } .dr-th[data-v-090429ac] { display: contents; } .split-icon[data-v-090429ac] { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27100%27%20height%3D%27100%27%20viewBox%3D%270%200%20100%20100%27%3E%3Cpath%20d%3D%27M5%2050%20L25%2035%20L25%2045%20L35%2045%20L35%2055%20L25%2055%20L25%2065%20Z%20M95%2050%20L75%2035%20L75%2045%20L65%2045%20L65%2055%20L75%2055%20L75%2065%20Z%20M35%2015%20H45%20V85%20H35%20Z%20M55%2015%20H65%20V85%20H55%20Z%27%20fill%3D%27%236087A0%27%2F%3E%3C%2Fsvg%3E"); display: inline-block; width: 20px; /* Укажите нужный размер */ height: 20px; cursor: pointer; } .join-icon[data-v-090429ac] { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M%2030%2060%20C%2065%2060%2065%2060%2065%2025%20H%2075%20C%2075%2070%2075%2070%2030%2070%20L%2030%2085%20L%2010%2064%20L%2030%2045%20L%2030%2060%22%20fill%3D%22%236087A0%22%2F%3E%3C%2Fsvg%3E"); display: inline-block; width: 20px; /* Укажите нужный размер */ height: 20px; cursor: pointer; } .vertical[data-v-14c4d44d] { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* Disable hover effects and pointer events while the virtual scroll is updating. Prevents browser from recalculating hover state on hundreds of rows mid-scroll. */ .vs-scrolling tbody tr[data-v-2c415211] { pointer-events: none; } /* Prevent browser scroll anchoring from adjusting scrollTop when top spacer height changes. Without this, the browser "helpfully" compensates for spacer growth → feedback bounce. */ .table-container[data-v-2c415211] { overflow-anchor: none; } .vs-scrolling tbody tr[data-v-0be195f9] { pointer-events: none; } .table-container[data-v-0be195f9] { overflow-anchor: none; } .default-font[data-v-6af5d3fb] { font-weight: 800; font-size: 0.7777777778rem; } .bold[data-v-6af5d3fb] { font-weight: 800; } .td-numbering[data-v-6af5d3fb] { padding: 3px 10px !important; text-align: center; font-size: 0.7rem !important; font-weight: 400 !important; color: #6087A0 !important; background-color: #F7F9FC; } .chevron-color-black[data-v-1a1e48d4] { color: black !important; } /* Отключить hover-эффекты и pointer-events во время обновления virtual scroll. Предотвращает пересчёт браузером hover-состояния на сотнях строк при скролле. */ .vs-scrolling tbody tr[data-v-1a1e48d4] { pointer-events: none; } /* overflow-anchor: auto позволяет браузеру удерживать видимый контент на месте, когда строки выше viewport меняют высоту (длинные названия). */ .table-container[data-v-1a1e48d4] { overflow-anchor: auto; } /* Ширины колонок — фиксируют размеры при virtual scroll */ .col-expand[data-v-1a1e48d4] { min-width: 48px; max-width: 48px; width: 48px; } .col-name[data-v-1a1e48d4] { min-width: 252.7px; max-width: 252.7px; white-space: normal; word-break: break-word; } .col-sup[data-v-1a1e48d4] { min-width: 295.5px; max-width: 295.5px; white-space: normal; word-break: break-word; } .col-num[data-v-1a1e48d4] { min-width: 140px; white-space: nowrap; } .col-pct[data-v-1a1e48d4] { min-width: 80px; white-space: nowrap; } .col-date[data-v-1a1e48d4] { min-width: 110px; white-space: normal; word-break: break-word; } .col-text[data-v-1a1e48d4] { min-width: 200px; white-space: normal; word-break: break-word; } .col-kbk[data-v-1a1e48d4] { min-width: 100px; white-space: nowrap; } .col-grpgr[data-v-1a1e48d4] { min-width: 70px; white-space: nowrap; } .col-gu[data-v-1a1e48d4] { min-width: 80px; white-space: nowrap; } .default-font[data-v-27a4db8c] { font-weight: 800; font-size: 0.7777777778rem; } .bold[data-v-27a4db8c] { font-weight: 800; } .td-numbering[data-v-27a4db8c] { padding: 3px 10px !important; text-align: center; font-size: 0.7rem !important; font-weight: 400 !important; color: #6087A0 !important; background-color: #F7F9FC; } .recon-pf-kf-table-wrap[data-v-6f38deeb] { overflow-x: auto; overflow-y: auto; max-height: 75vh; } .pagination-bar[data-v-6f38deeb] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; padding: 0.5rem 1rem; } .pagination-info[data-v-6f38deeb] { font-size: 0.8rem; color: #6c757d; } .recon-pf-kf-table[data-v-6f38deeb] { border-collapse: collapse; font-size: 0.7777777778rem; font-weight: 400; color: #212529; white-space: nowrap; width: 100%; } /* Заголовки */ .recon-pf-kf-table thead th[data-v-6f38deeb] { background-color: #0E304C; color: #ffffff; border: 1px solid #0E304C; padding: 10px 8px; text-align: center; font-size: 0.7777777778rem; font-weight: 800; line-height: 1.3; position: sticky; top: 0; z-index: 2; } .recon-pf-kf-table tbody td[data-v-6f38deeb] { border: 1px solid #dee2e6; padding: 10px 8px; vertical-align: middle; line-height: 1.5; } .cell-kbk[data-v-6f38deeb] { text-align: center; } .cell-name[data-v-6f38deeb] { min-width: 180px; white-space: normal; } /* Ячейки источника */ .cell-source[data-v-6f38deeb] { font-weight: 800; font-size: 0.7777777778rem; white-space: nowrap; padding: 8px 10px !important; } .source-ea[data-v-6f38deeb] { background-color: #e3f2fd; color: #1565c0; } .source-kaz[data-v-6f38deeb] { background-color: #e8f5e9; color: #2e7d32; } .cell-num[data-v-6f38deeb] { text-align: right; min-width: 90px; } .num-wrap[data-v-6f38deeb] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 1px; } /* Расхождение под значением eAkimat */ .diff[data-v-6f38deeb] { font-size: 0.68rem; font-weight: 600; line-height: 1; color: #c0392b; } /* Фон всей ячейки по знаку расхождения */ .cell-diff-pos[data-v-6f38deeb] { background-color: #f8d7da !important; } .cell-diff-neg[data-v-6f38deeb] { background-color: #fff3cd !important; } /* Дата в ячейке Казначейство (только при includeEarlierLoaded304) */ .kaz-date[data-v-6f38deeb] { font-size: 0.65rem; color: #6c757d; line-height: 1; } .empty-state[data-v-6f38deeb] { padding: 2rem; text-align: center; color: #6c757d; } .default-font[data-v-73eeaf50] { font-weight: 800; font-size: 0.7777777778rem; } .bold[data-v-73eeaf50] { font-weight: 800; } .default-font[data-v-7150035e] { font-weight: 800; font-size: 0.7777777778rem; } .bold[data-v-7150035e] { font-weight: 800; } .nowrap[data-v-7150035e] { white-space: nowrap; } .default-font[data-v-36044640] { font-weight: 800; font-size: 0.7777777778rem; } .bold[data-v-36044640] { font-weight: 800; } .td-numbering[data-v-36044640] { padding: 3px 10px !important; text-align: center; font-size: 0.7rem !important; font-weight: 400 !important; color: #6087A0 !important; background-color: #F7F9FC; } .own-income-report[data-v-8ba4f55c] { padding: 0.5rem; } .own-income-block[data-v-8ba4f55c] { margin-bottom: 1.5rem; } .block-label[data-v-8ba4f55c] { font-weight: 800; font-size: 0.9rem; margin-bottom: 0.5rem; color: #0d47a1; } .block-divider[data-v-8ba4f55c] { height: 1.5rem; } .name-col[data-v-8ba4f55c] { min-width: 220px; vertical-align: middle; } .num-col[data-v-8ba4f55c] { min-width: 110px; text-align: center; vertical-align: middle; white-space: normal; word-break: break-word; } .num-header[data-v-8ba4f55c] { font-size: 0.7rem; font-weight: 400; color: #6087A0; background-color: #F7F9FC; } .total-row td[data-v-8ba4f55c] { background-color: #f0f4f8; } .nowrap[data-v-8ba4f55c] { white-space: nowrap; } .text-danger[data-v-8ba4f55c] { color: #dc3545 !important; } .svod-mb-table-container[data-v-3a4d2c7b] { position: relative; } .svod-mb-table[data-v-3a4d2c7b] { width: 100%; table-layout: auto; /* * Bootstrap задаёт .table { border-collapse: collapse }. При sticky-шапке и sticky-колонке * "Наименование"/"стрелке" это дает известный баг рендеринга Chrome/WebKit: границы уже * проскролленных ячеек рисуются отдельным "collapsed border" слоем, не синхронизированным с * position: sticky-репозиционированием - при скролле сквозь шапку/боковик просвечивают * фрагменты фона/границ ушедших строк (см. тот же фикс и разбор в report-dki-r.vue). * border-collapse: separate возвращает границы в обычный box-стиль каждой ячейки, который * корректно перекрывается sticky-фоном; border-spacing: 0 - чтобы не появились щели. */ border-collapse: separate; border-spacing: 0; } /* Колонка-"стрелка" разворачивания узла - фиксируется первой при горизонтальной прокрутке (RQ.33). z-index ниже, чем у шапки (.b-table-sticky-header дает шапке z-index: 51 !important, см. common.scss) - иначе при вертикальной прокрутке эта колонка перекрывала бы зафиксированную шапку. */ .svod-mb-action-col[data-v-3a4d2c7b] { position: sticky; left: 0; z-index: 1; background-color: #fff; /* max-width обязателен наравне с width/min-width (по образцу report-dki-r.vue sidebarCellStyle/toggleCellStyle): при table-layout: auto содержимое ячейки (кнопка) иначе может раздуть реальную ширину колонки шире 40px, а соседняя sticky-колонка "Наименование" жестко привязана к left: 40px - расхождение дает видимый зазор между колонками при горизонтальной прокрутке. */ width: 40px; min-width: 40px; max-width: 40px; overflow: hidden; text-align: center; } /* RQ.33: колонка "Наименование" фиксируется при горизонтальной прокрутке, следом за колонкой-"стрелкой" */ .svod-mb-name-col[data-v-3a4d2c7b] { position: sticky; left: 40px; z-index: 1; background-color: #fff; min-width: 320px; white-space: nowrap; } .svod-mb-group-row .svod-mb-name-col[data-v-3a4d2c7b] { background-color: #EEF3F8; /* Строка-заголовок группы занимает всю ширину одной ячейкой (colspan) - в отличие от обычных строк, у неё нет отдельной колонки-"стрелки" перед собой, поэтому sticky-отступ = 0 */ left: 0; } .svod-mb-total-row td[data-v-3a4d2c7b] { background-color: #F7F9FC; } .svod-mb-total-name[data-v-3a4d2c7b] { font-weight: 800; } .default-font[data-v-6db91e9a] { font-weight: 800; font-size: 0.7777777778rem; } .cash-date-warning-banner[data-v-6db91e9a] { width: 100%; height: 40px; background: #F6D7D9; color: #EA3C47; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px; } .unselected[data-v-6db91e9a] { color: #7C9DB3; } .income-expense-container[data-v-6db91e9a] { border: 1px solid gray; border-radius: 5px; padding: 10px; min-width: 27rem; max-width: 27rem } .income-expense-item[data-v-6db91e9a] { padding: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .transfert-container[data-v-6db91e9a] { border: 1px solid gray; border-radius: 5px; padding: 10px; max-width: 35rem; } .transfert-item[data-v-6db91e9a] { padding: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contain[data-v-6db91e9a] { background-color: #eef1f8; } .filter-contain[data-v-6db91e9a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 0.8rem; margin: 0.4rem 0; } hr[data-v-6db91e9a] { margin: 0.2rem 0; } .settings-1[data-v-6db91e9a] { padding: 0 0.8rem; display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-flow: dense; } .first-column[data-v-6db91e9a] { grid-column: 1 / 2; } .second-column[data-v-6db91e9a] { grid-column: 2 / 2; } .settings-1 .form-group[data-v-6db91e9a] { margin: 0; padding: 0 0.8rem; } .settings-1 .multiselect[data-v-6db91e9a], .settings-1 .form-control[data-v-6db91e9a], .settings-1 .mx-datepicker[data-v-6db91e9a] { margin-top: 0.2rem; } .settings-1 .filter-block[data-v-6db91e9a] { border-top: 1px solid #ddd; border-right: 1px solid #ddd; padding: 0 1rem; } .settings-2[data-v-6db91e9a] { margin-top: 0.8rem; padding: 0 1.6rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.4rem; } .settings-2 > div[data-v-6db91e9a] { padding: 1rem; border-radius: 9px; } .settings-2 h6[data-v-6db91e9a] { font-size: 0.75rem; letter-spacing: 0.5px; text-transform: uppercase; } .form-group.b-form-group[data-v-6db91e9a] { margin: 0; } .modal-size[data-v-6db91e9a] { width: 10rem !important; } .custom-spinner[data-v-6db91e9a] .multiselect__spinner { position: absolute; right: 1px; width: 70px; height: 25px; background: #fff; display: block; } .classificator-clear-btn[data-v-6db91e9a] { margin-right: 10px; color: red; } .classificator-clear-btn[data-v-6db91e9a]:hover { -webkit-transform: scale(1.1); transform: scale(1.1); cursor: pointer; opacity: 0.7; } .gu-container[data-v-6db91e9a] { max-width: 509px } .filter-block-years-range[data-v-6db91e9a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; label{ margin: 0; padding: 0; white-space: nowrap; } input{ width: 5rem; } } .status-in-progress[data-v-754e5b45]{color:#f79647 !important;background-color:#fff5ed !important}.status-completed[data-v-754e5b45]{color:#0fb15a !important;background-color:#e6f7ee !important}.status-error[data-v-754e5b45]{color:#c0504c !important;background-color:#f9eeee !important} .selected[data-v-5f3c5d9f] { background: #86cfda !important; } .alert-box[data-v-5f3c5d9f] { width: 100%; height: 40px; background: #f6d7d9; color: #ea3c47; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px; } .sortable-header[data-v-5f3c5d9f] { padding-right: 20px; cursor: pointer; } .sortable-header[data-v-5f3c5d9f]:hover { background-color: #f5f5f5 !important; } .icon-view[data-v-5f3c5d9f] { width: 10px; height: 10px; float: right; } .scrolable[data-v-5f3c5d9f] { height: 100%; max-height: 500px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; /* Occupy remaining vertical space */ overflow-y: scroll; /* Enable vertical scrolling if content overflows */ } .modal-project-table[data-v-5f3c5d9f] { border-collapse: collapse; } .modal-project-table td[data-v-5f3c5d9f], .modal-project-table th[data-v-5f3c5d9f] { border-left: none !important; border-right: none !important; } .modal-project-table tbody > tr[data-v-5f3c5d9f] { border-bottom: 1px solid #e9ecef; } .bip-container[data-v-5f3c5d9f] { padding: 0 !important; } .bip-item[data-v-5f3c5d9f] { padding: 10px 20px; border-top: 1px solid #e5e5e5; } .bip-item[data-v-5f3c5d9f]:first-child { border-top: none; } .bip-code[data-v-5f3c5d9f] { display: inline-block; min-width: 100px; font-weight: 500; color: #4196ce; } .bip-name[data-v-5f3c5d9f] { margin-left: 12px; font-weight: 500; color: #4196ce; } .stage-container[data-v-5f3c5d9f] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 10px 20px 15px; gap: 12px; } .stage-label[data-v-5f3c5d9f] { min-width: 45px; margin-top: 8px; font-size: 14px; font-weight: 500; } .stage-select-wrapper[data-v-5f3c5d9f] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 280px; } .stage-multiselect[data-v-5f3c5d9f] { font-size: 13px; } /* Список опций должен перекрывать modal-footer, а не прятаться под ним */ .stage-multiselect[data-v-5f3c5d9f] .multiselect__content-wrapper { z-index: 1060; max-height: 200px; } .stage-hint[data-v-5f3c5d9f] { margin-top: 4px; font-size: 11px; line-height: 14px; color: #8a8a8a; } .stage-filter-multiselect[data-v-5f3c5d9f] { height: auto; min-height: 28px; } .stage-filter-multiselect[data-v-5f3c5d9f] .multiselect__tags-wrap { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 4px; } .stage-filter-multiselect[data-v-5f3c5d9f] .multiselect__tags { height: auto; min-height: 28px; max-height: 58px; overflow-y: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 4px 40px 4px 10px; } .stage-filter-multiselect[data-v-5f3c5d9f] .multiselect__tag { margin: 2px 4px 2px 0; background: rgb(91, 143, 249); } hr[data-v-3b18a450] { border: none; height: 1.5px; background-color: #7c9db3; margin: 0; } .plan-text[data-v-3b18a450] { font-size: 14px; color: #60a5cf; font-style: italic; } .extra-label[data-v-3b18a450] { font-size: 16px; color: #4b7894; font-weight: bolder; margin-left: 18px; } .sum-text[data-v-3b18a450] { font-size: 14px; color: #1c2a3e; } .table-container .table[data-v-3b18a450], .table-card .table[data-v-3b18a450] { border-right: 1px solid #dee2e6 !important; } .fixed-width-multiselect[data-v-3b18a450] { max-width: 550px; } .fixed-width-multiselect .multiselect__single[data-v-3b18a450] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; max-width: 100%; } .date-picker-container[data-v-3b18a450] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 79px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 14px; line-height: 19px; color: #6087a0; } .date-picker-container input[type="number"][data-v-3b18a450] { border: 1px solid #bcd2e0; border-radius: 5px; padding-right: 5px; max-width: 80px; height: 28px; text-indent: 7px; text-align: left; } .radio-buttons[data-v-3b18a450] { margin-right: 30px; position: relative; } .radio-buttons[data-v-3b18a450]::before { content: ""; position: absolute; top: -6px; right: -12px; bottom: 10px; width: 1px; background-color: #d3dbe3; } .radio-buttons input[type="radio"][data-v-3b18a450] { display: none; } .radio-buttons label[data-v-3b18a450] { display: inline-block; vertical-align: middle; cursor: pointer; line-height: 22px; white-space: nowrap; font-size: 12px; font-weight: 500; color: #6087a0; margin: 0 10px; position: relative; top: 4px; } .radio-buttons input[type="radio"]:checked + label[data-v-3b18a450] { color: #3f4d67; } .radio-buttons input[type="radio"] + label[data-v-3b18a450]::before { content: ""; display: inline-block; width: 20px; height: 20px; margin-right: 4px; margin-bottom: -5px; border-radius: 50%; border: 2px solid #d9dfe6; background-color: #fff; } .radio-buttons input[type="radio"]:checked + label[data-v-3b18a450]::before { background-color: #3f4d67; border: 2px solid #d9dfe6; background-clip: content-box; padding: 3px; } .year-input[data-v-3b18a450] { width: 90px; } /* Chrome, Safari, Edge, Opera */ .no-spinner[data-v-3b18a450]::-webkit-inner-spin-button, .no-spinner[data-v-3b18a450]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ .no-spinner[data-v-3b18a450] { -moz-appearance: textfield; } /* Для Chrome, Safari, Edge, Opera убрать spinner у input */ input[type="number"][data-v-3b18a450]::-webkit-outer-spin-button, input[type="number"][data-v-3b18a450]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Для Firefox */ input[type="number"][data-v-3b18a450] { -moz-appearance: textfield; } .remove-all-btn[data-v-3b18a450] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .table-container .btn[data-v-3b18a450], .table-card .btn[data-v-3b18a450] { height: 30px; padding: 0 20px; } .app-form-header[data-v-3b18a450] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 10px; } .app-label[data-v-3b18a450] { color: rgb(1, 172, 80); font-size: 15px; font-weight: 500; padding-left: 13px; } .td-add-button[data-v-3b18a450] { padding: 10px 16px; border: none; background: transparent; } .add-link-button[data-v-3b18a450] { color: rgb(33, 150, 243); cursor: pointer; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; } .add-link-button[data-v-3b18a450]:hover { color: rgb(89, 176, 246); } .table-header th[data-v-3b18a450] { font-size: 13px; font-weight: 700; color: rgb(96, 135, 160); background: rgba(255, 255, 255, 0.9); } .add-payment-btn[data-v-3b18a450] { width: 28px; height: 28px; color: rgb(33, 150, 243); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; font-size: 16px; } .invalid-field[data-v-3b18a450], .num-app-wrapper.invalid-field[data-v-3b18a450], .invoice-wrapper.invalid-field[data-v-3b18a450] { border: 2px solid rgb(238, 53, 53) !important; } .text-muted[data-v-3b18a450] { font-size: 12px; display: block; text-align: right; margin-top: 2px; } .text-danger[data-v-3b18a450] { font-size: 12px; display: block; text-align: right; margin-top: 2px; } .num-app-wrapper[data-v-3b18a450] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #ced4da; border-radius: 4px; padding: 0 8px; background: white; } .num-app-prefix[data-v-3b18a450] { white-space: nowrap; color: #6c757d; font-size: 14px; padding: 6px 4px 6px 0; border-right: 1px solid #ced4da; margin-right: 6px; } .num-app-input[data-v-3b18a450] { border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; padding-left: 0 !important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .num-app-gz[data-v-3b18a450] { white-space: nowrap; font-size: 14px; color: #495057; border-left: 1px solid #ced4da; padding-left: 8px; } .table td[data-v-3b18a450] { vertical-align: middle; } .invoice-wrapper[data-v-3b18a450] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #ced4da; border-radius: 4px; background: white; padding: 0 8px; } .invoice-prefix[data-v-3b18a450] { white-space: nowrap; color: #6c757d; font-size: 14px; padding: 6px 4px 6px 0; margin-right: 6px; border-right: 1px solid #ced4da; } .invoice-suffix[data-v-3b18a450] { white-space: nowrap; color: #6c757d; font-size: 13px; padding: 4px 0 4px 8px; border-left: 1px solid #e0e0e0; margin-left: 4px; -ms-flex-negative: 0; flex-shrink: 0; } .invoice-input[data-v-3b18a450] { border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 0 !important; } .invoice-gz[data-v-3b18a450] { white-space: nowrap; font-size: 14px; color: #495057; border-left: 1px solid #ced4da; padding-left: 8px; } .contract-card[data-v-76f3c91f] { border: 2px solid rgb(168, 218, 115); border-radius: 16px; background: -webkit-gradient(linear, left top, left bottom, from(#eefbea), to(#e4f6dd)); background: linear-gradient(180deg, #eefbea 0%, #e4f6dd 100%); margin: 18px; overflow: hidden; -webkit-box-shadow: 0 2px 10px rgba(90, 140, 90, 0.08); box-shadow: 0 2px 10px rgba(90, 140, 90, 0.08); } .contract-body[data-v-76f3c91f] { padding: 12px; } .contract-table[data-v-76f3c91f] { width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; border-radius: 8px; } .contract-table td[data-v-76f3c91f] { border: 1px solid #d7ead7; background: rgba(255, 255, 255, 0.9); } .contract-number-cell[data-v-76f3c91f] { width: 340px; padding: 24px; font-size: 16px; font-weight: 700; text-align: left; color: rgb(28, 42, 62); } .contract-description-cell[data-v-76f3c91f] { padding: 24px; font-size: 15px; font-weight: 600; color: rgb(96, 135, 160); } .info-cell[data-v-76f3c91f] { padding: 22px 18px; text-align: left; vertical-align: middle; min-width: 220px; } .supplier-cell[data-v-76f3c91f] { width: 30%; } .info-label[data-v-76f3c91f] { font-size: 14px; font-weight: 700; color: rgb(96, 135, 160); margin-bottom: 10px; } .info-value[data-v-76f3c91f] { font-size: 16px; font-weight: 700; color: rgb(28, 42, 62); } .supplier-value[data-v-76f3c91f] { font-size: 16px; line-height: 1.4; } .orange[data-v-76f3c91f] { color: rgb(247, 150, 71); } .green[data-v-76f3c91f] { color: rgb(1, 172, 80); } .contract-tags[data-v-76f3c91f] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; padding: 16px 0 0 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .apps-button[data-v-76f3c91f] { background: rgb(1, 172, 80); color: white; border: none; border-radius: 8px; padding: 7px 14px; font-weight: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; -webkit-transition: 0.2s; transition: 0.2s; cursor: pointer; font-size: 14px; } .apps-button[data-v-76f3c91f]:hover { background: #67e39a; } .tag[data-v-76f3c91f] { background: rgba(255, 255, 255, 0.9); border: 1px solid #cfe5cf; border-radius: 8px; padding: 7px 14px; color: rgb(96, 135, 160); font-weight: 700; font-size: 14px; } .tag.long[data-v-76f3c91f] { max-width: 700px; } .apps-wrapper[data-v-76f3c91f] { background: rgba(255, 255, 255, 0.8); margin-top: 16px; } .apps-table[data-v-76f3c91f] { margin-bottom: 0; background: white; border: 1px solid #d7ead7; background: rgba(255, 255, 255, 0.9); border-radius: 10px; } .apps-label[data-v-76f3c91f] { font-size: 14px; font-weight: 600; color: rgb(96, 135, 160); margin-bottom: 10px; } .apps-value[data-v-76f3c91f] { font-size: 14px; font-weight: 700; color: rgb(28, 42, 62); } .arrow-icon[data-v-76f3c91f] { font-size: 10px; -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .arrow-icon[data-v-76f3c91f] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .arrow-icon.opened[data-v-76f3c91f] { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .payments-cell[data-v-76f3c91f] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .edit-btn[data-v-76f3c91f] { border: none !important; background: transparent !important; color: rgb(33, 150, 243) !important; padding: 0; -webkit-box-shadow: none !important; box-shadow: none !important; text-transform: none; } .edit-btn[data-v-76f3c91f]:hover, .edit-btn[data-v-76f3c91f]:focus, .edit-btn[data-v-76f3c91f]:active { background: transparent !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; color: rgb(89, 176, 246) !important; } .filter-breadcrumb[data-v-76f3c91f] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 6px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; overflow: hidden; } .item-breadcrumb[data-v-76f3c91f] { white-space: nowrap; cursor: pointer; } .button-actions[data-v-76f3c91f] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; /* never shrinks */ }