﻿
.one-floor .matrix-row div {
    width: 50px;
}
.matrix-cell {
    width: 40px;
    height: 40px;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #6e6363;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2px;
    color: #fff;
}

    .matrix-cell.matrix-cell-a {
        background-color: #829b88;
        cursor: initial;
        color: #829b88;
    }

    .matrix-cell.matrix-cell-b {
        background-color: rgb(175 199 181);
        cursor: initial;
        color: rgb(175 199 181);
    }

    .matrix-cell.inserted-a {
        background-color: #28a745;
        cursor: pointer ;
        color: #fff;
    }

    .matrix-cell.inserted-b {
        background-color: #206630;
        cursor: pointer;
        color: #fff;
    }
    .matrix-cell.pending {
        background-color: #dbe02f;
        cursor: pointer;
        color: #fff;
    }
    .matrix-cell.sold {
        background-color: #6e6363;
        cursor: initial;
        color: #fff;
    }
    .matrix-cell.driver {
        background-color: #8b0c0c;
        font-size: 12px;
        cursor: initial;
        color: #fff;
    }

    .matrix-cell.matrix-cell-empty {
        background-color: #fff;
        color: #fff;
        cursor: default;
        border: none
    }
.cell-block {
    width: 20px;
    height: 20px;
    border: 1px solid #6e6363;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2px;
}
    .cell-block.driver {
        background-color: #8b0c0c;
        cursor: initial
    }  
    .cell-block.available {
        background-color: #28a745;
        cursor: initial
    }
    .cell-block.pending {
        background-color: #dbe02f;
        cursor: initial
    }
    .cell-block.selected {
        background-color: #dbe02f;
        cursor: initial
    }
    .cell-block.sold {
        background-color: #6e6363;
        cursor: initial
    }
.seat-info {
    display: flex;   
}
.block-row {
    display: flex;   
    margin: 3px;
}
.block-row p {
  font-size:12px;
}
.matrix-row {
    display: flex;
    justify-content: center;
    margin: 2px;
}

