$cell-border: 1px solid #ECEFF5;
$hundered-percent: 100%;
$cell-content-padding: 16px;
$cell-content-checkbox-padding: 15px;
$cell-content-width: calc(100% - 32px);

.fg-cell{
    height: $hundered-percent;
    border-right: $cell-border;
    border-bottom: $cell-border;
    overflow-y: hidden;
    position: absolute;
    box-sizing: border-box;
    &:before{
        content: ' ';
        display: inline-block;
        vertical-align: middle; 
        height: $hundered-percent;
    }
    &-content{
        display: inline-block;
        position: relative;
        width: $cell-content-width;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        vertical-align: middle;
    }
    &-string{
        text-align: left;
    }
    &-number{
        text-align: right;
    }
    &-content-string{
        left: $cell-content-padding;
    }
    &-content-number{
        right: $cell-content-padding;
    }
    &-content-checkbox{
        left: $cell-content-checkbox-padding;
        width: auto;
    }
    &-helper-icon{
        width: 16px;
        height: 16px;
        text-align: center;
        display: inline-block;
        position: absolute;
        right: 2px;
        top: calc(50% - 6px);
        box-sizing: border-box;
    }
    &-content-chart{
        width: 100%;
    }
}
.fg-row-selected {
    background-color: #e8f0fd;
}