.training_sch li{
    list-style-type: none;
}
.training_schedule_bg {
    background: linear-gradient(90deg, #202E56 0.01%, #334989 50.03%, rgba(70, 101, 188, 0.58) 99.99%);
}
.sch-course{
    border: 1px solid rgba(0, 0, 0, 0.20);
    background: #E9EFF5;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.filters-bg-sch{
    border: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    color: #01203D;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
#enroll-bg-sch .enrol-button:hover{
    background: transparent !important;
}
#selected_course_text,.trun-sch,#selected_country_button span {
    vertical-align: middle;
}
.font-close{
    font-size: 9px;
}
.border-filter{
    border: 1px solid #0241D6;
    color: #0241D6;
}
.text-color-cl{
    color:#467CFB !important;
}
.enroll-sch{
    color: #E45823;
    cursor:pointer;
    transition: all 0.3s;
}
.enroll-sch:hover,.filters-bg-sch:hover{
    color:#01203D;
}
.color-sch-bg{
    background-color: #01203D;
}
.enroll-know{
    cursor:pointer;
    transition: all 0.3s;
}
.enroll-know:hover{
    color:#01203D !important;
    border: 1px solid #01203D !important;
}
#accordionschedule .accordion-item{
    border: none !important;
}
.color-sch-more{
    background: #006;
    cursor: pointer;
    border: 2px solid #006;
    transition: all 0.3s;
}
.color-sch-more:hover{
    background: transparent;
    border: 2px solid #006;
    color:#006 !important;
}
.training_format[type="checkbox"] {
    width: 1.125rem !important;
    border-color: black;
}
.training_format:checked{
    background-color: #01203D;
}
.checkbox-list-sch::-webkit-scrollbar {
    width: 6px;
}
.checkbox-list-sch::-webkit-scrollbar-thumb {
    background-color: #cccccc;
    border-radius: 0.625rem;
}
.code-sch{
    top: 0px;
    left: -8rem;
    width: 85%;
}
#mobileModalSchedule .modal-header {
    padding: 0px !important;
    height: 0px !important;
}
#enroll-bg-sch .enrol-button {
    background: none !important;
}
.custom-dropdown-menu {
    max-height: 300px;        
    overflow-y: auto;         
    min-width: 100%;         
    max-width: 100%;         
}
.flatpickr-calendar, .flatpickr-days, .dayContainer{
    max-width: fit-content !important;
    min-width:  fit-content !important;
}
.scroll-trainers,.scroll-trainers-country{
    overflow: scroll;
    max-height: 20rem;
}
.scroll-trainers::-webkit-scrollbar,.scroll-trainers-country::-webkit-scrollbar,.select-course-trainer::-webkit-scrollbar {
    display: block;
    width: 0.4rem;
}
.scroll-trainers::-webkit-scrollbar-thumb,.scroll-trainers-country::-webkit-scrollbar-thumb,.select-course-trainer::-webkit-scrollbar-thumb  {
    background-color: #b0b1b1;
}
#mob-sch-modal .modal {
    z-index: 10000 !important;
}
.width-tab1{
    margin-left: -1rem;
    margin-right: 1rem;
}
.truncate-sch-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.flatpickr-calendar{
    font-size:12px !important;
}
.coupon-txt-color{
    color: #0FA50E;
}
.discount-coupon-52 {
    background: #EE2E40;
}
#accordionschedule .collapsed {
    border: 1px solid #e1e2e4;
}
@media(min-width: 1200px) {
    .training_schedule_bg {
        background: none;
    }
    .width-tab{
        width: 30%;
    }
    .width-tab1{
        width: 12%;
    }
    .width-tab2{
        width: 25%;
    }
    .filters-section-sch {
        top:3%;
    }
    .widthform-sch {
        height: fit-content !important;
    }
    .code-sch{
        top: 0px;
        left: -6rem;
        width: 95%;
    }
    .flatpickr-calendar, .flatpickr-days, .dayContainer{
        max-width: 230px !important;
        min-width:215px !important;
    }
    .training-sticky{
        box-shadow: 0px 0px 2px 0px #98ACC3, 0px 8px 0px 0px #F1F4F7;
    }
    #training_schedules_table_body{
        box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.25) !important;
    }
}
@media(min-width: 992px) {
    .filters-section-sch {
        width: 25% !important;
    }
}
@media(max-width: 365px) {
    .font-format{
        font-size: 11px;
        padding: 3px !important;
    }
    .font-close{
        font-size: 7px;
    }
}
@media (max-width: 768px) {
    #training_schedules_table {
        border-spacing: 0 16px;
    }
    #training_schedules_table tbody tr {
        background-color: white;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        border-radius: 12px;
    }
}
/* Skeleton Loader */
.loading-sch-skeleton {
    background: #ddd;
    color: transparent !important;
    border-radius: 4px;
    pointer-events: none;
    animation: loading-sch-skeleton 1s infinite alternate;
    display: inline-block;
    width: 100%;
}
@keyframes loading-sch-skeleton {
    from {
        opacity: 0.4;
    }

    to {
        opacity: 1;
    }

}
.loading-sch-skeleton img {
    filter: grayscale(100) contrast(0%) brightness(1.8);
}
.loading-sch-skeleton h1,.loading-sch-skeleton h2,.loading-sch-skeleton h3,
.loading-sch-skeleton h4,.loading-sch-skeleton h5,.loading-sch-skeleton h6,
.loading-sch-skeleton p,.loading-sch-skeleton li,.loading-sch-skeleton .btn,
.loading-sch-skeleton label,.loading-sch-skeleton .form-control {
    background-color: #ddd;
    color: transparent;
    border-color: #ddd;
}

/* enroll now popup */
#enroll_offer .tb-border {
    border: var(--bs-border-width) var(--bs-border-style) #dee2e65c !important;
}
.td-bg1 {
    background-color: #f0f9ff !important;
}
.td-bg2 {
    background-color: #fffceb !important;
}
#enroll_offer .table-height {
    height: 370px;
    overflow-y: auto;
    padding-right: 6px;
}
#enroll_offer .table-height::-webkit-scrollbar {
    width: 7px;
    -webkit-appearance: none;
    height: 5px;
}
#enroll_offer .table-height::-webkit-scrollbar-thumb {
    background-color: #a2a2a2;
    border-radius: 4px;
}
#enroll_offer .table-height::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 4px;
}
#enroll_offer .table-height::-webkit-scrollbar-thumb:hover {
    background-color: var(--prime-ft-color);
}
.eli-font {
    color: #1a62cb;
}
.p-dash-m {
    margin-top: 14px;
}
.pop-modal1 {
    background-color: transparent !important;
}
.btn-fsize1:hover {
    opacity: 1 !important;
}
.bor-radi {
    border-top: 5px solid rgb(140 151 163);
    background: linear-gradient(0deg, #fff 25.58%, #f1f4f7 96%, #f4f7f9 0);
}
.basic-border {
    border-bottom-right-radius: 0px !important;
}
.bor-radi1 {
    border-top: 5px solid rgb(33 134 208);
    background: linear-gradient(359deg, #fff 1.1%, #f8fbfd 48.82%, #e7f0f8 96.7%) !important;
}
.basic-premium {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.basic-elite {
    border-bottom-left-radius: 0px !important;
}
.bor-radi11 {
    border-top: 5px solid #ffd700;
    background: linear-gradient(359deg, #ffffff 1.1%, #fffef9 48.82%, #fffbe3 96.7%) !important;
}
.inf-wid p,.inf-wid-toogle p,.p-dash-m p {
    margin-bottom: 0;
}
.close-pop-bg1 {
    width: 30px !important;
    height: 30px !important;
    background-color: #1e2a38 !important;
    border-radius: 50% !important;
    border: none !important;
    cursor: pointer;
}
.end-arrow1 {
    font-size: 27px !important;
    color: white !important;
}
.btn-bord {
    border: 1.5px solid black;
}
.basic-border {
    border-bottom-right-radius: 0px !important;
}
.basic-premium {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.basic-elite {
    border-bottom-left-radius: 0px !important;
}
#enroll_offer .flex-fill {
    width: 33%;
}
#enroll_offer .flex-fill-toogle {
    width: 243px;
}
.text-success-lit-gr {
    color: #29a655;
}
.enr-btn2 {
    background: #01203d !important;
    color: white;
}
#pop-fs p {
    line-height: 24px;
}
#enroll_offer .cust-model {
    top: -33px;
}
#enroll_offer .eo-md-desk {
    border-radius: 20px;
}
.upgrade-text-checkout p {
    margin-bottom: 0px;
}
.badge-container {
    top: -11px;
    right: -8px;
}
.cust-model {
    height: 670px;
    top: -20px;
    position: relative;
    border-radius: 8px;
    background-color: white;
}
.eo-quan {
    top: 12px;
    border-radius: 3px;
    background: rgb(224, 224, 224);
    padding: 5px 6px 0;
}
.eo-quan h6 {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 6px;
}
.elite-font {
    font-size: 14px;
    color: #4c4747;
    line-height: 22px;
}
.enr-btn1 {
    --tw-bg-opacity: 1;
    background-color: rgb(238 46 64 / var(--tw-bg-opacity, 1)) !important;
    border: 2px solid rgb(238 46 64 / var(--tw-bg-opacity, 1)) !important;
}
.off-size {
    border-top-right-radius: 0.2188rem !important;
    border-bottom-right-radius: 0.2188rem !important;
    font-size: 10px;
}
.eo-p {
    color: #0044cc;
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: 3px;
}
@media (min-width: 1200px) {
    .slot-fs {
        font-size: 13px !important;
    }
    .elite-left-wid {
        width: 50%;
    }
    .elite-left-wid-toogle {
        width: 75%;
    }
    .eo-md-desk {
        padding: 2px 14px 0px !important;
    }
    .tr-fsize {
        font-size: 13px;
    }
    .inf-wid {
        width: 37.5%;
    }
    .inf-wid-toogle {
        width: 49.5%;
    }
    .close-popup-1 {
        top: -32px !important;
        right: -26px !important;
    }
    .learner-rate,.learner-rate-ty {
        background-color: #e67c41 !important;
        border-top-right-radius: 12px;
        border-top-left-radius: 12px;
        top: -47px;
        left: 22px;
    }
    #basic_plan_form .learner-rate,#basic_plan_form .learner-rate-ty {
        left: 31px;
    }
    .end-custered {
        right: -18px;
    }
    .end-custered-1 {
        right: -19px;
    }
    .end-custered-2 {
        right: -14px;
    }
    .table-fsize {
        font-size: 0.8rem;
    }
    .tb1-rate {
        margin-top: -32px;
        background-color: #e9eff5 !important;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
    }
    .off-align {
        margin-left: 17px !important;
        margin-top: -44px !important;
    }
    .amo-size {
        font-size: 0.8rem;
    }
    .tr1-fsize {
        font-size: 0.75rem;
    }
    #pop-fs span {
        font-size: 1.14rem !important;
        color: black !important;
    }
    #pop-fs p {
        margin-bottom: 0.75rem !important;
    }
    .fs-curr-mob {
        font-size: 1rem !important;
    }
    .plan-font-mob {
        font-size: 1.1rem;
    }
    .btn-fsize1 {
        font-size: 0.9rem;
    }
    .schedule-top {
        margin-top: -3.063rem;
    }
}
@media (min-width: 992px) {
    .modal-lg-custom-width {
        --bs-modal-width: 984px !important;
    }
}
@media (max-width: 576px) {
    .elite-font {
        font-size: 11px !important;
        line-height: 16px;
    }
    .w-cust-60 {
        width: 100%;
    }
    .plan-font-mob {
        font-size: 14px !important;
    }
    .off-size {
        font-size: 8px !important;
    }
    .fs-curr-mob {
        font-size: 11px !important;
    }
    .amo-size {
        font-size: 10px;
    }
    .btn-fsize1 {
        font-size: 0.7rem;
    }
    .learner-rate-ty {
        top: -32px;
        left: 34px;
        background-color: #e67c41 !important;
        border-top-right-radius: 12px;
        border-top-left-radius: 12px;
    }
    .tr1-fsize {
        font-size: 0.5rem;
    }
    .tr-fsize {
        font-size: 0.78rem !important;
    }
    .inf-wid-toogle,.inf-wid {
        padding-left: 7px !important;
    }
    .eo-quant-11 {
        width: 31%;
    }
    .close-pop-2 {
        top: 1px;
        right: -3px;
    }
    .eo-md {
        padding: 20px 0px 0 0px;
        height: auto;
        max-height: calc(100vh - 165px);
        border: none;
        display: flex !important;
    }
    .scroll-body-pop {
        padding: 0 11px !important;
        overflow-y: auto;
        overflow-x: hidden;
    }
}