.table-section{
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    margin: 0 auto 0 auto;
    box-sizing: border-box;
}

.table-section-addition-points-container {
    margin-top: 16px;
    border-bottom: 1px solid #d9d9d9;
}

.table-section-table-td-span--delivery-point-star {
    position: relative;
    height: 0px;
    font-size: 24px;
    color: #3b4153;
    display: flex;
    width: 100%;
    justify-content: flex-end;
    top: 5px;
    right: 5px;
}

.table-section-table-td-span--delivery-point-additions-container-star {
    color: #3b4153 !important;
    font-size: 20px !important;
}

.table-section-addition-points-container .table-section-table-td-span--delivery-point-additions-container {
    font-size: 12px !important;
    line-height: 14px !important;
}

.table-section-description {
    border-left: 1px solid #3B4153;
    padding: 0px 20px;
    margin-top: 16px;
    text-align: justify;
    font-family: Rubik;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0%;
    color: #3B4153;
}

.table-section-discount-tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.table-section-discount-text ul {
    list-style-position: inside;
    padding: 0px;
    margin: 0px;
}
.table-section-discount-text li {
    padding: 0px;
    margin-left: 10px;
}
.table-section-discount-description {
    display: flex;
    width: 100%;
    justify-self: center;
    flex-flow: row;
    gap: 3px;
    justify-content: center;
    align-items: center;
}

.table-section-discount-description--icon {
    display: flex;
    background: #fff;
    color: red;
    font-size: 12px;
    font-weight: 600;
    padding: 0.6px 5px;
    text-align: center;
    justify-content: center;
    border-radius: 1px;
}
.table-section-discount-description--text {
    display: flex;
    flex: 1;
}

.table-section-discount-tooltip .table-section-discount-text {
    width: 220px;
    background-color: #2575A6;
    color: #fff;
    text-align: left;
    border-radius:6px;
    padding: 5px 8px;
    position: absolute;
    z-index: 100;
    bottom: -1%;
    left: -229px;
    opacity: 0;
    transition:opacity 0.3s;
    display: none;
    flex-flow:column;
    font-family: Rubik;
    font-size: 10px;
    font-weight: 400;
    gap: 10px;
}
.table-section-discount-tooltip:hover .table-section-discount-text {
    display: flex;
    opacity: 1;
}

.table-section-table {
    overflow: auto;
}

.table-section-table table {
    width: 100%;
}

.table-section-table .first-column {
    position: sticky;
    left: 0;
    z-index: 2;
}

.table-section-table tr {
    font-family: Rubik;
    color: #3B4153;
    font-size: 16px;
}
.table-section-table th{
    border: none;
    border-radius: 4px;
    background:#E0E0E0;
    padding: 0px;
    font-weight: 400;
}
.table-section-table-th--main {
    min-width: 100px;
    display: flex;
    flex-flow: column;
    padding: 10px;
    row-gap: 5px;
}

.table-section-table-th--title {
    width: 100%;
}

.table-section-table-th--description {
    width: 100%;
    font-size: 10px;
    line-height: 10px;                
}

.table-section-table td{
    border: 1px solid #BEBEBE;
    border-radius: 4px;
    background:#fff;                
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    padding: 0px;
    vertical-align: top;
}

.table-section-table-td-span--delivery-point {
    display: flex;
    min-height: 50px;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 8px;
    justify-content: center;
    flex-flow: column;
    gap: 13px;
    min-width: 248px;
}

.table-section-table-td-span--delivery-point-name {
    display: flex;
    flex: 1;
    align-items: center;
    font-family: Rubik;
    font-size: 16px;
    font-weight: 500;
    color: #2575A6;
    line-height: 20px;
}

.table-section-table-td-span--delivery-point-additions-container {
    display: flex;
    flex-flow: column;
    border-top: 1px solid #D9D9D9;
    font-size: 10px;
    line-height: 12px;
    padding: 6px 1px;
    color: #A3A3A3;
    
}

.table-section-table-td-span--delivery-point-additions-container ul {
    list-style-position: inside;
    padding: 0px;
    margin: 0px;
}

.table-section-table-td-span--delivery-point-additions-container li {
    font-weight: 400;
    padding: 0px;
    margin: 0px;
}

.table-section-table-td-span--delivery-point-additions-container li::marker {
    font-weight: 400;
    padding: 0px;
    margin: 0px;
}

.table-section-table-td-span--delivery-point-addition-title {
    font-weight: 500;
}

.table-section-table-td-span--delivery-point-addition-hub {
    font-weight: 500;
}

.table-section-table-td-span--delivery-point-addition-params {
    list-style-position: inside;
    padding: 4px 0 0 12px;
    margin: 0;
}

.table-section-table-td-span--delivery-point-addition-param {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}

.table-section-table-td-span{
    display: flex;
    min-height: 50px;
    width: 100%;
    box-sizing: border-box;
    padding: 14px 5px;
    justify-content: center;
}

.table-section-table-th--sub-th {
    position: relative;
}
.table-section-table-th--sub {
    min-width: 40px;
    box-sizing: border-box;
    display: flex;
    flex-flow: column;
    padding: 0px;
}
.table-section-table-th--subtitle {
    padding: 8px 5px;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
}
.table-section-table-th--subdiscount {
    width: 100%;
    display: flex;
    justify-content: end;
    height: 0px;
    position: absolute;
    top: 2px;
}
.table-section-table-th--subdiscount-icon {
    display: flex;
}

.table-section-mobile table th {
    min-width: 20%;
}

.table-section-mobile .table-section-table-th--main {
    width: 100%;
    box-sizing: border-box;
    min-width: max-content;
}

.table-section-table-th-range-mobile {
    background: transparent !important;
}
.table-section-table-th-range-mobile--div {
    display: flex;
    flex-flow: row nowrap;
    padding: 0px 15px;
    box-sizing: border-box;
    color: #fff;
    align-items: center;
    min-height: 50px;
    background: #2575A6;
    border-radius: 4px;
    margin-top: 15px;
}
.table-section-table-th-range-mobile--title {
    display: flex;
    flex: 20%;
    font-size: 16px;
    min-width: max-content;
}
.table-section-table-th-range-mobile--description {
    display: flex;
    flex: 80%;
    font-size: 12px;
    padding-left: 5px;
}

.table-section-table-th-mobile-discount-container {
    min-width: 100px;
    display: flex;
    flex-flow: column;    
    row-gap: 5px;
    position: relative;
    box-sizing: border-box;
    padding: 15px 0px 15px 10px;
}

.table-section-table-th-mobile-discount-container .table-section-table-th--subdiscount{
    left: 0px;
}

.table-section-table-th-mobile-discount-container .table-section-table-th--subdiscount-icon {
    height: 25px;
    width: 25px;
}

.table-section-table-th-mobile-discount-container .table-section-discount-tooltip .table-section-discount-text {
    bottom: -1%;
    left: -50px;
}

.table-section-table-th-mobile--title {
    width: 100%;
    text-align: left;
    padding-left: 15px;
}

@media(max-width: 680px) {
    .table-section-table .first-column {
        position: relative;
    }
}