.chart_holder.tablediv {
    overflow-y: auto;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
#cascadetable .table-responsive{
    width: 100%;
    max-height: 730px;
    overflow-x: auto;
}
#cascadetable table thead .year-heading th {
    text-align: center;
}

#cascadetable .table tbody tr td:first-child {
    width: 10%;
}

#cascadetable table thead .year-heading th {
    text-align: center;
}

.chart_holder.tablediv thead th {
    color:  #595959 !important;
    vertical-align: top;
    text-align: right;
    font-size: clamp(1rem, 0.125vw + 0.975rem, 1.125rem);;
}

.chart_holder .table>:not(caption)>*>* {
    padding: 5px;
}

#cascadetable table tbody tr td {
    /* font-size: 10px; */
    font-size: clamp(0.875rem, 0.125vw + 0.85rem, 1rem);
    color:  #595959 !important;
vertical-align: middle;  
}

 #cascadetable img {
    max-width: 25px;
    
}

#cascadetable .table tbody tr:hover img {
    transform: scale(1.1, 1.1);
}

#cascadetable .table tbody tr:hover td:first-child{
    font-size: 16px;
    cursor: pointer;
}

#cascadetable .progresscontainer span {
    right: -5px;
}
.progresscontainer span.line {
    position: absolute;
    left: 0px;
    width: 3px;
    height: 25px;
    border-radius: 0px;
    background-color: #f2a900;
}

.progress-moved .progress-bar21 {
    width: 100%;
    background-color: #EF476F;
    background: linear-gradient(90deg, rgba(242, 169, 0, 1) 0%, rgba(0, 140, 160, 1) 35%, rgba(91, 189, 199, 1) 62%, rgba(55, 164, 176, 1) 82%, rgba(0, 140, 160, 1) 100%);
    animation: progressAnimation 2s;
}
.pg-table {
    padding-left: 0px !important;
    padding-right: 0 !important;
}

.progress-bar21 {
    height: 5px;
    border-radius: 30px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
    transition: 0.4s linear;
    transition-property: width, background-color;
}

.progress-image{
    background: transparent!important;
    transform: translateX(16px)!important;
}

td.last-flag-td{
    text-align: center!important;
    /* padding-left: 50px!important; */
}

@keyframes shake {
    0% { transform: translate(0, 0); }
    25% { transform: translate(-1.2px, 0); }
    50% { transform: translate(1.2px, 0); }
    75% { transform: translate(-1.2px, 0); }
    100% { transform: translate(1.2px, 0); }
}

.shake-animation {
    animation: shake 1.8s infinite;
}


.table>:not(:first-child) {
    border-top: 0;
}

#cascadetable table tbody tr td:not(:first-child) {
    padding-left: 0;
}

.progress2 {
    padding:0px;
    border-radius:30px;
    position: relative;
}

.progress2 {
    padding: 0px;
    border-radius: 30px;
    /* background: rgba(0, 0, 0, 0.25);  
    box-shadow   : inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08); */
    position: relative;
}
 
.progress-bar2 {
    height: 5px;
    border-radius: 30px;
    background-image:
        linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
    transition: 0.4s linear;
    transition-property: width, background-color;
}
 
.progress-moved .progress-bar2 {
    width: 100%;
    background-color: #EF476F;
    background: linear-gradient(90deg, rgba(242, 169, 0, 1) 0%, rgba(0, 140, 160, 1) 35%, rgba(91, 189, 199, 1) 62%, rgba(55, 164, 176, 1) 82%, rgba(0, 140, 160, 1) 100%);
    animation: progressAnimation 2s;
 
}
 
.progress21 {
    padding: 0px;
    border-radius: 30px;
    /* background: rgba(0, 0, 0, 0.25);  
    box-shadow   : inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08); */
    position: relative;
}
 
.progress-bar21 {
    height: 5px;
    border-radius: 30px;
    background-image:
        linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
    transition: 0.4s linear;
    transition-property: width, background-color;
}
.progress-moved .progress-bar21  {
    width: 100%;
    background-color: #EF476F;
    background: linear-gradient(90deg, rgba(242, 169, 0, 1) 0%, rgba(0, 140, 160, 1) 35%, rgba(91, 189, 199, 1) 62%, rgba(55, 164, 176, 1) 82%, rgba(0, 140, 160, 1) 100%);
    animation: progressAnimation 2s;
 
}
 
.progress23 {
 
    padding: 0px;
 
    border-radius: 30px;
 
    /* background: rgba(0, 0, 0, 0.25);  
 
    box-shadow   : inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08); */
 
    position: relative;
 
}
 
 
 
.progress-bar23 {
 
    height: 5px;
 
    border-radius: 30px;
 
    background-image:
 
        linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
 
    transition: 0.4s linear;
 
    transition-property: width, background-color;
 
}
 
 
 
.progress-moved .progress-bar23 {
 
    width: 100%;
 
    background-color: #EF476F;
 
    background: linear-gradient(90deg, rgba(0, 140, 160, 1) 0%, rgba(0, 140, 160, 1) 35%, rgba(91, 189, 199, 1) 62%, rgba(55, 164, 176, 1) 82%, rgba(0, 140, 160, 1) 100%);
 
    animation: progressAnimation 2s;
 
 
 
}

.progress-bar21.pg-table{
    position: absolute;
    /* margin-top: 10px; */
}

#cascadetable tbody, td, tfoot, th, thead, tr{
    border-color: transparent !important;
}

.progress22 {
    padding: 0px;
    border-radius: 30px;
    /* background: rgba(0, 0, 0, 0.25);  
    box-shadow   : inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08); */
    position: relative;
}
 
.progress-bar22 {
    height: 5px;
    border-radius: 30px;
    background-image:
        linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
    transition: 0.4s linear;
    transition-property: width, background-color;
}
 
.progress-moved .progress-bar22 {
    width: 83%;
    background-color: #EF476F;
    background: linear-gradient(90deg, rgba(242, 169, 0, 1) 0%, rgba(0, 140, 160, 1) 35%, rgba(91, 189, 199, 1) 62%, rgba(55, 164, 176, 1) 82%, rgba(0, 140, 160, 1) 100%);
    animation: progressAnimation 2s;
 
}
 
@keyframes progressAnimation {
    0% {
        width: 5%;
        background-color: #F9BCCA;
    }
 
    100% {
        width: 100%;
        background-color: #EF476F;
    }
}
 
@keyframes progressAnimation {
    0% {
        width: 5%;
        background-color: #F9BCCA;
    }
 
    100% {
        width: 100%;
        background-color: #EF476F;
    }
}
 
#coupgtable table thead .year-heading th,
#secondtable table thead .year-heading th,
#thirdtable table thead .year-heading th,
#quartertable table thead .year-heading th,
#surveillanceTable table thead .year-heading th,
#supportTable table thead .year-heading th,
#cascadetable table thead .year-heading th { text-align: center; }
 
#secondtable table tbody tr td:not(:first-child),
#thirdtable table tbody tr td:not(:first-child),
#quartertable table tbody tr td:not(:first-child),
#coupgtable table tbody tr td:not(:first-child),
#surveillanceTable table tbody tr td:not(:first-child),
#supportTable table tbody tr td:not(:first-child),
#cascadetable table tbody tr td:not(:first-child) {
    padding-left: 0;
}
 
.progresscontainer span {
    position: absolute;
    right: -7px;
    background-color: #008CA0;
    color: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: -10px;
}
 
.progresscontainer span.line {
    position: absolute;
    left: 0px;
    width: 3px;
    height: 25px;
    border-radius: 0px;
    background-color: #f2a900;
}

#cascadetable tbody tr:hover .progress-image 
{ 
    transform: translateX(25px) !important; 
}
  
#cascadetable tbody tr:hover td.text-right 
{ 
    font-weight: 700; 
}

.d-none { display: none;}