@import '../../../web/custom-variables.scss';
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.graph-container{
    display: flex;
    justify-content: space-around;
}

.graph-container-full{
    max-width: 100%;
    width: 100%;
    height: auto;
    padding: 24px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(196,196,196,1);
    border-radius: 20px;
    margin: 25px 0px;
    background-color: #FFF;
    border: solid thin #1868db;
    padding: 20px;
}

.graph-container-half{
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  max-width: 48%;
  width: 100%;
  padding: 24px;
  margin: 25px 0px;
  border: solid thin #1868db;
}

.graph-container-one-third{
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  max-width: 32%;
  width: 100%;
  padding: 24px;
  margin: 25px 0px;
}

.graph-container-two-third{
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  max-width: 64%;
  width: 100%;
  padding: 24px;
  margin: 25px 0px;
}

.graph-title-text{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    justify-content: flex-start;
    margin-bottom: 7px;
}

.graph-tooltip-text{
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    justify-content: flex-start;
    margin-bottom: 15px;
    color: #707070;
    font-style: italic;
    display: block;
}

.graph {
    font-family: 'Poppins', sans-serif;
    margin-top: 15px;
    position: relative;
    width: 100%;
    display: block;
}

.graph button{
    background-color: #62B146 !important;
    color: white !important;
    width: 125px;
    height: 32px;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    justify-content: center !important;
    padding: 0;
    font-size: 14px !important;
    border: none;
    margin-right: 7px !important;
}

/*.graph .mx-name-container2 .e-btn{
    background-color: #62B146 !important;
    color: white !important;
    width: 150px;
    height: 32px;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    justify-content: center !important;
    padding: 0;
    font-size: 14px !important;
    border: none;
    margin-right: 7px !important;
}*/

.api-test-table-container{
    display: block;
}

.api-test-tables > ul > li{
    border: none;
    display: inline-flex;
    max-width: 45%;
    width: 100%;
    padding: 24px;
    height: fit-content;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(196,196,196,1);
    border-radius: 20px !important;
    margin: 25px 15px;
    max-height: 21%;
    height: 100%;
}

/*API TEST GRAPHS API TEST GRAPHS API TEST GRAPHS API TEST GRAPHS API TEST GRAPHS API TEST GRAPHS API TEST GRAPHS API TEST GRAPHS API TEST GRAPHS*/
.api-table-container{
    justify-content: center;
    align-items: center;
    display: flex;
}
.api-test-tables > ul  .mx-dataview{
    width: 100%;
    padding: 0;
}

.api-test-table-heading-row{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
}

.api-test-table-heading-text{
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.api-text-heading-col-1{
    padding: 0;
    margin: 5px 0;
    max-width: 50%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.api-text-heading-col-2, .api-text-heading-col-3{
    padding: 0;
    margin: 5px 0;
    max-width: 25%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.api-test-table-details-col-1{
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    max-width: 50%;
    width: 100%;
    height: 80px;
    background-color: #F8F7F7;
    display: flex;
    align-items: center;
    justify-content: center;
    text-wrap: wrap;
    text-align: center;
}

.api-test-table-details-col-2, .api-test-table-details-col-3{
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    max-width: 25%;
    width: 100%;
    height: 80px;
}

.api-test-table-details-row{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    height: 80px;
}

.api-test-table-details-col-1, .api-test-table-details-col-2, .api-test-table-details-col-3{
    border: 1px solid #BEBABA;
}

.api-test-test-name-text{
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    color: black;
}

.api-text-table-passed-tests-badge{
    border-radius: 20px;
    background-color: #62B146;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 600;
    width: fit-content;
    padding: 5px 10px;
    margin: 0;
}

.api-text-table-failed-tests-badge{
    border-radius: 20px;
    background-color: #EF3224;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 600;
    width: fit-content;
    padding: 5px 10px;
    margin: 0;
}

.api-test-table-results-container{
    display: inline-table;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.api-test-table-results-badge-container{
    padding: 0;
    margin: 0;
    max-height: 50%;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #BEBABA;
}

/* TEST EXECUTION TEST EXECUTION TEST EXECUTION TEST EXECUTION TEST EXECUTION*/

/*TEXT DISPLAY TABLES*/

.test-execution-text-list tr{
    border-bottom: none !important;
    display: flex;
}

.test-execution-text-list tr td div:nth-child(1){
    height: 30px !important;
    width: 30px !important;
    border-radius: 50%;
    background-color: black !important;
    margin-right: 20px;

}

.test-execution-text-list tr td div:nth-child(2){
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    font-weight: 800;
    color: black;
}

.test-execution-text-list tr td:nth-child(2){
    color: black !important;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    font-weight: 800;
    flex: auto;
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

/*TEST EXECUTED TABLE*/

.test-executed-text-list{
    margin-top: 20px;
    padding: 0 10px;
}

.test-executed-text-list tr{
    border-bottom: 1px solid #8C8C8C !important;
    display: flex;
    margin-bottom: 15px;
}


.test-executed-text-list tr td div:nth-child(1){
    height: 20px !important;
    width: 20px !important;
    background-color: black !important;
    margin-right: 10px;

}

.test-executed-text-list tr td div:nth-child(2){
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: black;
}

.test-executed-text-list tr td:nth-child(2){
    color: black !important;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    font-weight: 800;
    flex: auto;
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-right: 25px;
}

/*BLOCKED*/
.test-executed-text-list tr:nth-child(1) td div:nth-child(1){
    background-color: #000000 !important;
}

.test-executed-text-list tr:nth-child(1) td:nth-child(1) div:nth-child(2){
    color: #000000 !important;
}

.test-executed-text-list tr:nth-child(1) td:nth-child(2){
    color: #000000 !important;
}

/*FAILED*/
.test-executed-text-list tr:nth-child(2) td div:nth-child(1){
    background-color: #EF3224 !important;
}

.test-executed-text-list tr:nth-child(2) td:nth-child(1) div:nth-child(2){
    color: #EF3224 !important;
}

.test-executed-text-list tr:nth-child(2) td:nth-child(2){
    color: #EF3224 !important;
}

/*NA*/
.test-executed-text-list tr:nth-child(3) td div:nth-child(1){
    background-color: #8C8C8C !important;
}

.test-executed-text-list tr:nth-child(3) td:nth-child(1) div:nth-child(2){
    color: #8C8C8C !important;
}

.test-executed-text-list tr:nth-child(3) td:nth-child(2){
    color: #8C8C8C !important;
}

/*NO RUN*/
.test-executed-text-list tr:nth-child(4) td div:nth-child(1){
    background-color: #1296CE !important;
}

.test-executed-text-list tr:nth-child(4) td:nth-child(1) div:nth-child(2){
    color: #1296CE !important;
}

.test-executed-text-list tr:nth-child(4) td:nth-child(2){
    color: #1296CE !important;
}

/*NOT COMPLETED*/
.test-executed-text-list tr:nth-child(5) td div:nth-child(1){
    background-color: #4D4D4D !important;
}

.test-executed-text-list tr:nth-child(5) td:nth-child(1) div:nth-child(2){
    color: #4D4D4D !important;
}

.test-executed-text-list tr:nth-child(5) td:nth-child(2){
    color: #4D4D4D !important;
}

/*PASSED*/
.test-executed-text-list tr:nth-child(6) td div:nth-child(1){
    background-color: #62B146 !important;
}

.test-executed-text-list tr:nth-child(6) td:nth-child(1) div:nth-child(2){
    color: #62B146 !important;
}

.test-executed-text-list tr:nth-child(6) td:nth-child(2){
    color: #62B146 !important;
}

/*RE RUN*/
.test-executed-text-list tr:nth-child(7) td div:nth-child(1){
    background-color: #F99A1E !important;
}

.test-executed-text-list tr:nth-child(7) td:nth-child(1) div:nth-child(2){
    color: #F99A1E !important;
}

.test-executed-text-list tr:nth-child(7) td:nth-child(2){
    color: #F99A1E !important;
}

/*TEST EXECUTED GRAPH*/

#TestExecutionDN text{
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
}

#TestExecutionDN_centerLabel{
    font-size: 15px;
    font-weight: 600;
}

/*NO RUN*/
#TestExecutionDN_Series_0_Point_0{
    fill: #1296CE;
    stroke: white;
    stroke-width: 5px;
}
#TestExecutionDN_datalabel_Series_0_connector_0{
    stroke-width: 2px;
    stroke: #1296CE;
}
/*RE-RUN*/
#TestExecutionDN_Series_0_Point_1{
    fill: #F99A1E;
    stroke: white;
    stroke-width: 5px;
}
#TestExecutionDN_datalabel_Series_0_connector_1{
    stroke-width: 2px;
    stroke: #F99A1E;
}
/*BLOCKED*/
#TestExecutionDN_Series_0_Point_2{
    fill: #000000;
    stroke: white;
    stroke-width: 5px;
}
#TestExecutionDN_datalabel_Series_0_connector_2{
    stroke-width: 2px;
    stroke: #000000;
}
/*NA*/
#TestExecutionDN_Series_0_Point_3{
    fill: #D3D3D3;
    stroke: white;
    stroke-width: 5px;
}
#TestExecutionDN_datalabel_Series_0_connector_3{
    stroke-width: 2px;
    stroke: #D3D3D3;
}
/*NOT COMPLETED*/
#TestExecutionDN_Series_0_Point_4{
    fill: #4D4D4D;
    stroke: white;
    stroke-width: 5px;
}
#TestExecutionDN_datalabel_Series_0_connector_4{
    stroke-width: 2px;
    stroke: #4D4D4D;
}
/*PASSED*/
#TestExecutionDN_Series_0_Point_5{
    fill: #62B146;
    stroke: white;
    stroke-width: 5px;
}
#TestExecutionDN_datalabel_Series_0_connector_5{
    stroke-width: 2px;
    stroke: #62B146;
}
/*FAILED*/
#TestExecutionDN_Series_0_Point_6{
    fill: #EF3224;
    stroke: white;
    stroke-width: 5px;
}
#TestExecutionDN_datalabel_Series_0_connector_6{
    stroke-width: 2px;
    stroke: #EF3224;
}

/*TEST RUN COVERAGE CHART*/

#TestRunCoverage_AxisTitle_1, #TestRunCoverage_AxisTitle_0{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}

#TestRunCoverageAxisLabels0 text{
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 11px;
    fill: #4D4D4D;
}

#TestRunCoverageAxisLabels1 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 11px;
    fill: #4D4D4D;
}

/*TEST EXECUTION TIMELINE CHART*/

#TestExecutionTimeLine_ChartTitle{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    fill: black;
}

#TestExecutionTimeLine_AxisTitle_1, #TestExecutionTimeLine_AxisTitle_0{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}

#TestExecutionTimeLineAxisLabels0 text{
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 11px;
    fill: #4D4D4D;
}

#TestExecutionTimeLineAxisLabels1 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 11px;
    fill: #4D4D4D;
}

#TestExecutionTimeLineSeriesGroup0 path{
    stroke: #3D5EAD;
}

#TestExecutionTimeLineSymbolGroup0 path{
    fill: #3D5EAD;
    stroke: #3D5EAD;
}

#TestExecutionTimeLine_Series_0_Point_0_Symbol path{
    fill: #3D5EAD;
}

/*TEST EXECUTION BY PLATFORM GRAPH*/

#TestExecutionByPlatform_ChartTitle{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    fill: black;
}

#TestExecutionByPlatform_AxisTitle_0, #TestExecutionByPlatform_AxisTitle_1{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}

#TestExecutionByPlatformAxisLabels0 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    fill: #4D4D4D;
}

#TestExecutionByPlatformAxisLabels1 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    fill: #4D4D4D;
}

#TestExecutionByPlatform_chart_legend_translate_g text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}


/*TEST EXECUTION STATUS PER ENVIRONMENT*/

#TestExecutionStatusPerEnv_ChartTitle{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    fill: black;
}

#TestExecutionStatusPerEnv_AxisTitle_0, #TestExecutionStatusPerEnv_AxisTitle_1{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}

#TestExecutionStatusPerEnvAxisLabels1 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    fill: #4D4D4D;
}

#TestExecutionStatusPerEnvAxisLabels0 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: #4D4D4D;
}

#TestExecutionStatusPerEnv_Series_0_Point_0, #TestExecutionStatusPerEnv_Series_0_Point_1 , #TestExecutionStatusPerEnv_Series_0_Point_2, #TestExecutionStatusPerEnv_Series_0_Point_3, #TestExecutionStatusPerEnv_Series_0_Point_4, #TestExecutionStatusPerEnv_Series_0_Point_5, #TestExecutionStatusPerEnv_Series_0_Point_6, #TestExecutionStatusPerEnv_chart_legend_shape_0{
    fill: #FEBD40;
    stroke: none;
}


#TestExecutionStatusPerEnv_Series_1_Point_0, #TestExecutionStatusPerEnv_Series_1_Point_1 , #TestExecutionStatusPerEnv_Series_1_Point_2, #TestExecutionStatusPerEnv_Series_1_Point_3, #TestExecutionStatusPerEnv_Series_1_Point_4, #TestExecutionStatusPerEnv_Series_1_Point_5, #TestExecutionStatusPerEnv_Series_1_Point_6, #TestExecutionStatusPerEnv_chart_legend_shape_1{
    fill: #3D5EAD;
    stroke: none;
}

#TestExecutionStatusPerEnv_Series_2_Point_0, #TestExecutionStatusPerEnv_Series_2_Point_1 , #TestExecutionStatusPerEnv_Series_2_Point_2, #TestExecutionStatusPerEnv_Series_2_Point_3, #TestExecutionStatusPerEnv_Series_2_Point_4, #TestExecutionStatusPerEnv_Series_2_Point_5, #TestExecutionStatusPerEnv_Series_2_Point_6, #TestExecutionStatusPerEnv_chart_legend_shape_2{
    fill: #8139D8;
    stroke: none;
}

#TestExecutionStatusPerEnv_chart_legend_text_0, #TestExecutionStatusPerEnv_chart_legend_text_1, #TestExecutionStatusPerEnv_chart_legend_text_2{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}

/*Test Repository Completion Percentage*/


#TestExecutionPerFeature_ChartTitle{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    fill: black;
}

#TestExecutionPerFeature_AxisTitle_1, #TestExecutionPerFeature_AxisTitle_0{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}

#TestExecutionPerFeatureAxisLabels0 text{
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14px;
    fill: #4D4D4D;
}

#TestExecutionPerFeatureAxisLabels1 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    fill: #4D4D4D;
}

#TestExecutionPerFeature_chart_legend_text_0, #TestExecutionPerFeature_chart_legend_text_1{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}

/*Test Repository Completion Percentage*/

#TestRepositoryCompletion_ChartTitle{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    fill: black;
}

#TestRepositoryCompletion_AxisTitle_0, #TestRepositoryCompletion_AxisTitle_1{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}

#TestRepositoryCompletionAxisLabels0 text{
    font-family: 'Inter', sans-serifF;
    font-weight: 400;
    font-size: 13px;
    fill: #4D4D4D;
}

#TestRepositoryCompletionAxisLabels1 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: #4D4D4D;
}

#TestRepositoryCompletion_chart_legend_text_0, #TestRepositoryCompletion_chart_legend_text_1, #TestRepositoryCompletion_chart_legend_text_2, #TestRepositoryCompletion_chart_legend_text_3, #TestRepositoryCompletion_chart_legend_text_4, #TestRepositoryCompletion_chart_legend_text_5, #TestRepositoryCompletion_chart_legend_text_6{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}
/*
#TestExecutionStatusPerEnv_Series_0_Point_0, #TestExecutionStatusPerEnv_Series_0_Point_1 , #TestExecutionStatusPerEnv_Series_0_Point_2, #TestExecutionStatusPerEnv_Series_0_Point_3, #TestExecutionStatusPerEnv_Series_0_Point_4, #TestExecutionStatusPerEnv_Series_0_Point_5, #TestExecutionStatusPerEnv_Series_0_Point_6, #TestExecutionStatusPerEnv_chart_legend_shape_0{
    fill: #FEBD40;
    stroke: none;
}


#TestExecutionStatusPerEnv_Series_1_Point_0, #TestExecutionStatusPerEnv_Series_1_Point_1 , #TestExecutionStatusPerEnv_Series_1_Point_2, #TestExecutionStatusPerEnv_Series_1_Point_3, #TestExecutionStatusPerEnv_Series_1_Point_4, #TestExecutionStatusPerEnv_Series_1_Point_5, #TestExecutionStatusPerEnv_Series_1_Point_6, #TestExecutionStatusPerEnv_chart_legend_shape_1{
    fill: #3D5EAD;
    stroke: none;
}

#TestExecutionStatusPerEnv_Series_2_Point_0, #TestExecutionStatusPerEnv_Series_2_Point_1 , #TestExecutionStatusPerEnv_Series_2_Point_2, #TestExecutionStatusPerEnv_Series_2_Point_3, #TestExecutionStatusPerEnv_Series_2_Point_4, #TestExecutionStatusPerEnv_Series_2_Point_5, #TestExecutionStatusPerEnv_Series_2_Point_6, #TestExecutionStatusPerEnv_chart_legend_shape_2{
    fill: #8139D8;
    stroke: none;
}
*/

/*TECHNOTEST DEFECTS TECHNOTEST DEFECTS TECHNOTEST DEFECTS TECHNOTEST DEFECTS TECHNOTEST DEFECTS TECHNOTEST DEFECTS TECHNOTEST DEFECTS*/

/*DEFECTS TABLE LIST*/

.defect-text-graph{
    margin-top: 20px;
    padding: 0 10px;
}

.defect-text-graph tr{
    border-bottom: 1px solid #8C8C8C !important;
    display: flex;
    margin-bottom: 15px;
}


.defect-text-graph tr td div:nth-child(1){
    height: 20px !important;
    width: 20px !important;
    background-color: black !important;
    margin-right: 10px;

}

.defect-text-graph tr td div:nth-child(2){
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: black;
}

.defect-text-graph tr td:nth-child(2){
    color: black !important;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    font-weight: 800;
    flex: auto;
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-right: 25px;
}

/*CLOSED*/
.defect-text-graph tr:nth-child(1) td div:nth-child(1){
    background-color: #8C8C8C !important;
}

.defect-text-graph tr:nth-child(1) td:nth-child(1) div:nth-child(2){
    color: #8C8C8C !important;
}

.defect-text-graph tr:nth-child(1) td:nth-child(2){
    color: #8C8C8C !important;
}

/*DEFERRED*/
.defect-text-graph tr:nth-child(2) td div:nth-child(1){
    background-color: #FABC18 !important;
}

.defect-text-graph tr:nth-child(2) td:nth-child(1) div:nth-child(2){
    color: #FABC18 !important;
}

.defect-text-graph tr:nth-child(2) td:nth-child(2){
    color: #FABC18 !important;
}

/*FIXED*/
.defect-text-graph tr:nth-child(3) td div:nth-child(1){
    background-color: #62B146 !important;
}

.defect-text-graph tr:nth-child(3) td:nth-child(1) div:nth-child(2){
    color: #62B146 !important;
}

.defect-text-graph tr:nth-child(3) td:nth-child(2){
    color: #62B146 !important;
}

/*NEW*/
.defect-text-graph tr:nth-child(4) td div:nth-child(1){
    background-color: #EF3224 !important;
}

.defect-text-graph tr:nth-child(4) td:nth-child(1) div:nth-child(2){
    color: #EF3224 !important;
}

.defect-text-graph tr:nth-child(4) td:nth-child(2){
    color: #EF3224 !important;
}

/*OPEN*/
.defect-text-graph tr:nth-child(5) td div:nth-child(1){
    background-color: #F99A1E !important;
}

.defect-text-graph tr:nth-child(5) td:nth-child(1) div:nth-child(2){
    color: #F99A1E !important;
}

.defect-text-graph tr:nth-child(5) td:nth-child(2){
    color: #F99A1E !important;
}

/*REJECTED*/
.defect-text-graph tr:nth-child(6) td div:nth-child(1){
    background-color: #9b59b6 !important;
}

.defect-text-graph tr:nth-child(6) td:nth-child(1) div:nth-child(2){
    color: #9b59b6 !important;
}

.defect-text-graph tr:nth-child(6) td:nth-child(2){
    color: #9b59b6 !important;
}

/*REOPEN*/
.defect-text-graph tr:nth-child(7) td div:nth-child(1){
    background-color: #3D5EAD !important;
}

.defect-text-graph tr:nth-child(7) td:nth-child(1) div:nth-child(2){
    color: #3D5EAD !important;
}

.defect-text-graph tr:nth-child(7) td:nth-child(2){
    color: #3D5EAD !important;
}

/*SIGNED OFF*/
.defect-text-graph tr:nth-child(8) td div:nth-child(1){
    background-color: #000000 !important;
}

.defect-text-graph tr:nth-child(8) td:nth-child(1) div:nth-child(2){
    color: #000000 !important;
}

.defect-text-graph tr:nth-child(8) td:nth-child(2){
    color: #000000 !important;
}

/*DEFECT SUMMARY PIE CHART*/

#DefectSummary_datalabel_Series_0 text{
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
}

#DefectSummary_centerLabel tspan{
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

/*CLOSED*/
#DefectSummary_Series_0_Point_0{
    fill: #8C8C8C;
    stroke: white;
    stroke-width: 5px;
}
#DefectSummary_datalabel_Series_0_connector_0{
    stroke-width: 2px;
    stroke: #8C8C8C;
}

/*DEFFERED*/
#DefectSummary_Series_0_Point_1{
    fill: #FABC18;
    stroke: white;
    stroke-width: 5px;
}
#DefectSummary_datalabel_Series_0_connector_1{
    stroke-width: 2px;
    stroke: #FABC18;
}

/*FIXED*/
#DefectSummary_Series_0_Point_2{
    fill: #62B146;
    stroke: white;
    stroke-width: 5px;
}
#DefectSummary_datalabel_Series_0_connector_2{
    stroke-width: 2px;
    stroke: #62B146;
}

/*NEW*/
#DefectSummary_Series_0_Point_3{
    fill: #EF3224;
    stroke: white;
    stroke-width: 5px;
}
#DefectSummary_datalabel_Series_0_connector_3{
    stroke-width: 2px;
    stroke: #EF3224;
}

/*OPEN*/
#DefectSummary_Series_0_Point_4{
    fill: #F99A1E;
    stroke: white;
    stroke-width: 5px;
}
#DefectSummary_datalabel_Series_0_connector_4{
    stroke-width: 2px;
    stroke: #F99A1E;
}

/*REJECTED*/
#DefectSummary_Series_0_Point_5{
    fill: #9b59b6;
    stroke: white;
    stroke-width: 5px;
}
#DefectSummary_datalabel_Series_0_connector_5{
    stroke-width: 2px;
    stroke: #9b59b6;
}

/*REOPEN*/
#DefectSummary_Series_0_Point_6{
    fill: #3D5EAD;
    stroke: white;
    stroke-width: 5px;
}
#DefectSummary_datalabel_Series_0_connector_6{
    stroke-width: 2px;
    stroke: #3D5EAD;
}

/*SIGNED OFF*/
#DefectSummary_Series_0_Point_7{
    fill: #000000;
    stroke: white;
    stroke-width: 5px;
}
#DefectSummary_datalabel_Series_0_connector_7{
    stroke-width: 2px;
    stroke: #000000;
}

/*DEFECT STATUS BY SEVERITY*/

#DefectStatusBySeverity_ChartTitle{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    fill: black;
}

#DefectStatusBySeverity_AxisTitle_1, #DefectStatusBySeverity_AxisTitle_0{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}

#DefectStatusBySeverityAxisLabels0 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    fill: #4D4D4D;
}

#DefectStatusBySeverityAxisLabels1 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: #4D4D4D;
}

#DefectStatusBySeverity_chart_legend_translate_g text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}

/*DEFECT TYPE BY SEVERITY*/

#DefectTypeBySeverity_ChartTitle{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    fill: black;
}

#DefectTypeBySeverity_AxisTitle_0, #DefectTypeBySeverity_AxisTitle_1{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    fill: black;
}

#DefectTypeBySeverityAxisLabels0 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    fill: #4D4D4D;
}

#DefectTypeBySeverityAxisLabels1 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: #4D4D4D;
}

#DefectTypeBySeverity_chart_legend_translate_g text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}


/*DEFECT BY ENVIRONMENT*/

#DefectSeverityByENV_ChartTitle{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    fill: black;
}

#DefectSeverityByENV_AxisTitle_1, #DefectSeverityByENV_AxisTitle_0{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    fill: black;
}

#DefectSeverityByENVAxisLabels0 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    fill: #4D4D4D;
}

#DefectSeverityByENVAxisLabels1 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: #4D4D4D;
}

#DefectSeverityByENV_chart_legend_translate_g text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}

#DefectSeverityByENVDataLabelCollection text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    fill: #4D4D4D;
}

/*DEFECT BY SEVERITY PIE CHART*/

#DefectBySeverityDN_datalabel_Series_0 text{
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
}

#DefectBySeverityDN_centerLabel tspan{
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

/*HIGH*/
#DefectBySeverityDN_Series_0_Point_0{
    fill: #8B0000;
    stroke: white;
    stroke-width: 5px;
}
#DefectBySeverityDN_Series_0_connector_0{
    stroke-width: 2px;
    stroke: #8B0000;
}

/*LOW*/
#DefectBySeverityDN_Series_0_Point_1{
    fill: #90EE90;
    stroke: white;
    stroke-width: 5px;
}
#DefectBySeverityDN_Series_0_connector_1{
    stroke-width: 2px;
    stroke: #90EE90;
}

/*MEDIUM*/
#DefectBySeverityDN_Series_0_Point_2{
    fill: #FFA500;
    stroke: white;
    stroke-width: 5px;
}
#DefectBySeverityDN_Series_0_connector_2{
    stroke-width: 2px;
    stroke: #FFA500;
}

/*DEFECT PER SEVERITY GROUPED BY STATUS*/

#DefectSeverityByStatus_ChartTitle{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    fill: black;
}

#DefectSeverityByStatus_AxisTitle_1, #DefectSeverityByStatus_AxisTitle_0{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    fill: black;
}

#DefectSeverityByStatusAxisLabels0 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    fill: #4D4D4D;
}

#DefectSeverityByStatusAxisLabels1 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: #4D4D4D;
}

#DefectSeverityByStatus_chart_legend_translate_g text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}


/*DEFECT PER SEVERITY GROUPED BY EPIC*/

#DefectSeverityByEpic_ChartTitle{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    fill: black;
}

#DefectSeverityByEpic_AxisTitle_1, #DefectSeverityByEpic_AxisTitle_0{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    fill: black;
}

#DefectSeverityByEpicAxisLabels0 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    fill: #4D4D4D;
}

#DefectSeverityByEpicAxisLabels1 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: #4D4D4D;
}

#DefectSeverityByEpic_chart_legend_translate_g text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}


/*DEFECT RESOLUTION TIME*/

#DefectSeverityFixByMonths_ChartTitle{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    fill: black;
}

#DefectSeverityFixByMonths_AxisTitle_1, #DefectSeverityFixByMonths_AxisTitle_0{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    fill: black;
}

#DefectSeverityFixByMonthsAxisLabels0 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    fill: #4D4D4D;
}

#DefectSeverityFixByMonthsAxisLabels1 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: #4D4D4D;
}

#DefectSeverityFixByMonths_chart_legend_translate_g text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}

/*DEFECT PER SEVERITY GROUPED BY PLATFORM*/

#DefectSeverityByPF_ChartTitle{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    fill: black;
}

#DefectSeverityByPF_AxisTitle_1, #DefectSeverityByPF_AxisTitle_0{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    fill: black;
}

#DefectSeverityByPFAxisLabels0 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    fill: #4D4D4D;
}

#DefectSeverityByPFAxisLabels1 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: #4D4D4D;
}

#DefectSeverityByPF_chart_legend_translate_g text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}

/*TECHNOTEST TEST MANAGEMENT TECHNOTEST TEST MANAGEMENT TECHNOTEST TEST MANAGEMENT*/

/*SPRINT PROGRESS PIE CHART*/

#SprintProgress_datalabel_Series_0 text{
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
}

#SprintProgress_centerLabel tspan{
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

/*NOT REVIEWED*/
#SprintProgress_Series_0_Point_0{
    fill: #780000;
    stroke: white;
    stroke-width: 5px;
}
#SprintProgress_datalabel_Series_0_connector_0{
    stroke-width: 2px;
    stroke: #780000;
}

/*SIGNED OFF + REJECTED*/
#SprintProgress_Series_0_Point_1{
    fill: #9D0910;
    stroke: white;
    stroke-width: 5px;
}
#SprintProgress_datalabel_Series_0_connector_1{
    stroke-width: 2px;
    stroke: #9D0910;
}

/*OPEN + REOPEN + NEW*/
#SprintProgress_Series_0_Point_2{
    fill: #C1121F;
    stroke: white;
    stroke-width: 5px;
}
#SprintProgress_datalabel_Series_0_connector_2{
    stroke-width: 2px;
    stroke: #C1121F;
}

/*TEST REPOSITORY*/
#SprintProgress_Series_0_Point_3{
    fill: #DF817A;
    stroke: white;
    stroke-width: 5px;
}
#SprintProgress_datalabel_Series_0_connector_3{
    stroke-width: 2px;
    stroke: #DF817A;
}

/*NO RUN*/
#SprintProgress_Series_0_Point_4{
    fill: #FDF0D5;
    stroke: white;
    stroke-width: 5px;
}
#SprintProgress_datalabel_Series_0_connector_4{
    stroke-width: 2px;
    stroke: #FDF0D5;
}

/*CLOSED*/
#SprintProgress_Series_0_Point_5{
    fill: #7F908F;
    stroke: white;
    stroke-width: 5px;
}
#SprintProgress_datalabel_Series_0_connector_5{
    stroke-width: 2px;
    stroke: #7F908F;
}

/*MONITOR + DIFERRED*/
#SprintProgress_Series_0_Point_6{
    fill: #003049;
    stroke: white;
    stroke-width: 5px;
}
#SprintProgress_datalabel_Series_0_connector_6{
    stroke-width: 2px;
    stroke: #003049;
}

/*REVIEWED*/
#SprintProgress_Series_0_Point_7{
    fill: #336683;
    stroke: white;
    stroke-width: 5px;
}
#SprintProgress_datalabel_Series_0_connector_7{
    stroke-width: 2px;
    stroke: #336683;
}

/*FIXED*/
#SprintProgress_Series_0_Point_8{
    fill: #669BBC;
    stroke: white;
    stroke-width: 5px;
}
#SprintProgress_datalabel_Series_0_connector_8{
    stroke-width: 2px;
    stroke: #669BBC;
}

/*TEST REQUIREMENTS BY FEATURE*/

#FeatureCondition_ChartTitle{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    fill: black;
}

#FeatureCondition_AxisTitle_1, #FeatureCondition_AxisTitle_0{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}

#FeatureConditionAxisLabels0 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    fill: #4D4D4D;
}

#FeatureConditionAxisLabels1 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: #4D4D4D;
}

#FeatureCondition_chart_legend_translate_g text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}


/*TEST REPOSITORY*/

#TestRunCoverage_ChartTitle{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    fill: black;
}

#TestRunCoverage_AxisTitle_1, #TestRunCoverage_AxisTitle_0{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}

#TestRunCoverageAxisLabels0 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    fill: #4D4D4D;
}

#TestRunCoverageAxisLabels1 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: #4D4D4D;
}

#TestRunCoverage_chart_legend_translate_g text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}


/*TECHNODEVOPS EXECUTE PIPELINE TECHNODEVOPS EXECUTE PIPELINE TECHNODEVOPS EXECUTE PIPELINE TECHNODEVOPS EXECUTE PIPELINE TECHNODEVOPS EXECUTE PIPELINE TECHNODEVOPS EXECUTE PIPELINE*/

/*PIPELINE HEALTH*/

#pipelineHealthchart_ChartTitle{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    fill: black;
}

#pipelineHealthchart_AxisTitle_1, #pipelineHealthchart_AxisTitle_0{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}

#pipelineHealthchartAxisLabels0 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    fill: #4D4D4D;
}

#pipelineHealthchartAxisLabels1 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: #4D4D4D;
}

#pipelineHealthchart_chart_legend_translate_g text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}

/*TEST EXECUTION PER STATUS*/

#pipelineTestExecutionChart_ChartTitle{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    fill: black;
}

#pipelineTestExecutionChart_AxisTitle_1, #pipelineTestExecutionChart_AxisTitle_0{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}

#pipelineTestExecutionChartAxisLabels0 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    fill: #4D4D4D;
}

#pipelineTestExecutionChartAxisLabels1 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: #4D4D4D;
}

#pipelineTestExecutionChart_chart_legend_translate_g text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}



/*PIPELINE EXECUTION PER STATUS*/

#pipelineExecutionStatusChart_ChartTitle{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    fill: black;
}

#pipelineExecutionStatusChart_AxisTitle_1, #pipelineExecutionStatusChart_AxisTitle_0{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}

#pipelineExecutionStatusChartAxisLabels0 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    fill: #4D4D4D;
}

#pipelineExecutionStatusChartAxisLabels1 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: #4D4D4D;
}

#pipelineExecutionStatusChart_chart_legend_translate_g text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}


/*TEST EXECUTION PER PLATFORM*/

#testExecutionPlatformChart_ChartTitle{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    fill: black;
}

#testExecutionPlatformChart_AxisTitle_1, #testExecutionPlatformChart_AxisTitle_0{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}

#testExecutionPlatformChartAxisLabels0 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    fill: #4D4D4D;
}

#testExecutionPlatformChartAxisLabels1 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: #4D4D4D;
}

#testExecutionPlatformChart_chart_legend_translate_g text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}


/*PIPELINE EXECUTIONS PER EPIC*/

#testExecutionFeaturechart_ChartTitle{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    fill: black;
}

#testExecutionFeaturechart_AxisTitle_1, #testExecutionFeaturechart_AxisTitle_0{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}

#testExecutionFeaturechartAxisLabels0 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    fill: #4D4D4D;
}

#testExecutionFeaturechartAxisLabels1 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: #4D4D4D;
}

#testExecutionFeaturechart_chart_legend_translate_g text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}



/*TEST RESULTS TREND*/

#pipelineTestResultsTrendchart_ChartTitle{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    fill: black;
}

#pipelineTestResultsTrendchart_AxisTitle_1, #pipelineTestResultsTrendchart_AxisTitle_0{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}

#pipelineTestResultsTrendchartAxisLabels0 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    fill: #4D4D4D;
}

#pipelineTestResultsTrendchartAxisLabels1 text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: #4D4D4D;
}

#pipelineTestResultsTrendchart_chart_legend_translate_g text{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 13px;
    fill: black;
}

/* START TECHNO-PRODUCT INSIGHT GRAPH VERTICAL CAROUSELL*/

/* Main carousel wrapper */
.vertical-carousel {
    height: 535px;
    overflow-y: auto;
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 5px;
    position: relative;
    background: #f8f9fa;
    border-radius: 20px;
}

.vertical-carousel::-webkit-scrollbar {
    display: none;
}

/* Enhanced graph container styling */
.vertical-carousel .graph-container-full {
    height: 535px;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    max-width: 100%;
    width: 100%;
    padding: 24px;

    /* Enhanced shadow and border styling */
    box-shadow:
        0 4px 6px rgba(0, 0, 0, 0.02),
        0 1px 3px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 20px;

    /* Improved spacing */
    margin: 12px 0;

    /* Card layout */
    display: flex;
    flex-direction: column;

    /* Clean background */
    background: white;

    /* Smooth transitions */
    transition: all 0.3s ease;

    /* Better content fitting */
    box-sizing: border-box;

    /* Improve text rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Hover effect for cards */
.vertical-carousel .graph-container-full:hover {
    transform: translateY(-2px);
    box-shadow:
        0 12px 20px rgba(0, 0, 0, 0.04),
        0 4px 8px rgba(0, 0, 0, 0.06);
    border-color: rgba(226, 232, 240, 1);
}

/* Active card styling */
.vertical-carousel .graph-container-full:focus-within {
    box-shadow:
        0 12px 20px rgba(0, 0, 0, 0.04),
        0 4px 8px rgba(0, 0, 0, 0.06),
        0 0 0 3px rgba(66, 153, 225, 0.15);
    border-color: #63B3ED;
}

/* Graph content styling */
.vertical-carousel .graph {
    font-family: 'Poppins', sans-serif;
    margin-top: 5px;
    height: calc(100% - 5px);
    width: 100%;
    position: relative;
}

/* Optional: Add subtle header styling if present */
.vertical-carousel .graph-container-full h2,
.vertical-carousel .graph-container-full h3 {
    color: #2D3748;
    margin: 0 0 16px 0;
    font-weight: 600;
    font-size: 1.25rem;
}

/* Improved responsive styling */
@media (max-width: 768px) {
    .vertical-carousel {
        padding: 10px;
    }

    .vertical-carousel .graph-container-full {
        padding: 16px;
        margin: 8px 0;
    }
}

/* Add visual separator between slides */
.vertical-carousel .graph-container-full:not(:last-child)::after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 4px;
    border-radius: 2px;
    background: #E2E8F0;
}

/* Optional: Add slide indicators */
.carousel-indicators {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 10;
}

.indicator {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #CBD5E0;
    transition: all 0.3s ease;
}

.indicator.active {
    background: #4299E1;
    transform: scale(1.3);
}

/* END TECHNO-PRODUCT INSIGHT GRAPH VERTICAL CAROUSELL*/

//Collaboration Card
.collaboration_view_all_btn{
    background-color: #1868DB !important;
    color: white;
    width: 80px;
    height: 32px;
    font-family: "Poppins", sans-serif !important;
    font-weight: bold;
    justify-content: center;
    padding: 0;
    font-size: 14px;
    border: none;
}

.collaboration_text_container{
    gap: 5px;
    margin-bottom: 20px;
    font-size: 1.2rem;
}

.collaboration_upcoming_task_rows{
    border-radius: 20px;
    padding: 10px 15px;
    margin-bottom: 3px;
    font-size: 1rem;
}