.gap-5{
    gap:5px;
}
.popup-vd .alt-table-box-list{
   height: 350px;
}
.w70px{
    width:70px;
}
[data-role="messages-container"]{
    width: auto!important;
    right: 25px!important;
    position: fixed!important;
}
.service-message-container{
    width: 100% !important;
    max-width:380px;
    min-width: 300px;
    left: 0 !important;
}
.service-message-container.warning{
background: rgba(207,172,0, 1) !important;
border-color:rgba(207,172,0, 1) !important;
}
.statuses-input-data {
    padding: 2px 8px;
    border-radius: 4px;
    width: 125px;
    color: white;
    cursor: pointer;
}
.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;
}

.popup-contragent-row [data-role="code"]{
    width:50px;
}
.popup-contragent-row [data-role="name"]{
    width:200px;
}

textarea[readonly]{
    background-color: #a2a1a129;
}

.rating-panel{
    position: absolute;
    top: 10px;
    left: 45%;
    color: #FFF;
}
.label-rating, .label-rating-25, .label-rating-50, .label-rating-75, .label-rating-100 {
    position: absolute;
    top: 24px;
    font-size: 80%;
    color: #52ddfd;
    z-index: 1;
}
.label-rating-25{ left: 21%; }
.label-rating-50{ left: 46%; }
.label-rating-75{ left: 68%; }
.label-rating-100{ left: 87%; }

.rating-progress {
    width: 200px;
    height: 6px;
    position: relative;
    top: -8px;
    background-color: #FFF;
}

/* Стили внутреннего индикатора прогресс бара */
.rating-progress::-webkit-progress-bar { /* Для WebKit-браузеров (Chrome/Safari) */
    background-color: #FFF;
    border-radius: inherit;
}

.rating-progress-up[value]::-webkit-progress-value { /* Внутренняя заполненная область */
    background-color: green;
    transition: all .2s ease-in-out;
    border-radius: inherit;
}
/* Для Firefox */
.rating-progress-up::-moz-progress-bar {
    background-color: green;
}
.rating-progress-down[value]::-webkit-progress-value { /* Внутренняя заполненная область */
    background-color: red;
    transition: all .2s ease-in-out;
    border-radius: inherit;
}
/* Для Firefox */
.rating-progress-down::-moz-progress-bar {
    background-color: red;
}

.rating-rows{
    padding: 10px;
    max-height: 300px;
    overflow-y: auto;
}
.bg-row-up{background-color: #b9ffd4;}
.bg-row-down{background-color: #ffb9b9;}
[data-role="user-rating-container"]{ max-width: 800px; }