$cell-padding:5px 15px;
.ct-cell {
        background: #fff;
        position: relative;
        margin: 0;
        padding: $cell-padding;
        box-sizing: border-box;
        white-space: nowrap;
        font-size: 14px;
        line-height: normal;
        cursor: 16px;
        clear: both;
        width: 100%;
        transition: background .2s ease-in-out;    
        .ct-cell-wrap {
            .ct-cell__prefix {display: inline-block;}
            .ct-cell__content {
                display: inline-block;
                .ct-cell__label {
                    font-size: 12px;
                    color: #7b7b7b;
                }
            }
            .ct-cell-extra {
                display:inline-flex;
                align-items: center;
                padding: $cell-padding;
                position: absolute;
                top: 0;
                right: 0;
                height: 100%;
                color: #7b7b7b;
                font-size: 12px;
                .ct-cell-extra__inner {display: inline-block;}
                .ct-cell-icon {margin-left: 5px;}
            }
        }
        &:hover {
            background: #f8f8f8;
        }
        &.is-disabled {
            cursor:not-allowed;
            color: #7b7b7b;
            &:hover {
                background: #fff;
            }
        }
}