.table-wrapper{max-width:100%;margin-left:-5px;padding-left:5px}.table-wrapper table{transition:all 250ms}.table-wrapper table.loading{opacity:0.5;filter:saturate(0)}@media (max-width: 767px){.table-wrapper{max-width:100%;overflow-x:auto;margin-left:-5px;padding-left:5px}.table-wrapper table.ui-table{table-layout:auto}}

.save-btn,.delete-btn{display:inline-block;vertical-align:middle;cursor:pointer;height:100%}.save-btn span,.delete-btn span{margin-left:10px;color:var(--text-light)}.save-btn svg *,.delete-btn svg *{fill:#b8b8b8}.small-delete-btn{display:inline-block;vertical-align:middle;text-align:center;color:#000}.small-delete-btn:hover{color:var(--danger)}.add-row{height:40px;padding:6px 0;background:rgba(255,255,255,0.4);text-align:center;width:100%}.add-row .add-btn{cursor:pointer;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,0.05);transition:all 150ms}.add-row .add-btn:hover{transform:scale(1.1, 1.1);box-shadow:0 2px 3px rgba(0,0,0,0.15)}.add-row.disabled{pointer-events:none;filter:saturate(0)}.icon-btn{margin-left:unset !important}.icon-btn svg{width:16px;height:16px}.icon-btn span{padding:0 4px}.delete-btn{display:flex}.delete-btn:hover svg *[fill]{fill:var(--danger)}.sp-btn.sp-btn-primary.toolbar-create-btn{display:flex;justify-content:space-between;align-items:center;padding:0 10px;gap:20px}

.model-list .filters{margin-bottom:var(--ui-filter-margin);display:flex}.model-list .filters input{max-width:100%;margin-left:var(--ui-filter-margin)}.model-list .table-with-pager{transition:all 250ms}.model-list .table-with-pager .table-wrapper table thead tr th{padding-bottom:16px}.model-list .table-with-pager .table-wrapper table thead tr th div div{font-size:12px}.model-list .table-with-pager .table-wrapper table thead tr th div div a{color:var(--table-text);font-size:12px}.model-list .table-with-pager .paganation{transition:all 250ms;margin:20px 0;flex-direction:row-reverse;justify-content:space-between;font-size:13px}.model-list .table-with-pager .paganation .ui-pages{display:flex;flex-direction:row}.model-list .table-with-pager .paganation .items-per-page{margin:0}.model-list .table-with-pager .paganation .items-per-page .sp-trigger.sp-dropdown.sm{height:35px;background-color:transparent;font-weight:500;border:var(--border-width) solid var(--light-blue);border-radius:var(--border-radius);cursor:pointer;min-width:80px}.model-list .table-with-pager .paganation .items-per-page .sp-trigger.sp-dropdown.sm .filter{font-size:13px}.model-list .table-with-pager .paganation .items-per-page .sp-trigger.sp-dropdown.sm .filter::before{top:13px}.model-list .table-with-pager.loading table tbody{opacity:0.5;filter:saturate(0)}.model-list .table-with-pager.loading .ui-pager{opacity:0.5;pointer-events:none;filter:saturate(0);margin-right:20px}.model-list .table-with-pager.initial{opacity:0}@media (max-width: 600px){.model-list .table-with-pager .ui-pager{flex-direction:column;margin-bottom:100px}.model-list .table-with-pager .ui-pager .pages{margin:0;margin-bottom:30px}.model-list .table-with-pager .ui-pager .items-per-page{margin-bottom:20px}}

.route-tabs{width:100%;font-size:14px}.route-tabs .route-tabs-container{width:100%;height:40px;overflow:hidden;position:relative;margin-bottom:30px;margin-left:-10px;margin-right:-10px}.route-tabs .route-tabs-hor{width:100%;height:100px;overflow:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.route-tabs .route-tabs-wrapper{display:inline-block;width:100%;height:60px;white-space:nowrap;position:relative;padding-left:10px;padding-right:10px}.route-tabs .route-tabs-wrapper:after{content:'';position:absolute;left:-10px;top:calc(40px - 1px);z-index:1;right:-10px;height:1px;background:var(--border)}.route-tabs .route-tab{display:inline-block;font-weight:500;vertical-align:bottom;height:40px;line-height:40px;margin-right:5px;border:1px solid transparent;padding:0 25px;margin-bottom:0;cursor:pointer;text-align:center;position:relative;color:var(--secondary-text);background:var(--content-bg);transition:all 150ms}.route-tabs .route-tab:hover{border:1px solid var(--border);border-bottom:0;color:var(--text)}.route-tabs .route-tab.active{color:var(--primary);border:1px solid var(--border)}.route-tabs .route-tab.active:after{content:'';display:block;position:absolute;left:0;bottom:-1px;z-index:2;right:0;height:1px;background:var(--content-bg)}.route-tabs .route-tab .tab-badge{position:absolute;top:2px;right:2px;width:12px;height:12px;display:inline-block;border-radius:50%;background:#d00;color:#fff;font-size:9px;line-height:12px}.route-tabs .left-grad,.route-tabs .right-grad{position:absolute;pointer-events:none;top:0;bottom:0;z-index:2;width:50px;opacity:0}.route-tabs .left-grad{left:0;background:linear-gradient(90deg, #fff 0%, rgba(255,255,255,0) 100%)}.route-tabs .right-grad{right:0;background:linear-gradient(90deg, rgba(255,255,255,0) 0%, #fff 100%)}

.label-popup{text-align:center}.label,.color{display:inline-block;vertical-align:baseline;margin-right:3px;width:10px;height:10px;border-radius:50%;background:#ccc;border:1px solid rgba(0,0,0,0.05)}.labels-edit .label-item{display:inline-block;vertical-align:top;margin-right:5px;margin-bottom:5px;height:22px;line-height:22px;padding:0 10px;border-radius:15px;font-size:12px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.labels-edit .label-item .label-remove{margin-left:10px;cursor:pointer}.labels-edit .label-add{display:inline-block;vertical-align:top;width:22px;height:22px;line-height:22px;font-size:10px;border-radius:50%;background:var(--secondary);color:#fff;text-align:center}.labels-edit .label-add:hover{background:#888}.labels-edit .drop-down-sm{max-width:300px}.box-label{font-size:14px;border-radius:4px;padding:0 12px;height:22px;display:inline-flex;align-items:center}

#sp-upload{position:absolute;background:#0af;color:#fff;font-size:14px;width:170px;height:30px;line-height:30px;padding:0 10px;z-index:1;right:0}

.tox.tox-tinymce{border-radius:4px;border:none}.tox.tox-tinymce .tox-menubar{background:none}.tox.tox-tinymce .tox-toolbar__primary{background:none;background-color:var(--secondary-bg)}.tox.tox-tinymce .tox-toolbar__primary .tox-toolbar__group{border:none}.tox.tox-tinymce .tox-sidebar-wrap .tox-edit-area iframe{padding:20px;background-color:var(--main-bg)}.tox.tox-tinymce .tox-statusbar{display:none}

.avatar-fio{width:100%}.avatar-fio .fio{display:inline-block;width:calc(100% - 34px);vertical-align:middle;margin-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user-card{width:400px;max-width:100%;background:var(--main-bg);padding:5px;border:1px solid var(--border);border-radius:var(--border-radius);font-size:13px;margin-bottom:10px}.user-card .name{margin-bottom:2px}.user-card .name .actions{float:right}.user-card .name .actions .edit-btn{cursor:pointer}.user-card .name .actions svg{margin-left:10px}.user-card .name .actions svg *{fill:var(--text-light)}.user-card .name .actions svg:hover *{fill:var(--secondary)}.user-card .info{display:flex;font-size:12px;white-space:nowrap}.user-card .info>div{overflow:hidden;text-overflow:ellipsis}.user-card .info div+div{margin-left:10px}.user-card .info a{color:var(--text-light)}.user-card .info a:hover{color:var(--secondary)}.user-card .info svg *{fill:var(--secondary)}.user-card-confirm{max-width:300px}

.comments .title{font-size:12px;color:var(--secondary);margin-bottom:15px}.comment{margin-bottom:15px;display:flex;align-items:flex-start}.comment .attachments .list,.comment .attachments .new-files{margin-top:5px;margin-left:-20px}.comment .who,.comment .subject{color:var(--secondary)}.comment .who{flex-basis:30px;display:flex;flex-direction:column;padding-right:5px;align-items:center}.comment .who .border{margin-top:5px;width:1.6px;height:100%;background-color:var(--border)}.comment .what{flex-grow:1;line-height:13px}.comment .date{display:block;font-size:11px;color:var(--text-lighter)}.comment .action{color:var(--text-light)}.comment .text{margin-top:5px;margin-bottom:5px;font-size:13px;line-height:1.4em;padding:5px;background:var(--main-bg);word-break:break-word}.comment .text .rich-text{position:relative}.comment .text .rich-text::before{content:'';position:absolute;left:-23.4px;height:100%;width:1.6px;background-color:var(--border)}.comment .text p{margin:0}.comment .text ol,.comment .text ul{margin:0;padding:0 0 0 15px}.comment .text *+ol,.comment .text *+ul,.comment .text ol+*,.comment .text ul+*{margin-top:1.4em}.comment .toggle{font-size:12px;margin-top:5px;margin-bottom:2px}.comment .small-delete-btn{margin-left:10px}.comment .small-delete-btn *{fill:#aaa}.comment .small-delete-btn:hover *{fill:var(--danger)}.post-comment{margin-bottom:20px;position:relative}.post-comment .post-title{font-size:12px;color:var(--secondary)}.post-comment .actions{position:absolute;bottom:20px;left:20px}.post-comment .actions .btn-md{width:124px;height:36px;font-size:14px}

.attachments{margin-bottom:5px;white-space:nowrap;text-overflow:ellipsis}.attachments.upload-image{display:flex;flex-direction:column}.attachments .list,.attachments .new-files,.attachments .upload-errors{line-height:1.4em}.attachments .list .attachment,.attachments .list .new-file,.attachments .new-files .attachment,.attachments .new-files .new-file,.attachments .upload-errors .attachment,.attachments .upload-errors .new-file{margin-bottom:5px;display:flex;align-items:flex-start}.attachments .list .attachment .icon,.attachments .list .new-file .icon,.attachments .new-files .attachment .icon,.attachments .new-files .new-file .icon,.attachments .upload-errors .attachment .icon,.attachments .upload-errors .new-file .icon{flex:0 0 20px;font-size:14px;color:var(--primary)}.attachments .list .attachment .icon .loader,.attachments .list .new-file .icon .loader,.attachments .new-files .attachment .icon .loader,.attachments .new-files .new-file .icon .loader,.attachments .upload-errors .attachment .icon .loader,.attachments .upload-errors .new-file .icon .loader{margin-left:-2px}.attachments .list .attachment>.info,.attachments .list .new-file>.info,.attachments .new-files .attachment>.info,.attachments .new-files .new-file>.info,.attachments .upload-errors .attachment>.info,.attachments .upload-errors .new-file>.info{flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.3em;font-size:12px;display:flex;align-items:center}.attachments .list .attachment>.info .sp-popover,.attachments .list .new-file>.info .sp-popover,.attachments .new-files .attachment>.info .sp-popover,.attachments .new-files .new-file>.info .sp-popover,.attachments .upload-errors .attachment>.info .sp-popover,.attachments .upload-errors .new-file>.info .sp-popover{cursor:pointer}.attachments .list .attachment .file-name,.attachments .list .new-file .file-name,.attachments .new-files .attachment .file-name,.attachments .new-files .new-file .file-name,.attachments .upload-errors .attachment .file-name,.attachments .upload-errors .new-file .file-name{display:inline-block;max-width:calc(100% - 30px);vertical-align:top;overflow:hidden;white-space:nowrap;text-decoration:none;text-overflow:ellipsis;color:var(--text)}.attachments .list .attachment .file-name:hover,.attachments .list .new-file .file-name:hover,.attachments .new-files .attachment .file-name:hover,.attachments .new-files .new-file .file-name:hover,.attachments .upload-errors .attachment .file-name:hover,.attachments .upload-errors .new-file .file-name:hover{color:var(--secondary)}.attachments .list .attachment .date,.attachments .list .attachment .progress,.attachments .list .new-file .date,.attachments .list .new-file .progress,.attachments .new-files .attachment .date,.attachments .new-files .attachment .progress,.attachments .new-files .new-file .date,.attachments .new-files .new-file .progress,.attachments .upload-errors .attachment .date,.attachments .upload-errors .attachment .progress,.attachments .upload-errors .new-file .date,.attachments .upload-errors .new-file .progress{font-size:11px;color:var(--text-lighter)}.attachments .list .attachment .date em,.attachments .list .attachment .progress em,.attachments .list .new-file .date em,.attachments .list .new-file .progress em,.attachments .new-files .attachment .date em,.attachments .new-files .attachment .progress em,.attachments .new-files .new-file .date em,.attachments .new-files .new-file .progress em,.attachments .upload-errors .attachment .date em,.attachments .upload-errors .attachment .progress em,.attachments .upload-errors .new-file .date em,.attachments .upload-errors .new-file .progress em{font-style:normal;color:var(--secondary)}.attachments .list .attachment .error-msg,.attachments .list .new-file .error-msg,.attachments .new-files .attachment .error-msg,.attachments .new-files .new-file .error-msg,.attachments .upload-errors .attachment .error-msg,.attachments .upload-errors .new-file .error-msg{font-size:11px;color:var(--danger)}.attachments .list .attachment .small-delete-btn,.attachments .list .new-file .small-delete-btn,.attachments .new-files .attachment .small-delete-btn,.attachments .new-files .new-file .small-delete-btn,.attachments .upload-errors .attachment .small-delete-btn,.attachments .upload-errors .new-file .small-delete-btn{vertical-align:top;font-size:10px;margin-left:5px;color:var(--text-lighter)}.attachments .list .attachment .small-delete-btn:hover,.attachments .list .new-file .small-delete-btn:hover,.attachments .new-files .attachment .small-delete-btn:hover,.attachments .new-files .new-file .small-delete-btn:hover,.attachments .upload-errors .attachment .small-delete-btn:hover,.attachments .upload-errors .new-file .small-delete-btn:hover{color:var(--danger)}.attachments .list .upload-error .icon,.attachments .new-files .upload-error .icon,.attachments .upload-errors .upload-error .icon{color:#d00}.attachments .upload{margin-bottom:10px}.attachments .upload .attach-btn{border:2px solid var(--secondary-light);border-radius:5px;width:36px;height:36px;padding:7px}.attachments .upload input[type="file"]{display:none}.attachments .upload label img{margin-right:12px}.attachments .upload input[type="file"]+label{cursor:pointer;color:var(--secondary);text-decoration:underline;color:var(--text);display:flex;align-items:center}.attachments .upload input[type="file"]+label:hover{color:#000}.attachments .upload input[type="file"]+label svg{margin-right:7px;margin-left:-1px;font-size:16px}.popconfirm-content.confirm-delete{max-width:300px;word-break:break-all}.popconfirm-content.confirm-delete em{font-style:normal;color:#0af}

.content-section{background:var(--main-bg);box-shadow:0 2px 3px rgba(0,0,0,0.15);padding:15px;margin-bottom:15px;height:auto}.content-section>header:first-child{background:var(--secondary-bg);color:var(---text);margin:-15px -15px 15px -15px;font-size:14px;font-weight:500;padding:0 15px;height:40px;display:flex;align-items:center}

.editable{display:inline-block;vertical-align:middle}.editable.empty .editable-value{text-decoration:underline;color:var(--secondary)}.editable.textarea .editable-value span{line-height:1.4em;padding:6px}.editable.textarea .submit{display:block;margin-top:5px;margin-left:0}.editable .editable-value{display:block;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:4px;width:calc(100% - 40px);margin-left:-6px}.editable .editable-value span{display:block;min-height:30px;line-height:30px;padding:0 6px}.editable .editable-value:hover span{background:var(--main-bg-hover)}.editable .editable-value>svg{margin-left:10px}.editable .editable-value>svg *{fill:var(--secondary)}.editable .submit{display:inline-block;margin-left:5px}.editable input{width:calc(100% - 40px);height:30px;line-height:30px;margin-left:-6px}.editable textarea{width:calc(100% + 12px);margin-left:-6px;margin-right:-6px}

@-webkit-keyframes notification{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes notification{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.notification{position:fixed;top:10px;right:50px;width:200px;z-index:1000;padding:20px;text-align:center;-webkit-animation:notification 6s;animation:notification 6s}.notification>p{margin:0}.notification-success{color:#155724;background-color:#d4edda}.notification-error{color:#721c24;background-color:#f8d7da}

.auth-layout{width:100%;height:100%;background:#f2f2f4;background:var(--content-bg, #f2f2f4);display:flex;align-items:flex-start;padding:30px 0;justify-content:center;overflow:auto}.auth-form{--label-width: 35%;width:100%;margin:0 20px;max-width:400px;padding:38px 32px;background:#fff;background:var(--main-bg, #fff);text-align:left;border-radius:4px;border-radius:var(--border-radius, 4px);border:1px solid rgba(0,0,0,0.15)}.auth-form .restore{cursor:pointer;text-align:center;-webkit-text-decoration-line:underline;text-decoration-line:underline;margin:24px 0 0 0}.auth-form .restore:hover{color:#2784ff66}.auth-form .copyright{margin-top:35px;text-align:center;color:var(--text-lighter)}.auth-form .title{white-space:nowrap;margin-bottom:60px;display:flex;align-items:center;justify-content:center}.auth-form .title .logo{flex-basis:34px;height:34px;text-align:center;margin-right:10px;display:flex;align-items:center;justify-content:center}.auth-form .title .logo img{width:47px;height:42px}.auth-form .title .name{display:flex;flex-direction:column;justify-content:center}.auth-form .title .name a{display:block;color:var(--header-title-color);text-decoration:none;margin-bottom:5px;font-size:18px}.auth-form .title .name a strong{color:var(--header-title-accent)}.auth-form .title .name .version{display:block;font-size:10px;line-height:10px;color:var(--text-lighter)}.auth-form.disabled{pointer-events:none}.auth-form.disabled *:not(.error):not(.message){filter:saturate(0)}.auth-form h1{font-size:16px;margin-bottom:20px;text-align:center}.auth-form .field{display:flex;flex-direction:column;margin-bottom:7px;line-height:30px}.auth-form .field .input-password{display:flex;align-items:center;position:relative}.auth-form .field .input-password svg{position:absolute;right:8px;cursor:pointer}.auth-form .field .input-password svg:hover *{stroke:var(--secondary) !important}.auth-form .field label{font-size:12px;flex-basis:var(--label-width);flex-shrink:0;color:var(--weak-text)}.auth-form .field label.required::after{display:inline-block;content:'*';color:#d00;font-weight:bold;transform:translate(1px, -2px)}.auth-form .field input{width:100%;height:40px;border:1.6px solid rgba(39,132,255,0.2);font-size:14px;padding:12px 16px}.auth-form .field input:invalid{background:#fdd;border:1px solid rgba(0,0,0,0.2)}.auth-form .submit .loader{margin-top:35px}.auth-form .submit .sp-btn-primary{margin-top:35px;text-transform:uppercase;font-weight:700;font-size:14px;line-height:16px}.auth-form .captcha,.auth-form .submit,.auth-form .error,.auth-form .message{text-align:center}.auth-form .submit{margin-bottom:10px}.auth-form .captcha{display:flex;align-items:center;margin-top:16px}.auth-form .captcha img{border:1.6px solid rgba(39,132,255,0.2);border-radius:4px;width:250px}.auth-form .captcha .reload{margin-left:20px;cursor:pointer}.auth-form .captcha .reload:hover *{fill:var(--secondary) !important}.auth-form .error,.auth-form .message{font-size:12px;color:#000}.auth-form .error{color:#a00}.auth-form .sp-btn+.sp-btn{margin-left:10px}

.members-avatars{display:flex;align-items:center}.members-avatars .avatars{display:flex;flex-wrap:wrap;gap:5px;align-items:center;height:36px}.members-avatars .avatars>div{height:100%}.members-avatars .avatars .more{font-size:14px;color:var(--text-lighter)}.member-avatar-popup{display:flex;white-space:nowrap;-moz-column-gap:10px;column-gap:10px;align-items:center;padding:100}.member-avatar-popup .role{color:var(--text-lighter)}

.modes{display:flex;-moz-column-gap:10px;column-gap:10px}.modes svg{background-color:var(--main-bg);box-shadow:0px 0px 10px rgba(0,0,0,0.1);border-radius:5px;border-color:unset !important;cursor:pointer;transition:all 200ms ease-out;width:var(--ui-filter-height);height:var(--ui-filter-height);border:1.6px solid transparent !important}.modes svg .icon-border{stroke:unset}.modes svg .icon-content{stroke:var(--text-lighter)}.modes svg:hover{transform:scale(1.1, 1.1)}.modes svg:hover .icon-content{stroke:var(--primary)}.modes svg.active{pointer-events:none;transform:scale(1.1, 1.1);opacity:1;border-color:var(--secondary) !important}.modes svg.active .icon-content{stroke:var(--primary)}

.toolbar{display:flex;align-items:center;flex-basis:80%;-moz-column-gap:20px;column-gap:20px;flex-wrap:wrap;width:100%}.toolbar .toolbar-user{min-width:220px}.toolbar.toolbar-page{padding-bottom:var(--ui-toolbar-padding-bot);border-bottom:1px solid var(--secondary-light)}.toolbar .toolbar-count{color:var(--text-lighter)}.toolbar .toolbar-create-btn{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;padding:0px 10px;min-width:160px}.toolbar .toolbar-create-btn span{align-self:center}.toolbar .toolbar-search{display:flex;align-items:center;border:1px solid var(--border);border-radius:4px;background:var(--main-bg);padding:0 10px;width:30%;height:36px}.toolbar .toolbar-search .icon{color:var(--primary)}.toolbar .toolbar-search input{padding:0 10px 0 0;width:100%;border:none;background:transparent}.toolbar .members{display:flex;align-items:center}.toolbar .members .title{margin-right:10px;color:var(--text-lighter)}.toolbar .members .members-avatars .avatars .member-avatar .sp-avatar{display:flex;align-items:center;justify-content:center}.toolbar .members .members-avatars .avatars .member-avatar .sp-avatar .badge{border-radius:50%;display:flex;justify-content:center;align-items:center;top:-6px}.toolbar .members-filter .trigger{height:var(--ui-filter-height);display:flex;align-items:center;padding:0 10px}.toolbar .members-filter .trigger .clear{height:100%;display:flex;align-items:center;justify-content:center}@media (max-width: 767px){.toolbar{gap:10px 20px}.toolbar .sp-btn.sp-btn-primary.toolbar-create-btn{min-width:200px}}@media (max-width: 600px){.toolbar{gap:10px}.toolbar .sp-btn.sp-btn-primary.toolbar-create-btn{width:100%}.toolbar .toolbar-search{width:100%}}

.icon-title{display:flex;align-items:center;gap:5px}

.render-bankAccount{display:flex;justify-content:space-between;width:100%}.render-bankAccount .bank{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:30%;max-width:60%}.render-contragent{display:flex;align-items:center;justify-content:space-between;width:100%}.render-contragent .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:30%;max-width:90%}.render-status{display:inline-block}.render-status .color{height:10px;width:10px;margin-right:5px}

.orders-tiles .pager-and-sort .ui-pager{display:inline-block;margin-right:15px}.order-tile{display:inline-block;vertical-align:top;width:260px;height:200px;padding:10px;background:var(--main-bg);border:1px solid var(--border);margin-right:15px;margin-bottom:15px;cursor:pointer;transition:all 250ms}.order-tile:hover{transform:translate(0, -1px);box-shadow:0 3px 5px rgba(0,0,0,0.1)}.order-tile .top{display:flex;color:var(--text-light)}.order-tile .top .id{flex-basis:0;flex-shrink:0}.order-tile .top .updated{flex-grow:1;text-align:right}.order-tile .main{margin-top:10px}.order-tile .main .manager{float:right;margin-left:10px;margin-bottom:5px;border:1px solid rgba(0,0,0,0.15)}.order-tile .main .name{font-weight:bold;margin-bottom:5px}.order-tile .main .client{font-weight:bold}.order-tile .main .list{margin-top:5px;margin-bottom:5px}.order-tile .main .list span{display:inline-block;height:24px;line-height:22px;padding:0 10px;border-radius:4px;border:1px solid rgba(0,0,0,0.1)}.order-tile .main .positions{color:var(--text-light);margin-top:10px;margin-bottom:5px}.order-tile .main .positions .position{display:flex;align-items:center;white-space:nowrap;line-height:18px}.order-tile .main .positions .position .category{flex-grow:1;flex-shrink:1;overflow:hidden;text-overflow:ellipsis}.order-tile .main .positions .position .amount{flex-shrink:0;padding-left:10px}.order-tile .main .positions .position .price{padding-left:10px;flex-shrink:0;color:var(--text)}.order-tile .main .total{display:flex;margin-bottom:10px}.order-tile .main .total .price{flex-grow:1}.order-tile .main .total .price em{color:var(--secondary);font-style:normal}.order-tile .main .total .positions-count{flex-grow:1;text-align:right}

.orders-list{color:#f00}.orders-list .overdue .date-value{color:#f00}

.orders-kanban{--list-width: 260px;padding:0 20px;height:calc(100vh - 201px);margin:0 -20px}.orders-kanban .filters{height:30px;margin-bottom:10px}.orders-kanban .filters input{width:300px}.orders-kanban .filters input::-moz-placeholder{color:#aaa}.orders-kanban .filters input::placeholder{color:#aaa}.orders-kanban .orders-kanban-container{height:100%}.kb-item-content.order-kanban-card{background:var(--main-bg);color:var(--text)}.kb-item-content.order-kanban-card .order-card-top{height:24px;font-size:11px;display:flex;align-items:center;padding:0 7px;color:var(--text-lighter)}.kb-item-content.order-kanban-card .order-card-top .id{color:var(--secondary);flex-grow:1}.kb-item-content.order-kanban-card .order-card-top .id.closed{color:var(--success)}.kb-item-content.order-kanban-card .order-card-top .last-update{text-align:right}.kb-item-content.order-kanban-card .order-card-top .last-update.overdue{color:#f00}.kb-item-content.order-kanban-card .order-card-main{padding:0 7px 5px 7px;line-height:1.2em}.kb-item-content.order-kanban-card .order-card-main .manager{float:right;margin-left:10px;margin-bottom:5px;border:1px solid rgba(0,0,0,0.15)}.kb-item-content.order-kanban-card .order-card-main .name{font-weight:bold;margin-bottom:5px}.kb-item-content.order-kanban-card .order-card-main .positions{clear:both;color:var(--text-light);margin-top:10px;margin-bottom:5px}.kb-item-content.order-kanban-card .order-card-main .positions .position{display:flex;align-items:center;white-space:nowrap;line-height:18px}.kb-item-content.order-kanban-card .order-card-main .positions .position .category{flex-grow:1;flex-shrink:1;overflow:hidden;text-overflow:ellipsis}.kb-item-content.order-kanban-card .order-card-main .positions .position .amount{flex-shrink:0;padding-left:10px}.kb-item-content.order-kanban-card .order-card-main .positions .position .price{padding-left:10px;flex-shrink:0;color:var(--text)}.kb-item-content.order-kanban-card .order-card-main .total{display:flex;margin-bottom:10px}.kb-item-content.order-kanban-card .order-card-main .total .price{flex-grow:1}.kb-item-content.order-kanban-card .order-card-main .total .price em{color:var(--secondary);font-style:normal}.kb-item-content.order-kanban-card .order-card-main .total .positions-count{flex-grow:1;text-align:right}.kb-item-content.order-kanban-card .order-card-main .client{font-size:11px;color:var(--text-light)}.kb-item-content.order-kanban-card .order-card-main .client em{font-style:normal;color:var(--secondary)}.kb-item-content.order-kanban-card .order-card-bottom{border-top:1px dotted var(--border);padding:5px 7px;display:flex;font-size:11px}.kb-item-content.order-kanban-card .order-card-bottom .labels{flex-grow:1}

.orders-report .toolbar{margin:var(--ui-filter-margin) 0}.orders-report .toolbar .actions{margin-top:23px;margin-left:15px}.orders-report .report-table{width:100%}.orders-report .report-table .description{text-decoration:underline}.orders-report .report-table .description:hover{cursor:pointer;color:var(--secondary)}.orders-report .report-table .edit-id{display:block}.orders-report .report-table td{position:relative;padding:var(--table-cell-padding)}.orders-report .report-table td .column-chechbox{display:flex;flex-direction:row;align-items:center}

.orders-root{height:calc(100% - 15px);background:var(--content-bg)}

.orders-toolbar{display:flex;align-items:flex-start;margin-bottom:var(--ui-filter-margin);border-bottom:1px solid var(--border)}.orders-toolbar .sp-date-picker{width:160px}.orders-toolbar .new-order{margin-bottom:var(--ui-toolbar-padding-bot)}.orders-toolbar .new-order .fields{display:flex;flex-direction:column}.orders-toolbar .new-order .fields>*{width:250px;margin-bottom:5px}.orders-toolbar .filters{flex-grow:1}.orders-toolbar .filters-row{display:flex;margin-bottom:10px}.orders-toolbar .filters-row>*{margin-right:var(--ui-filter-margin)}.orders-toolbar .filters-row .text-search{flex-grow:1;flex-basis:0}.orders-toolbar .filters-row .price{flex-basis:80px;flex-shrink:0;flex-grow:0}.orders-toolbar .orders-mode{flex-basis:0;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end}.orders-toolbar .orders-mode span{margin-right:15px}.orders-toolbar .orders-mode svg+svg{margin-left:10px}.orders-toolbar .orders-mode svg{width:var(--ui-filter-height);height:var(--ui-filter-height);cursor:pointer;transition:all 200ms ease-out;opacity:0.5}.orders-toolbar .orders-mode svg .icon-border{stroke:var(--icon-border-inactive)}.orders-toolbar .orders-mode svg .icon-content{stroke:var(--icon-content-inactive)}.orders-toolbar .orders-mode svg .icon-content2{fill:var(--icon-content-inactive)}.orders-toolbar .orders-mode svg:hover{opacity:0.7;transform:scale(1.1, 1.1)}.orders-toolbar .orders-mode svg.active{pointer-events:none;transform:scale(1.1, 1.1);opacity:1}.orders-toolbar .orders-mode svg.active .icon-border{stroke:var(--icon-border)}.orders-toolbar .orders-mode svg.active .icon-content{stroke:var(--icon-content)}.orders-toolbar .orders-mode svg.active .icon-content2{fill:var(--icon-content)}

.order-history{margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,0,0,0.15);transition:all 150ms}.order-history.reloading{opacity:0.5;filter:saturate(0)}.order-history .title{font-size:12px;color:var(--secondary);margin-bottom:15px}.order-history .logs{font-size:12px;line-height:18px}.order-history .logs .order-log{margin-bottom:20px;display:flex;align-items:flex-start}.order-history .logs .order-log .who,.order-history .logs .order-log .subject{color:var(--secondary)}.order-history .logs .order-log .who{flex-basis:30px;flex-shrink:0}.order-history .logs .order-log .what{flex-grow:1;line-height:13px}.order-history .logs .order-log .date{display:block;font-size:11px;color:#aaa}.order-history .logs .order-log .action{color:#888}.order-history .logs .order-log .color{vertical-align:middle}.order-history .logs .order-log .action a{position:relative}.order-history .logs .order-log .action a>div{cursor:default;position:absolute;min-width:100px;max-width:300px;line-height:1.3em;min-height:32px;max-height:200px;overflow:auto;bottom:18px;left:0;background:#fffcf0;padding:10px;border:1px solid rgba(0,0,0,0.2);box-shadow:1px 3px 3px rgba(0,0,0,0.1);color:#000}.order-history .logs .order-log .action a>div a{color:#000;pointer-events:none}.order-history .log-popup{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(68,85,102,0.5);z-index:1000}.order-history .log-popup .log-popup-content{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:1200px;max-width:calc(100vw - 20px);height:700px;max-height:calc(100vh - 60px);background:#e0e4e8;padding:10px;border:1px solid rgba(0,0,0,0.2);box-shadow:1px 3px 3px rgba(0,0,0,0.1);display:flex;color:#333}.order-history .log-popup .left,.order-history .log-popup .right{flex-basis:calc(50% - 5px);flex-shrink:0}.order-history .log-popup .left .field,.order-history .log-popup .right .field{height:30px;line-height:30px;font-size:12px;display:flex;align-items:center}.order-history .log-popup .left .field .prev-btn,.order-history .log-popup .left .field .next-btn,.order-history .log-popup .right .field .prev-btn,.order-history .log-popup .right .field .next-btn{cursor:pointer;font-size:16px;color:var(--secondary)}.order-history .log-popup .left .field .prev-btn.disabled,.order-history .log-popup .left .field .next-btn.disabled,.order-history .log-popup .right .field .prev-btn.disabled,.order-history .log-popup .right .field .next-btn.disabled{cursor:default;color:#ccc;pointer-events:none}.order-history .log-popup .left .field .prev-btn:hover,.order-history .log-popup .left .field .next-btn:hover,.order-history .log-popup .right .field .prev-btn:hover,.order-history .log-popup .right .field .next-btn:hover{color:#000}.order-history .log-popup .left .field .prev-btn,.order-history .log-popup .right .field .prev-btn{margin-right:10px}.order-history .log-popup .left .field .next-btn,.order-history .log-popup .right .field .next-btn{margin-left:10px}.order-history .log-popup .left .field .owner,.order-history .log-popup .right .field .owner{flex-grow:1;text-align:right}.order-history .log-popup .left .field .owner em,.order-history .log-popup .right .field .owner em{font-style:normal;color:var(--secondary)}.order-history .log-popup .left .log-content,.order-history .log-popup .right .log-content{background:#fff;height:calc(100% - 30px);border:1px solid rgba(0,0,0,0.2);box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);overflow:auto;padding:7px;color:#000;word-break:break-all}.order-history .log-popup .left .log-content.empty,.order-history .log-popup .right .log-content.empty{color:#aaa}.order-history .log-popup .left .log-content img,.order-history .log-popup .right .log-content img{border:1px solid rgba(0,0,0,0.15)}.order-history .log-popup .left{margin-right:10px}.order-comment .text{background:var(--content-bg)}@media (max-width: 767px){.order-history .log-popup .log-popup-content{display:block;overflow:auto}.order-history .log-popup .log-popup-content .left{margin-bottom:20px}.order-history .log-popup .log-popup-content .left,.order-history .log-popup .log-popup-content .right{display:block;width:100%;height:calc(50% - 20px)}.order-history .log-popup .log-popup-content .left .field,.order-history .log-popup .log-popup-content .right .field{display:block;height:auto;margin-bottom:5px;line-height:1.3em}.order-history .log-popup .log-popup-content .left .field .owner,.order-history .log-popup .log-popup-content .right .field .owner{display:block;text-align:left}}

.order-contacts{margin-top:15px;margin-bottom:15px;width:100%}.order-contacts .user-card{background:var(--content-bg)}.order-contacts .new-contact .ui-checkbox{font-size:12px;color:#888;display:block;margin:10px 0}.order-contacts .new-contact .sp-dropdown{width:70%;margin-right:15px}.with-new-record .new-user{background:var(--secondary);color:var(--primary-text)}.with-new-record .new-user:hover{background:var(--secondary);color:var(--primary-text)}.new-contact-popup .sp-popup-content{width:600px}@media (max-width: 767px){.new-contact-popup .sp-popup-content{width:100%}}

.order-positions{--table-font-size: 14px}.price-position-popup{width:auto !important}.list-headers,.position-card{display:flex;font-size:14px}.list-headers>.number,.position-card>.number{width:50px;text-align:center}.list-headers>.category,.position-card>.category{flex-grow:1;flex-basis:0}.list-headers>.features,.position-card>.features{flex-grow:0.7;flex-basis:0}.list-headers>.amount,.position-card>.amount{width:100px;text-align:right}.list-headers>.members,.position-card>.members{width:80px;text-align:right}.list-headers>.attachments,.position-card>.attachments{width:80px;text-align:right}.list-headers>.price,.position-card>.price{width:140px;text-align:right}.list-headers>.actions,.position-card>.actions{width:100px;text-align:right}.position-card{background:var(--main-bg);margin-bottom:1px;cursor:pointer}.position-card:hover{background:var(--main-bg-hover)}.position-card>div{padding:10px}.position-card .delete-btn{transform:scale(0.9, 0.9)}.total-price{font-size:14px;text-align:right;padding:10px 70px 10px 10px;background:var(--main-bg);margin-bottom:1px}.total-price strong{margin-left:10px}.list-headers{font-size:11px}.list-headers>div{padding:5px 10px}.order-position-edit{width:1200px}.order-position-edit .order-actions{display:flex;justify-content:space-between}.order-position-edit label{display:block;color:var(--secondary);font-size:12px;margin-bottom:5px}.order-position-edit .form-field{margin-bottom:10px}.order-position-edit .order-form{min-height:360px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--border);display:flex}.order-position-edit .order-form>.main{max-width:400px;padding-right:30px}.order-position-edit .order-form .secondary{flex-grow:1}.order-position-edit .order-form .attachments .list .attachment:first-child{margin-top:5px}.order-position-edit .order-form .features{flex-basis:300px;flex-shrink:0;height:100%;padding-right:15px}.order-position-edit .order-form .features .features-fields{max-height:100%;padding-right:15px;overflow:auto}.order-position-edit .order-form .features .hint{padding:5px 10px;margin-right:30px;border:1px dashed var(--border);background:var(--secondary-bg);border-radius:10px}.order-position-edit .order-form .position-members{flex-grow:1}.order-position-edit .order-form .position-members>.form-field{margin-bottom:0}.order-position-edit .order-form .position-members>.members-list{max-height:calc(40px * 7);overflow:auto;padding-right:15px;margin-bottom:10px}.order-position-edit .order-form .position-members .member{display:flex;align-items:center;height:30px;margin-bottom:10px;background:var(--content-bg);padding:0 5px;border:1px solid var(--border-weak);border-radius:4px}.order-position-edit .order-form .position-members .member:last-child{margin-bottom:0}.order-position-edit .order-form .position-members .member .user{flex-basis:200px}.order-position-edit .order-form .position-members .member .role{flex-grow:1;text-align:right;color:var(--secondary)}.order-position-edit .order-form .position-members .member .actions{display:flex;flex-basis:60px;margin-left:15px;text-align:right}.order-position-edit .order-form .position-members .member .actions .edit-btn{display:inline-block;vertical-align:middle;cursor:pointer;font-size:15px;color:#888;text-align:center;width:30px;height:30px;line-height:30px}.order-position-edit .order-form .position-members .member .actions .edit-btn:hover{color:var(--secondary)}.order-position-edit .order-form .position-members .member .actions .small-delete-btn{color:#888;width:30px;height:30px;line-height:30px}.order-position-edit .order-form .position-members .member .actions .small-delete-btn:hover{color:#d00}.order-position-edit .order-form .position-members .member-edit{display:flex;justify-content:space-between;width:100%}.order-position-edit .order-form .position-members .member-edit .sp-dropdown{min-width:160px;margin-right:10px}.order-position-edit .order-form .position-members .member-edit .actions button+button{margin-left:10px}.order-position-edit .order-form .position-parameters{flex-grow:1;margin-bottom:30px}.order-position-edit .order-form .position-parameters>.form-field{margin-bottom:0}.order-position-edit .order-form .position-parameters>.parameters-list{max-height:calc(40px * 7);overflow:auto;padding-right:15px;margin-bottom:10px}.order-position-edit .order-form .position-parameters .parameter{display:flex;align-items:center;height:30px;margin-bottom:10px;background:var(--content-bg);padding:0 5px;border:1px solid var(--border-weak);border-radius:4px}.order-position-edit .order-form .position-parameters .parameter:last-child{margin-bottom:0}.order-position-edit .order-form .position-parameters .parameter .name{flex-basis:200px}.order-position-edit .order-form .position-parameters .parameter .value{flex-grow:1;text-align:right;color:var(--secondary)}.order-position-edit .order-form .position-parameters .parameter .actions{display:flex;flex-basis:60px;margin-left:15px;text-align:right}.order-position-edit .order-form .position-parameters .parameter .actions .edit-btn{display:inline-block;vertical-align:middle;cursor:pointer;font-size:15px;color:#888;text-align:center;width:30px;height:30px;line-height:30px}.order-position-edit .order-form .position-parameters .parameter .actions .edit-btn:hover{color:var(--secondary)}.order-position-edit .order-form .position-parameters .parameter .actions .small-delete-btn{color:#888;width:30px;height:30px;line-height:30px}.order-position-edit .order-form .position-parameters .parameter .actions .small-delete-btn:hover{color:#d00}.order-position-edit .order-form .position-parameters .parameter-edit{display:flex;justify-content:space-between;width:100%}.order-position-edit .order-form .position-parameters .parameter-edit .sp-dropdown,.order-position-edit .order-form .position-parameters .parameter-edit input{min-width:160px;margin-right:10px}.order-position-edit .order-form .position-parameters .parameter-edit input{width:100%;max-width:120px}.order-position-edit .order-form .position-parameters .parameter-edit .actions button+button{margin-left:10px}.order-position-edit .order-form .number-value{height:var(--ui-filter-height)}.matches-count{display:block;height:var(--ui-filter-height);line-height:calc(var(--ui-filter-height) - 2px);padding:0 5px;border-radius:4px;background:var(--content-bg);border:1px solid var(--border-weak);color:var(--secondary);cursor:pointer}.matches-count:hover{background:var(--secondary-bg)}.matches-count.disabled{filter:saturate(0);pointer-events:none}.matches-count.disabled .loader{float:right;margin-top:5px}.matching-positions{max-width:800px}.matching-positions .sp-table{width:100%;table-layout:auto}.matching-positions .sp-table tr td{padding:3px 10px;line-height:16px}.matching-positions .sp-table:not(.full) tr:last-child,.matching-positions .sp-table:not(.full) tr:last-child td{border:0}.matching-positions .ui-pager{text-align:center;margin-top:5px;margin-bottom:5px}.matching-positions .hint{font-size:12px;text-align:center;padding:5px 0;color:var(--secondary)}.loading-popover{text-align:center}@media (max-width: 767px){.matching-positions{overflow:auto;width:200px}.order-position-edit .sp-popup-content{max-height:calc(100vh - 80px)}.order-position-edit .order-form{display:flex;flex-direction:column}.order-position-edit .order-form .main{max-width:none;padding-right:0}.order-position-edit .order-form .features{flex-basis:auto}.order-position-edit .order-form .secondary .parameter-edit .record-select{width:30%;flex-basis:auto}.order-position-edit .order-form .secondary .parameter-edit .value{width:20%}.order-position-edit .order-form .secondary .members-list{overflow:initial}.order-position-edit .order-form .secondary .members-list .record-select{flex-basis:110px}.order-position-edit .order-form .secondary .members-list .record-select:nth-child(2){flex-basis:75px}}

.processes-section,.materials-section{width:1160px;margin-bottom:30px}.positions-list .sp-table,.materials-list .sp-table{width:100%;table-layout:auto}.positions-list .sp-table tr td,.materials-list .sp-table tr td{vertical-align:middle;padding:3px 10px;line-height:16px}.positions-list .sp-table tr td>div,.materials-list .sp-table tr td>div{white-space:unset}.positions-list .sp-table:not(.full) tr:last-child,.positions-list .sp-table:not(.full) tr:last-child td,.materials-list .sp-table:not(.full) tr:last-child,.materials-list .sp-table:not(.full) tr:last-child td{border:0}.processes-list .sp-table tr td{vertical-align:middle}.processes-list .sp-table tr td>div{white-space:unset}.popover{text-align:center;display:block;height:30px;line-height:28px;padding:0 5px;border-radius:4px;background:var(--content-bg);border:1px solid var(--border-weak);color:var(--secondary);cursor:pointer;margin-bottom:15px}.popover:hover{background:var(--secondary-bg)}.popover.disabled{filter:saturate(0);pointer-events:none}.popover.disabled .loader{float:right;margin-top:5px}.edit-process-popup .sp-popup-content{width:600px}.edit-material-popup .sp-popup-content{width:800px}@media (max-width: 767px){.positions-list{overflow:auto;width:300px}.edit-process-popup .sp-popup-content{width:100%}.edit-material-popup .sp-popup-content{width:100%}}

.order-page .order-tabs{margin-top:15px}.order-page .order-title{padding:15px 0}.order-page .order-title .order-number{font-size:18px;font-weight:bold}.order-page .order-title .updated-at{margin-left:20px;font-size:14px;color:var(--text-lighter)}.client-orders .title{font-size:12px;color:var(--secondary);margin:25px 0 5px}.order-main{display:flex}.order-main .left{min-width:70%;padding-right:15px}.order-main .right{flex-basis:500px;flex-shrink:0;overflow:hidden}.order-main-edit{font-size:12px}.order-main-edit .sp-date-picker{min-width:0;width:100%}.order-main-edit .edit-row{display:flex}.order-main-edit .paid{padding-top:5px}.order-main-edit .block{margin-bottom:5px;flex-shrink:0;white-space:nowrap;flex-basis:0}.order-main-edit .block label{color:var(--text-light);display:inline-block;width:110px;font-size:12px}.order-main-edit .block .sp-date-picker{width:110px;min-width:100px}.order-main-edit .block .sp-date-picker input{border-color:transparent;font-size:14px}.order-main-edit .block .sp-date-picker input:hover{background:var(--main-bg-hover);cursor:pointer}.order-main-edit .block .sp-date-picker input:active,.order-main-edit .block .sp-date-picker input:focus,.order-main-edit .block .sp-date-picker input:active:hover,.order-main-edit .block .sp-date-picker input:focus:hover{cursor:text;border-color:var(--secondary)}.order-main-edit .misc{margin-bottom:15px}.order-client .client-link{padding:5px 0;font-size:12px}.order-client .client-link a{color:var(--text-light)}.order-client .client-link a:hover{color:var(--secondary)}.confirm-client{max-width:300px;min-height:120px;text-align:center}.confirm-client .message{margin-bottom:15px}.confirm-client button.sp-btn{min-width:60px}.waybill-table-footer{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.4);padding-top:5px;padding-bottom:5px}.waybill-table-footer .add-row{background:transparent;margin-left:5px;margin-right:5px;padding:0}.waybill-table-footer .add-row .add-btn{height:35px;width:35px;display:flex;align-items:center;justify-content:center;background:#ffffff;overflow:hidden;padding:0}.edit-waybill-popup .sp-popup-content{width:500px}@media (max-width: 767px){.sp-tabs-content{overflow:auto}.sp-tabs-content .order-positions{display:inline-block}.sp-tabs-content .order-main{display:flex;flex-direction:column-reverse}.sp-tabs-content .order-main .left{padding-right:0}.sp-tabs-content .order-main .right{flex-basis:auto}.edit-waybill-popup .sp-popup-content{width:100%}}

.topbar{position:fixed;width:100vw;height:50px;z-index:2;background:var(--main-bg);color:var(--text);padding:0;display:flex;align-items:center;border-bottom:1px solid var(--border)}.topbar .header{flex-basis:var(--menu-width);transition:background 250ms}.topbar .header .mobile-menu{display:none}.topbar .header .title{height:50px;white-space:nowrap;padding-left:15px;display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,0.05);border-right:1px solid rgba(0,0,0,0.05);background:var(--header-title-bg);color:var(--header-text)}.topbar .header .title .logo{flex-basis:34px;height:34px;text-align:center;margin-right:10px;display:flex;align-items:center;justify-content:center}.topbar .header .title .logo img{width:28px;height:28px}.topbar .header .title .name{display:flex;flex-direction:column;justify-content:center}.topbar .header .title .name a{display:block;color:var(--header-title-color);text-decoration:none;margin-bottom:3px;font-size:18px}.topbar .header .title .name a strong{color:var(--header-title-accent)}.topbar .header .title .name .version{display:block;font-size:10px;line-height:10px;color:var(--text-lighter)}.topbar .page-title{flex-grow:1;padding-left:20px}.topbar .toolbar{flex-grow:1;display:flex;align-items:center;padding-left:20px;height:50px;font-size:16px;background:var(--toolbar);color:var(--toolbar-text);transition:background 250ms;justify-content:flex-end}.topbar .toolbar-left{flex-grow:0.8}.topbar .toolbar-right{flex-grow:0.2;display:flex;justify-content:flex-end;flex-shrink:0;padding-right:20px}.topbar .toolbar-right a{color:var(--header-link)}.topbar .toolbar-right a:hover{color:var(--header-link-hover)}.topbar .toolbar-right .links a{display:inline-block;vertical-align:middle;text-decoration:underline;margin-left:10px}.topbar .toolbar-right .theme-switch{display:inline-block;width:120px}.topbar .toolbar-right .user-section{display:flex;align-items:center;border-left:1px dashed rgba(255,255,255,0.5);position:relative;height:30px;cursor:pointer;font-size:14px}.topbar .toolbar-right .user-section .profile-link{display:inline-block;text-decoration:none;padding-left:10px;padding-right:10px;height:30px;line-height:30px;border-radius:15px}.topbar .toolbar-right .user-section .profile-link:hover{background:rgba(0,0,0,0.1)}.topbar .toolbar-right .user-section .avatar{margin-right:10px}.topbar .toolbar-right .user-section>a{margin-left:10px;text-decoration:underline}.topbar .toolbar-right .user-section .user-menu-btn{display:inline-block;margin-left:10px;width:32px;height:32px;line-height:32px;border-radius:50%;cursor:pointer;color:var(--header-link);text-align:center}.topbar .toolbar-right .user-section .user-menu-btn:hover{color:var(--header-hover)}.topbar .toolbar-right .user-section .user-menu-btn.inverted{transform:scale(1, -1)}.topbar .toolbar-right .user-section .user-menu{position:absolute;right:0;top:49px;min-width:200px;background:#eee;padding:5px 10px;border:1px solid #ccc}.topbar .toolbar-right .user-section .user-menu a{display:block;height:30px;line-height:30px;padding:0 5px}.topbar .toolbar-right .user-section .user-menu a>span{display:inline-block;width:20px}.topbar .toolbar-right .user-section .user-menu a:hover{text-decoration:none;background:#ddd}@media (max-width: 991px){.topbar{background:var(--toolbar);color:var(--toolbar-text);padding:0}.topbar .header{display:flex}.topbar .header .mobile-menu{display:block;flex-basis:50px;height:50px;line-height:50px;font-size:15px;text-align:center;cursor:pointer}.topbar .header .title{flex-basis:auto;flex-grow:1;background:transparent;font-size:18px;padding-left:0;border:0}.topbar .header .title .name .version{color:var(--toolbar-text-light)}.topbar .header .title-mobile{display:block}.topbar .toolbar{flex-grow:1}.topbar .toolbar .toolbar-right{flex-grow:0.3}.topbar .toolbar .toolbar-right .links{display:none}.topbar .toolbar .toolbar-right .user-section{border:0}.topbar .toolbar .toolbar-right .user-section .fio{display:none}.topbar .toolbar .toolbar-right .user-section .logout{margin:0}}

.sidebar .menu{flex-grow:1;overflow:auto;margin-top:15px;position:relative}.sidebar .menu .item{display:flex;height:34px;line-height:34px;color:var(--text-light);font-size:13px;font-weight:500;text-decoration:none;border-left:3px solid transparent;transition:all 100ms}.sidebar .menu .item .icon{display:flex;align-items:center;justify-content:center;flex-basis:20px;flex-shrink:0;text-align:center;margin-right:10px;margin-left:10px;color:var(--text-light);font-size:13px}.sidebar .menu .item .icon svg *[stroke]{stroke:var(--text-light)}.sidebar .menu .item .icon svg *[fill]{fill:var(--text-light)}.sidebar .menu .item .icon .no-icon{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-light)}.sidebar .menu .item>.title{display:block;flex-basis:calc(var(--menu-width) - 50px);white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;padding-right:5px;position:relative}.sidebar .menu .item>.title-tasks{position:relative}.sidebar .menu .item>.title-tasks .count{position:absolute;right:-20px;line-height:100%;top:5px}.sidebar .menu .item:hover{text-decoration:none;border-color:var(--primary);background:var(--secondary-light)}.sidebar .menu .item.active{border-color:var(--primary);color:var(--primary)}.sidebar .menu .item.active .icon{color:var(--primary)}.sidebar .menu .item.active .icon svg *[stroke]{stroke:var(--primary)}.sidebar .menu .item.active .icon svg *[fill]{fill:var(--primary)}.sidebar .menu .submenu{margin-bottom:15px}.sidebar .menu .submenu>.title{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:11px;color:var(--text-light);padding:0 15px;text-transform:uppercase;margin-bottom:5px}.sidebar .menu .submenu-invisible .items{display:none}.sidebar .menu .submenu-invisible svg{transform:rotate(180deg)}

.sidebar{flex-basis:var(--menu-width);flex-shrink:0;height:calc(100vh - 50px);background:var(--main-bg);display:flex;flex-direction:column;margin-top:50px;z-index:1;border-right:1px solid rgba(0,0,0,0.1);box-shadow:0 0 7px rgba(0,0,0,0.2);transition:background 250ms}.sidebar .footer{flex-basis:50px;flex-shrink:0;margin:10px 15px 0 15px;border-top:1px dashed var(--border);padding:10px 10px;line-height:30px;font-size:12px;color:var(--text-lighter)}.mobile-overlay{display:none}@media (max-width: 991px){.sidebar{position:fixed;left:0;top:0;bottom:0;height:auto;width:var(--menu-width);z-index:1000;transform:translate3d(calc(-1 * var(--menu-width)), 0, 0);transition:all 250ms ease-out}.sidebar.active{transform:none}.mobile-overlay{z-index:900;display:none;position:fixed;left:0;top:50px;right:0;bottom:0;background:rgba(0,0,0,0.2);opacity:0;transition:all 250ms ease-out}.mobile-overlay.active{display:block;opacity:1}}

.layout .content{display:flex;flex-direction:row}.layout .content .page{margin-top:50px;flex-grow:1;padding:20px 20px 0 20px;height:calc(100vh - 50px);overflow:auto;background:var(--content-bg);transition:background 250ms}.layout .content .page .page-title{margin:-15px -20px 15px -20px;padding:0 20px;height:50px;line-height:50px}@media (max-width: 767px){.layout .content .page{padding:0 15px}.layout .content .page .page-title{margin:0;padding:0}}


.project-members .filters{margin-bottom:15px}.project-members .filters .ui-pager{display:inline-block;margin-left:30px}.project-members.read-only .filters .ui-pager{margin-left:0}.project-members .list .member{display:flex;margin-bottom:15px;height:40px;border:1px solid var(--border);box-shadow:var(--shadow);align-items:center;border-radius:10px;padding:0 10px;background:var(--secondary-bg)}.project-members .list .member:hover{background:var(--secondary-bg-hover)}.project-members .list .member .member-name{flex-basis:50%;font-size:14px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:15px}.project-members .list .member .member-name.new-user{overflow:visible}.project-members .list .member .role{flex-grow:1;color:#888;text-align:right;display:flex;justify-content:space-between;align-items:center}.project-members .list .member .role .role-select{width:50%;text-align:left;margin-right:15px}@media (max-width: 992px){.project-members .list .member{flex-wrap:wrap;height:80px}.project-members .list .member .member-name{flex-basis:100%;padding-right:0}.project-members .list .member .role{display:flex;align-items:center;justify-content:space-between}.project-members .list .member .role .role-select{flex-grow:1;text-align:left}.project-members .list .member .role .delete-btn{flex-grow:0.2}.project-members .list .member .new-user .user-select{width:100%}.project-members .list .member .new-user-role-select{margin-right:10px;text-align:left}}

.project-members-avatars{display:inline-flex;align-items:center;justify-content:flex-end;flex-shrink:0}.project-members-avatars .avatars{display:inline-flex;flex-direction:row-reverse}.project-members-avatars .avatars .project-member-avatar{position:relative}.project-members-avatars .avatars .project-member-avatar .sp-avatar{border:2px solid var(--main-bg);display:flex;justify-content:center;align-items:center}.project-member-avatar{border-radius:50%;overflow:hidden}.project-member-popup{display:flex;white-space:nowrap}.project-member-popup .loading{text-align:center}.project-member-popup .avatar{flex-basis:25px;flex-shrink:0}.project-member-popup .info{flex-grow:1}.project-member-popup .info .role{font-size:11px;color:var(--secondary)}

.projects-list .filters{font-size:12px;display:flex;align-items:center}.projects-list .filters>div{display:flex;margin-right:20px;align-items:center}.projects-list .filters .sp-dropdown{width:230px !important}.projects-list .filters .projectlist-filter .mobile{display:none}.projects-list .projects-items .project-item{display:flex;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:60px;padding:0 10px;background:var(--main-bg);border:1px solid var(--border);color:var(--text);border-left:3px solid #ccc;margin-bottom:10px;border-radius:4px;text-decoration:none;word-break:break-word;cursor:pointer;box-shadow:0 0 2px rgba(0,0,0,0.15);transition:all 150ms}.projects-list .projects-items .project-item:last-of-type{margin-bottom:0}.projects-list .projects-items .project-item:hover{background:var(--main-bg-hover);transform:translate3d(0, -1px, 0);box-shadow:0 1px 5px rgba(0,0,0,0.15)}.projects-list .projects-items .project-item .left{flex-grow:1;flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projects-list .projects-items .project-item .left .top{display:flex;height:25px;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projects-list .projects-items .project-item .left .top .name{font-size:14px;font-weight:normal}.projects-list .projects-items .project-item .left .top .client{font-size:12px;margin-left:10px;color:#888}.projects-list .projects-items .project-item .left .top em{color:#0af;font-style:normal}.projects-list .projects-items .project-item .left .bottom{display:flex;font-size:12px;height:25px;align-items:center;white-space:nowrap;overflow:hidden}.projects-list .projects-items .project-item .left .bottom .project-list{padding:0 5px;border-radius:4px;margin-right:5px;height:22px;line-height:20px;border:1px solid rgba(0,0,0,0.05)}.projects-list .projects-items .project-item .left .bottom .tasks{padding:0 5px;border-radius:4px;margin-right:5px;color:#444;background:#f2f2f4;height:22px;line-height:20px;border:1px solid rgba(0,0,0,0.05)}.projects-list .projects-items .project-item .left .bottom .tasks em{font-style:normal;color:var(--secondary)}.projects-list .projects-items .project-item .left .bottom .tasks .opened{color:#888}.projects-list .projects-items .project-item .left .bottom .tasks .closed{color:#4c0}.projects-list .projects-items .project-item .left .bottom .last-updated{color:var(--text-lighter)}.projects-list .projects-items .project-item .left .bottom .last-updated em{font-style:normal;color:var(--text-light)}.projects-list .projects-items .project-item .right{flex-grow:1;display:flex;align-items:center;justify-content:flex-end}@media (max-width: 992px){.projects-list .filters{flex-wrap:wrap}.projects-list .project-item .left .bottom .last-updated{margin-left:10px}.projects-list .project-item .left .bottom .last-updated em{display:inline-block}.projects-list .project-item .right{display:none !important}}@media (max-width: 767px){.projects-list{padding:15px 0 0 0}.projects-list .filters{margin-left:0;flex-wrap:nowrap}.projects-list .filters .projects-order{display:none}.projects-list .filters .closed-filter{margin-bottom:0}.projects-list .filters .sp-dropdown{width:100% !important}.projects-list .filters .projectlist-filter{width:100%;margin-right:unset}.projects-list .filters .projectlist-filter .desktop{display:none}.projects-list .projects-items .project-item{height:auto;padding:5px 10px}.projects-list .projects-items .project-item .left .bottom{height:45px;flex-wrap:wrap}.projects-list .projects-items .project-item .left .bottom .last-updated{margin-left:0;flex-basis:100%}}

.projects-kanban{height:calc(100% - 60px);margin-top:10px;margin-bottom:-15px}.projects-kanban .filters{height:30px;margin-bottom:10px}.projects-kanban .filters input{width:300px}.projects-kanban .filters input::-moz-placeholder{color:#aaa}.projects-kanban .filters input::placeholder{color:#aaa}.projects-kanban .projects-kanban-container{height:calc(100% - 10px)}.kb-item-content.project-kanban-card{background:var(--main-bg);color:var(--text)}.kb-item-content.project-kanban-card .project-card-top{height:24px;font-size:11px;display:flex;align-items:center;padding:0 7px;color:var(--text-lighter)}.kb-item-content.project-kanban-card .project-card-top .id{color:var(--secondary);flex-grow:1}.kb-item-content.project-kanban-card .project-card-top .id.closed{color:var(--success)}.kb-item-content.project-kanban-card .project-card-top .last-update{text-align:right}.kb-item-content.project-kanban-card .project-card-main{padding:0 7px 5px 7px;line-height:1.2em}.kb-item-content.project-kanban-card .project-card-main .name{font-weight:bold;margin-bottom:5px}.kb-item-content.project-kanban-card .project-card-main .tasks{font-size:11px;color:var(--text-light)}.kb-item-content.project-kanban-card .project-card-main .tasks em{font-style:normal;color:var(--secondary)}.kb-item-content.project-kanban-card .project-card-main .tasks .opened{color:var(--text-light)}.kb-item-content.project-kanban-card .project-card-main .tasks .closed{color:var(--success)}.kb-item-content.project-kanban-card .project-card-main .client{font-size:11px;color:var(--text-light)}.kb-item-content.project-kanban-card .project-card-main .client em{font-style:normal;color:var(--secondary)}.kb-item-content.project-kanban-card .project-card-bottom{border-top:1px dotted var(--border);padding:5px 7px;display:flex;font-size:11px}.kb-item-content.project-kanban-card .project-card-bottom .labels{flex-grow:1}@media (max-width: 767px){.projects-kanban{height:calc(100% - 120px)}}

.projects-tiles{padding:15px 20px}

.projects-toolbar{display:flex;justify-content:space-between;padding-bottom:10px;margin-bottom:10px;align-items:center;border-bottom:1px solid var(--border)}.projects-toolbar .project-search{border:1px solid var(--border);border-radius:4px;background:var(--main-bg);padding:0 10px}.projects-toolbar .project-search .icon{color:var(--primary)}.projects-toolbar .project-search input{border:none;background:transparent}@media (max-width: 1200px){.projects-toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;flex-direction:column;gap:10px}.projects-toolbar .project-search{flex-grow:1;margin-bottom:10px}}@media (max-width: 767px){.projects-toolbar{padding:0 0 10px 0}.projects-toolbar .project-search{margin-left:0px;margin-bottom:0}.projects-toolbar .project-search input{flex-basis:100%;width:95px}}@media (max-width: 600px){.projects-toolbar .toolbar{flex-wrap:wrap;flex-basis:auto;gap:10px}.projects-toolbar .toolbar .toolbar-create{width:100%;margin-right:0px}.projects-toolbar .toolbar .toolbar-search{width:100%}}

.project-toolbar{height:40px;display:flex;align-items:center;justify-items:center;border-radius:4px;margin-bottom:10px}.project-toolbar *{line-height:normal}.project-toolbar .search{margin-right:10px}.project-toolbar .search input{width:400px;max-width:100%;border-color:var(--border)}.project-toolbar .errors{position:relative}.project-toolbar .errors .toggle{height:30px;line-height:30px;padding:0 10px;border-radius:4px;cursor:pointer;background:rgba(221,0,0,0.1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.project-toolbar .errors .toggle:hover{background:rgba(221,0,0,0.2)}.project-toolbar .errors svg:first-child *{fill:#d00}.project-toolbar .errors .clear{margin-left:10px}.project-toolbar .errors .clear *{fill:#444}.project-toolbar .errors .errors-list{position:absolute;width:340px;max-width:100vw;max-height:240px;overflow:auto;background:#555;box-shadow:1px 3px 3px rgba(0,0,0,0.15);color:#fff;z-index:100;padding:5px 10px;border:1px solid rgba(0,0,0,0.1)}.project-toolbar .errors .errors-list .error-item{line-height:1.3em;padding:3px 0;border-bottom:1px solid rgba(255,255,255,0.15)}.project-toolbar .errors .errors-list .error-item:last-child{border:0}.project-toolbar .errors .errors-list .error-item .date{display:block;font-size:10px;color:#ccc}.project-toolbar .errors .errors-list .error-item em{color:#fc0;font-style:normal}.project-toolbar .labels-filter .label{cursor:pointer;margin-right:5px}.project-toolbar .labels-filter .label.selected{border:2px solid #fff;box-shadow:0 0 1px 2px #888}@media (max-width: 767px){.project-toolbar{display:block;height:60px}.project-toolbar .search{margin-right:0}.project-toolbar .search input{width:100%}.labels-filter{margin-top:10px}}

.task-card.kb-item-content{background:var(--main-bg);border-radius:4px;font-size:13px;position:relative;border-left-width:5px}.task-card.kb-item-content .task-content{z-index:100;padding:8px 10px 8px 15px}.task-card.kb-item-content .task-content .top{font-size:12px;line-height:16px;color:var(--text-light);display:flex;justify-content:space-between}.task-card.kb-item-content .task-content .top .id.closed{color:var(--success)}.task-card.kb-item-content .task-content .top .right{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:flex;align-items:center}.task-card.kb-item-content .task-content .top .right .dueDate{display:flex;align-items:center}.task-card.kb-item-content .task-content .top .right .dueDate.expired{color:var(--danger)}.task-card.kb-item-content .task-content .top .right .dueDate.expired svg *[stroke]{stroke:var(--danger)}.task-card.kb-item-content .task-content .top .right .dueDate.expiring-today{color:var(--warning)}.task-card.kb-item-content .task-content .top .right .dueDate.expiring-today svg *[stroke]{stroke:var(--warning)}.task-card.kb-item-content .task-content .top .right .dueDate svg{width:16px;height:16px;margin-right:4px}.task-card.kb-item-content .task-content .name{color:var(--text);margin:5px 0;line-height:16px;max-height:calc(16px * 5);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.task-card.kb-item-content .task-content .labels{margin:10px 0}.task-card.kb-item-content .task-content .bottom{color:var(--text-light);font-size:12px;display:flex;justify-content:space-between}.task-card.kb-item-content .task-content .bottom .left{display:flex}.task-card.kb-item-content .task-content .bottom .left .comments-count,.task-card.kb-item-content .task-content .bottom .left .attachments-count{display:flex;align-items:center;margin-right:20px;font-size:12px}.task-card.kb-item-content .task-content .bottom .left .comments-count svg,.task-card.kb-item-content .task-content .bottom .left .attachments-count svg{margin-right:3px;height:15px;width:15px}.task-card.kb-item-content .task-content .bottom .left .comments-count svg *[stroke],.task-card.kb-item-content .task-content .bottom .left .attachments-count svg *[stroke]{stroke:var(--text-light)}.task-card.kb-item-content .task-content .bottom .member-avatar{align-self:flex-end}

.member-card{margin-bottom:10px;background:#eef0f0;font-size:12px;border-radius:4px;height:70px;cursor:pointer;transition:background 250ms, box-shadow 250ms}.member-card *{cursor:pointer}.member-card:hover{background:#f4f6f6;transform:translate(0, -1px);box-shadow:0 1px 3px rgba(0,0,0,0.2)}.member-card .member-info{height:26px;display:flex;align-items:center;padding:0 10px;border-top-left-radius:4px;border-top-right-radius:4px}.member-card .member-info .person{flex-grow:0.7}.member-card .member-info .role{flex-grow:0.3;text-align:right;font-size:11px;color:#888}.member-card .member-numbers{display:flex;padding-left:10px;padding-top:3px}.member-card .member-numbers .block{flex-basis:25%}.member-card .member-numbers .block.sum strong{color:#0af}.member-card .member-numbers .block label{font-size:11px;display:block;color:#aaa}.member-card .member-numbers .block strong{font-weight:normal;color:#000}.member-card .member-numbers .block em{font-size:11px;font-style:normal;color:#aaa}.sp-popup-content.member-edit{width:760px;max-width:100%;padding:15px;overflow:visible}

.payment-card{margin-bottom:10px;background:#eef0f0;font-size:12px;border-radius:4px;height:70px;cursor:pointer;transition:background 250ms, box-shadow 250ms}.payment-card *{cursor:pointer}.payment-card:hover{background:#f4f6f6;transform:translate(0, -1px);box-shadow:0 1px 3px rgba(0,0,0,0.2)}.payment-card .payment-info{height:26px;display:flex;align-items:center;padding:0 10px;border-top-left-radius:4px;border-top-right-radius:4px}.payment-card .payment-info .person{flex-grow:0.7}.payment-card .payment-info .role{flex-grow:0.3;text-align:right;font-size:11px;color:#888}.payment-card .payment-numbers{display:flex;padding-left:10px;padding-top:3px}.payment-card .payment-numbers .block{flex-basis:25%}.payment-card .payment-numbers .block.sum strong{color:#0af}.payment-card .payment-numbers .block label{font-size:11px;display:block;color:#aaa}.payment-card .payment-numbers .block strong{font-weight:normal;color:#000}.payment-card .payment-numbers .block em{font-size:11px;font-style:normal;color:#aaa}.sp-popup-content.payment-edit{width:760px;max-width:100%;padding:15px;overflow:visible}

.budget-tabs .tabs-nav{margin-bottom:15px}.budget-edit.create .name{margin-bottom:15px}.budget-edit.create .name input{border-color:#ccc;margin-left:0}.budget-edit label{color:#888}.budget-edit .name{margin-bottom:5px}.budget-edit .name input{width:500px;max-width:100%;border-color:transparent;margin-left:-5px}.budget-edit .name input:hover,.budget-edit .name input:focus{border-color:#ccc}.budget-edit .name input.error{border-color:#d00}.budget-edit .name div.error{display:inline-block;margin-left:10px}.budget-edit .project{width:500px;max-width:100%;font-size:12px;margin-bottom:15px}.budget-edit .actions .delete-btn{margin-left:-5px}.budget-edit .budget-details{margin-bottom:30px}.budget-edit .budget-details .budget-numbers{display:flex;margin-bottom:15px}.budget-edit .budget-details .budget-numbers .block{flex-basis:calc((100% - 60px)/3);display:flex;background:#eef0f0;margin-right:30px;height:70px;padding:10px;border-radius:4px}.budget-edit .budget-details .budget-numbers .block .budget-number{flex-basis:50%;line-height:18px}.budget-edit .budget-details .budget-numbers .block .budget-number.grey strong{color:#888}.budget-edit .budget-details .budget-numbers .block .budget-number label{display:block;font-size:11px}.budget-edit .budget-details .budget-numbers .block .budget-number strong{font-size:18px}.budget-edit .budget-details .budget-numbers .block .budget-number em{font-size:13px;font-style:normal;color:#888}.budget-edit .budget-details .budget-numbers .block .budget-number small{display:block;font-size:11px;line-height:11px;color:#888}.budget-edit .budget-details .budget-comment{margin-bottom:15px;font-size:11px;color:#aaa}.budget-edit .budget-details .budget-comment textarea{display:block;width:630px;max-width:100%;font-size:13px}.budget-edit .budget-details .budget-comment .comment-text{font-size:13px;color:#000}.budget-edit .budget-relations{display:flex}.budget-edit .budget-relations .budget-members,.budget-edit .budget-relations .budget-payments{flex-basis:calc((100% - 60px)/3);margin-right:30px}.budget-edit .budget-relations .budget-members:last-child,.budget-edit .budget-relations .budget-payments:last-child{margin-right:0}.budget-edit .budget-relations .budget-members .nav,.budget-edit .budget-relations .budget-payments .nav{display:flex;align-items:center;margin:10px 0;font-size:12px}.budget-edit .budget-relations .budget-members .nav .ui-pager,.budget-edit .budget-relations .budget-payments .nav .ui-pager{margin:0;flex-grow:1}.budget-edit .budget-relations .budget-members .nav .add,.budget-edit .budget-relations .budget-payments .nav .add{text-align:right;color:#0af;cursor:pointer}.budget-edit .budget-relations .budget-members .nav .add:hover,.budget-edit .budget-relations .budget-payments .nav .add:hover{color:#000}@media (max-width: 959px){.budget-edit .budget-details .budget-numbers{display:block}.budget-edit .budget-details .budget-numbers .block{flex-basis:100%;margin-right:0;margin-bottom:15px}}

.board-lists{margin-left:-5px}.board-lists .board-list{display:flex;height:30px;padding:0 5px;align-items:center;border-bottom:1px solid #ddd}.board-lists .board-list .color{width:8px;height:8px;border-radius:50%;background:#ddd;margin-right:10px}.board-lists .board-list .name{flex-basis:200px;margin-left:5px}.board-lists .board-list .count{flex-basis:50px;flex-shrink:0;color:#0ad}.board-lists .board-list .count.red{color:#f00}.board-lists .board-list .count.red svg{transform:scale(0.8, 0.8)}.board-lists .board-list .loader{margin-left:15px}.board-lists .board-list.loading{background:#eee;pointer-events:none}

.toolbar-project{display:flex;align-items:center;flex-basis:80%;-moz-column-gap:20px;column-gap:20px}@media (max-width: 990px){.toolbar-project{padding:0;margin-bottom:10px;justify-content:space-between}}@media (max-width: 600px){.toolbar-project{width:100%;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:10px}.toolbar-project .toolbar-create{flex-basis:100%}}

#root{--list-width: 240px;--list-hdr-bg: #e4e8ea}.tasks-kanban{height:calc(100% - 80px)}.projects-root{height:100%}.project-root{height:calc(100% - 50px);background:var(--content-bg)}.project-root .create-task{width:800px}.project-root .project-nav{padding-top:10px;margin-bottom:10px;height:100%}.project-root .project-nav .sp-tabs-content{height:calc(100% - 30px)}.project-root .project-nav .route-tabs-wrapper .route-tab{padding:0 15px}.project-root .project-nav .route-tabs-wrapper .route-tab svg{margin-right:10px}.project-root .project-nav .filter .placeholder{padding-left:10px}.project-root .project-nav .filter .placeholder svg{margin-right:5px}.project-root .project-nav .list .items .item svg{margin-right:5px}.project-root .kb-new-item{border-radius:4px}.project-root .project-edit .description-text{border:1px solid rgba(0,0,0,0.05);padding:5px 10px;background:#f8fafc;border-radius:4px}.project-root .project-edit .toggle-edit{margin-top:10px;margin-bottom:30px}.project-root .project-edit .comments{margin-top:15px;padding-top:15px;border-top:1px solid #ddd}.project-delete{display:inline-block;margin-top:15px;margin-left:15px}.project-delete a{color:#000}.project-delete a:hover{color:#d00}.project-delete-popup{text-align:center;min-height:100px}.project-delete-popup .msg{margin-bottom:15px}.project-delete-popup .actions *+button{margin-left:10px}.create-task .ui-form .sp-row .sp-col{margin:0}.create-task .ui-form .sp-row .sp-col div{width:320px}@media (max-width: 992px){.project-root{margin:0}.project-root .route-filter{width:100%;margin-bottom:10px}}@media (max-width: 767px){.projects-root{margin:0;height:calc(100% - 50px)}.project-root{margin:0;height:calc(100% - 50px)}.project-root .tasks-kanban{height:calc(100% - 110px)}.project-root .route-filter{width:100%;margin-bottom:10px}.project-root .create-task{padding:0;width:100%}.project-root .create-task .ui-form .sp-row{flex-direction:column}.project-root .create-task .ui-form .sp-row>div{margin:0}}

.documents-list table tbody .string-value,.documents-list table tbody .number-value{font-weight:400;font-size:14px;line-height:16px;word-wrap:break-word;overflow-wrap:break-word;white-space:unset}.documents-list table tbody .labels :not(:first-child){margin-left:5px}@media (max-width: 768px){.documents-list tr th:nth-child(1) div,.documents-list tr td:nth-child(1) div,.documents-list tr th:nth-child(2) div,.documents-list tr td:nth-child(2) div,.documents-list tr th:nth-child(3) div,.documents-list tr th:nth-child(3) div{white-space:pre-wrap}}@media (max-width: 600px){.documents-toolbar{flex-wrap:wrap}.documents-toolbar .toolbar{flex-wrap:wrap;flex-basis:auto;gap:10px}.documents-toolbar .toolbar .toolbar-create,.documents-toolbar .toolbar .toolbar-search{width:100%}.documents-list tbody .border{display:none}.documents-list .string-value{word-wrap:break-word;overflow-wrap:break-word}.documents-list .contragent{white-space:unset}.documents-list tr th:nth-child(3),.documents-list tr td:nth-child(3),.documents-list tr th:nth-child(6),.documents-list tr td:nth-child(6),.documents-list tr th:nth-child(7),.documents-list tr td:nth-child(7){display:none}.documents-list tr th:nth-child(5){width:17%}.documents-list tr th:nth-child(5) .column-header{justify-content:flex-end}.documents-list tr td:nth-child(5) .string-value{display:flex;justify-content:flex-end}}

.documents-toolbar{display:flex;justify-content:space-between;margin-bottom:var(--ui-toolbar-padding-bot)}.toolbar-filter-popup{margin:5px 5px}.toolbar-filter-popup .filter-buttons{display:flex;gap:20px}.toolbar-filter-popup .filter-buttons .filter-apply{font-weight:700;font-size:14px;line-height:16px;text-transform:uppercase;background-color:var(--default-border);color:#ffffff}.toolbar-filter-popup .filters{display:grid;grid-template-columns:repeat(2, 1fr);row-gap:10px}.toolbar-filter-popup .filters .filter-header{display:flex;flex-direction:column}.toolbar-filter-popup .filters .filter-header .filter-item{display:flex;align-items:center;font-weight:400;font-size:14px;line-height:16px;color:#32323299;margin-bottom:12px}.toolbar-filter-popup .filters .filter-header .filter-item input{margin-left:0;margin-right:10px;width:18px;height:18px}.toolbar-filter-popup .filters .filter-header .filter-status-label{font-weight:500;font-size:14px;line-height:17px;margin-bottom:20px}

.documents-kanban{height:calc(100% - 80px);margin-top:10px;margin-bottom:-15px}.documents-kanban .filters{height:var(--ui-filter-height);margin-bottom:10px}.documents-kanban .filters input{width:300px}.documents-kanban .filters input::-moz-placeholder{color:#aaa}.documents-kanban .filters input::placeholder{color:#aaa}.documents-kanban .kb-list-info{display:none !important}.documents-kanban .documents-kanban-container{height:calc(100% - 10px)}.kb-item-content.document-kanban-card{background:var(--main-bg);color:var(--text);border-radius:4px}.kb-item-content.document-kanban-card .document-card-top{height:24px;font-size:11px;display:flex;justify-content:space-between;align-items:center;padding:0 7px;color:var(--text-lighter)}.kb-item-content.document-kanban-card .document-card-top .id{color:var(--secondary);flex-grow:1}.kb-item-content.document-kanban-card .document-card-top .id.closed{color:var(--success)}.kb-item-content.document-kanban-card .document-card-top .last-update{text-align:right}.kb-item-content.document-kanban-card .document-card-main{display:flex;justify-content:space-between;align-items:center;padding:0 16px 5px 7px;line-height:1.2em}.kb-item-content.document-kanban-card .document-card-main .contragent-name{font-weight:500;font-size:14px;line-height:16px;margin-bottom:8px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:180px}.kb-item-content.document-kanban-card .document-card-main .id,.kb-item-content.document-kanban-card .document-card-main .name{font-weight:400;font-size:12px;line-height:14px;color:var(--text-lighter)}.kb-item-content.document-kanban-card .document-card-bottom{color:var(--text-lighter);border-top:1px solid var(--border);padding:5px 7px;display:flex;font-size:12px}@media (max-width: 767px){.documents-kanban{height:calc(100% - 60px)}}

.documents-root{height:100%}.documents-root hr{background-color:var(--secondary-light);height:1.6px}.documents-root .field-file{display:flex;align-items:center}.documents-root .field-file .view-document:hover{background-color:#32323266;border-radius:50px}.documents-root .field-file svg{min-width:23px;min-height:23px;padding:3px}.documents-root .field-file span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.documents-tabs-info{height:initial !important}

.main-info{display:flex;-moz-column-gap:10px;column-gap:10px;margin-top:20px}.main-info hr{background-color:var(--secondary-light);height:1.6px}.main-info .preview{flex-grow:1;-moz-text-align-last:center;text-align-last:center}.main-info .preview .preview-file{display:flex;flex-direction:column}.main-info .preview .preview-file .preview-iframe{width:100%;height:70vh;border:0}.main-info .document-form{flex-basis:60%}.main-info .document-form .form-row{display:flex;-moz-column-gap:15px;column-gap:15px}.main-info .document-form .form-row .form-field{width:100%}.info-header{font-weight:500;font-size:16px;line-height:19px}

.task-list .filters{font-size:12px;display:flex;-moz-column-gap:20px;column-gap:20px;row-gap:10px;align-items:center}.task-list .filters>div{display:flex;align-items:center}.task-list .filters .sp-dropdown{min-width:250px}.task-list .tasks .task-item{height:50px;padding:5px 10px 0 10px;background:var(--main-bg);border:1px solid var(--border);border-left:3px solid #ccc;color:var(--text);margin-bottom:15px;border-radius:4px;text-decoration:none;word-break:break-word;cursor:pointer;box-shadow:0 0 2px rgba(0,0,0,0.15);transition:all 150ms}.task-list .tasks .task-item:last-of-type{margin-bottom:0}.task-list .tasks .task-item:hover{background:var(--main-bg-hover);transform:translate3d(0, -2px, 0);box-shadow:0 1px 3px rgba(0,0,0,0.15)}.task-list .tasks .task-item .top{display:flex;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-list .tasks .task-item .top em{color:#0af;font-style:normal;margin-right:5px}.task-list .tasks .task-item .bottom{display:flex;font-size:12px;white-space:nowrap;overflow:hidden}.task-list .tasks .task-item .bottom .dueDate,.task-list .tasks .task-item .bottom .updatedAt{color:var(--text-lighter)}.task-list .tasks .task-item .bottom .dueDate em,.task-list .tasks .task-item .bottom .updatedAt em{font-style:normal;color:var(--text-light)}.task-list .tasks .task-item .bottom .task-expired{color:orange}.task-list .tasks .task-item .bottom .task-expired em{color:orange}.task-list .tasks .task-item .bottom *{margin-right:5px;white-space:nowrap}@media (max-width: 992px){.task-list .filters{display:flex;flex-wrap:wrap}.task-list .filters>div{margin-bottom:10px}.task-list .tasks{padding:15px 0}.task-list .tasks .task-item{height:auto !important;padding-bottom:5px !important}.task-list .tasks .task-item .bottom{display:flex;flex-wrap:wrap}.task-edit{width:100%}.task-edit .task-main{width:55%}.task-edit .task-main .task-information .name .name-value{font-size:16px}.task-edit .task-sidebar{width:55%}.task-edit .task-sidebar .sidebar-content{width:100%}}@media (max-width: 767px){.task-edit .task-main{width:100%}.task-edit .task-main .status{height:unset !important;padding:8px !important}}@media (max-width: 576px){.task-list .filters>div{margin-right:unset !important;width:100% !important}.task-list .filters>div .sp-dropdown{width:100% !important}}

.task-edit .task-sidebar{flex-grow:1}.task-edit .task-sidebar .box-labels-multiselect{width:100%;margin-bottom:20px}.task-edit .task-sidebar .sidebar-content{background-color:var(--main-bg);border-radius:4px}.task-edit .task-sidebar .sidebar-content .sidebar__main-information{display:flex;flex-direction:column;border-bottom:1.6px solid var(--border)}.task-edit .task-sidebar .sidebar-content .sidebar__main-information .user-boardList{display:flex;justify-content:space-between}.task-edit .task-sidebar .sidebar-content .sidebar__main-information .user-boardList .user{width:45%;background:var(--main-bg)}.task-edit .task-sidebar .sidebar-content .sidebar__main-information .user-boardList .boardList{width:45%}.task-edit .task-sidebar .sidebar-content .sidebar__main-information .user-boardList>div{margin-bottom:8px}.task-edit .task-sidebar .sidebar-content .sidebar__main-information .date-interval{display:flex;justify-content:space-between}.task-edit .task-sidebar .sidebar-content .sidebar__main-information .date-interval .block{width:45%}.task-edit .task-sidebar .sidebar-content .sidebar__main-information .date-interval .block .sp-date-picker{width:100%}.task-edit .task-sidebar .sidebar-content .sidebar__main-information .date-interval>div{margin-bottom:16px}.task-edit .task-sidebar .sidebar-content .attachment-files{padding:16px 0;margin:0}.task-edit .task-sidebar .sidebar-content .block{margin-bottom:15px}.task-edit .task-sidebar .sidebar-content .block label{display:block;font-size:12px;color:var(--text);margin-bottom:8px}.task-edit .task-sidebar .sidebar-content .name-project{background:var(--border);height:48px;padding:0px 16px;display:flex;flex-direction:column;justify-content:center;border-radius:4px 4px 0 0}.task-edit .task-sidebar .sidebar-content .name-project label{color:var(--text-lighter)}.task-edit .task-sidebar .sidebar-content .name-project a{text-decoration:none;font-weight:500}.task-edit .task-sidebar .sidebar-content .sidebar-content{padding:20px 16px}.task-edit .task-sidebar .task-delete-block{display:block;border-top:1.6px solid var(--border)}.task-edit .task-sidebar .task-delete-block .task-delete{margin-top:16px;border-radius:4px;padding:8px 16px;border:1px solid var(--border);display:inline-block}.task-edit .task-sidebar .task-delete-block .task-delete .delete-btn{padding-left:0;display:flex;align-items:center}.task-edit .task-sidebar .task-delete-block .task-delete .delete-btn:hover span{color:var(--danger)}@media (max-width: 992px){.task-edit{width:100%}.task-edit .task-sidebar{width:55%}.task-edit .task-sidebar .sidebar-content{width:100%}}@media (max-width: 400px){.task-edit .task-sidebar .sidebar-content .sidebar__main-information .user-boardList{flex-direction:column}.task-edit .task-sidebar .sidebar-content .sidebar__main-information .user-boardList .user{width:100%}.task-edit .task-sidebar .sidebar-content .sidebar__main-information .user-boardList .boardList{width:100%}.task-edit .task-sidebar .sidebar-content .sidebar__main-information .date-interval{flex-direction:column}.task-edit .task-sidebar .sidebar-content .sidebar__main-information .date-interval .block{width:100%}}

.task-history .history-information{margin:var(--ui-filter-margin) 0;padding-top:15px;transition:all 150ms;background-color:var(--main-bg);padding:15px 20px;border-radius:4px}.task-history .history-information.reloading{opacity:0.5;filter:saturate(0)}.task-history .history-information .title{font-size:12px;color:var(--text-light);margin-bottom:15px}.task-history .history-information .logs{font-size:12px;line-height:18px}.task-history .history-information .logs .task-log{margin-bottom:20px;display:flex;align-items:flex-start}.task-history .history-information .logs .task-log .who,.task-history .history-information .logs .task-log .subject{margin-left:3px;color:var(--text);font-weight:500}.task-history .history-information .logs .task-log .who a,.task-history .history-information .logs .task-log .subject a{text-decoration:none}.task-history .history-information .logs .task-log .who{flex-basis:30px;flex-shrink:0}.task-history .history-information .logs .task-log .what{flex-grow:1;line-height:13px}.task-history .history-information .logs .task-log .what .header-logs{display:flex;align-items:center;margin-bottom:4px;flex-wrap:wrap}.task-history .history-information .logs .task-log .what .header-logs .border{flex:1;height:1.6px;background-color:var(--border)}.task-history .history-information .logs .task-log .date{font-size:11px;color:var(--text-light);font-size:12px}.task-history .history-information .logs .task-log .action{color:var(--text-light);padding-right:16px}.task-history .history-information .logs .task-log .action a{position:relative}.task-history .history-information .logs .task-log .action a>div{cursor:default;position:absolute;min-width:100px;max-width:300px;line-height:1.3em;min-height:32px;max-height:200px;overflow:auto;bottom:18px;left:0;background:#fffcf0;padding:10px;border:1px solid rgba(0,0,0,0.2);box-shadow:1px 3px 3px rgba(0,0,0,0.1);color:#000}.task-history .history-information .logs .task-log .action a>div a{color:#000;pointer-events:none}.task-history .history-information .logs .task-comment .what .subject{color:var(--text);font-weight:500}.task-history .log-popup{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(68,85,102,0.5);z-index:1000}.task-history .log-popup .log-popup-content{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:1200px;max-width:calc(100vw - 20px);height:700px;max-height:calc(100vh - 60px);background:#e0e4e8;padding:10px;border:1px solid rgba(0,0,0,0.2);box-shadow:1px 3px 3px rgba(0,0,0,0.1);display:flex;color:#333}.task-history .log-popup .left,.task-history .log-popup .right{flex-basis:calc(50% - 5px);flex-shrink:0}.task-history .log-popup .left .field,.task-history .log-popup .right .field{height:30px;line-height:30px;font-size:12px;display:flex;align-items:center}.task-history .log-popup .left .field .prev-btn,.task-history .log-popup .left .field .next-btn,.task-history .log-popup .right .field .prev-btn,.task-history .log-popup .right .field .next-btn{cursor:pointer;font-size:16px;color:var(--secondary)}.task-history .log-popup .left .field .prev-btn.disabled,.task-history .log-popup .left .field .next-btn.disabled,.task-history .log-popup .right .field .prev-btn.disabled,.task-history .log-popup .right .field .next-btn.disabled{cursor:default;color:#ccc;pointer-events:none}.task-history .log-popup .left .field .prev-btn:hover,.task-history .log-popup .left .field .next-btn:hover,.task-history .log-popup .right .field .prev-btn:hover,.task-history .log-popup .right .field .next-btn:hover{color:#000}.task-history .log-popup .left .field .prev-btn,.task-history .log-popup .right .field .prev-btn{margin-right:10px}.task-history .log-popup .left .field .next-btn,.task-history .log-popup .right .field .next-btn{margin-left:10px}.task-history .log-popup .left .field .owner,.task-history .log-popup .right .field .owner{flex-grow:1;text-align:right}.task-history .log-popup .left .field .owner em,.task-history .log-popup .right .field .owner em{font-style:normal;color:var(--secondary)}.task-history .log-popup .left .log-content,.task-history .log-popup .right .log-content{background:#fff;height:calc(100% - 30px);border:1px solid rgba(0,0,0,0.2);box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);overflow:auto;padding:7px;color:#000;word-break:break-all}.task-history .log-popup .left .log-content.empty,.task-history .log-popup .right .log-content.empty{color:#aaa}.task-history .log-popup .left .log-content img,.task-history .log-popup .right .log-content img{border:1px solid rgba(0,0,0,0.15)}.task-history .log-popup .left{margin-right:10px}@media (max-width: 767px){.task-history .border{display:none}.task-history .action{margin:3px 0}.task-history .log-popup .log-popup-content{display:block;overflow:auto}.task-history .log-popup .log-popup-content .left{margin-bottom:20px}.task-history .log-popup .log-popup-content .left,.task-history .log-popup .log-popup-content .right{display:block;width:100%;height:calc(50% - 20px)}.task-history .log-popup .log-popup-content .left .field,.task-history .log-popup .log-popup-content .right .field{display:block;height:auto;margin-bottom:5px;line-height:1.3em}.task-history .log-popup .log-popup-content .left .field .owner,.task-history .log-popup .log-popup-content .right .field .owner{display:block;text-align:left}}

.task-edit .task-main .task-information{background:var(--main-bg);border-radius:4px}.task-edit .task-main .task-information .name{border-radius:4px 4px 0 0;padding:13px 20px;display:flex;justify-content:space-between;align-items:center;background:var(--border);min-height:48px;gap:20px;word-break:break-all}.task-edit .task-main .task-information .name textarea{width:100%;padding:10px;resize:none;overflow:auto;line-height:18px;min-height:calc(18px * 2 + 8px);max-height:calc(18px * 7 + 8px)}.task-edit .task-main .task-information .name .name-value{font-size:18px;font-weight:700;line-height:21px;color:var(--text)}.task-edit .task-main .task-information .name .updated{color:var(--text-lighter)}.task-edit .task-main .task-information .description{padding:0px 0px 20px 0px}.task-edit .task-main .task-information .description .rich-text{padding:10px 20px;word-break:break-all}.task-edit .task-main .task-information .description .toggle{margin:20px 20px 0 20px}.task-edit .task-main .task-information .description .toggle button{margin-right:20px}

.task-edit{display:flex;-moz-column-gap:20px;column-gap:20px}.task-edit .task-main{flex-basis:60%}.task-edit .task-main .id{color:var(--primary)}.task-edit .task-main .status{display:flex;align-items:center;height:40px;margin-left:-10px;margin-right:-10px;padding:0 10px;background:var(--main-bg);border-radius:10px}.task-edit .task-main .status .user{flex-basis:160px}.task-edit .task-main .status .user .drop-down{margin-left:-6px;border-radius:6px;border:0;background:transparent}.task-edit .task-main .status .user .drop-down .filter{border-color:transparent;border-radius:6px}.task-edit .task-main .status .user .drop-down .filter input{border-radius:12px}.task-edit .task-main .status .user .drop-down .filter .down-icon{opacity:0}.task-edit .task-main .status .updated{flex-grow:1;text-align:right;font-size:12px;color:var(--text-lighter)}.task-edit .task-main .status .updated em{font-style:normal;color:var(--text-light)}@media (max-width: 767px){.task-edit{display:block;margin-bottom:30px}.task-edit .task-main{margin-bottom:15px;padding-right:0}.task-edit .task-sidebar{width:100%}.task-edit .task-sidebar .sidebar-content{width:100%}}

.client-contacts{margin-top:15px;margin-bottom:15px;width:100%}.client-contacts .new-contact{width:400px;max-width:100%;display:flex}.client-contacts .new-contact .sp-dropdown{flex-grow:1;margin-right:15px}.client-contacts .new-contact button{flex-shrink:0}.new-contact-select .new-user{background:var(--content-bg)}.new-contact-select .new-user:hover{background:var(--primary-bg)}.contragent-form .form-field>.sp-trigger{display:block}.suggestion{display:grid;grid-template-columns:1fr;grid-row-gap:5px;padding:5px}.suggestion .name-with-opf{font-weight:bold;line-height:15px}.suggestion .suggestion-footer{display:flex;justify-content:space-between;color:var(--weak-text)}.sp-suggestions-list .suggestion-item{height:auto}

.acl-form .subjects .form-input{display:inline-block;width:30%;margin-right:20px;vertical-align:top}.acl-table tbody tr td{overflow:visible}

.role-edit .form-submit{display:none}.role-edit .actions{margin-bottom:15px}.role-edit .actions.disabled{opacity:0.5;filter:saturate(0);pointer-events:none}.role-edit .actions .delete-btn{margin-left:10px;height:30px}.role-edit .actions .delete-btn svg{height:30px}.acls h2{font-size:14px}.acls .acl-table{border-collapse:collapse;margin-top:15px;margin-bottom:15px;font-size:12px}.acls .acl-table tr.system td{background:#ffe8e8}.acls .acl-table th{text-align:left;font-weight:normal;font-size:12px;background:#eee}.acls .acl-table th,.acls .acl-table td{padding:3px 5px;border:1px solid #d0d0d0}.acls .acl-table th:not(.model-name),.acls .acl-table td:not(.model-name){width:90px;text-align:center}.acls .acl-table .description{width:350px !important}

.input-test .masked{font-family:Roboto, monospace;font-variant-numeric:tabular-nums lining-nums}

.popover-test-frame{background:#fff;padding:10px;overflow:auto;border:1px solid #ccc;position:absolute;z-index:100}.popover-test-frame .container{height:300px;background:#eee;margin-top:10px}.popover-test-frame .test-row{margin:10px 0}.popover-test-frame .test-row .block{display:inline-block;vertical-align:middle;width:20%;padding:0 5px}.popover-test-frame .test-row .block .sp-popover{width:100%}.popover-test-frame .test-row .block button{width:100%}.popover-test-frame .test-row .block.center{text-align:center}.popover-test-frame .test-row .block.right{text-align:right}

.my-dropdown .my-item{display:flex}.my-dropdown .my-item strong{flex-grow:1}.my-dropdown .my-item em{flex-basis:20px;flex-shrink:0;text-align:right}

.my-dropdown .my-item{display:flex}.my-dropdown .my-item strong{flex-grow:1}.my-dropdown .my-item em{flex-basis:20px;flex-shrink:0;text-align:right}

.popover-test-frame{background:#fff;padding:10px;overflow:auto;border:1px solid #ccc;position:absolute;z-index:100}.popover-test-frame .container{height:300px;background:#eee;margin-top:10px}.popover-test-frame .test-row{margin:10px 0}.popover-test-frame .test-row .block{display:inline-block;vertical-align:middle;width:20%;padding:0 5px}.popover-test-frame .test-row .block .sp-popover{width:100%}.popover-test-frame .test-row .block button{width:100%}.popover-test-frame .test-row .block.center{text-align:center}.popover-test-frame .test-row .block.right{text-align:right}

.tabs-test{--tab-parent-rgb: 236, 243, 249;width:300px}

.test{display:flex}.test .test-menu{flex-basis:140px;flex-shrink:0;padding-right:15px}.test .test-menu>a{display:block;margin-bottom:5px}.test .test-content{flex-grow:1}.test .test-content .block{margin-bottom:30px}.test .test-content .block label{display:block;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid rgba(136,136,136,0.3);color:var(--secondary)}

.feature-values .table-list input{height:36px}.feature-values .table-list th{text-align:left;font-weight:normal;font-size:11px}.feature-values .table-list td{vertical-align:middle}.feature-values .table-list td.actions{width:200px}.feature-values .table-list td.actions>*{margin-right:5px}.warning{display:inline-block;width:820px;max-width:100%;background:#fffcf0;padding:10px;border:1px dashed var(--border);margin-bottom:15px;border-radius:4px}.warning ul{padding-left:15px;list-style:disc;margin-bottom:0}.warning em{color:var(--secondary);font-style:normal;font-weight:bold}.warning em.red{color:#e00}.convert-features table.features{border-collapse:collapse}.convert-features table.features th,.convert-features table.features td{border:1px solid #ccc;background:#fff;padding:5px 10px}.convert-features table.features th{font-weight:normal;text-align:left;font-size:11px;background:#eee}

.category-tree .sp-popup-content{width:500px;max-height:60%;padding:10px;overflow:auto}.category-tree .sp-popup-content ul{list-style:disc;margin:0;padding-left:15px}.category-tree .sp-popup-content ul li{line-height:22px}.category-tree .sp-popup-content ul li .name{cursor:pointer;margin-left:-20px;padding-left:20px}.category-tree .sp-popup-content ul li .name:hover{color:var(--primary);background:var(--main-bg-hover)}.category-tree .sp-popup-content ul li .name.root{font-weight:bold}.category-confirm{width:200px;text-align:center;min-height:100px}

.price-category-edit .route-tabs{margin-top:15px}.price-category-edit .route-tabs .route-tabs-container{margin-bottom:30px}.price-category-edit .feature-select .sp-dropdown.sp-dropdown-trigger{width:300px}.up-btn,.down-btn{cursor:pointer;width:27px;height:27px}.up-btn[disabled],.down-btn[disabled]{pointer-events:none;opacity:0.2}.up-btn{transform:scale(1, -1);margin-right:5px}.price-positions .sp-table.loading{opacity:0.5;filter:saturate(0)}.price-positions .sp-table tr td input[type='text']{height:30px}.feature-item{display:flex}.feature-item strong{font-weight:normal;flex-grow:1}.feature-item small{flex-shrink:0;font-size:11px;color:var(--text-light)}.price-position-edit{width:800px;min-height:400px;max-width:calc(100vw - 30px)}.price-position-edit .error{display:inline-block;margin-left:15px}.price-position-edit .sp-popup-header span{margin-left:15px;color:var(--popup-header-bg)}.red{color:#d00}.red.required{font-size:20px}.price-list-table{table-layout:inherit;border-collapse:inherit;border-spacing:0 1px;margin-bottom:15px}.price-list-table tbody tr td:nth-child(1){padding-left:0}.price-list-table tbody tr td .add-row{height:30px;background-color:initial}.price-list-table tbody tr td .add-row svg{width:20px;height:20px}.price-list-table tbody tr td span{padding-left:10px}.price-list-filters{margin-bottom:var(--ui-toolbar-padding-bot)}.price-list-filters input{max-width:100%}

.workshop-values .table-list input{height:36px}.workshop-values .table-list th{text-align:left;font-weight:normal;font-size:11px}.workshop-values .table-list td{vertical-align:middle}.workshop-values .table-list td.actions{width:120px}.workshop-values .table-list td.actions>*{margin-right:5px}.workshop-values .action{width:100px}.workshop-warning{display:inline-block;max-width:100%;background:#fffcf0;padding:10px;border:1px dashed var(--border);margin-bottom:15px;border-radius:4px}.workshop-warning ul{padding-left:15px;list-style:disc;margin-bottom:0}.workshop-warning em{color:var(--secondary);font-style:normal;font-weight:bold}.workshop-warning em.red{color:#e00}

.toolbar-techmap{border-bottom:none;margin-bottom:10px}

.delete-ver{position:absolute;bottom:21px;right:-25px;cursor:pointer;opacity:.8}

.ed-objects-wrapper{max-width:1250px}

.nomenclature-title{margin-bottom:10px}.nomenclature-layout{display:flex}.nomenclature-layout__groups{height:100%;flex-basis:25%;margin-right:20px;background:#fff;padding:20px}.nomenclature-layout__groups .nomenclature-selector{width:100%}.nomenclature-layout__content{flex-basis:75%}.nomenclature-layout__content .filters input{width:100%;margin-right:0}.nomenclature-groups__list{position:sticky;top:15px;padding-left:0;margin-top:3px !important}.nomenclature-groups__list li{display:block;list-style-type:none;margin-left:15px;cursor:pointer;margin-top:10px;margin-bottom:10px}.nomenclature-groups__list li.active{list-style-type:circle}.nomenclature-groups__marked-item{text-decoration:underline}

.ui-form .form-submit button{margin-right:var(--ui-filter-margin)}.client-contacts{margin-top:15px;margin-bottom:15px;width:100%}.client-contacts .new-contact{width:400px;max-width:100%;display:flex}.client-contacts .new-contact .sp-dropdown{flex-grow:1;margin-right:15px}.client-contacts .new-contact button{flex-shrink:0}.new-contact-select .new-user{background:var(--content-bg)}.new-contact-select .new-user:hover{background:var(--primary-bg)}.contragent-form .form-field>.sp-trigger{display:block}.suggestion{display:grid;grid-template-columns:1fr;grid-row-gap:5px;padding:5px}.suggestion .name-with-opf{font-weight:bold;line-height:15px}.suggestion .suggestion-footer{display:flex;justify-content:space-between;color:var(--weak-text)}.sp-suggestions-list .suggestion-item{height:auto}.toolbar-page{border-bottom:1px solid var(--secondary-light)}.paganation{display:flex;align-items:center}.one-field{display:flex;gap:20px}.one-field>div{width:100%}table tbody tr td .delete-btn{justify-content:flex-end}

.operation-edit-popup{position:absolute;right:0;top:50px;height:100%;border-radius:unset;background-color:var(--content-bg)}.operation-edit-popup .sp-popup-content{padding:40px !important}.operation-edit-popup .sp-popup-content h2{font-weight:500;font-size:20px;line-height:23px;margin-bottom:20px}.operation-edit-popup textarea{max-width:100%;min-width:100%}

.finance-operations .table .sp-table td{padding-top:5px;padding-bottom:5px}.finance-operations .table .bankAccount{color:#b5b8b1;font-size:12px !important}.finance-operations .not-found{margin-top:10px;display:flex;justify-content:center;font-weight:bold}

.finance-operations .toolbar{border-bottom:1.6px solid var(--secondary-light);display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.finance-operations .toolbar .action-bar button{margin-left:unset !important}.finance-operations .toolbar .filters>*{display:flex;flex-wrap:wrap;-moz-column-gap:20px;column-gap:20px;row-gap:10px;margin-bottom:10px}.finance-operations .toolbar .action-bar{display:flex;-moz-column-gap:20px;column-gap:20px;margin-bottom:10px}.finance-operations .charts,.finance-operations .charts-loading{height:350px;padding:20px;margin-bottom:20px;background-color:var(--main-bg);border-radius:var(--border-radius);display:flex}.finance-operations .charts .chart,.finance-operations .charts-loading .chart{flex-grow:1}.finance-operations .charts .pie,.finance-operations .charts-loading .pie{width:230px}

.finance-analitics .toolbar{border-bottom:1.6px solid var(--secondary-light);margin-bottom:20px}.finance-analitics .toolbar .filters{display:flex;flex-wrap:wrap;-moz-column-gap:20px;column-gap:20px;row-gap:10px;margin-bottom:20px}.finance-analitics .charts h2{display:flex;justify-content:center}.finance-analitics .charts>.chart,.finance-analitics .charts .chart-loading{height:350px;padding:20px;margin-bottom:20px;background-color:var(--main-bg);border-radius:var(--border-radius)}.finance-analitics .charts>.chart .chart-no-data,.finance-analitics .charts .chart-loading .chart-no-data{height:100%;font-weight:bold;display:flex;justify-content:center;align-items:center}

.my-companies{display:flex;flex-direction:column;gap:20px}.my-companies .contragent-card{width:100%;background-color:var(--main-bg);border-radius:var(--border-radius);padding:20px 20px 0 20px}.my-companies .contragent-card .title{font-size:16px;margin-bottom:10px}.my-companies .contragent-card .bank-accounts{display:flex;flex-wrap:wrap}.my-companies .contragent-card .bank-accounts .bank-account{padding:20px;height:200px;width:300px;gap:20px;background-color:var(--secondary-bg);border-radius:var(--border-radius);border:1.6px solid transparent;cursor:pointer}.my-companies .contragent-card .bank-accounts .bank-account:hover{border-color:var(--secondary) !important}

*,*::before,*::after{box-sizing:border-box}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],figure,blockquote,dl,dd{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed}ul[class],ol[class]{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}input,button,textarea,select{font-family:inherit}@media (prefers-reduced-motion: reduce){*{-webkit-animation-duration:0.01ms !important;animation-duration:0.01ms !important;-webkit-animation-iteration-count:1 !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}

@-webkit-keyframes hvr-pop{50%{transform:scale(1.2)}}@keyframes hvr-pop{50%{transform:scale(1.2)}}.hvr-pop{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pop:hover,.hvr-pop:focus,.hvr-pop:active{-webkit-animation-name:hvr-pop;animation-name:hvr-pop;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}

.default-theme{--page-text: #848484;--page-disabled: #b8b8b8;--table-text: #adadad;--text: #323232;--main-bg: #fff;--content-bg: #ecf3f9;--secondary-bg: rgba(39,132,255,0.2);--primary: #33ce65;--primary-rgb: 51, 206, 101;--primary-text: #fff;--secondary: #2784ff;--weak-text: #9fa5a9;--toolbar: #33ce65;--toolbar-text: #fff;--toolbar-text-light: rgba(255,255,255,0.4);--light-blue: #d6e7ff;--secondary-light: rgba(39,132,255,0.2);--secondary-lighter: rgba(39,132,255,0.1);--text-light: rgba(50,50,50,0.6);--text-lighter: rgba(50,50,50,0.4);--main-bg-hover: rgba(39,132,255,0.05);--success: #33ce65;--danger: #cd4141;--info: #2784ff;--warning: #f90;--border: rgba(39,132,255,0.2);--border-weak: rgba(39,132,255,0.15);--border-radius: 4px;--border-width: 1.6px;--shadow: 0 1px 3px rgba(#000, 0.15);--icon-border: var(--secondary);--icon-content: var(--primary);--icon-border-inactive: var(--text-light);--icon-content-inactive: var(--text-light);--menu-width: 240px;background:var(--main-bg);--kanban-parent-rgb: 236, 243, 249;--scrollbar-thumb: rgba(0, 0, 0, 0.1);--scrollbar-thumb-hover: rgba(0, 0, 0, 0.3);--scrollbar-track: transparent;--scrollbar-size: 10px;--number-value: var(--text);--input-bg: var(--main-bg);--input-text: var(--text);--input-border-color: rgba(0, 0, 0, 0.15);--input-hover-bg: var(--main-bg);--input-hover-text: var(--text);--input-hover-border-color: var(--primary);--input-active-bg: var(--main-bg);--input-active-text: var(--text);--input-active-border-color: var(--primary);--input-disabled-bg: #eee;--input-disabled-text: #888;--input-disabled-border-color: rgba(0, 0, 0, 0.15);--input-hor-padding: 5px;--input-border-radius: 4px;--dropdown-trigger-bg: var(--main-bg);--dropdown-trigger-text: var(--text);--dropdown-bg: var(--main-bg);--dropdown-text: var(--text)}.dark-theme{--table-text: #fff;--text: rgba(255,255,255,0.8);--main-bg: #34405f;--content-bg: #1e202d;--secondary-bg: rgba(39,132,255,0.2);--primary: #33ce65;--primary-rgb: 51, 206, 101;--primary-text: #fff;--secondary: #2784ff;--weak-text: #9fa5a9;--toolbar: linear-gradient(to left, #2784ff 0%, #33ce65 70%);--toolbar-text: #fff;--toolbar-text-light: rgba(255,255,255,0.4);--light-blue: #d6e7ff;--secondary-light: rgba(39,132,255,0.2);--secondary-lighter: rgba(39,132,255,0.2);--text-light: rgba(255,255,255,0.6);--text-lighter: rgba(255,255,255,0.4);--main-bg-hover: #465680;--success: #33ce65;--danger: #cd4141;--info: #2784ff;--warning: #f90;--border: rgba(255,255,255,0.1);--border-weak: rgba(39,132,255,0.15);--border-radius: 4px;--border-width: 1.6px;--shadow: 0 1px 3px rgba(#000, 0.15);--icon-border: var(--secondary);--icon-content: var(--primary);--icon-border-inactive: var(--text-light);--icon-content-inactive: var(--text-light);--menu-width: 240px;background:var(--main-bg);--kanban-parent-rgb: 30, 32, 45;--scrollbar-thumb: rgba(255, 255, 255, 0.2);--scrollbar-thumb-hover: rgba(255, 255, 255, 0.3);--scrollbar-track: transparent;--scrollbar-size: 10px;--number-value: var(--text);--input-bg: var(--content-bg);--input-text: var(--text);--input-border-color: rgba(255, 255, 255, 0.01);--input-hover-bg: var(--content-bg);--input-hover-text: var(--text);--input-hover-border-color: var(--primary);--input-active-bg: var(--content-bg);--input-active-text: var(--text);--input-active-border-color: var(--primary);--input-disabled-bg: #eee;--input-disabled-text: #888;--input-disabled-border-color: rgba(0, 0, 0, 0.15);--input-hor-padding: 5px;--input-border-radius: 4px;--dropdown-trigger-bg: var(--content-bg);--dropdown-trigger-text: var(--text);--dropdown-bg: var(--content-bg);--dropdown-text: var(--text)}.fixed-page h1{margin-bottom:15px}.fixed-page .ui-table{margin-left:-10px;overflow-x:auto}label{color:var(--weak-text) !important}.sp-dropdown{min-height:36px;min-height:var(--ui-filter-height);align-items:center !important;vertical-align:middle;position:relative;--dropdown-hover-bg: var(--secondary-lighter);--dropdown-hover-text: var(--text);--dropdown-selected-bg: var(--primary);--dropdown-selected-text: var(--primary-text);--dropdown-border: var(--border);--dropdown-text-light: var(--text-lighter);--select-actions-bg: var(--main-bg-hover);--select-actions-text: var(--text);--pager-text: var(--text);--pager-link: var(--primary);--pager-font-size: 13px;--pager-active-text: var(--text);--pager-disabled-text: var(--text-lighter);--pager-hover-bg: var(--main-bg);--pager-hover-text: var(--text)}.sp-dropdown .filter-arrow{display:none}.sp-dropdown .sp-dropdown-item{height:30px}.sp-dropdown .sp-dropdown-item{font-size:14px;font-size:var(--ui-filter-font-size);min-height:36px;min-height:var(--ui-filter-height);padding:0 10px}.sp-dropdown .filter{width:calc(100% - 25px);height:100%}.sp-dropdown .filter::before{transition:transform 250ms;position:absolute;content:"";right:12px;top:15px;width:10px;z-index:1;height:6px;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 1L5 5L1 1' stroke='%23B8B8B8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ")}.sp-dropdown .filter .show-value{font-size:14px;font-size:var(--ui-filter-font-size);padding:0 10px;height:100%;align-items:center;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-dropdown.active .filter::before{transform:scale(1, -1)}.sp-dropdown.sm{min-height:unset}.sp-dropdown.sm .filter::before{top:9px}.sp-dropdown .ui-pager{margin-left:5px;font-size:10px}.sp-dropdown .ui-pager a,.sp-dropdown .ui-pager span{display:flex;justify-content:center;align-items:center;border:none;border-radius:var(--border-radius);margin-right:5px;width:18px;height:18px;color:var(--page-text)}.sp-dropdown .ui-pager a:hover{border:none;background-color:transparent;color:var(--primary)}.sp-dropdown .ui-pager a.active{border:none;background-color:var(--border);color:var(--text)}.sp-dropdown .ui-pager a.disabled{color:var(--page-disabled)}.box-labels-multiselect{border:none !important;background-color:unset}.box-labels-multiselect .multiple svg{display:none !important}.box-labels-multiselect .multiple .checkbox{display:none !important}.box-labels-multiselect .filter{cursor:default;width:100%}.box-labels-multiselect .filter::before{display:none}.box-labels-multiselect .filter-content{padding:0 !important}.box-labels-multiselect .filter-content .show-value{padding-left:0px;font-size:0px;display:inline !important}.box-labels-multiselect .filter-content .show-value:hover{filter:contrast(130%)}.box-labels-multiselect .filter-content .show-value:after{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;content:"+";font-size:14px;line-height:14px;text-align:center;width:22px;height:22px;color:var(--primary-text) !important;background-color:var(--primary);border-radius:50%}.box-labels-multiselect .filter-content .item-tag{background-color:unset !important;border:none !important;position:relative;padding:0 !important;display:inline;margin-right:10px !important}.box-labels-multiselect .filter-content .item-tag-content{width:calc(100% + 5px);margin-right:8px}.box-labels-multiselect .filter-content .item-tag-content .box-label{width:100%}.box-labels-multiselect .filter-content .item-tag .remove-btn{position:absolute;right:4px;top:5px;margin-left:unset !important}.sp-portal .box-labels-multiselect{background-color:var(--main-bg)}.record-multi-select .filter{min-height:36px !important;min-height:var(--ui-filter-height) !important}.record-multi-select .filter .filter-content .item-tag{cursor:default;vertical-align:unset !important;height:unset !important}.record-multi-select .filter .filter-content .item-tag .remove-btn{width:10px;height:15px}.sp-btn{--default-border: var(--primary);--primary-bg: var(--primary);--primary-text: #fff;height:36px !important;height:var(--ui-filter-height) !important}.sp-btn svg{height:18px}.sp-btn.sp-btn-primary{text-transform:uppercase;font-weight:bold}.sp-btn.sp-btn-sm{max-height:28px;text-transform:unset;font-weight:unset;display:unset}.sp-btn.dark{--primary-bg: var(--deep-dark);--primary-text: var(--lighter-grey);--disabled-bg: var(--lighter-dark);--disabled-text: var(--grey);--default-border: transparent;min-width:2em}.sp-btn.transparent{background-color:unset;border-color:var(--secondary-light) !important;color:var(--text-lighter);margin-left:0}.sp-btn.transparent svg *[fill]{fill:var(--text-lighter) !important}.sp-btn.transparent svg *[stroke]{stroke:var(--text-lighter) !important}.sp-btn.transparent.active{background-color:var(--secondary-light) !important}.sp-btn.transparent:active{background-color:unset !important}.sp-btn.transparent:hover{border-color:var(--secondary-light) !important;filter:unset;transform:scale(1.05);box-shadow:unset}.sp-btn.transparent:disabled{border-color:transparent !important}.sp-btn.transparent:disabled svg *[fill]{fill:var(--disabled-text)}.sp-btn.transparent:disabled svg *[stroke]{stroke:var(--disabled-text)}.button-group .sp-btn-primary{text-transform:unset;font-weight:unset}.sp-date-picker{height:36px;height:var(--ui-filter-height);min-width:145px;--date-picker-text: var(--text);--date-picker-bg: var(--input-bg);--date-picker-secondary-text: var(--text-light);--date-picker-secondary-bg: var(--content-bg);--date-picker-tab-text: var(--text);--date-picker-tab-bg: var(--content-bg);--date-picker-tab-hover-text: var(--text);--date-picker-tab-hover-bg: var(--main-bg);--date-picker-border-color: rgba(0, 0, 0, 0.15);--date-picker-hover-border-color: var(--primary);--date-picker-dropdown-bg: var(--main-bg);--date-picker-dropdown-border-color: var(--border);--date-picker-active-border-color: var(--primary);--date-picker-border-radius: 4px;--date-picker-shadow: var(--text);--date-picker-btn-text: var(--text);--date-picker-btn-bg: var(--deep-dark);--date-picker-btn-hover-bg: var(--dark);--date-picker-ui-font-size: 12px;--calendar-day-width: 3em;--calendar-day-height: 2.5em;--calendar-day-hover-text: var(--primary);--calendar-day-hover-bg: rgba(var(--primary-rgb), 0.2);--calendar-day-hover-border-color: var(--primary);--calendar-today-text: rgba(var(--primary-rgb), 0.9);--calendar-today-bg: rgba(var(--primary-rgb), 0.2);--calendar-today-border-color: rgba(var(--primary-rgb), 0.4);--clock-size: 18em;--clock-hover-text: var(--primary-text);--clock-hover-bg: var(--primary);--clock-selected-bg: var(--secondary);--clock-selected-color: var(--primary-text);--clock-minute-bg: rgba(var(--primary-rgb), 0.2);--clock-minute-text: var(--text);--color-small-minute-bg: var(--dark-grey);--color-small-minute-text: transparent;--clock-am-hour-bg: rgba(var(--primary-rgb), 0.2);--clock-am-hour-text: var(--text);--clock-pm-hour-bg: var(--main-bg);--clock-pm-hour-text: var(--text);--clock-value-bg: var(--primary);--clock-value-text: var(--primary-text);--clock-arrow-color: var(--primary)}.sp-date-picker input{padding:12px}.sp-date-picker .clear-btn{right:10px}.sp-date-picker.empty::before{content:"";position:absolute;width:18px;height:18px;top:9px;right:11px;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.4 2.80005H2.8C1.80589 2.80005 1 3.60594 1 4.60005V17.2C1 18.1942 1.80589 19 2.8 19H15.4C16.3941 19 17.2 18.1942 17.2 17.2V4.60005C17.2 3.60594 16.3941 2.80005 15.4 2.80005Z' stroke='%23B8B8B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M12.7 1V4.6' stroke='%23B8B8B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.5 1V4.6' stroke='%23B8B8B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M1 8.19995H17.2' stroke='%23B8B8B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ")}body,body *{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}body:hover,body *:hover{scrollbar-color:var(--scrollbar-thumb-hover)}body::-webkit-scrollbar,body *::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}body::-webkit-scrollbar-track,body *::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:calc(var(--scrollbar-size) / 2)}body::-webkit-scrollbar-thumb,body *::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:calc(var(--scrollbar-size) / 2)}body::-webkit-scrollbar-thumb:hover,body *::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.form-field>label:first-child{color:var(--primary)}.sp-table{--table-hdr-font-size: 11px;--table-hdr-bg: transparent;--table-hdr-text: var(--text);--table-border-color: var(--content-bg);--table-cell-bg: var(--main-bg);--table-cell-text: var(--text);--table-cell-hover-bg: var(--secondary-lighter);--table-cell-hover-text: var(--text);--table-cell-selected-bg: var(--secondary-light);--table-cell-selected-text: var(--text);--table-cell-padding: 10px;--table-error-text: var(--danger)}.sp-table thead tr th{color:var(--text-lighter);font-size:12px}.sp-table thead tr th .column-header .column-title{color:var(--text-lighter);font-size:12px}.sp-table thead tr th .column-header .column-title a{color:var(--text-lighter);font-size:12px}.sp-popup{--popup-overlay-bg: rgba(0, 0, 0, 0.3);--popup-bg: #fff;--popup-text: #333;--popup-header-bg: var(--primary);--popup-header-text: var(--primary-text);--popup-border-radius: var(--border-radius);--popup-margin: 15px;--popup-padding: 15px;--popup-header-height: 34px}input{font-size:14px;font-size:var(--ui-filter-font-size);height:36px;height:var(--ui-filter-height);padding:12px}input::-moz-placeholder{color:var(--text-lighter)}input::placeholder{color:var(--text-lighter)}.sp-tabs{--tab-text: var(--text-light);--tab-bg: transparent;--tab-parent-rgb: 255, 255, 255;--tab-container-border-color: var(--border);--tab-border-width: 2px;--tab-border-color: transparent;--tab-hover-text: var(--text);--tab-hover-border-color: #ccc;--tab-active-text: var(--text);--tab-active-border-color: var(--primary);--tab-active-bg: transparent}.sp-tab .icon-title svg *[fill]{fill:var(--tab-text)}.sp-tab .icon-title:hover svg *[fill]{fill:var(--tab-hover-text)}.sp-tab.active .icon-title svg *[fill]{fill:var(--tab-hover-text)}.button-group{display:flex;flex-wrap:nowrap}.button-group>*{border:none !important}.ui-checkbox{--checkbox-checked-bg: var(--primary);--checkbox-checked-border-color: var(--primary);--checkbox-bg: var(--main-bg);--checkbox-border-color: var(--text-lighter);border-radius:5px}.ui-checkbox-toggle{min-width:20px;min-height:20px;margin-right:10px}.ui-checkbox-toggle svg{width:16px;height:16px}.ui-checkbox.checked svg *[fill]{fill:#fff}.kb-container .kb-list{width:280px;margin-right:20px}.kb-container .kb-list>*{width:280px !important}.kb-container .kb-list>* a{width:100% !important}.kb-container .kb-list .hdr{height:36px !important;height:var(--ui-filter-height) !important;text-transform:uppercase;padding:0 10px;font-size:14px;margin-bottom:10px}.kb-container .kb-list .hdr .actions{font-weight:bold}.kb-container .kb-list .hdr .actions>*{display:flex;align-items:center;margin-left:5px}.kb-container .kb-list .hdr .actions svg{width:18px;height:18px}.sp-avatar{border:2px solid transparent;background-color:inherit;position:relative}.sp-avatar .badge{height:17px;width:17px;color:#fff;border:none;font-size:13px;line-height:15px;vertical-align:middle;background-color:var(--primary);right:-5;top:0}.sp-avatar.selected{border-color:var(--primary)}.sp-avatar .no-avatar{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);line-height:100%;width:100%}.ui-pager{color:var(--text);display:flex;flex-direction:row}.ui-pager .ui-pager-total{color:var(--text)}.ui-pager a,.ui-pager span{display:flex;justify-content:center;align-items:center;border:var(--border-width) solid var(--light-blue);border-radius:var(--border-radius);margin-right:5px;width:36px;height:36px;color:var(--page-text)}.ui-pager a:hover{border:var(--border-width) solid var(--secondary);background-color:transparent;color:var(--primary)}.ui-pager a.active{border:none;background-color:var(--border);color:var(--text)}.ui-pager a.disabled{color:var(--page-disabled)}.tox-statusbar{border-top:unset !important}.tox-statusbar .tox-statusbar__text-container{display:none !important}.date-picker .react-datepicker-popper{z-index:1500}button.btn+button.btn{margin-left:10px}.sp-portal{z-index:9000}html,body,#root{height:100vh}:root{--ui-filter-height: 36px;--ui-filter-margin: 20px;--ui-comment-subject-color: #323232;--ui-toolbar-padding-bot: 10px;--ui-filter-font-size: 14px}#root{overflow:hidden}body{font-family:"Roboto", sans-serif;font-size:13px;line-height:1.4em;color:var(--text);transition:color 250ms}h1{font-size:1.2rem}button.btn+button.btn{margin-left:10px}.error{color:var(--danger)}a{color:var(--text)}a:hover{color:var(--secondary)}hr{height:1px;border:0;background:#ddd;margin-bottom:15px}


/*# sourceMappingURL=main.60a57fcc.css.map*/