:root {
    --scrollbarBg: #EBFFFA;
    --scrollbarThumb: #0055B8;
    --scrollbarWidth: 12px;
    --scrollbarBorder: 3px solid var(--scrollbarBg);
    --scrollbarBorderRadius: calc(var(--scrollbarWidth) / 2);
}
[data-role="select-items"], [data-role="list-access"] {
    scrollbar-width: var(--scrollbarWidth);
    scrollbar-color: var(--scrollbarThumb) var(--scrollbarBg);
}
[data-role="select-items"]::-webkit-scrollbar, [data-role="list-access"]::-webkit-scrollbar {
    width: var(--scrollbarWidth);
}
[data-role="select-items"]::-webkit-scrollbar-track, [data-role="list-access"]::-webkit-scrollbar-track {
    background: var(--scrollbarBg);
    border-radius: var(--scrollbarBorderRadius);
}
[data-role="select-items"]::-webkit-scrollbar-thumb, [data-role="list-access"]::-webkit-scrollbar-thumb {
    background-color: var(--scrollbarThumb);
    border-radius: var(--scrollbarBorderRadius);
    border: var(--scrollbarBorder);
}



.popup-vd .alt-table-box-list{
   height: 350px;
}
.w70px{
    width:70px;
}
.service-message-container.warning{
    background: rgba(207,172,0, 1) !important;
    border-color:rgba(207,172,0, 1) !important;
}
.counters{
    width: 25px; height: 25px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: grey;
    border:1px solid grey;
    border-radius: 50%;
    font-weight: 600;
    font-size: 13px;
    margin-left: 15px;
    visibility:hidden;
}
.counters.in-waiting{
    color: #2189EE;
    border:1px solid #2189EE;
}
.counters.in-progress{
    color: #D4C43C;
    border:1px solid #D4C43C;
}
.counters.in-rework{
    color: #F9834C;
    border:1px solid #F9834C;
}
.counters.in-complete{
    color: #097B07;
    border:1px solid #097B07;
}
.alt-table-row.avail-counters .counters{
    visibility:visible;
}


.popup-row .contragent-name{
    margin-left: auto;
    width: 200px;
}
.popup-row .contragent-code{
    margin-left: auto;
}
.popup-box .img-box{
    width: 40px;
    height: 40px;
}
.popup-box .img{
    width:100%;
    height:100%;
    object-fit:contain;
    cursor: pointer;
}
.popup-box .icon{
    width: 40px;
    height: 40px;
    align-items: center;
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
}
.popup-box .name{
    flex: 1 1 auto;
    margin: 0 0 0 10px;
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: underline;
}
.popup-box .name-dir{
    flex: 1 1 auto;
    margin: 0 0 0 10px;
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.row-dir-box{
}
.row-dir{
    display: flex;
    align-items: center;
    cursor: pointer;
}

.row-dir-content{
    display: flex;
    padding: 0 0 .5em 0;
}
.row-dir-line{
    border-color: gray;
    border-style: dashed;
    border-width: 0 1px 0 0;
    margin: 0 10px 20px 10px;
}
.row-dir-list{
    flex: 1 1 auto;
}

.disabled{
    pointer-events: none;
}

[data-role="signature"]{
    padding-left: 3px;
}
/*
[dara-role="divider"]{
    margin: 15px auto 15px;
    width: 30px;
}
*/
.left-menu-panel{
    overflow: auto;
    height: 80vh;
}
.left-logo{
    color: #FFF;
    background-color: #0055b8;
    padding: 6px;
    width: 33px;
    height: 33px;
    border-radius: 4px;
}
.logo-title{
    display: block;
    padding: 4px;
    padding-left: 42px;
    font-size: 18px;
    font-weight: 600;
    color: #000;
}
.inic-user{
    width: 32px;
    height: 32px;
    border-radius: 9999px;
    border: 1px solid #d3d3d3;
    margin: 10px 10px 10px 12px;
    text-align: center;
    padding: 5px;
    font-size: 12px;
    font-weight: 700;
}
.fio-user{
    line-height: 1.2;
    padding-top: 11px;
    font-size: 12px;
    width: calc( 100% - 32px - 22px );
}
.icon-exit-left{
    width: fit-content;
    height: fit-content;
    margin: 2px;
    padding: 10px;
    padding-top: 14px;
}
.user-info-left{
    padding: 5px 2px;
}

.round-element{
    width: 32px;
    height: 32px;
    border-radius: 9999px;
    border: 1px solid #d3d3d3;
    text-align: center;
    padding: 5px;
    font-size: 12px;
    font-weight: 700;
}

.allways-search-panel{
    padding: 10px 10px 10px 0px;
}
[data-role="allways-search-input"]{
    height: 32px;
    padding: 8px 8px 8px 32px;
    width: 400px;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
}
.allways-search-panel svg{
    position: absolute;
    left: 6px;
    top: 17px;
}
.top-panel{
    display: flex;
    justify-content: flex-end;
    position: relative;
    right: 10px;
    top: 2px;
}

.dropdown-menu{
    left: unset;
    right: 0px;
}