#planning-labour-banding {
    width: 100%;
    height: 100%;
}

.labour-banding-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 10px;
    height: 60px;
}

.labour-banding-header-left {
    justify-self: flex-end;
    display: flex;
    gap: 20px;
}

.labour-banding-header-section {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.labour-banding-header-right {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}

.labour-banding-grid-wrapper {
    width: 100%;
    height: calc(100% - 155px);
    /*calc(50% - 40px);*/
}

#labour-banding-grid {
}

#labour-banding-ppoh .jqx-widget-content {
    border: none !important;
}

#labour-banding-ppoh.jqx-widget-content {
    border: 1px solid #D1D9DC !important;
}

#labour-banding-threshold .jqx-widget-content {
    border: none !important;
}

#labour-banding-threshold.jqx-widget-content, #labour-banding-rank-by.jqx-widget-content {
    border: 1px solid #D1D9DC !important;
}

.labour-banding-header-icon {
    height: 20px;
}

.labour-banding-charts-wrapper {
    display: flex;
    padding: 0 15px;
    height: calc(100% - 80px);
    /*calc(50% - 70px);*/
    flex-direction: row;
    gap: 20px;
}

.labour-banding-chart {
    flex: 1;
}

    .labour-banding-chart canvas {
        width: 100%;
        height: calc(100% - 185px);
        /*calc(50% - 70px);*/
    }

.labour-banding-chart-header {
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #0177BC;
    color: white;
}

.labour-banding-chart-axis-header {
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 5px;
}

.labour-banding-chart-overall-wrapper {
    height: calc(100% - 65px);
}

.labour-banding-chart-wrapper {
    height:100%
}

.labour-banding-chart-header label {
}

#dropdownlistArrowlabour-banding-threshold {
    background-color: white;
}

#dropdownlistArrowlabour-banding-ppoh {
    background-color: white;
}

#dropdownlistArrowlabour-banding-threshold div {
    background-image: url('../../images/arrow-down-jqx-combobox.png');
    background-size: 14px;
}

#dropdownlistArrowlabour-banding-ppoh div {
    background-image: url('../../images/arrow-down-jqx-combobox.png');
    background-size: 14px;
}


/*JQX CHANGES FOR PLANNING GRID*/
#labour-banding-grid .jqx-grid-cell-pinned {
    background-color: white;
}

#labour-banding-grid .jqx-grid-cell-pinned-alt {
    background-color: #F3F3F3 !important;
}

#labour-banding-grid .jqx-grid-cell-focus {
    background-color: #005894 !important;
}

#labour-banding-grid .jqx-grid-cell-hover-v1jqxgrid {
    background-color: #005894 !important;
}

#labour-banding-grid .jqx-grid-cell-selected {
    background-color: #a2ddff !important;
}
/*JQX CHANGES END HERE*/

#labour-banding-rank-by {
    height: 20px !important;
    background: white;
    border: 1px solid #D1D9DC !important;
}

#dropdownlistContentlabour-banding-rank-by {
    margin-top: 0 !important;
}