canvas {
    margin-top: 3px;
}

#containerTimeline {
    width: 1228px;
    overflow-x: auto;
    border-right: 1px solid #cecece;
    border-left: 1px solid #cecece;
}

#tblPlanning {
    /*    border-spacing: 1px !important;
    background-color: #cecece;
*/

    border-collapse: separate !important; /* impedisce collapse */
    border-spacing: 2px !important; /* distanza tra celle */
    background-color: #cecece !important; /* colore “righe” */

    
}

    #tblPlanning th,
    #tblPlanning td {
        background-color: #ffffff !important; /* colore celle */
        padding: 0;
        padding-left: .5rem;

    }


    #tblPlanning tbody > tr > td:nth-child(1),
    #tblPlanning thead > tr > th:nth-child(1) {
        text-wrap-mode: nowrap;
        padding-right: 0.5rem;
    }

.canvasRow {
    border: none !important;
    outline: none !important;
    background-color: transparent;
}

.mb1rem {
    margin-bottom: 1rem;
}

.channelLabel {
    font-size: 12px;
    display: block;
}

#tblPlanning > tbody > tr > td:nth-child(1) {
    text-align: center;
    padding: 0.5rem;
}

    #tblPlanning > tbody > tr > td:nth-child(1) > img {
        width: 24px;
    }

#contextMenu {
    position: absolute;
    display: none;
    background: #fff;
    border: 1px solid #cecece;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    width: 500px;
    padding: 1rem;
}

#thHour {
    position: relative;
}

#divHour {
    position: absolute;
}

#canvas_Hour {
    z-index: 1;
    position: relative;
}


#tblPlanning canvas {
    z-index: 2;
    position: relative;
}

.no-overflow {
    overflow-x: hidden !important;
}


#contextMenu > div > table > tbody > tr > td:nth-child(1) {
    width: 100px;
    text-align: right;
    font-weight:700;
}