.seats-wrap{
    float:left;
    width:100%;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    
}
.seats-row{
    float:left;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.seats-row .row-num {
   
    font-size: 14px;
    font-weight: bold;
    color: #000;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
}

.seats-row .inner-seats {
    height: 28px;
    display:flex;
    gap:20px;
}
.seats-row .inner-seats .seat{
    width:28px;
    height: 28px;
    background: #D9D9D9;
    border-radius:3px;
    font-size:12px;
    color:#000000;
    display:flex;
    align-items:center;
    justify-content:center;
    
    
}
.seats-row .inner-seats .seat.busy{
    background: #EF3A4A;
    color:#fff;
}
.seats-row .inner-seats .seat.selected{
    background: #EF3A4A;
    background: red;
    color:#fff;
}
.seats-row .inner-seats .seat.unavailable{
    background: #00AEF8;
}
.top-screen{
    float:left;
    width:100%;
    margin-bottom:30px;
}
.seats-row .inner-seats .seat.empty{
    visibility:hidden;
}
.screen{
    float:left;
    width:100%;
    display:flex;
    background: #D9D9D9;
    height: 50px;
    color:#000000;
    font-size:12px;
    text-transform:uppercase;
    margin-top:30px;
    justify-content:center;
    align-items:center;
    border-radius:3px;
    
}