.row-icon
{  
    outline: 1px solid var(--light-grey);
    height: 30px;
    width: 30px;
    flex-shrink: 0;
    border-radius: 50%;
    font-size: 11px;    text-align: center;
    transform: rotate(-15deg);
    line-height: 18px;
  
    background: var(--light-grey);
    font-weight: bold;
    border: 2px solid var(--dashboard-heading-border-color);
    color: var(--card-icon-bg);
}


.table-row .left-column
{
    text-align:left;
}

.table-row .right .column
{
    justify-content: end;
    text-align: right;
}

.table-row .column.icon
{
    width:50px;
    flex-grow:0;
}

.table-header .column
{
    padding: 12px 15px 7px 15px;
    font-family: 'Teko';
    font-size: 13px;
    color: #a5a5a5;
    line-height: 13px;
}

.table-header
{
    background:var(--light-grey);    
    font-size:10px;  
    font-weight:bold;
    text-transform: uppercase;;
}


.table-header .left > .column,
.table-header .right > .column:not(:last-child)
{
    border-right:1px solid white;
}

.table-value .left .column 
{
        justify-content: flex-start;
}

.table-value .right .column 
{
        justify-content: flex-end;
}

.table-value .column
{
        height:50px;   
}

.table-value .column
{
    padding:10px 15px; 
    flex-grow:0;
    flex-shrink:0;
    display:flex;
    align-items: center;   
}

.table-row .column.icon
{
    width:50px;
    flex-grow:0;
}

.row-column-icon
{
    transform: rotate(-20deg);
    opacity: 0.05;
    font-size: 19px;
    transition: 300ms ease all;
    cursor:pointer;
    position: Relative;
}
.row-column-icon:hover,
.row-actions-container  i:hover
{
   opacity: 1;
    color: var(--brand);
}

.table-value .left .column,
.table-value .right > .column:not(:last-child)
{
    border-right:1px solid var(--light-grey);
}

.table-header .left:first-child
{
    border-left:1px solid white
}

.table-value .left:first-child
{
    border-left:1px solid var(--light-grey);
}

.table-row
{
        border-bottom:1px solid var(--light-grey);
}

.row-actions-container  i
{        
    opacity: 0.05;
    font-size:12px;
    cursor:pointer;
    position: Relative;
    font-size: 14px;
    margin-inline:5px;
    transition: 300ms ease all;
}

.table-value-first-icon
{
    outline: 1px solid var(--light-grey);
    height: 30px;
    width: 30px;
    flex-shrink: 0;
    border-radius: 50%;   
    font-size: 11px;
    left:-5px;
    position: relative;
    text-align: center;
    transform: rotate(-15deg);
   
    background: var(--light-grey);
    font-weight: bold;
    border: 2px solid var(--dashboard-heading-border-color);
    color: var(--card-icon-bg);
}