.table {
    display: flex;
    flex-flow: column nowrap;
    gap: 5px;
    max-height: 760px;
    min-width: 1900px;
    overflow: hidden;
    overflow-y: auto;
    direction: rtl;
    min-height:500px;
}

.table>div {
    direction: ltr;
}



.table::-webkit-scrollbar {
    width: 14px; 
               /* ширина scrollbar */
}
.table::-webkit-scrollbar-track {
    background: #E9ECEF;   
     border-radius: 20px;     /* цвет дорожки */
}
.table::-webkit-scrollbar-thumb {
    background-color: #D0D3D7;    /* цвет плашки */
    border-radius: 20px;       /* закругления плашки */
    border: 3px solid #D0D3D7;  /* padding вокруг плашки */
}

.row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border-radius: 16px;
    background:  #FFF;
    position: relative;
}

.heading  {
    font-weight: bold;
    align-items: flex-start;
    gap: 10px;
    border-radius: 14px;
    background:  #FFF;
    box-shadow: 0px 4px 42px 0px rgba(0, 0, 0, 0.03);
}

.heading .cell {
    color: #252C37;
    font-family: "Gotham Pro";
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 115%; /* 19.55px */
}

.cell {
    display: flex;
    flex: 1;
    padding: 20px 0px;
    gap: 20px;
    align-items: flex-start;
    color:  #494C51;
    font-family: "Gotham Pro";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 22.1px */
    letter-spacing: 0.17px;
    position: relative;
    min-width: 2%;
    overflow: hidden;
    
}

.cell a{
    color:  #494C51;
}

 .cell:nth-child(1) {
    max-width: 50px;
     padding: 20px 20px;
}

.cell:nth-child(2) {
    max-width: 100px;
    padding: 20px 20px;
}

.cell:nth-child(3) {
    max-width: 130px;
    padding: 20px 20px;
}

.cell:nth-child(5) {
    max-width: 100px;
    padding: 20px 20px;
}

.cell:nth-child(8) {
    max-width: 170px;
}

.cell:nth-child(10) {
    max-width: 145px;

}
.cell:nth-child(11) {
    max-width: 200px;

}

.cell:nth-child(9) {
    max-width: 60px;

}


.table .manager{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 12px;
    background:  #FFF;
    width: 100%;
    height: auto;
    padding: 1px;
}


.table .user-data .photo {
    display: inline-flex;
    position: absolute;
    width: 43px;
    height: 43px;
    border-radius: 43px;
    border: 2px solid  #E63912;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.table .user-data {
    align-items: center;
    display: flex;
    gap: 10px;
}

.table .user-data .desc {
    display: inline-flex;
    position: relative;
    margin-left: 50px;
}

.table .user-data .title{
    color:  #494C51;
    font-family: "Gotham Pro";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 22.1px */
    letter-spacing: 0.17px;
    text-underline-offset: 4px;
    text-decoration-line: underline;
}

.table p.date{
    color:  #494C51;
    font-family: "Gotham Pro";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 22.1px */
    letter-spacing: 0.17px;
    text-underline-offset: 4px;
    text-decoration-line: underline;
}


.table  .ok{
    display: inline-block;
    background-image:url('/local/templates/tnss/img/svg/ok.svg');
    width: 22px;
    height: 22px;
    padding-left: 15px;
    background-repeat: no-repeat;
    position: absolute;

}

.table span.status{
    display: inline-flex;
    padding: 5px 10px;
    align-items: center;
    gap: 6px;
    border-radius: 20px;
    background: #F3F5F7;

    color:  #494C51;
    text-align: center;
    font-family: "Gotham Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: 0.16px;
}