.grid-table  {
    .grid-cell {
        position: absolute;
        text-align: left;
        cursor: pointer;
        font-size: 14px;
        user-select: none;
        border: 1px solid transparent;
        border-right: 1px solid rgba(0, 0, 0, 0.03);
        margin: 0;

        &.clicked {
            border: 1px solid #2196f3;
        }

        &.editing {
            border: 1px solid #2196f3;
        }

        &.selected {
            background-color: rgba(33, 150, 243, 0.2);

            &.selected-left {
                border-left: 1px solid #2196f3;
            }

            &.selected-top {
                border-top: 1px solid #2196f3;
            }

            &.selected-right {
                border-right: 1px solid #2196f3;
            }

            &.selected-bottom {
                border-bottom: 1px solid #2196f3;
            }
        }

        &.calculating {
            &.calculating-left {
                border-left: 1px dashed #2196f3;
            }

            &.calculating-top {
                border-top: 1px dashed #2196f3;
            }

            &.calculating-right {
                border-right: 1px dashed #2196f3;
            }

            &.calculating-bottom {
                border-bottom: 1px dashed #2196f3;
            }
        }

        .fill-handle {
            position: absolute;
            width: 6px;
            height: 6px;
            bottom: -1px;
            right: -1px;
            cursor: cell;
            background-color: #2196f3;
        }
    }

    .grid-body .grid-panel.pin-left .grid-row .grid-cell:last-child {
        &.selected.selected-right {
            border-right: 1px solid #2196f3;
        }

        &.clicked {
            border-right: 1px solid #2196f3;
        }
    }

    .grid-body .grid-panel.pin-right .grid-row .grid-cell:first-child {
        &.selected.selected-left {
            border-left: 1px solid #2196f3;
        }

        &.clicked {
            border-left: 1px solid #2196f3;
        }
    }

    @keyframes cellCopy {
        from {
            background-color: rgba(33, 150, 243, 0.5);
        }
        to {
            background-color: rgba(33, 150, 243, 0.2);
        }
    }

    @keyframes cellCalculate {
        from {
            background-color: rgba(185, 246, 202, 0.5);
        }
        to {
            background-color: rgba(33, 150, 243, 0.2);
        }
    }
}