.long-need-ellipsis{
        display: block!important;
        white-space: 'nowrap'!important;
        overflow: hidden!important;
    }

    .kpi-card-info{
        /* Card Info. */
        width: 249.49px;
        height: 46.63px;
        left: 69.51px;
        top: 286.87px;
    }

    .kpi-card-info span{
        /* Type Card */
        width: 104.95px;
        height: 20px;
        left: 69.51px;
        top: 286.87px;

        font-family: 'Inter';
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 20px;
        /* identical to box height, or 133% */

        /* Neutral Colors/400 */
        color: #9291A5;
    }

    .kpi-card-info p{
        /* Card Title */
        width: 249px;
        height: 28px;
        left: 70px;
        top: 305.5px;

        /* Headings/H4 */
        font-family: 'Inter';
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 28px;
        /* identical to box height, or 127% */

        /* Neutral Colors/Black */
        color: #1E1B39;
    }
    
    .table-responsive{
        padding-left: 20px;
        padding-right: 20px;
    }


    .drop-down-menu{
        /* dropdown */
        box-sizing: border-box;

        /* Auto layout */
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 6px 8px;
        gap: 8px;

        width: 137px;
        height: 32px;
        left: 0px;
        top: 24px;

        background: #FFFFFF;
        border: 1px solid #F0F2F4;
        border-radius: 8px;

    }
    
    .drop-down-menu{
        /* dropdown */
        box-sizing: border-box;

        /* Auto layout */
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 6px 8px;
        gap: 8px;

        width: 137px;
        height: 32px;
        left: 0px;
        top: 24px;

        background: #FFFFFF;
        border: 1px solid #F0F2F4;
        border-radius: 8px;

    }
    
    .btn-create-promotion{
        /* button */
        box-sizing: border-box!important;

        /* Auto layout */
        display: flex!important;
        flex-direction: row!important;
        align-items: center!important;
        padding-top: 10px!important;
        padding-bottom: 10px!important;
        padding-left: 8px!important;
        padding-right: 8px!important;
        gap: 8px!important;

       /* width: 169px!important;
        height: 40px!important;
        left: 1203.5px!important;
        top: 296px!important;*/

        background: #121872!important;
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.06)!important;
        border-radius: 6px!important;

        float: right!important;
    }

    .content-filter-menu{
        /* .tabs item 
        position: absolute;*/
        width: 1293px!important;
        height: 30px!important;
        left: 0px!important;
        top: 13px!important;
    }

    .content-filter-menu:active{
        /* select 
        position: absolute;*/
        padding-top:0px!important;
        left: 0%!important;
        right: 93.91%!important;
        top: 3.86%!important;
        bottom: 95.95%!important;
    }
    
    .content-filter-menu .nav-link {
        padding-left: 2px !important;
        padding-top: 2px !important;
        padding-right: 0px!important;
        font-size: small!important;
        background: none !important; /* Ensure no background by default */
    }
    
    .content-filter-menu .nav-tabs .nav-link {
        border: none; /* Remove default border */
        padding: 10px 0px!important; /* Add padding to tabs */
        background: none !important; /* Ensure no background for all tabs */
    }
    
    .content-filter-menu .nav-tabs .nav-link.active {
        border-bottom: 2px solid #121872 !important; /* Blue underline for active tab */
        background: none !important; /* No background when active */
        color:#121872 !important;
    }
    
    .content-filter-menu .nav-tabs {
        margin-bottom: 0;
    }

    .horizontal-line {
        bottom: 0!important;
        left: 0!important;
        width: 100%!important;
        border-top: 1px solid #ddd!important;
        margin-top: 4px!important;
    }

    .content-filter-menu-modal .nav-link {
        padding-left: 2px !important;
        padding-top: 0px !important;
        padding-right: 0px!important;
        font-size: small!important;
        background: none !important; /* Ensure no background by default */
    }

    .content-filter-menu-modal .nav-tabs .nav-link {
        border: none; /* Remove default border */
        padding: 10px 0px!important; /* Add padding to tabs */
        background: none !important; /* Ensure no background for all tabs */
    }

    .content-filter-menu-modal .nav-tabs .nav-link.active {
        border-bottom: 2px solid #121872 !important; /* Blue underline for active tab */
        background: none !important; /* No background when active */
        color:#121872 !important;
    }

    .horizontal-line-modal {
        bottom: 0!important;
        left: 0!important;
        width: 100%!important;
        border-top: 1px solid #ddd!important;
        margin-top: 0px!important;
    }

    .tab-content-modal{
        padding: 0rem !important;
        border-radius: 0rem !important;
    }

    .table-responsive-modal {
        padding:0rem !important;
    }

    .custom-hr{
        margin-bottom: 2px;
    }

    .table-modal{
        /* Border */

        box-sizing: border-box;
        /* Auto layout */
        display: flex!important;
        flex-direction: column!important;
        align-items: flex-start!important;
        padding: 0px 1px!important;

        /*width: 880px!important;
        height: 393px!important;
        overflow: scroll!important;*/

        border: 1px solid #E0E0E0!important;
        border-radius: 0px 0px 5px 5px!important;

        /* Inside auto layout */
        flex: none!important;
        order: 1!important;
        align-self: stretch!important;
        flex-grow: 0!important;
    }
    

    .pagination-count {
        /* Margin */
        /* Auto layout */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 1px 24px 1.88px;

        position: absolute;
        width: 93px;
        height: 22.88px;
        left: 377.29px;
        top: 18.56px;
    }

    .pagination-page {
        /* Container */

        /* Auto layout */
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;

        position: absolute;
        width: 160px;
        height: 40px;
        right: 7.68px;
        top: calc(50% - 40px/2 + 0.5px);

        border-radius: 4px;

    }
    
    .YIXGw {
            margin: 0px 138px!important;
        }

    .fxNobI{
        margin-left: 74px!important;
    }

    .filter-elements-container{
        width: 497px;
        height: 32px;
        left: 0px;
        top: 71px;
    }

    .table thead tr th{
        color:#1E1B39!important;
        font-weight: 600!important;
        font-size:14px!important;
    }
    
    .rdt_TableHeadRow{
        color:#1E1B39!important;
        font-weight: 600!important;
        font-size:14px!important;
        border-top:1px!important;
    }

    .bx {
        width: 32px!important;
        height: 32px!important; /* Ensure height is also set to maintain the aspect ratio */
    }

    .details h2{
        /* Total Products */

        font-family: 'Inter';
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 23px;
        /* or 153% */
        display: flex;
        align-items: center;

        color: #9291A5;


    }

    .card-title-header{
        /* These are existing Shopify discount that’s being displayed here */
        position: absolute!important;
        width: 1077px!important;
        height: 64px!important;
        left: 294.5px!important;
        top: 55.5px!important;
    
        /*font-family: 'SF Pro Text'!important;*/
        font-style: normal!important;
        font-weight: 400!important;
        font-size: 14px!important;
        line-height: 140%!important;
        /* or 20px */
    
        color: #9291A5!important;
    }

    .card-title-header-btn{
        width: 1077px!important;
        height: 64px!important;
        left: 294.5px!important;
    }