.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;
}



.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;
}