.nav-height{
    height: 46px;
}
.height-56{
    height: 56px;
}
.wid-50{
    width: 50px;
}
.sm-widhg{
    width: 37px;
    height: 37px;
}
.mm-widthg{
    width: 30px;
    height: 30px;
}
.content-height{
    height: calc(100% - 50px);
}
.side-width{
    width: 260px;
}
.hg_vl-c{
    min-height: 220px;
}
.container-width{
    width: calc(100% - 260px);
}
.hg-100-200{
    height: calc(100% - 220px);
}
.box-def{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.1);
}
.hover-shadow:hover{
    transition: all .2s ease;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.1);
}
.hover-shadwh:hover{
    transition: all .2s ease;
    background-color: var(--whiteClr);
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.1);
}
.shadow-sml{
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
}
.onHvr:hover{
    transition: all .2s ease;
    background-color: #2f358aa4;
}
.Set_dicrtion:hover{
    text-decoration: underline;
}
.sideSmbdg{
    background-color: #131430da;
}

.sideSmbdgMsg{
    background-color: #131430da;
    color: white;
}

.sideSmbdg5555{
    background-color: #fff;
}
.elemS-height{
    height: 48px;
}
.brd-leri{
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.width-sid{
    width: calc(100% - 25px);
}
.sideA-width{
    width: 5px;
}

/* svg */
.size-svg{
    width: 24px;
}
.fill-svg{
    fill: var(--FntClr);
}
.fill-svg-bl{
    fill: var(--orngClr);
}
.rotat-90{
    transform: rotate(90deg);
}
.pad-table td,.pad-table th{
    padding: 15px 20px;
}
td,th{
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sticky_head{
    position: sticky;
    z-index: 2;
}
.sticky_row{
    position: absolute;
    background:var(--blueClr);
}
.sticky_row:last-child{
    background:linear-gradient(to right, var(--blueClr) 70%, var(--blueClrOp));
}
.fix_elem_top > th{
    position: sticky;
    top: -7px;
    
}
.RglCh-cntn > th:first-child,.RglCh-cntn > td:first-child{
    position: sticky;
    background:linear-gradient(to right, var(--blueClr) 70%, var(--blueClrOp));
    left: 0px;
}
.RglCh-cntn > th:last-child,.RglCh-cntn > td:last-child{
    position: sticky;
    background:linear-gradient(to right,var(--blueClrOp),var(--blueClr) 90%);
    right: 0px;
}
.RglCh-cntn > th:first-child{
    z-index: 1;
}
.RglCh-cntn > th:last-child{
    z-index: 1;
}
.image_board{
    width: 53px;
    height: 53px;
}
.react-kanban-board > div{
    display: flex;
    flex-wrap: wrap;
}
.react-kanban-column  div[data-rbd-draggable-context-id] > div{
    width:100%
}
.react-kanban-column{
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}