.content-box { 
    background: #fff;
}

.content-body {
    background-color: #fff;
    box-shadow: unset !important; 
    padding: 25px;
}

/*.delete {
    text-decoration: line-through;
    color: red;
}*/
.radio-btn,
.tm-footer {
    display:none;
}
.radio-btn + label{
    border: 2px solid #085391;
    padding: 5px 10px;
    color: #085391;
}
.radio-btn:nth-child(3) + label {
    margin-left: -2px;
}
.radio-btn:checked + label{
    background:#085391;
    color:#fff;
}

.dataTables_wrapper {
    font-size: 14px !important; 
}
thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background-position: center left !important; 
}
table.dataTable th, table.dataTable td {
    text-align: left;
}
#serviceTab {
    font-size: 14px;
}

.uk-panel-box {
    padding: 15px;
    background: unset !important;
    color: #444;
    border: none !important;
}

#instruction { 
    float:right;
    font-size:20px;
}


.uk-navbar-container.my-navbar-container:not(.uk-navbar-transparent) {
    background: #fff;
    padding-right:20px;
}


.my-box-shadow-small-primary {
    box-shadow: unset !important; 
}

a.homepage { 
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #003873;

}
a.homepage:after {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    margin-left: 4px;
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 2.00049C19.7956 2.00049 20.5587 2.31656 21.1213 2.87917C21.6839 3.44178 22 4.20484 22 5.00049V19.0005C22 19.7961 21.6839 20.5592 21.1213 21.1218C20.5587 21.6844 19.7956 22.0005 19 22.0005H5C4.20435 22.0005 3.44129 21.6844 2.87868 21.1218C2.31607 20.5592 2 19.7961 2 19.0005V5.00049C2 4.20484 2.31607 3.44178 2.87868 2.87917C3.44129 2.31656 4.20435 2.00049 5 2.00049H19ZM11.613 8.21049C11.4206 8.06124 11.1803 7.98732 10.9373 8.0026C10.6943 8.01788 10.4652 8.12131 10.293 8.29349L10.21 8.38749C10.0607 8.57989 9.98683 8.82014 10.0021 9.06317C10.0174 9.3062 10.1208 9.5353 10.293 9.70749L12.585 12.0005L10.293 14.2935L10.21 14.3875C10.0546 14.5885 9.98151 14.8411 10.0056 15.094C10.0297 15.3469 10.1492 15.5812 10.3397 15.7492C10.5303 15.9173 10.7777 16.0065 11.0316 15.9987C11.2856 15.991 11.527 15.8868 11.707 15.7075L14.707 12.7075L14.79 12.6135C14.9393 12.4211 15.0132 12.1808 14.9979 11.9378C14.9826 11.6948 14.8792 11.4657 14.707 11.2935L11.707 8.29349L11.613 8.21049Z" fill="%23003873"/></svg>');
}

.tm-footer {
    margin-top:0px !important; 
    background: #fff;
}


.radioAi-label, input[name^="radioOther1-"] + label {
    max-width: 100% !important;
    width: 100% !important;
}

@media only screen and (max-width: 767px) {

    /* Force table to not be like tables anymore */
    .no-more-table table, 
    .no-more-table thead, 
    .no-more-table tbody, 
    .no-more-table th, 
    .no-more-table td, 
    .no-more-table tr { 
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .no-more-table thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .no-more-table tr { border: 1px solid #ccc; }

    .no-more-table td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 30% !important; 
        white-space: normal;
        text-align:left;
    }

    .no-more-table td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    .no-more-table td:before { content: attr(data-title); }

    .no-more-table tfoot td:empty {
        display:none;
    }

    .dataTables_wrapper .dataTables_filter {
        margin-bottom: 1em;
    }
}


/* NEW CART CSS */

.mobile-menu { display:none; }
.product { 
    background:#f2f5f7;
    border-radius:20px;
    padding:20px;
    max-width:695px;
    width:100%;
    margin-bottom:20px;
    position:relative;
}
.courses h2, .cart h2 { 
    font-family: Montserrat;
    font-size: 21px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.01em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0A141D;
    margin-top:0px;
}
.courseProductWrapper {
    background-color: #FFF;
    border: 0.5px solid #0081FF;
    border-radius: 10px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}
.coursedeleteicon {
    width: 21px !important;
    height: 21px !important;
    font-size: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #003977 !important;
    color: #FFF !important;
    cursor: pointer !important;
    position: unset !important;
    rotate: none !important;
}
.courseHeading {
    color: #0081FF !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-bottom: 0;
}
.priceHeading-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.coursePrice {
    color: #d90000;
    width: fit-content;
    background-color: #E6F7FF;
    padding: 17px 20px;
    border-radius: 6px;
}
.assign-seats {
    color: #0081FF;
    font-weight: 600;
    font-size: 10px !important;
}
.titles { 
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #5A6774;

}

.buy-for { 
    font-family: Montserrat;
    font-size: 11px;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0A141D;

}

.buy-for { 
    font-family: Montserrat;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0A141D;

}

.help { 
    float: right;
    padding-right: 10px;
}
.sp-quantity {
    width:144px;
    height:48px;
    font-family:Montserrat;
    border: #D7DEE2 1px solid;
    background: #fff;
    border-radius: 8px;
    margin-top:5px;
}
.sp-minus {
    width:33%;
    height:48px;
    float:left;
    text-align:center;
    display: flex;
}
.sp-input {
    width:33%;
    height:48px;
    float:left;
}
.sp-plus {
    width:33%;
    height:48px;
    float:left;
    text-align:center;
    display: flex;
}
.sp-input input {
    width:100%;
    height:45px !important;
    text-align:center;
    font-family:Montserrat;
    border: none !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    color: #0A141D;
}
.sp-minus a, .sp-plus a {
    display: block;
    width: 100%;
    height: 33px;
    padding-top: 13px;
    font-size:20px;
    text-decoration: none;
}

.sp-minus a{
    color: #5A6774;
} 

.sp-plus a {
    color: #5A6774;
}


.switch-field {
    display: inline-block;
    margin-bottom: 36px;
    overflow: hidden;
    max-width: 399px;
    width:100%;
    height: 42px;
    background: #fff;
    border: 1px solid #D7DEE2;
    border-radius: 8px;
    gap: 8px;
    padding: 4px;
    margin-top:5px;
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
    transition: all 0.1s ease-in-out;
    background-color: #fff;
    box-shadow: none;
    padding-top: 9px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #1E2730;
    font-family: 'Montserrat';
    max-width: 195px;
    width: 50%;
    height: 33px;
    vertical-align: middle;
    display: inline-block;
}

.se .switch-field input:checked + label, .me .switch-field input:checked + label {
    transition: all 0.1s ease-in-out;
    background-color: #003873;
    box-shadow: none;
    padding-top: 9px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-family: 'Montserrat';
    max-width: 399px;
    width: 100%;
    height: 33px;
    vertical-align: middle;
    display: inline-block;
}

.switch-field label:hover {
    cursor: pointer;
}

.switch-field input:checked + label {
    background-color: #003873;
    box-shadow: none;
    padding-top: 9px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-family: 'Montserrat';
    max-width: 195px;
    width: 50%;
    height: 33px;
    vertical-align: middle;
    display: inline-block;
}

/* .product-header {
  padding: 10px 0;
} */

.productCard-wrapper {
    padding-left: 40px;
    background-color: #FFFFFF;
    border: 0.5px solid #0081FF;
    border-radius: 10px !important;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}
.renewal_heading {
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.85);
    margin-bottom: 10px;
}
.product-name {
    color: #0081FF;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.product-price {
    background-color: #E6F7FF;      /* thicker gray */
    color: #d90000;                 /* red text */
    /* font-size: 1.2rem; */
    font-weight: bold;
    padding: 17px 30px;              /* thicker padding for label feel */
    border-radius: 6px;             /* rounded corners */
    display: inline-block;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); /* subtle shadow */
}

/* selected package block */
.package-line {
    font-size: 12px;
    font-weight: 400;
    color: #000000;
}
.packageName {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.85);
}
.packageName input {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
.close-btn {
    width: 21px;
    height: 21px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #003977;
    color: #FFF;
    cursor: pointer;
}
.close-btn:hover {
    background-color: #003977;
    color: #FFF;
}

.switch-field label:first-of-type {
    border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
    border-radius: 0 4px 4px 0;
}

.price { 
    white-space: nowrap;
    /* margin-top:15px; */
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 400;
    /* line-height: 32px; */
    text-align: right;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}

.tooltip {
    float:right;
    display: inline-block;
    padding-right:15px;

}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: #fff;
    color: #000;
    text-align: left;
    border-radius: 6px;
    padding: 10px;
    border: 1px solid #000; 
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.cart { 
    padding:20px 24px;
    border:1px solid #f2F5F7;
    border-radius: 20px;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-align: left;

}

.uk-width-medium-1-2 { position: relative; }
.tr { text-align: right; }
.mt {margin-top: 20px; }
.pl { padding-left:0px;}

.cart .label {
    font-family: Montserrat;
    font-size: 13.5px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    position: relative;
    bottom: 0px;
}

.cart .price {
    font-family: Montserrat;
    font-size: 21px;
    font-weight: 400;
    line-height: 32px;
    text-align: right;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.pcode, .pcode-mobile { 
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 25px;
    padding: 5px;
    width: 195px;
    margin-right: 10px;
}

.pcbtn { 
    height: 33px;
    color: #fff;
    font-weight: 700;
    background-color: #003873;
}

.pcodeButton {
    align-items: center;
}

.savings-text {
    font-family: Montserrat;
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0%;
    vertical-align: middle;	
}

.checkout { 
    width: 100%;
    /* height:56px; */
    padding: 16px 16px 16px 28px;
    gap: 8px;
    border-radius: 8px;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color:#fff;
    margin-top:25px;
    background: #F54F45;
    text-align:center;
    border:none;
    cursor: pointer;
}

.shopping {
    padding: 16px 16px 16px 28px;
    gap: 8px;
    border-radius: 8px;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color:#1F2730;
    margin-top:15px;
    background: #F2F5F7;
    text-align:center;
    border:none;
    cursor: pointer;
    display: block;
    text-decoration: none !important;
    width: auto;
}

.shopping:hover {
    color: #1F2730;
}

.delete { 
    background: #fff;
    border-radius: 50%;
    /*padding: 6px 4px 5px 4px;*/
    position: absolute;
    right: -8px;
    top: -8px;
    border: 1px solid #D7DEE2;
    font-size: 30px;
    color: #1F2730;
    rotate: 45deg;
    cursor: pointer;
    /*line-height: 15px;*/ 
    height: 31px;
    width: 31px;
}

span.delete:after,
span.delete-mobile:after{
    content: "+";
    font-size: 33px;
    position: absolute;
    top: 5px;
    left: 4px;
    padding-left: 2px;
    padding-top: 1px;
}

.delete-mobile { display:none;}

.class-blue { 
    color: #003873;
    font-size: 20px;
}

.uk-accordion-title {
    margin-top: 0;
    margin-bottom: 15px;
    padding: 5px 15px;
    background: #fff;
    font-size: 18px;
    line-height: 24px;
    cursor: pointer;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    height:20px;
}
.uk-accordion-title .title {
    float:left;
    padding-top:5px;
}
.uk-accordion-title .title sup {	
    top: -.2em;
    font-size: 22px;
}
.uk-accordion-title .total {
    float:right;
}
.ai_qty { 
    height: 44px !important;
    width: 142px !important;
    margin-top: 8px !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    text-align: center !important;
    color: #0A141D !important;
    border: #D7DEE2 1px solid !important;
    border-radius: 8px !important;
}
@media (min-width: 768px){
    .show-for-mobile {
        display: none;
    }
}
@media only screen and (max-width: 600px) {
    .cart { display:none;}
    .mobile-menu{ 
        position:fixed;
        bottom:0px;
        display:block;

        background:#fff;
        border-top:1px solid #D7DEE2 !important;
        max-width: 600px;
        width: 100%;
        left: 0px;
        z-index: 1;
    }
    .product{ 
        background: unset; 
        border-bottom: 1px solid #D7DEE2;
        border-radius: 0px;

    }

    .tooltip { display:none; }
    .uk-width-medium-4-6 { margin-top:20px; }
    .delete { display:none; }

    .titles{
        float:left;
        width:90%; 
    }
    .sp-quantity {
        float:left;
    }
    .delete-mobile { 
        display:block;
        /*        background: #fff;
                border-radius: 50%;
                padding: 6px 4px 5px 4px;
                border: 1px solid #D7DEE2;
                font-size: 30px;
                color: #1F2730;
                float:left;
                margin:13px;*/
    }

    .checkout { 
        width: 100%;
        /*height:56px;*/
        padding: 10px;
        gap: 8px;
        border-radius: 30px;
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 700;
        line-height: 24px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color:#fff;
        margin-top:15px;
        background: #F54F45;
        text-align:center;
        border:none;
        position: relative;
        right: -12px;
        float: right;
    }

    .shopping {
        padding: 10px;
        gap: 8px;
        border-radius: 30px;
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 700;
        line-height: 24px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color:#1F2730;
        margin-top:15px;
        background: #F2F5F7;
        text-align:center;
        border:none;
        position: relative;
        left: -12px;
        float: left;
        cursor: pointer;
        display: block;
        text-decoration: none !important;
        width: auto;
    }

    .ll { 
        width:45%; 
        float:left; 
        text-align:left;
        clear:both;

    }

    .ll .label { font-size: 14px; line-height:32px }
    .pr { 
        width:45%; 
        float:right; 
        text-align:right;

    }
    .pr .price { font-size: 14px; }

    .switch-field label {
        transition: all 0.1s ease-in-out;
        background-color: #fff;
        box-shadow: none;
        padding-top: 9px;
        border-radius: 4px;
        font-weight: 700;
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        color: #1E2730;
        font-family: 'Montserrat';
        max-width: 195px;
        width: 50%;
        height: 33px;
        vertical-align: middle;
        display: inline-block;
    }

    .se .switch-field input:checked + label, .me .switch-field input:checked + label {
        transition: all 0.1s ease-in-out;
        background-color: #003873;
        box-shadow: none;
        padding-top: 9px;
        border-radius: 4px;
        font-weight: 700;
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        color: #fff;
        font-family: 'Montserrat';
        max-width: 399px;
        width: 100%;
        height: 33px;
        vertical-align: middle;
        display: inline-block;
    }

    .switch-field label:hover {
        cursor: pointer;
    }

    .switch-field input:checked + label {
        background-color: #003873;
        box-shadow: none;
        padding-top: 9px;
        border-radius: 4px;
        font-weight: 700;
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        color: #fff;
        font-family: 'Montserrat';
        max-width: 195px;
        width: 50%;
        height: 33px;
        vertical-align: middle;
        display: inline-block;
    }


}
.promo-alert { 
    display: inline-block;
    font-size: 12px;
    color: #F54F45;
    font-weight: 700;
}
.promo-input-wrapper {
    display: flex;
    align-items: center;
}
.promo-alert-wrapper {
    display: block;
    margin-top: 6px;
}
.promo-code-applied {
    color: #4c8100;
}
.tm-header .uk-sticky-init {
    background: #fff;
}
.uk-navbar-container:not(.uk-navbar-transparent) {
    background: #fff;
    max-width: 1216px;
    margin: 0 auto;
}
.lms-sub-link{
    display: flex;
    justify-content: end;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    max-width: 1216px;
    margin: 0px auto;
    padding: 30px 0;
}
.lms-sub-link a {
    color: #003873;
    text-decoration: none;
    cursor: pointer;
}
.homepage-icon {
    color: #fff;
    background: #003873;
    padding: 5px 6px 4px 8px;
    border-radius: 5px;
    margin-right: 15px;
    cursor: pointer;
}

.courses .quntity-input.ai_qty {
    width: 144px;
    height: 48px;
    font-family: Montserrat;
    border: #D7DEE2 1px solid;
    background: #fff;
    border-radius: 8px;
    margin-top: 5px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.uk-icon-shopping-cart { 
    color: grey !important;
}

.vip-price {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0%;
    color: #0081FF;
}

@media (max-width:767px){
    .tooltip .tooltiptext {
        right: 30px;
    }
}
@media (min-width: 320px){
    .checkout,
    .shopping {
        font-size: 12px;
    }
}

.uk-accordion {
    border: unset; 
}

.emptyCart {
    position: absolute;
    top: 30%;left: 35%;
    transform: translate(-50%, -50%);
    padding: 5px;
    background-color: white;
    font-family: Montserrat;
    font-size: x-large;
    font-weight: bold;
}
.cart-icon {
    width: 150px;
    height: auto;
    position: absolute;
    top: 70%;left: 35%;
}

.cart .uk-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cart .mt {
    margin-top: 0 !important;
}

.cart .label,
.cart .total-price {
    display: flex;
    align-items: center;
    line-height: 24px !important;
}