/**********Char CSS Start************/
.modal-dialog.modal-xl {
    max-width: 90%;
}

.modal-header {
    background: #a5233d;
}

.modal-header {
    background: #cf9544;
    padding: 24px 30px 103px 30px;
}

.tab-btn-view {
    padding: 1rem;
}

.tab-btn-view {
    display: flex;
    margin-top: -40px;
}

    .tab-btn-view .tab-btn {
        color: #fff;
        padding: 8px 23px;
    }

        .tab-btn-view .tab-btn.Active {
            background: #fff;
            color: #a5233d;
        }

.organisation.chartbox {
    display: flex;
}

  /* .chartbox.active {
        display: flex;
    }*/
/****Jeet***/
/*.location.chartbox {
    display: flex;
}
.value.chartbox {
    display: flex;
}*/
/****Jeet***/

.tab_list {
    display: flex;
    flex-direction: column;
}

    .tab_list button i {
        font-size: 35px;
        padding: 23px 19px;
        color: #6f6f6f;
    }

    .tab_list button {
        border-radius: 0px;
    }

.all-chart_veiw {
    width: 100%;
}

.organisation.chartbox .tab_list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 28px;
    margin-left: 15px !important;
}
.value.chartbox .tab_list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 28px;
    margin-left: 15px !important;
}
.location.chartbox .tab_list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 28px;
    margin-left: 15px !important;
}

.modal-title {
    color: #fff;
    font-size: 19px;
}
.btn-close {
    filter: invert(1);
    opacity: 1;
}

.tab-btn-view {
    padding: 0 100px;
}

    .tab-btn-view .tab-btn.Active {
        background: #fff;
        color: #a07037;
        font-weight: 600;
    }

.tab_list button i {
    font-size: 35px;
    padding: 23px 19px;
}

.tab_list button.active i {
}

.main-tab-btn.active i {
    color: #fff;
}

text.highcharts-axis-title {
    font-size: 15px;
    font-weight: 600;
    fill: #747474 !important;
}

img.radial-chart {
    width: 36px;
    padding: 19px 0px;
    filter: invert(44%) sepia(1%) saturate(941%) hue-rotate(349deg) brightness(96%) contrast(87%);
}

.main-tab-btn.active img.radial-chart {
    filter: invert(1);
}

.Active {
    background: #fff;
    color: #a5233d;
    font-weight: 600;
}
div.tab-btn-view.hover-prop {
    cursor : pointer
}

/**********Char CSS End************/


.scal {
    width: 100%;
    transform: scale(.9);
    transform-origin: left top;
}
.modal-body {
    padding-bottom: 3%;
}
.chrtBtn {
    position: absolute;
    top: 58px;
    z-index: 11;
    left: 190px;
    float: left;
}
span.chrtBtn button {
    padding: 0px 6px 3px 7px;
}

@media (max-width: 991px) {
    span.chartSpan {
        display: none;
    }
    div#GraphDiv .tab_list button {
       
        width: 100% !important;
    }
    button#radial-chart-tab, button#radial-chart-tab-location, button#radial-chart-tab-value {
        line-height: 3.5 !important;
    }
    /*.chrtBtn {
        top: 86px;
        right: 17px;
    }*/
    .chrtBtn {
        top: 127px;
        left: 20px;
    }
    span.chrtBtn button {
        padding: 0px 4px 3px 4px;
        font-size: 12px;
    }
}