/*
 * Mixin printing a linear-gradient
 * as well as a plain color fallback
 * and the `-webkit-` prefixed declaration
 * @access public
 * @param {Keyword | Angle} $direction - Linear gradient direction
 * @param {Arglist} $color-stops - List of color-stops composing the gradient
 *
 * @see https://www.sitepoint.com/building-linear-gradient-mixin-sass/
 */
    
    /*.back-button {
        position: fixed;
        top: 60px;
        left: calc(50% + 120px);
    }*/
    /*.main .owl-carousel .owl-stage,
.main .owl-carousel .owl-stage-outer {
    padding: 6px;
}*/
    
    .ieukmob-bredcumb {
        background-color: #d55b7d;
        width: 100%;
        height: 40px;
        text-align: center;
        margin: 0;
        padding: 0;
        line-height: 40px;
        font-size: 1.125rem;
        color: white;
        text-align: center;
        /* position: fixed; */
    }
    
    .ieukmob-bredcumb span.ieuk-b-totsk {
        display: none;
    }
    
    .ieukmob-bredcumb.fullscreen {
        line-height: 50px;
        height: 50px;
    }
    
    .ieukmob-bredcumb.fullscreen span.ieuk-b-totsk {
        display: inline-block;
    }
    
    .management-slider-top .management-slider_button {
        margin: 0.25rem 0;
        width: 100%;
    }
    /*== timetable  ==*/
    
    .management-slider-top {
        padding: 1rem 1.188rem;
    }
    
    .management-slider-top .ieukprofleowl.owl-theme {
        padding: 0rem;
    }
    
    .management-slider-top .ieukprofleowl.owl-theme .owl-nav {
        margin: 0;
    }
    
    .management-slider-top .ieukprofleowl.owl-theme .owl-nav button {
        position: absolute;
        top: 50%;
        margin: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        border-radius: 50%;
        background-color: #30475e;
        width: 25px;
        height: 25px;
        font-size: 0.75rem;
        color: white;
    }
    
    .management-slider-top .ieukprofleowl.owl-theme .owl-nav button:focus {
        outline: none;
        border: none;
    }
    
    .management-slider-top .ieukprofleowl.owl-theme .owl-nav button:hover {
        background-color: #30475e;
    }
    
    .management-slider-top .ieukprofleowl.owl-theme .owl-nav button.owl-prev {
        left: 0;
    }
    
    .management-slider-top .ieukprofleowl.owl-theme .owl-nav button.owl-next {
        right: 0;
    }
    /*== timetable  ==*/
    /*== course slide work  ==*/
    
    .main-course .btn.btn-primary.btn-icon span {
        margin-right: 10px;
    }
    /*== course slide work  ==*/
    /*== tutorial ==*/
    
    .ieuk-tutopopuptitle {
        padding-top: 15px;
    }
    /*== tutorial  ==*/
    /*== voca  ==*/
    
    .ieuk-vocaddtopic a,
    .ieuk-vocaddtopic a:hover,
    .ieuk-vocaddtopic a:focus {
        color: #d55b7d;
        text-decoration: none;
        line-height: 35px;
    }
    /*== voca  ==*/
    /*==topic start here==*/
    
    .true-false .box .true-false_buttons .form-check-input {
        display: none;
    }
    
    /*.true-false .box.ieuktf-outerbox {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between;
    }*/
    
    .true-false .box .ieuktf-dis {
        max-width: 60%;
        width: 60%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
    }
    
    /*.true-false .box .true-false_buttons.ieuktf-btnbox {
        width: 33%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
    }*/
    /*==topic start here==*/
    /*== functional_language ==*/
    
    .allfunction>.panel-body ul li {
        text-indent: 0 !important;
    }
    /*== functional_language ==*/
    /*== task ==*/
    
    form.form_15542196595ca3828b92b17 .owl-carousel.loop.multiple-choice.owl-theme.owl-loaded.owl-drag {
        padding: 0;
    }
    
    .true-false_buttons-aes .form-check-input,
    .true-flase-radio .form-check-input {
        display: none;
    }
    /*== task ==*/
    /*== teacher css ==*/
    
    .management-slider-top.ieuk-teach-mts .owl-carousel {
        max-width: 100%;
    }
    
    .management-slider-top.ieuk-teach-mts .item {
        width: 100%;
    }
    /*.dashboard-tabs .nav-tabs .ieuk-dtmd {
    max-width: 30%;
}*/
    
    .dashboard-topic {
        width: 100%;
        margin: 0;
        padding: 0;
        clear: both;
        /* padding-left: 1rem; */
    }
    
    .sidebar-menu .navbar-nav .nav-item .nav-link .nav-icon {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .owl-carousel.loop .owl-stage {
        padding: 0;
    }
    
    .owl-carousel.loop .owl-dots {
        display: inherit;
    }
    
    .owl-carousel.loop .owl-dots.disabled {
        display: none;
    }
    /*==need in student also========*/
    
    .multiple-check .custom-control {
        margin-right: 1rem;
    }
    /*== teacher css ==*/
    
    @media (min-width: 1200px) and (max-width: 1500px) {
        .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item {
            margin: 0;
            margin-right: 0.25rem;
            min-width: inherit;
        }
        .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item:nth-last-child(1) {
            margin-right: 0;
            min-width: inherit;
        }
        .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item a.nav-link {
            min-width: inherit;
            width: auto;
        }
        .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item a.nav-link.active {
            min-width: inherit;
            width: auto;
            padding: 0.5rem 0.8rem;
        }
        .course-book.fullscreen .course-tab .course-tab-content {
            padding-top: 3rem;
        }
        .course-book.fullscreen .course-tab .course-tab-fixed-heading {
            padding-bottom: 1rem;
        }
    }
    /***** lage devices for col-xl-number ***********/
    /***** lage devices for col-lg-number ***********/
    
    @media (max-width: 1199px) {
        .course-book.fullscreen .practice-content.pc.bg-white.course-content.expanded-block,
        .course-book.fullscreen .course-content.cc.bg-white.course-content-2.expanded-block {
            height: calc(100vh - 3rem) !important;
        }
    }
    
    @media (min-width: 992px) and (max-width: 1199px) {
        .course-book.fullscreen .course-content {
            max-width: 100%;
            margin: 1.3rem 0;
            /* height: calc(50vh - 3rem) !important; */
            /*height: calc(50vh - 3rem);*/
        }
        .course-book.fullscreen .practice-content {
            max-width: 100%;
            height: calc(50vh - 3rem) !important;
            margin: 1.3rem 0;
        }
        .course-book.fullscreen .practice-content.pc.bg-white.course-content.expanded-block,
        .course-book.fullscreen .course-content.cc.bg-white.course-content-2.expanded-block {
            height: calc(100vh - 3rem) !important;
        }
        .mh_11 {
            height: calc(100vh - 1rem) !important;
            max-height: calc(100vh - 7.3rem) !important;
            max-height: 100vh;
        }
    }
    /*---only for tablet--*/
    
    @media (min-width: 1025px) and (max-width: 1199px) {
        .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item {
            margin: 0;
            margin-right: 0.25rem;
            min-width: inherit;
        }
        .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item:nth-last-child(1) {
            margin-right: 0;
            min-width: inherit;
        }
        .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item a.nav-link {
            min-width: inherit;
            width: auto;
        }
        .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item a.nav-link.active {
            min-width: inherit;
            width: auto;
            padding: 0.5rem 0.8rem;
        }
    }
    
    @media (max-width: 1024px) {
        .main .main__content {
            padding: 2rem 1rem 3rem;
        }
        main.course-book.\35 c2f16efb0dace3ac5045e92.fullscreen .main-audio-record-div.justify-content-end {
            justify-content: flex-start !important;
        }
        .topic-tab .nav-pills.nav-pills_switch .nav-item {
            margin: 0;
        }
        .course-book .picture {
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            -moz-align-items: center;
            align-items: center;
        }
        /*== timetable  ==*/
        .ieuk-timetablem .nav-pills .nav-item:not(:last-child) {
            margin-right: 0.8rem;
        }
        .nav-pills .nav-link {
            min-width: inherit;
            font-size: 0.8rem;
        }
        .course-book .say-hello h1 {
            min-width: inherit;
        }
        /*== timetable  ==*/
        /*== GES student topic taks ==*/
        .draw-image>a img {
            max-width: 100% !important;
        }
        /*== GES student topic taks ==*/
        a.nav-link.active.ieukpb-btnmain {
            margin-bottom: 0.3rem;
        }
        .ieukpb-cucmob .abc-tab.m-auto {
            display: block;
            width: 100%;
            margin: 0;
        }
        .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul {
            width: 100%;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            justify-content: center;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
        }
        .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item {
            margin: 0;
            margin-right: 0.25rem;
            min-width: inherit;
        }
        .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item:nth-last-child(1) {
            margin-right: 0;
        }
        .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item a.nav-link {
            min-width: inherit;
            width: auto;
            margin: 0;
            padding: 0.3rem 0.6rem;
        }
        .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item a.nav-link.active {
            padding: 0.5rem 0.6rem;
        }
        .course-book .ieukpb-cucmob .heading-right {
            margin-right: 0;
            position: absolute;
            top: 2rem;
            right: 70px;
        }
        .course-book .ieukpb-cucmob .expand-option-practice {
            padding: 0;
            margin: 0;
            position: absolute;
            top: 2rem;
            right: 1.5rem;
        }
        .true-flase-radio .form-check-input {
            display: none;
        }
        .ieukcc-boxo {
            -webkit-flex-flow: row wrap;
            -moz-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
        }
        .multiple-check .custom-control {
            width: 50%;
        }
        .choice-box p,
        .multiple-check .custom-control {
            margin-bottom: 0.7rem;
        }
        .multiple-check .choice-box {
            margin-bottom: 0.5rem;
        }
        /*== teacher start here ==*/
        .ieuktmenutbs.nav-pills .nav-item .nav-link,
        .ieuktmenutestbtn a.btn.btn-lg.btn-dark {
            font-size: 0.9rem;
            padding: 0.5rem;
        }
        /*==need in student also========*/
        .true-false .box .ieuktf-dis {
            max-width: 60%;
            width: 60%;
        }
        /*.true-false .box .true-false_buttons.ieuktf-btnbox {
            width: 40%;
        }*/
        .quiz__option_box {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-direction: normal;
            -webkit-box-orient: vertical;
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }
        .create-quiz .quiz-question__form-control {
            width: 100%;
        }
        .create-quiz .quiz-question {
            width: 100%;
        }
    }
    
    @media (min-width: 992px) and (max-width: 1024px) {
        /*== porfolio_assessment ==*/
        .portfolio_details,
        .progress_details {
            min-width: inherit;
        }
        .course-book.fullscreen .course-tab .course-tab-content {
            padding-top: 3rem;
        }
        .course-book.fullscreen .course-tab .course-tab-fixed-heading {
            padding-bottom: 1rem;
        }
        /*== porfolio_assessment ==*/
    }
    
    @media (min-width: 992px) {
        header.mobile-header {
            display: none;
        }
    }
    /***** Medium device view for col-md-number ***********/
    
    @media (min-width: 768px) {
        span.mobonly {
            display: none;
        }
        .ieuklevlinfo-mob {
            display: none;
        }
        header.mobile-header {
            display: none;
        }
        .ieuktimeselc-cls,
        .ieukmob-bredcumb {
            display: none;
        }
        .ieuk-ilp-hsb {
            display: none;
        }
        a.opneAddModel-ieukmob {
            display: none;
        }
        .ieuk-h-omob {
            display: none;
        }
        .ieuk-taimmobonly {
            display: none;
        }
        a.allfeedbackQuestion_mob {
            display: none;
        }
    }
    
    @media (max-width: 991px) {
        .modal-dialog {
            min-width: inherit;
        }
        .modal-dialog {
            max-width: 98%;
        }
        .course-book.fullscreen .course-tab .course-tab-content {
            max-height: inherit;
        }
        .sidebar-menu {
            width: 10rem;
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .table thead th {
            padding: 10px;
            font-size: 1rem;
        }
        .course-book .course-content.course-content-1.bg-white.scrollbar {
            width: 100%;
            height: calc(30vh - 4rem) !important;
            overflow: hidden;
        }
        .speaking-course.flex-wrap.col-lg-6 {
            margin-top: 2rem;
        }
        .course-book.fullscreen .course-content {
            max-width: 100%;
            margin: 1.3rem 0;
            height: calc(85vh - 3rem) !important;
        }
        .course-book.fullscreen .course-content-feedback {
            max-width: 100%;
            margin: 1.3rem 0;
            height: calc(36vh) !important;
        }
        .course-book.fullscreen .practice-content {
            max-width: 100%;
            height: calc(85vh - 3rem) !important;
            margin: 1.3rem 0;
        }
        .practice-content.pc.bg-white.course-content.expanded-block,
        .course-content.cc.bg-white.course-content-2.expanded-block {
            height: calc(100vh - 3rem) !important;
        }
        .main .tab__block_chart .progress {
            width: 70px;
            height: 70px;
        }
        .nav-pills.nav-pills_switch .nav-link {
            min-width: inherit;
        }
        .main .main__content {
            padding: 2rem 1em 2rem;
        }
        .ilp-heading {
            padding: 1.5rem 0rem;
        }
        .main .main-vocab .btn-topic {
            display: none;
        }
        .ieuk-vocaddtopic.ieuk-ilp-hsb {
            display: inline-block;
        }
        .ieuk-vocabulary .ilp-heading .add-ilp-button {
            margin-left: 1rem;
            margin-right: 1rem;
        }
        .main .main-vocab .vocal-nav {
            max-width: 100%;
        }
        .ieuk-vocaddtopic a span {
            margin-right: 0.5rem;
        }
        .ieuk-vocabulary .table tbody td,
        .ieuk-vocabulary .table tbody th {
            padding: 1.125rem 0.75rem;
            font-weight: 500;
            color: #30475e;
            vertical-align: middle;
            min-width: 40px;
        }
        .main.notes .overflowhide {
            width: auto;
            white-space: normal;
        }
        /*== porfolio_assessment ==*/
        .main .portfolio_assessment_ges {
            border-right: none !important;
        }
        .portfolio_assessment_ges {
            height: auto;
            margin-bottom: 20px;
        }
        .main .portfolio_assessment_ges .list-inline,
        .main .portfolio_assessment_aes .list-inline {
            -webkit-box-direction: normal;
            -webkit-box-orient: horizontal;
            -webkit-flex-direction: row;
            -moz-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            -moz-justify-content: space-between;
            justify-content: space-between;
        }
        /*== porfolio_assessment ==*/
        .course-book.fullscreen .course-tab .course-tab-content {
            padding-top: 3rem;
            height: calc(100% - 7rem);
        }
        .course-book.fullscreen .course-tab .course-tab-fixed-heading {
            padding-bottom: 1rem;
        }
        /*== teacher start here ==*/
        .dashboard-tabs .nav-tabs .ieuk-dtmd .tab-icon {
            width: 100%;
            height: 60px;
            text-align: center;
            margin: 0;
            padding: 0;
            display: inline-block;
        }
        .dashboard-tabs .nav-tabs .ieuk-dtmd .tab-detail {
            width: 100%;
            height: auto;
            margin-top: 15px;
            text-align: center;
        }
        .modal-header .alert.alert-with-icon .alert-icon {
            left: 1rem;
        }
        .course-buttons li {
            width: 100%;
            text-align: center;
            margin-right: 0 !important;
        }
        .expand-option-course img {
            width: 30px;
        }
        .expand-option-feedback img {
            width: 30px;
        }
        .practice-marking-btn {
            font-size: 15px !important;
        }
    }
    /***** small view for col-sm-number  ***********/
    
    @media (max-width: 767px),
    only screen and (device-width: 375px) and (device-height: 812px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
        /*=menu css=*/
        h1 {
            font-size: 1.5rem;
        }
        body.login_page .mb-menu {
            display: none;
        }
        aside#sidebar.sidebar-menu {
            display: none;
        }
        .w-55.login-sidebar {
            width: 100% !important;
            border: none;
        }
        .login-sidebar:after,
        .login-sidebar:before {
            display: none !important;
        }
        .logo.mb-5 {
            display: none;
        }
        .login-sidebar .top-logo{
            display: none;
            max-width: 100% !important;
            text-align: center;
            margin: 1rem 0 0 0rem !important;

        }
        .login-sidebar .top-logo .a-logo{
            max-width: 150px;
            text-align:center;

        }
        .login-sidebar .top-logo .main-logo{
            display: none;
        }
        .login-sidebar .top-logo .logo-main{
            display: none;
            display: none;
        }
        .login-slider .carousel-item img {
            max-width: 100%;
            height: 200px;
        }
        div#carouselExampleCaptions {
            margin: 30px;
        }
        .login-form.ieuk-forgtpp,
        .login_page .login-form {
            width: 100% !important;
            background: none;
            height: auto;
            text-align: center;
        }
        .login-form.ieuk-forgtpp .back-button {
            position: absolute;
            top: 15px;
            left: 15px;
            width: 40px;
            height: 40px;
            background: #F8D7DA;
            border-radius: 5px;
            line-height: 37px;
            color: white;
            text-align: center;
            margin: 0;
            padding: 0;
        }
        .login-main {
            height: auto !important;
        }
        .login-form .login-heading {
            margin-bottom: 20px !important;
            margin-top: 20px;
        }
        .login-form .login__form .form-label-group__last {
            margin-bottom: 20px !important;
        }
        form#my_form {
            /*margin-bottom: 30px;*/
        }
        .form-label-group {
            text-align: left;
        }
        .login-slider .carousel-indicators li {
            width: 15px !important;
            height: 15px !important;
        }
        .login-main .login-slider {
            padding: 0;
        }
        .login-sidebar .login-slider .carousel-indicators {
            position: relative;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            justify-content: center;
            margin-left: 0;
            text-align: center;
            margin-right: 0;
            margin-bottom: 0;
        }
        .main {
            padding-right: 0;
            padding-left: 0;
            -webkit-transition: all 350ms ease;
            -o-transition: all 350ms ease;
            transition: all 350ms ease;
        }
        img.deskonly {
            display: none;
        }
        header.mobile-header {
            display: block;
            width: 100%;
            height: 50px;
            line-height: 50px;
            color: white;
            padding: 10px 15px;
            background-color: #30475e;
            box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
            position: relative;
            z-index: 3;
        }
        header.mobile-header a {
            color: #d55b7d;
            font-size: 2.5rem;
            line-height: 30px;
            float: left;
        }
        header.mobile-header a img {
            float: left;
        }
        header.mobile-header .mh-logo {
            max-height: 30px;
            margin: 0 auto;
            float: none;
            width: 74px;
            padding: 0;
        }
        header.mobile-header .mh-logo img {
            max-height: 30px;
            max-width: 120px;
            float: left;
        }
        header.mobile-header .mh-logo .a-logo{
            max-height: 37px;
            max-width: 109px;
            float: left;
        }
        header.mobile-header .mb-menu {
            float: left;
            width: 35px;
            margin: 0;
            padding: 0;
            height: 30px;
            line-height: 30px;
        }
        .main__logo a.btn.btn-danger.float-right.ieuklogoutbtn {
            position: absolute;
            top: -41px;
            right: 15px;
            background: transparent !important;
            border: none;
            padding: 0 !important;
            height: 30px;
            width: 30px;
            z-index: 4;
        }
        .main__logo>a.logo-main {
            display: none;
        }
        .main .main__logo {
            padding: 0 !important;
            /*float: right;*/
            /*padding-right: 1rem !important;*/
            /*padding-bottom: 1rem !important;*/
            text-align: center;
        }
        aside#sidebar.sidebar-menu.on .navbar-profile.d-flex.align-items-center {
            display: none !important;
        }
        .sidebar-menu.on .navbar-nav .nav-item .nav-link .nav-link__name {
            visibility: visible;
            opacity: 1;
            left: 65px;
        }
        aside.sidebar-menu.on {
            width: 90%;
        }
        aside.sidebar-menu.on .navbar {
            padding: 0 1rem;
        }
        .owl-carousel .owl-stage-outer {
            padding: 0px;
        }
        .main .main__content.ieuks-tutorial,
        .main .main__content.ieuk-ilpm,
        .main .main__content.ieuk-fdbk,
        .main .main__content.ieukt-calllog,
        .main .main__content {
            padding: 2.4rem 1rem 2.4rem 1rem;
        }
        .main .main__content {
            padding-left: 1rem;
            padding-right: 1rem;
        }
        .main .tab__block h1 {
            font-size: 1.6rem;
        }
        .main .tab__block_chart .progress {
            width: 70px;
            height: 70px;
        }
        .main .tab__block .tab__block_content {
            width: calc(100% - 70px);
        }
        .main .tab__block_chart {
            width: 70px;
        }
        .tab-data__heading_left {
            margin-right: 0.5rem;
        }
        a.nav-link.ieuktb-btn {
            padding: 0.65rem 1rem !important;
            font-size: 13px !important;
        }
        /*== topic menu work ==*/
        main.course-book {
            padding: 2rem;
        }
        .course-book a.mobbackbtn-b {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            text-align: center;
            padding: 0.5rem;
            background: white;
            vertical-align: middle;
            z-index: 99;
            /*text-decoration: underline;*/
            color: #30475e;
        }
        .course-book .book-navigation .navigation.active,
        .course-book .book-navigation .navigation:hover {
            margin-left: 0.95rem;
        }
        .course-book .say-hello h1 {
            margin: 0rem 0 0.8rem;
            width: 100%;
            font-size: 1.5rem;
            text-align: center;
        }
        .course-book .course-content {
            height: auto !important;
            width: 100% !important;
            font-size: 0.8rem;
            margin: 0.8rem 0;
            padding: 1.5rem;
        }
        .course-book.fullscreen .course-content {
            height: auto !important;
            width: 100% !important;
            font-size: 0.8rem;
            margin: 0.8rem 0;
            padding: 0;
        }
        iframe#iframe_aim1 {
            min-height: 250px !important;
        }
        .course-book .book-navigation .navigation {
            max-width: 100%;
        }
        body.topicsall main.course-book {
            padding-bottom: 46px;
            border-left: none;
        }
        body.topicsall main.course-book.fullscreen {
            padding-bottom: 2rem;
            padding-top: 4rem;
        }
        .course-book.fullscreen .course-book-navigation {
            max-width: 100%;
            position: absolute;
            height: 60px;
            z-index: 1;
            overflow: hidden;
            top: 50px;
            left: 0;
            padding: 15px 5px;
            margin: 0;
            /*box-shadow: 0px 0px 17px -6px #000;
        border-bottom: 1px solid #fff;*/
            background: transparent;
        }
        .course-book.fullscreen .course-book-navigation>.row {
            min-width: 90px;
            width: 100%;
            margin: 0;
        }
        .course-book.fullscreen .book-navigation {
            width: 100%;
            max-width: 100%;
            position: static;
            height: 60px;
            padding: 0;
        }
        .course-book.fullscreen .book-navigation .close-course {
            display: none;
            visibility: visible;
            opacity: 1;
            margin-left: 0;
            margin-bottom: 0;
            width: auto;
            position: absolute;
            right: 15px;
            top: 10px;
        }
        .course-book.fullscreen .book-navigation .navigation {
            display: none;
            padding: 0;
            margin: 0 auto;
            float: none;
            width: auto;
            min-width: inherit;
            height: auto;
            max-height: inherit;
            min-height: inherit;
            border: none;
            border-radius: 0px;
        }
        .course-book.fullscreen .book-navigation .navigation small {
            margin-top: 0;
            text-align: center;
            font-size: 27px;
            font-weight: 600;
            color: white;
            display: none;
        }
        .course-book.fullscreen .book-navigation .navigation p {
            display: none;
        }
        .course-book.fullscreen .book-navigation .navigation.active {
            display: block;
            padding: 0 6px;
        }
        .course-book.fullscreen .book-navigation .navigation .task_progress {
            visibility: visible;
            opacity: 1;
            margin-top: 32px;
        }
        .course-book.fullscreen .book-navigation .navigation strong {
            visibility: visible;
            opacity: 1;
        }
        .course-book.fullscreen .speaking-course {
            padding: 0px 0 0 0;
        }
        .course-book.fullscreen .course-content {
            max-width: inherit;
            margin: 10px 0;
        }
        .main-audio-record-div {
            /*margin-bottom: 0rem;*/
        }
        .course-book .audio-player .audioplayer {
            max-width: 200px;
        }
        .course-book .audio-element {
            min-width: 200px;
            margin-right: 100px;
        }
        .course-book .audio-player .audioplayer .audioplayer-playpause:focus,
        .course-book .audio-player .audioplayer .audioplayer-playpause:hover,
        .course-book .audio-player.audioplayer-playing .audioplayer-playpause,
        .course-book .audio-player .audioplayer .audioplayer-playpause {
            right: -56px;
            width: 48px !important;
            height: 48px !important;
        }
        .main-audio-record-div .delete-icon-right {
            /*left: 270px;*/
            top: 35%;
        }
        .main-audio-record-div .countdown {
            left: 150px !important;
        }
        .main-audio-record-div .animated__mic__icon {
            position: absolute;
            left: 0;
            bottom: -45px;
        }
        .audio__controls {
            position: absolute;
            left: 60px;
            bottom: -48px;
        }
        .main-audio-record-div.justify-content-end .delete-icon-left {
            left: auto;
            right: 280px;
        }
        .main-audio-record-div.justify-content-end div#stop_recording0.animated__mic__icon.justify-content-center.displayOnly-0.new__stop__button-0 {
            left: auto;
            right: 0;
        }
        .main-audio-record-div.justify-content-end .audio__controls {
            left: auto;
            right: 65px;
        }
        /*== after login ==*/
        .main .topic-tab {
            margin: 0 0 1.875rem;
        }
        .main .topic-tab ul li {
            padding-bottom: 0 !important;
        }
        .main .topic-tab ul li:nth-child(1) {
            padding-right: 5px;
        }
        .main .topic-tab ul li:nth-child(2) {
            padding-left: 5px;
        }
        .main .tab__block {
            padding: 0;
            text-align: center;
            width: 100%;
        }
        .main .tab__block.active {
            background: #d55b7d;
        }
        .main .tab__block.active h1 {
            color: #fff;
        }
        .main .tab__block h1 {
            font-size: 1rem;
            line-height: 35px;
            margin-bottom: 0;
            font-weight: 500;
        }
        .main .tab__block .tab__block_content {
            width: 100%;
            text-align: center;
            padding: 0;
        }
        .main .tab__block .tab__block_content ul.list-unstyled {
            display: none;
        }
        .main .tab__block .tab__block_content h3 {
            display: none;
        }
        .main .tab__block .tab__block_chart {
            display: none;
        }
        .main .ieuklevlinfo-mob {
            background: #f5f5f5;
            border-radius: 10px;
            border: 1px solid #e7e7e7;
            padding: 0.625rem 0.938rem;
            -webkit-box-shadow: 0px 0px 10px -9px #3e3e3e;
            box-shadow: 0px 0px 10px -9px #3e3e3e;
            -webkit-box-direction: normal;
            -webkit-box-orient: horizontal;
            -webkit-flex-direction: row;
            -moz-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 1.563rem;
        }
        .main .ieuklevlinfo-mob .ieuklevlinfo-con1-mob {
            width: 65%;
        }
        .main .ieuklevlinfo-mob .ieuklevlinfo-chart-mob {
            width: 35%;
            margin: 0;
        }
        .main .ieuklevlinfo-mob .ieuklevlinfo-chart-mob .progress {
            width: 65px;
            height: 65px;
            margin-top: 0.5rem;
        }
        .main .ieuklevlinfo-mob .ieuklevlinfo-chart-mob .progress .progress-bar {
            border-color: #d55b7d;
        }
        .main .ieuklevlinfo-mob h3 {
            margin-bottom: 0.813rem;
            text-align: left;
        }
        .main .ieuklevlinfo-mob ul.list-unstyled {
            margin-bottom: 0;
        }
        .main .ieuklevlinfo-mob ul.list-unstyled li span {
            font-size: 0.75rem;
            color: #8e98b9;
        }
        .main .ieuklevlinfo-mob ul.list-unstyled li span.task__name {
            margin-right: 0.5rem;
        }
        .main .tab-data .tab-data__heading {
            padding: 0;
            width: 100%;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }
        .main .tab-data .tab-data__heading .tab-data__heading_left h2 {
            font-size: 1.25rem;
        }
        .main .tab-data .tab-data__heading .tab-data__heading_left p {
            font-size: 0.7rem;
        }
        .main .tab-data .tab-data__heading .tab-data__heading_right a.btn-icon {
            font-size: 1rem;
            width: auto;
            min-width: inherit;
            padding: 0.375rem 0.75rem;
        }
        .main .tab-data__slider .owl-carousel {
            padding: 0 1.25rem;
        }
        .main .tab-data__slider .owl-carousel .owl-nav>button.owl-prev {
            left: 0;
        }
        .main .tab-data__slider .owl-carousel .owl-nav>button.owl-next {
            right: 0;
        }
        /*== after login ==*/
        /*==topic start here==*/
        .course-book .form-slider .owl-nav .owl-next {
            width: 25px;
            background-size: 48%;
            right: -1.5rem;
        }
        .course-book .form-slider .owl-nav .owl-prev {
            width: 25px;
            background-size: 48%;
            left: -1.5rem;
        }
        .course-book .form-slider {
            padding: 0 1.5rem;
        }
        .table-slider-box {
            flex-flow: column wrap;
        }
        .table-slider-box .w-50.table-option.mr-2.shadow.bg-white {
            width: 100% !important;
            margin-bottom: 10px;
        }
        #drawModal .modal-content {
            padding: 1rem;
        }
        .draw-image {
            overflow: hidden;
        }
        .erase-modal .modal-footer .btn:not(:last-child) {
            margin-right: 0;
        }
        .erase-modal .modal-footer {
            padding: 1.25rem 0.5rem;
        }
        .match-answer .match-answer__block li {
            width: calc(45% - 10px) !important;
            -ms-flex: 0 0 calc(45% - 10px) !important;
            flex: 0 0 calc(45% - 10px) !important;
        }
        .topicsall .speaking-course.flex-wrap {
            display: none;
        }
        .topicsall .fullscreen .speaking-course.flex-wrap {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
        }
        .true-false .box.box-flex .form-group:last-child {
            /*position: absolute;*/
            left: 0;
            width: 100%;
        }
        .true-false .box {
            margin-bottom: 2rem;
        }
        .table {
            -webkit-hyphens: none;
            -ms-hyphens: none;
            hyphens: none;
            border: none;
        }
        /*==topic start here==*/
        /*== all table  ==*/
        .dashboard table.table th,
        .dashboard table.table td {
            /* font-weight: bold; */
            font-weight: 500;
        }
        .dashboard table.table tbody tr th,
        .dashboard table.table tbody tr td {
            /* font-size: 0.9rem; */
            font-size: 1rem;
        }
        .dashboard table.table.ieuktable-notsline thead {
            border-bottom: 1px solid #d55b7d;
        }
        .dashboard table.table.ieuktable-notsline thead tr th {
            padding: 0.625rem 0.5rem;
            font-size: 0.8rem;
            color: #8e98b9;
            line-height: normal;
        }
        .dashboard table.table.ieuktable-notsline tbody tr th,
        .dashboard table.table.ieuktable-notsline tbody tr td {
            padding: 0.5rem;
            font-size: 0.95rem;
            font-weight: bold;
        }
        .dashboard table.table.ieuktable-sline tr {
            /* display: block; */
            display: grid;
            position: relative;
        }
        .dashboard table.table.ieuktable-sline thead {
            display: none;
        }
        .dashboard table.table.ieuktable-sline tbody tr {
            border-radius: 10px;
            box-shadow: 0px 0px 4px 1px rgb(186, 188, 189);
            margin-bottom: 1.125rem;
            background-color: #f9f9f9;
        }
        .dashboard table.table.ieuktable-sline tbody tr:nth-last-child(1) {
            margin-bottom: 0;
        }
        .dashboard table.table.ieuktable-sline tbody tr th,
        .dashboard table.table.ieuktable-sline tbody tr th:first-child,
        .dashboard table.table.ieuktable-sline tbody tr td {
            width: 91%;
            display: block;
            max-width: 100%;
            border: none;
            padding: 0.5rem 0.938rem;
        }
        .dashboard table.table.ieuktable-sline tbody tr th:before,
        .dashboard table.table.ieuktable-sline tbody tr th:first-child:before {
            content: attr(title);
            margin-right: 5px;
        }
        .dashboard table.table.ieuktable-sline tbody tr td:before {
            /* content: attr(title); */
            margin-right: 5px;
        }
        .dashboard .complaint-table table.table.ieuktable-sline tbody tr td:before {
            margin-right: 0;
        }
        .dashboard .complaint-table table.table.ieuktable-sline tbody tr td:first-child {
            padding-left: 1rem;
        }
        .main .table.ieuktable-sline tbody tr td:first-child {
            padding-left: 1rem;
        }
        /*== all table  ==*/
        /*== all table  ==*/
        table.table th,
        table.table td {
            /*font-weight: bold;*/
        }
        table.table tbody tr th,
        table.table tbody tr td {
            font-size: 0.9rem;
        }
        table.table.ieuktable-notsline thead {
            border-bottom: 1px solid #d55b7d;
        }
        table.table.ieuktable-notsline thead tr th {
            padding: 0.625rem 0.5rem;
            font-size: 0.8rem;
            color: #8e98b9;
            line-height: normal;
        }
        table.table.ieuktable-notsline tbody tr th,
        table.table.ieuktable-notsline tbody tr td {
            padding: 0.5rem;
            font-size: 0.95rem;
            font-weight: bold;
        }
        table.table.ieuktable-sline tr {
            /* display: block; */
            display: grid;
            position: relative;
        }
        table.table.ieuktable-sline thead {
            display: none;
        }
        table.table.ieuktable-sline tbody {
            display: inline-block;
            padding: 5px;
            width: 100%;
        }
        table.table.ieuktable-sline tbody tr {
            border-radius: 10px;
            box-shadow: 0px 0px 4px 1px rgb(186, 188, 189);
            padding-right: 50px;
            margin-bottom: 1.125rem;
            background: #f9f9f9;
        }
        table.table.ieuktable-sline tbody tr:nth-last-child(1) {
            margin-bottom: 0;
        }
        table.table.ieuktable-sline tbody tr th,
        table.table.ieuktable-sline tbody tr td {
            /*width: 100%;*/
            width: 91%;
            display: block;
            max-width: 100%;
            border: none;
            padding: 0.3rem 0.938rem;
            line-height: 16px;
        }
        table.table.ieuktable-sline tbody tr td.td-half {
            width: 50%;
            float: left;
            font-size: 17px;
        }
        table.table.ieuktable-sline tbody tr td.td-full {
            width: 100%;
            font-size: 17px;
        }
        .il_1 {
            display: inline !important;
        }
        table.table.ieuktable-sline tbody tr th:before,
        table.table.ieuktable-sline tbody tr td span:before {
            content: attr(title);
            /*margin-right: 5px;*/
            font-size: 14px;
            font-weight: 500;
            color: #9f9f9f;
            width: 100%;
            float: left;
        }
        table.table.ieuktable-sline tbody tr td:nth-last-child(1) {
            position: absolute;
            top: 0;
            right: 0;
            width: auto;
            display: inline-grid;
            height: 100%;
            align-items: center;
            border-left: 1px solid #dee2e6;
        }

        table.table.ieuktable-sline tbody tr td.hidden-tr {
            border-left: none;
        }

        table.table.ieuktable-sline tbody tr.custom-norecord-tr {
            border-radius: 0px;
            box-shadow: none;
            padding-right: 0px;
        }
        table.table.ieuktable-sline tbody tr td.custom-norecord-td {
            position: relative;
            padding: 2rem 0 !important;
            display: block;
            background-color: #fff;
            border-left: 0px;
        }
        /*== all table  ==*/
        /*== timetable  ==*/
        .main .ilp-heading {
            padding: 30px 15px;
        }
        .ilp-heading ul.nav.ieuk-ttbl {
            display: none;
        }
        .ieuktimeselc-cls {
            width: 50%;
        }
        .ieuktimeselc-cls select.ieukselect {
            background: url(../images/select-ieukbg.png) #f7f8f9 no-repeat right center;
            border: none;
            border-radius: 8px;
            line-height: 40px;
            height: 40px;
            text-align: left;
            color: #30475e;
            padding: 0 32px 0 10px;
            width: auto;
            max-width: 100%;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            outline: none;
        }
        .timetable.main__content h3 {
            text-align: center;
            width: 100%;
            font-weight: bold;
            margin: 20px 0 15px 0;
        }
        .attendance-summary .summary-box {
            font-size: 1.2rem;
            color: #30475e;
            margin-bottom: 5px;
        }
        .attendace-log .log__detail {
            margin-top: 1.5rem;
            padding: 0;
            border-radius: 0;
            background-color: #fff;
        }
        .timetable table tbody td:nth-last-child(1) {
            text-align: center;
        }
        .attendance-summary .summary-box .summary-title {
            font-size: 0.9rem;
        }
        .timetable.main__content {
            padding-top: 0px;
        }
        .timetable.main__content .attendance-summary h3 {
            margin-top: 0;
        }
        .timetable.main__content .attendace-log .log__heading_right .list-inline-item {
            margin-right: 10px;
            width: auto;
        }
        /*== timetable  ==*/
        /*== course slide work  ==*/
        .main-course .course-enrolement h2 {
            font-size: 1rem;
            font-weight: bold;
        }
        .main-course .course-enrolement {
            padding: 1.875rem 1.875rem 1.25rem;
        }
        .course-enrolement-card h5 {
            color: #9fa9c5;
            font-size: 0.9rem;
            margin-bottom: 2px;
            width: 50%;
            float: left;
            font-weight: bold;
        }
        .course-enrolement-card h4 {
            color: #30475e;
            font-size: 0.9rem;
            width: 50%;
            float: right;
            font-weight: bold;
        }
        /*== course slide work  ==*/
        /*== tutorial  ==*/
        .ieuks-tutorial .table__date {
            float: left;
            margin-right: 5px;
        }
        .main .main__content.ieuks-tutorial .ilp-heading {
            padding: 0 0 20px 0;
        }
        .main .main__content.ieuks-tutorial table .ieuk-tdrtd {
            font-weight: normal;
            font-size: 0.938rem;
        }
        .main .main__content.ieuks-tutorial table.table.ieuktable-sline tbody tr th:before,
        .main .main__content.ieuks-tutorial table.table.ieuktable-sline tbody tr td:before {
            font-size: 0.938rem;
            font-weight: bold;
            float: left;
        }
        .main .main__content.ieuks-tutorial table.table.ieuktable-sline tbody tr .ieuktu-mob-tn {
            font-size: 1.125rem;
        }
        .mf_1 {
            margin-bottom: 8px;
        }
        .fl_1 {
            font-size: 15px;
        }
        /* .main .main__content.ieuks-tutorial table.table.ieuktable-sline tbody tr td.ieuk-ac-btn {
        position: absolute;
        bottom: 10px;
        right: 0;
        width: auto;
        padding: 0;
    } */
        .main .main__content.ieuks-tutorial table.table.ieuktable-sline tbody tr {
            padding: 0.5rem 0;
        }
        /*== certificate ==*/
        .main__content.certificate_process h3 {
            font-size: 1rem;
        }
        .certificate_details h5 {
            font-size: 1rem;
            padding: 15px 0;
        }
        .certificate_details h4 {
            font-size: 1rem;
        }
        /*.ieukc-process {
        display: none;
    }*/
        .progress_status {
            width: 100%;
            margin: 0 0 0 0;
        }
        /*ol.progress_status.ieukc-getcerty li {
        width: 100%;
        text-align: left;
        padding: 0 0 0 83px;
    }*/
        .progress_status .name {
            /*text-align: left;*/
            margin: 40px 0 40px 0;
            /*line-height: 16px;*/
        }
        .progress_status .name br {
            display: none;
        }
        /*ol.progress_status.ieukc-getcerty li:before {
        content: "";
        display: block;
        left: 50px;
        width: 3px;
        height: 100%;
        background: #30475e;
        position: absolute;
    }
    ol.progress_status.ieukc-getcerty li:after {
        content: "";
        width: 1rem;
        height: 1rem;
        border-radius: 100%;
        position: absolute;
        left: 44px;
        background: #30475e;
        top: 0;
    }*/
        .psp {
            width: 100%;
            display: inline-block;
            padding: 0;
            position: absolute;
            left: 0;
            top: 0;
        }
        span.psp img {
            max-width: 30px;
            max-height: 30px;
            height: auto;
            width: auto;
        }
        ol.progress_status.ieukc-getcerty li.done:after,
        ol.progress_status.ieukc-getcerty li.active:after,
        ol.progress_status.ieukc-getcerty li.done:before,
        ol.progress_status.ieukc-getcerty li.active:before {
            background: #d55b7d;
        }
        .ieukcd-btn {
            min-width: inherit;
        }
        /*== certificate  ==*/
        /*== fees  ==*/
        .overall-marking-feedback h3 {
            color: #6a6a6a !important;
            text-align: left !important;
            font-weight: 500 !important;
        }
    
        .main__content h3 {
            font-size: 1.125rem;
            color: #30475e;
            text-align: center;
            font-weight: bold;
        }
        .fee-detail {
            border-bottom: none;
            padding-bottom: 0.5rem;
            margin-bottom: 1rem;
            padding-right: 15px;
        }
        .fee-detail .fee-detail__box {
            max-width: 100%;
        }
        /*== fees  ==*/
        /*== ILP  ==*/
        a.ieuk-ilp-hsb img {
            max-width: 33px;
        }
        .main .main__content.ieuk-ilpm table.table.ieuktable-sline tbody tr th,
        .main .main__content.ieuk-ilpm table.table.ieuktable-sline tbody tr td {
            font-weight: normal;
        }
        .main .main__content.ieuk-ilpm table.table.ieuktable-sline tbody tr th:before,
        .main .main__content.ieuk-ilpm table.table.ieuktable-sline tbody tr td:before {
            margin-right: 0;
            width: 100%;
            display: block;
            margin-bottom: 5px;
            font-weight: bold;
        }
        .main .main__content.ieuk-ilpm table.table.ieuktable-sline tbody td.ieuk-ilp-acn {
            position: absolute;
            top: 5px;
            right: 0;
            width: auto;
        }
        .main .main__content.ieuk-ilpm table.table.ieuktable-sline tbody tr td.ieuk-ilp-acn:before {
            margin: 0;
        }
        .main .ieuk-ilp-acn a {
            margin-right: 0.3rem;
            display: inline-block;
            width: 33px;
            height: auto;
        }
        .main .ieuk-ilp-acn a:nth-last-child(1) {
            margin-right: 0;
        }
        .ieuk-ilp-hsb.on img {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }
        .main .main__content.ieuk-ilpm .ilp-heading {
            padding: 0 0 30px 0;
        }
        .main .main__content.ieuk-ilpm .ilp-heading ul.nav {
            width: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
        }
        .main .main__content.ieuk-ilpm .ilp-heading ul.nav li .nav-link {
            min-width: inherit;
            font-size: 0.8rem;
        }
        .main__content.ieuk-ilpm .ilp-heading .add-ilp-button {
            margin-left: 0;
            margin-right: 0;
            margin-top: 10px;
            width: 50%;
        }
        .main__content.ieuk-ilpm .ilp-heading .ilp-search {
            margin: 0;
            margin-top: 10px;
            width: 50%;
        }
        .main__content.ieuk-ilpm .ilp-heading .ilp-search.addilpbtn-without {
            width: 100%;
        }
        .main .main__content.ieuk-ilpm .ilp-heading {
            flex-direction: row;
        }
        .policy .policy__box {
            width: 100%;
            max-width: 100%;
            border-radius: 0.45rem;
            margin-bottom: 2rem;
            padding: 0.5rem 0.75rem 1.5rem;
            background-color: #f5f5f5;
        }
        .add-ilp-modal .modal-content {
            padding: 0.938rem 1.125rem;
        }
        .add-ilp-modal .modal-body {
            padding: 0.5rem;
        }
        .add-ilp-modal .modal-body .form-check-inline {
            width: auto;
            margin-right: 5px;
        }
        .modal-header .modal-title span img {
            width: 30px;
            height: auto;
        }
        .modal-header .modal-title {
            /*font-size: 1.125rem;*/
        }
        /*== ILP  ==*/
        /*== feedbacks  ==*/
        .main .main__content.ieuk-fdbk .ilp-heading {
            padding: 0 0 20px 0;
        }
        .main .main__content.ieuk-fdbk .ilp-heading .add-ilp-button {
            margin-right: 0;
        }
        .main .main__content.ieuk-fdbk table.table.ieuktable-sline.ieukfbk-tbl tbody tr th:nth-child(1):before,
        .main .main__content.ieuk-fdbk table.table.ieuktable-sline tbody tr td:nth-last-child(1):before {
            margin-right: 0;
        }
        .main .main__content.ieuk-fdbk table.table.ieuktable-sline tbody tr td:nth-last-child(1) {
            position: absolute;
            top: 50%;
            margin: 0;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 0;
            width: auto;
            padding: 0;
        }
        .main .main__content.ieuk-fdbk table.table.ieuktable-sline.ieukfbk-tbl tbody tr td {
            font-weight: normal;
        }
        .main .main__content.ieuk-fdbk table.table.ieuktable-sline.ieukfbk-tbl tbody tr th:nth-child(1),
        .main .main__content.ieuk-fdbk table.table.ieuktable-sline tbody tr th:before,
        .main .main__content.ieuk-fdbk table.table.ieuktable-sline tbody tr td:before {
            font-weight: bold;
        }
        .main__content.main__content_full.ieuk-fdbk a.opneAddModel {
            display: none;
        }
        #teacher-feedback-mobieuk .modal-content {
            padding: 0.938rem;
        }
        #teacher-feedback-mobieuk .modal-header {
            padding: 0;
        }
        #teacher-feedback-mobieuk .modal-header .close {
            right: 0.938rem;
        }
        #teacher-feedback-mobieuk .modal-header .close img {
            max-width: 27px;
        }
        #teacher-feedback-mobieuk .modal-header .modal-title {
            font-size: 0.938rem;
        }
        #teacher-feedback-mobieuk .modal-body {
            padding: 0.938rem;
        }
        .ieukinmh {
            width: 100%;
            text-align: center;
            position: relative;
        }
        .ieukinmh h5 {
            color: #30475e;
            font-weight: bold;
        }
        span.ieuk-msr-count {
            font-weight: normal;
            color: #d55b7d;
            font-size: 0.875rem;
            position: absolute;
            top: 5px;
            right: 0;
        }
        .ieuk-fpr label {
            float: left;
            width: 100%;
            height: auto;
            margin: 0 0 10px 0;
            padding: 0;
            text-align: center;
            cursor: pointer;
        }
        .ieuk-fpr label input {
            display: none;
        }
        .ieuk-fpr label input+span {
            line-height: 30px;
            font-size: 0.875rem;
            text-align: center;
            width: 100%;
            border-radius: 5px;
            background: #f7f8f9;
            color: #30475e;
            font-weight: normal;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            justify-content: center;
        }
        .ieuk-fpr label input:hover+span,
        .ieuk-fpr label input:checked+span {
            background: #d55b7d;
            color: #fff;
        }
        #teacher-feedback-mobieuk p {
            font-size: 0.875rem;
            font-weight: bold;
            color: #30475e;
            text-align: justify;
        }
        .ieuk-fpr {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            -webkit-box-direction: normal;
            -webkit-box-orient: vertical;
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-bottom: 20px;
        }
        .ieukf-tarea {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            font-size: 0.875rem;
            line-height: normal;
            -webkit-box-direction: normal;
            -webkit-box-orient: vertical;
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            color: #30475e;
            margin-top: 10px;
        }
        .ieukf-tarea textarea {
            width: 100%;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            padding: 8px;
            line-height: normal;
            min-height: 130px;
            border: none;
            background: #f7f8f9;
            border-radius: 10px;
            margin: 5px 0 10px 0;
        }
        .ieukf-tarea textarea::-webkit-input-placeholder {
            color: #b6c5df;
        }
        .ieukf-tarea textarea::-moz-placeholder {
            color: #b6c5df;
        }
        .ieukf-tarea textarea:-ms-input-placeholder {
            color: #b6c5df;
        }
        .ieukf-tarea textarea::-ms-input-placeholder {
            color: #b6c5df;
        }
        .ieukf-tarea textarea::placeholder {
            color: #b6c5df;
        }
        a.allfeedbackQuestion {
            display: none;
        }
        /*== feedbacks  ==*/
        /*== complaints  ==*/
        .main .main__content.complaint .scrollbar-table {
            max-height: inherit;
            overflow: inherit;
        }
        .main .main__content.complaint table.ieuktable-sline tbody tr td:nth-last-child(1) {
            position: absolute;
            top: 0;
            right: 0;
            width: auto;
        }
        .main .main__content.complaint table.table.ieuktable-sline tbody tr th:before,
        .main .main__content.complaint table.table.ieuktable-sline tbody tr td:before {
            font-weight: bold;
        }
        .main .main__content.complaint table.table.ieuktable-sline tbody tr th,
        .main .main__content.complaint table.table.ieuktable-sline tbody tr td {
            font-weight: normal;
        }
        .main .main__content.complaint .complaint-table {
            border: none;
        }
        .main__content.complaint .row {
            flex-direction: column-reverse;
        }
        .main__content.complaint .row .complaint-list {
            margin-bottom: 40px;
        }
        .main__content.complaint .row .complaint-form {
            margin-bottom: 1rem;
        }
        .main .main__content.complaint .complaint-form .form-box {
            padding: 0.938rem;
            padding-right: 0;
            padding-bottom: 2.5rem;
        }
        .main .main__content.complaint form#my_form h3 {
            text-align: left;
            margin-bottom: 0.4rem;
        }
        .complaint-form .typebox {
            padding: 1rem;
        }
        /*== complaints  ==*/
        /*== notes  ==*/
        .main.notes .main__content table.table.ieuktable-sline tbody tr th:before,
        .main.notes .main__content table.table.ieuktable-sline tbody tr td:before {
            width: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            font-weight: bold;
        }
        .main.notes .main__content table.table.ieuktable-sline tbody tr th,
        .main.notes .main__content table.table.ieuktable-sline tbody tr td {
            font-weight: normal;
        }
        .main.notes .main__content table.table.ieuktable-sline tbody tr td:nth-last-child(1) {
            position: absolute;
            top: 0;
            right: 0;
            width: auto;
        }
        .filter-sidebar {
            right: -20px;
            /* width: 80vw; */
            max-width: 350px;
        }
        aside.filter-sidebar.openclose {
            right: 0;
            /* width: 80vw; */
            max-width: 350px;
        }
        .main.notes .ilp-heading {
            padding: 1rem 0;
        }
        .share-notes {
            display: none;
        }
        .main.notes .ilp-heading .add-ilp-button {
            margin-left: 0;
            margin-right: 0.5rem;
            line-height: 35px;
        }
        .main.notes .ilp-heading .add-ilp-button span img {
            height: 30px;
        }
        .ieuk-notemdl.add-summary-modal .modal-header {
            -webkit-box-direction: normal;
            -webkit-box-orient: horizontal;
            -webkit-flex-direction: column !important;
            -moz-flex-direction: column !important;
            -ms-flex-direction: column !important;
            flex-direction: column !important;
        }
        .ieuk-notemdl.add-summary-modal .modal-content {
            padding: 0.938rem;
            background: #fff;
        }
        .row.ieuk-h-omob {
            max-width: 100%;
        }
        .ieuk-noteselect.ieuktimeselc-cls {
            width: 100%;
            margin: 5px 0 10px 0;
        }
        .ieuk-notemdl.add-summary-modal .modal-body {
            border: 1px solid #d55b7d;
            padding: 1rem;
        }
        .ieuk-notemdl.add-summary-modal .modal-body h3 {
            font-weight: bold;
            margin-bottom: 15px;
        }
        /*== notes  ==*/
        /*== comman dashbord  ==*/
        .ieuk-h-inmob {
            display: none;
        }
        .summary-heading {
            padding: 1rem 0.938rem;
            -webkit-box-direction: normal;
            -webkit-box-orient: horizontal;
            -webkit-flex-direction: row;
            -moz-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
        }
        .portfolio-heading h1,
        .summary-heading h1 {
            font-size: 22px;
            width: 100%;
            text-align: center;
            margin-bottom: 10px;
        }
        .summary-heading h1 span img {
            height: 25px;
        }
        .summary-heading .ilp-search {
            position: relative;
            width: 100%;
        }
        .summary-heading .ilp-search input.form-control {
            display: block;
            width: 100%;
            margin-right: 0 !important;
        }
        .ilp-heading .nav-pills .nav-link {
            min-width: inherit;
            padding: 0 0.938rem;
            font-size: 0.875rem;
            height: 35px;
            line-height: 35px;
        }
        #pills-tabContent #pills-profile #observation-add1 a.btn {
            min-width: inherit;
            padding: 0 0.938rem;
            font-size: 0.875rem;
            height: 35px;
            line-height: 35px;
        }
        .modal-content,
        .add-summary-modal .modal-content {
            /*padding: 0.938rem;*/
        }
        .add-summary-modal .modal-header {
            border: none;
            padding: 0;
            margin-bottom: 1.5rem;
            -webkit-box-direction: normal;
            -webkit-box-orient: vertical;
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            text-align: center;
        }
        .modal-header .modal-title {
            /*font-size: 1.125rem;
            width: 100%;
            margin-bottom: 10px;
            padding-left: 0rem !important;*/
        }
        .mn_modal_title {
            font-size: 1.125rem;
            width: 100%;
            margin-bottom: 10px;
            padding-left: 0rem !important;
        }
        .add-summary-modal .modal-body {
            padding: 0.938rem;
        }
        /*== comman dashbord  ==*/
        /*== vocabulary ==*/
        .main.ieuk-vocabulary .ilp-heading {
            padding: 0px 15px;
        }
        a.back-button {
            display: none;
        }
        .ieuk-vocabulary hr.hr {
            display: none;
        }
        .main .main-vocab .vocal-nav {
            max-width: 100%;
        }
        .main .main-vocab .vocab-table-container {
            border: none;
            border-radius: 0;
            padding: 0;
            margin-top: 18px;
        }
        .main .main-vocab .vocal-nav .nav-pills .nav-link {
            margin-bottom: 0;
        }
        .main.ieuk-vocabulary .main__content table.table.ieuktable-sline tbody tr th:before,
        .main.ieuk-vocabulary .main__content table.table.ieuktable-sline tbody tr td:before {
            font-weight: bold;
        }
        .main.ieuk-vocabulary .main__content table.table.ieuktable-sline tbody tr th,
        .main.ieuk-vocabulary .main__content table.table.ieuktable-sline tbody tr td {
            font-weight: normal;
        }
        .main.ieuk-vocabulary .ilp-heading * {
            font-size: 0.875rem;
        }
        .main.ieuk-vocabulary .ilp-heading img {
            line-height: 35px;
            height: 30px;
        }
        .main.ieuk-vocabulary .ilp-heading .d-flex.flex-wrap.pull-right {
            margin-left: 0 !important;
        }
        .main.ieuk-vocabulary .ilp-heading .add-ilp-button {
            margin-left: 0;
            margin-right: 0;
        }
        .main.ieuk-vocabulary .ilp-heading {
            -webkit-flex-flow: row nowrap !important;
            -moz-flex-flow: row nowrap !important;
            -ms-flex-flow: row nowrap !important;
            flex-flow: row nowrap !important;
            -webkit-box-pack: space-between !important;
            -ms-flex-pack: space-between !important;
            -webkit-justify-content: space-between !important;
            -moz-justify-content: space-between !important;
            justify-content: space-between !important;
        }
        .main .main-vocab .vocal-nav .nav-pills a {
            margin-bottom: 10px;
        }
        .main .main-vocab .vocal-nav .nav-pills {
            margin-bottom: 0.5rem;
        }
        .main .main-vocab .edit-here {
            padding: 0 0.938rem;
        }
        .main.ieuk-vocabulary .main__content table.table.ieuktable-sline tbody tr th.vocab-sorter {
            position: absolute;
            width: auto;
            top: -70px;
            height: auto;
            line-height: normal;
            padding: 0;
        }
        .main.ieuk-vocabulary .main__content .vocal-atoz table.table.ieuktable-sline tbody tr {
            margin: 50px 0 80px 0;
        }
        /*== vocabulary ==*/
        /*== summery ==*/
        .ieuks-summerys .ilp-heading .add-ilp-button {
            margin-left: 0;
            margin-right: 0;
        }
        /*== summery ==*/
        /*== porfolio_assessment ==*/
        .portfolio-heading h1 {
            padding: 1rem 0.938rem;
        }
        .portfolio-heading h1 span img {
            max-height: 30px;
            width: auto;
            margin-right: 5px !important;
        }
        .main .portfolio_sidea .main__content {
            padding: 0.938rem;
            margin-top: 0 !important;
        }
        .portfolio_assessment_ges h2,
        .portfolio_assessment_ges h2,
        .portfolio_assessment_aes h2 {
            font-size: 1rem;
            font-weight: 600;
            margin-bottom: 20px;
            text-align: center;
        }
        .portfolio_details,
        .progress_details {
            min-width: inherit;
            font-size: 0.938rem;
            padding: 0.5rem 0.9rem;
        }
        .main .portfolio_assessment_ges {
            border-right: none !important;
        }
        .portfolio_assessment_ges {
            height: auto;
            margin-bottom: 20px;
        }
        .main .portfolio_assessment_ges .list-inline,
        .main .portfolio_assessment_aes .list-inline {
            -webkit-box-direction: normal;
            -webkit-box-orient: horizontal;
            -webkit-flex-direction: row;
            -moz-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            -moz-justify-content: space-between;
            justify-content: space-between;
        }
        .portfolio_asesment_table.ieukpa-tbl tbody tr {
            width: 100%;
            display: flex;
            -webkit-box-direction: normal;
            -webkit-box-orient: horizontal;
            -webkit-flex-direction: row;
            -moz-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            -moz-justify-content: space-between;
            justify-content: space-between;
        }
        .portfolio_asesment_table.ieukpa-tbl tbody tr td:first-child,
        .portfolio_asesment_table.ieukpa-tbl thead,
        .portfolio_asesment_table.ieukpa-tbl thead tr th {
            display: none;
        }
        .portfolio_asesment_table.ieukpa-tbl tbody tr.iepa-trwc {
            position: relative;
        }
        .portfolio_asesment_table.ieukpa-tbl tbody tr.iepa-trwc td.iepa-tdwc {
            display: flex;
            position: absolute;
            left: 0;
            top: 0;
            background: #30475e;
            color: #fff;
            width: 100%;
        }
        .portfolio_asesment_table.ieukpa-tbl tbody tr:nth-child(1) td.iepa-tdwc {
            border-radius: 8px 8px 0px 0px;
        }
        .main.ieuk-pappg .portfolio-heading h1 {
            padding: 0;
        }
        .main.ieuk-pappg .portfolio_sideb .custom-content {
            padding: 0.938rem;
            margin-top: 0 !important;
        }
        .main.ieuk-pappg .portfolio_sideb .nav.nav-pills.nav-pills_switch {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            -webkit-justify-content: flex-end;
            -moz-justify-content: flex-end;
            justify-content: flex-end;
            width: 100%;
            margin-bottom: 20px;
        }
        .main.ieuk-pappg .portfolio_sideb .nav.nav-pills.nav-pills_switch+div {
            padding-left: 0 !important;
        }
        .main.ieuk-pappg .portfolio_sideb .nav.nav-pills.nav-pills_switch+div+div {
            padding-right: 0 !important;
        }
        .main.ieuk-pappg a#backp,
        .main.ieuk-pappg a#back {
            position: absolute;
            top: 70px;
            font-size: 1.25rem !important;
        }
        .portfolio_topic {
            padding: 11px 35px 10px 20px;
        }
        .select_topic_modal ul {
            margin: 0;
        }
        #select_learning_modal_aes .modal-dialog,
        #select_topic_modal_aes .modal-dialog,
        #select_learning_modal_ges .modal-dialog,
        #select_topic_modal_ges .modal-dialog {
            max-width: 94%;
        }
        .portfolio_asesment_table.work-record__table thead tr th:nth-child(2),
        .portfolio_asesment_table.work-record__table tbody tr td:nth-child(2) {
            display: none;
        }
        .main.ieuk-pappg .portfolio_asesment_table.work-record__table tbody tr td,
        .main.ieuk-pappg .portfolio_asesment_table.work-record__table thead tr th {
            padding: 0.93rem;
            font-size: 0.8rem;
        }
        .work-record .hidden-tr {
            padding: 0;
        }
        .main .progress_sideb .custom-content {
            padding: 0.938rem;
            margin-top: 0 !important;
        }
        .main .portfolio_sideb .work-record>.col-12,
        .main .progress_sideb .work-record>.col-12,
        .main.ieuk-pappg .portfolio-heading h1 {
            padding: 0;
        }
        .main.ieuk-pappg .portfolio_asesment_table.work-record__table tbody tr.hidden-data td:nth-child(2) {
            display: table-cell;
        }
        .main.ieuk-pappg .portfolio_asesment_table.work-record__table tbody tr.hidden-data td {
            font-weight: normal;
        }
        .main.ieuk-pappg .portfolio_sideb .ilp-heading,
        .main.ieuk-pappg .progress_sideb .ilp-heading,
        .main.ieuk-pappg .main__content {
            padding: 0.938rem;
        }
        .main.ieuk-pappg .progress_sideb .ilp-heading {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            -webkit-justify-content: flex-end;
            -moz-justify-content: flex-end;
            justify-content: flex-end;
            width: 100%;
        }
        /*== porfolio_assessment ==*/
        /*== work-record ==*/
        .work-record .tab-content .nav-tabs {
            padding: 0 0.938rem;
            -webkit-flex-flow: nowrap;
            -moz-flex-flow: nowrap;
            -ms-flex-flow: nowrap;
            flex-flow: nowrap;
        }
        .work-record .tab-content .nav-tabs .nav-link {
            margin-right: 0.8rem;
            padding: 0 0 0.875rem;
            line-height: 30px;
            font-size: 0.8rem;
        }
        .work-record .tab-content .nav-tabs .nav-link.active {
            font-size: 0.9rem;
        }
        .ieuk-wrm .table thead th:nth-child(4),
        .ieuk-wrm .table tbody td:nth-child(4),
        .ieuk-wrm .table thead th:nth-child(5),
        .ieuk-wrm .table tbody td:nth-child(5) {
            display: none;
        }
        .ieuk-wrm .work-record .hidden-tr .topic-block {
            padding: 0.938rem;
            margin: 5px 0;
            width: calc(100% - 30px);
            margin-left: 15px;
        }
        .ieuk-wrm .work-record .hidden-tr {
            text-align: center;
        }
        .ieuk-wrm .hidden-tr .table tbody td:nth-child(4) {
            display: table-cell;
        }
        /*== work-record ==*/
        .functional_language_select select {
            margin-bottom: 0px;
        }
        .certificate_details.functional_language_select {
            text-align: center;
            margin-bottom: 20px;
        }
        /*== work-record ==*/
        /*== functional_language ==*/
        /*== functional_language ==*/
        /*==topic start here==*/
        .true-false .box .true-false_buttons.ieuktf-btnbox {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            -webkit-justify-content: flex-end;
            -moz-justify-content: flex-end;
            justify-content: flex-end;
            -webkit-box-direction: normal;
            -webkit-box-orient: vertical;
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: end;
            -ms-flex-align: end;
            -webkit-align-items: flex-end;
            -moz-align-items: flex-end;
            align-items: flex-end;
        }
        .true-false .box .true-false_buttons.ieuktf-btnbox *:not(last-child) {
            margin-bottom: 2px;
        }
        .true-false .box .true-false_buttons.ieuktf-btnbox * {
            margin-right: 0;
        }
        .create-quiz .quiz-question__form-control {
            width: 100%;
        }
        .create-quiz .quiz-question {
            width: 100%;
        }
        .form-slider .table-slider-box.ietsb-mobv {
            width: 100%;
            -webkit-box-direction: normal;
            -webkit-box-orient: horizontal;
            -webkit-flex-direction: initial;
            -moz-flex-direction: initial;
            -ms-flex-direction: initial;
            flex-direction: initial;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            justify-content: center;
        }
        .form-slider .table-slider-box .table-option.ietsob-mobv {
            width: auto;
            border-left: 1px solid;
            border-color: #dee2e6;
        }
        a.nav-link.active.ieukpb-btnmain {
            margin-bottom: 0.3rem;
        }
        .ieukpb-cucmob .abc-tab.m-auto {
            display: flex;
            width: 100%;
            margin: 0;
        }
        .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul {
            width: 100%;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            justify-content: center;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
        }
        .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item {
            margin: 0;
            margin-right: 0.25rem;
            min-width: inherit;
        }
        .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item:nth-last-child(1) {
            margin-right: 0;
        }
        .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item a.nav-link {
            min-width: inherit;
            width: auto;
            margin: 0;
            padding: 0.3rem 0.6rem;
        }
        .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item a.nav-link.active {
            padding: 0.5rem 0.6rem;
        }
        .course-book .ieukpb-cucmob .heading-right {
            margin-right: 0;
            position: absolute;
            top: 1.2rem;
            right: 70px;
        }
        .course-book .ieukpb-cucmob .expand-option-practice {
            padding: 0;
            margin: 0;
            position: absolute;
            top: 1.2rem;
            right: 1.5rem;
        }
        .draw-image {
            min-height: inherit;
        }
        .task-box_buttons>a {
            margin-bottom: 10px;
        }
        .task-box_buttons a.submit_form {
            width: 100%;
        }
        .true-flase-radio .form-check-input {
            display: none;
        }
        .btn.btn-dark {
            min-width: inherit;
        }
        .course-book .course-content h1 {
            font-size: 1rem;
        }
        .draw-image>a.ieuks-ctdbtn span {
            position: absolute;
            background: white;
            text-align: center;
            width: 100%;
            margin: 0;
            padding: 5px;
        }
        .ieuks-vvvdc {
            width: 100%;
            text-align: center;
            margin-bottom: 1rem;
        }
        .ieuks-vvvdc img {
            max-width: 100%;
            margin: 0 auto;
        }
        .ieuktbl-candossmnt-cntnr .table-heading {
            display: none !important;
        }
        .ieuksm-ttlvvdf+div,
        .ieuksm-ttlvvdf+div+div {
            display: none !important;
        }
        .ieuktbl-candossmnt-cntnr .table-row>div.ieuksm-cdstvvfd {
            font-weight: bold;
        }
        .course-book .table-container .table .table-row .td.ieuksm-ttlvvdf {
            border-top: 1px solid #e0e2e4 !important;
            border-right: 1px solid #e0e2e4 !important;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            justify-content: center;
        }
        .ieuktbl-candossmnt-cntnr .table-row>div.ieuksm-cdstvvfd+div,
        .ieuktbl-candossmnt-cntnr .table-row>div.ieuksm-cdstvvfd {
            width: 100% !important;
            border-right: 1px solid #e0e2e4 !important;
        }
        .ieuktbl-candossmnt .table-row {
            -webkit-flex-flow: column;
            -moz-flex-flow: column;
            -ms-flex-flow: column;
            flex-flow: column;
        }
        .ieuk-vvdfrbtn {
            padding: 1rem 0.5rem !important;
        }
        .ieuktbl-candossmnt-cntnr .table-row>div.ieuksm-cdstvvfd+div+div {
            width: 100%;
        }
        .ieuktbl-candossmnt-cntnr .table-row>div.ieuksm-cdstvvfd+div .ieuk-vvdfrbtn:before {
            content: attr(title);
            width: auto;
            font-weight: bold;
            text-align: left;
            padding: 0;
            left: 10px;
            position: absolute;
            top: 17px;
        }
        .ieuktbl-candossmnt-cntnr .table-row>div+div+div:before {
            content: attr(title);
            width: auto;
            font-weight: bold;
            text-align: left;
            padding: 10px;
            left: 0;
        }
        .ieuktbl-candossmnt .table-row .wm-1001 {
            width: 100%;
        }
        /*==topic end here==*/
        /*==teachcer start her==*/
        .chart .attendance-chart {
            max-width: 300px;
            margin: 2.5rem auto 0;
        }
        .ieuk-timetablem .presentation_block ul li {
            padding: 0 5px 5px 0;
        }
        .table .tutorial__date,
        .table .tutorial__time {
            display: initial;
        }
        .ieuks-tutorial.ieukt-tutorial .ilp-heading .add-ilp-button {
            max-width: 50%;
            width: 50%;
        }
        .ieuks-tutorial.ieukt-tutorial .ilp-heading .search-form {
            max-width: 50%;
            width: 50%;
        }
        .dashboard .main .main__content+div.main__content {
            padding-top: 0;
        }
        .dashboard-tabs .nav-tabs .ieuk-dtmd .tab-icon {
            width: 100%;
            height: 60px;
            text-align: center;
            margin: 0;
            padding: 0;
            display: inline-block;
        }
        .dashboard-tabs .nav-tabs .ieuk-dtmd .tab-detail {
            width: 100%;
            height: auto;
            margin-top: 15px;
            text-align: center;
        }
        .ieuktmenutbs.nav-pills .nav-item .nav-link,
        .ieuktmenutestbtn a.btn.btn-lg.btn-dark {
            font-size: 0.8rem;
            padding: 0.5rem;
        }
        .ilp-heading.main__content>* {
            width: 100%;
            margin-top: 15px;
            /* padding: 0 15px 0 15px; */
        }
        .ilp-heading select.form-control {
            min-width: inherit;
            max-width: inherit;
        }
        .previous_practice_answer_exists_15507574545c6eae4ea867f {
            min-width: 550px;
            padding: 0 10px;
        }
        aside.w-35.course-book__left {
            width: 100% !important;
        }
        .w-65.course-book__right {
            width: 100% !important;
        }
        .course-content .course-tab-content .scrollbar {
            max-height: inherit;
        }
        /*==need in student also========*/
        .true-false .box.box-flex .box__left_radio {
            max-width: 100%;
            padding-right: 5rem;
        }
        .multiple-check .custom-control {
            width: 100% !important;
        }
        .draw-image img {
            max-width: 100%;
            height: auto;
        }
    }
    
        @media (max-width: 575px) {
            .create-profile-block .stepper .step::before {
                left: -22px !important;
            }
            .create-profile-block .stepper .step .step-title::before {
                left: -24px !important;
            }
            ul.stepper:not(.horizontal) > .step:not(:last-child)::after {
                left: -15px !important;
            }
            .main .main__content.ieuks-tutorial,
            .main .main__content.ieuk-ilpm,
            .main .main__content.ieuk-fdbk,
            .main .main__content.ieukt-calllog,
            .main .main__content {
                padding: 1.875rem 15px;
            }
            .main .tab__block_chart .progress {
                width: 50px;
                height: 50px;
            }
            .main .tab__block_chart {
                width: 50px;
            }
            .main .tab-data .tab-data__heading .tab-data__heading_right {
                margin-left: 0;
                margin-top: 1rem;
            }
            main.course-book {
                padding: 1.5rem;
            }
            .course-book .plyr--audio .plyr__controls {
                max-width: 200px;
            }
            .course-book .plyr__controls .plyr__controls__item:first-child {
                right: -56px;
            }
            table.table tbody tr th,
            table.table tbody tr td {
                font-size: 1rem;
            }
            .course-enrolement-card h5 {
                font-size: 0.83rem;
            }
            .course-enrolement-card h4 {
                font-size: 0.83rem;
            }
            .course-enrolement-card .btn {
                min-width: 4.5rem;
                padding: 0.5rem 0.75rem;
                font-size: 0.85rem;
            }
            .main .main__content.ieuks-tutorial table .ieuk-tdrtd {
                font-size: 0.86rem;
            }
            .main .main__content.ieuks-tutorial table.table.ieuktable-sline tbody tr th:before,
            .main .main__content.ieuks-tutorial table.table.ieuktable-sline tbody tr td:before {
                font-size: 0.86rem;
            }
            .main .main__content.ieuks-tutorial table.table.ieuktable-sline tbody tr .ieuktu-mob-tn {
                font-size: 1rem;
            }
            .tutorial-modal .ieuk-tutopopuptitle {
                display: block;
                width: 100%;
                margin-bottom: 0.6rem;
            }
            .tutorial-modal .modal-title-right.ieuks-tumotitle {
                display: block;
                width: 100%;
                padding: 0.5rem 0.8rem;
                font-size: 0.86rem;
            }
            .tutorial-modal .modal-header {
                -webkit-box-direction: normal;
                -webkit-box-orient: vertical;
                -webkit-flex-direction: column;
                -moz-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
            }
            .tutorial-modal .modal-content {
                padding: 0.5rem 0.86rem;
            }
            .tutorial-modal .modal-dialog {
                width: calc(100% - 1rem);
            }
            .summary-heading {
                padding: 1rem 0.938rem;
                -webkit-box-direction: normal;
                -webkit-box-orient: horizontal;
                -webkit-flex-direction: row;
                -moz-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;
            }
            .portfolio-heading h1,
            .summary-heading h1 {
                font-size: 22px;
                width: 100%;
                text-align: center;
                margin-bottom: 10px;
            }
            .summary-heading h1 span img {
                height: 25px;
            }
            .summary-heading .ilp-search {
                position: relative;
                width: 100%;
            }
            .two-click .btn:not(:last-child) {
                margin-right: 0;
            }
            .ieukcc-boxo {
                -webkit-box-direction: normal;
                -webkit-box-orient: vertical;
                -webkit-flex-direction: column;
                -moz-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
            }
            .choice-box p,
            .multiple-check .custom-control {
                margin-bottom: 0.7rem;
            }
            .multiple-check .choice-box {
                margin-bottom: 0.5rem;
            }
            .ieuktmenutbs.nav-pills .nav-item .nav-link,
            .ieuktmenutestbtn a.btn.btn-lg.btn-dark {
                font-size: 0.8rem;
                padding: 0.5rem;
            }
        }
    
    @media (min-width: 0px) and (max-width: 480px) {
        div#stop_recording0.animated__mic__icon.justify-content-center.displayOnly-0.new__stop__button-0 {
            position: absolute;
            left: 0;
            bottom: -45px;
        }
        .audio__controls {
            position: absolute;
            left: 60px;
            bottom: -48px;
        }
        .course-book .course-tab .nav-pills .nav-link,
        .course-book .practice-content .nav-pills .nav-link {
            min-width: inherit;
        }
        .practice-content-heading.course-tab-fixed-heading .heading-right {
            margin-right: 4px;
        }
        .practice-content-heading.course-tab-fixed-heading .expand-option-practice {
            padding-left: 0;
        }
        .course-tab-fixed-footer.etra_options {
            bottom: 40px;
            padding: 5px 20px;
        }
        .erase-modal .modal-footer .btn:not(:last-child) {
            margin-right: 0;
        }
        .main.ieuk-vocabulary .ilp-heading * {
            font-size: 0.69rem;
        }
        .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item {
            margin-right: 0.15rem;
        }
        /*====*/
    }
    
    @media (min-width: 0px) and (max-width: 340px) {
        .main-audio-record-div .delete-icon-right {
            left: 227px;
            top: -10px;
        }
    }
    
    @media (min-width: 0px) and (max-width: 280px) {
        header.mobile-header .mh-logo {
            max-height: 49px;
            margin: 4px auto 0 auto;
            float: none;
            width: 140px;
            padding: 0;
        }
    }
    
    @media only screen and (device-width: 375px) and (device-height: 812px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
        .course-book.fullscreen .course-content,
        .course-book.fullscreen .practice-content {
            height: auto !important;
        }
    }
    
    @media (min-width:767px) and (max-width:1369px) {
        .fl_1 {
            flex: 0 0 100%;
            max-width: 100%;
            text-align: center;
        }
    }
    
    @media (min-width:990px) and (max-width:1200px) {
        .dt_2 {
            position: relative;
            top: -13px;
        }
    }
    
    @media (min-width:930px) and (max-width:1328px) {
        .df_1 {
            flex-direction: column;
        }
        .pr_1 {
            position: relative;
            place-self: end;
            margin-bottom: 5px;
        }
    }
    
    @media (min-width:930px) and (max-width:1222px) {
        .df_1 {
            padding-left: 0.5rem !important;
            padding-right: 0.5rem !important;
        }
        .df_1 .nav li a {
            padding-left: 1rem !important;
            padding-right: 1rem !important;
        }
        .df_1 .nav li {
            margin-right: 7px !important;
        }
    }
    
    @media (max-width:1314px) {
        .mt_10 {
            margin-top: 10px;
        }
    }
    
    @media (min-width:470px) and (max-width:720px) {
        .mw_40 {
            min-width: 70%;
        }
    }
    
    @media (min-width:430px) and (max-width:469px) {
        .mw_33 {
            min-width: 50%;
        }
        .mw_35 {
            min-width: 70%;
        }
        .mw_40 {
            min-width: 70%;
        }
    }
    
    @media (min-width:319px) and (max-width:429px) {
        .mw_33 {
            min-width: 50%;
        }
        .mw_35 {
            min-width: 100%;
        }
        .mw_40 {
            min-width: 100%;
        }
    }
    
    @media (max-width:319px) {
        .mw_33 {
            min-width: 100%;
        }
        .mw_35 {
            min-width: 100%;
        }
        .mw_40 {
            min-width: 100%;
        }
    }
    
    @media (max-width:620px) {
        .w_50 {
            width: 100%;
            margin-top: 5px;
        }
    }
    
    @media (max-width:660px) {
        .cr_1 {
            flex-direction: column-reverse;
        }
        .w_100 {
            width: 100% !important;
        }
    }
    
    @media (min-width:390px) and (max-width:600px) {
        .w_3 {
            width: 45%;
        }
        .w_3:last-child {
            margin-bottom: 5px;
            width: 100%;
        }
    }
    
    @media (max-width:389px) {
        .w_3 {
            width: 100%;
        }
        .w_3:last-child {
            margin-bottom: 5px;
        }
    }
    
    @media (max-width:450px) {
        .w_45 {
            width: 100%;
        }
    }
    
    @media (min-width: 0px) and (max-width: 428px) {
        .course-content.course-content_shrink {
            max-height: 100%;
        }
        .course-content {
            max-height: 100%;
        }
        /*.expand-option-feedback,

    .psp {
        width: 100%;
        display: inline-block;
        padding: 0;
        position: absolute;
        left: 0;
        top: 0;
    }
    span.psp img {
        max-width: 30px;
        max-height: 30px;
        height: auto;
        width: auto;
    }
    ol.progress_status.ieukc-getcerty li.done:after,
    ol.progress_status.ieukc-getcerty li.active:after,
    ol.progress_status.ieukc-getcerty li.done:before,
    ol.progress_status.ieukc-getcerty li.active:before {
        background: #d55b7d;
    }
    .ieukcd-btn {
        min-width: inherit;
    }
    /*== certificate  ==*/
    /*== fees  ==*/
    .main__content h3 {
        font-size: 1.125rem;
        color: #30475e;
        text-align: center;
        font-weight: bold;
    }
    .fee-detail {
        border-bottom: none;
        padding-bottom: 0.5rem;
        margin-bottom: 1rem;
        padding-right: 15px;
    }
    .fee-detail .fee-detail__box {
        max-width: 100%;
    }
    /*== fees  ==*/
    /*== ILP  ==*/
    a.ieuk-ilp-hsb img {
        max-width: 33px;
    }
    .main .main__content.ieuk-ilpm table.table.ieuktable-sline tbody tr th,
    .main .main__content.ieuk-ilpm table.table.ieuktable-sline tbody tr td {
        font-weight: normal;
    }
    .main .main__content.ieuk-ilpm table.table.ieuktable-sline tbody tr th:before,
    .main .main__content.ieuk-ilpm table.table.ieuktable-sline tbody tr td:before {
        margin-right: 0;
        width: 100%;
        display: block;
        margin-bottom: 5px;
        font-weight: bold;
    }
    .main .main__content.ieuk-ilpm table.table.ieuktable-sline tbody td.ieuk-ilp-acn {
        position: absolute;
        top: 5px;
        right: 0;
        width: auto;
    }
    .main .main__content.ieuk-ilpm table.table.ieuktable-sline tbody tr td.ieuk-ilp-acn:before {
        margin: 0;
    }
    .main .ieuk-ilp-acn a {
        margin-right: 0.3rem;
        display: inline-block;
        width: 33px;
        height: auto;
    }
    .main .ieuk-ilp-acn a:nth-last-child(1) {
        margin-right: 0;
    }
    .ieuk-ilp-hsb.on img {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .main .main__content.ieuk-ilpm .ilp-heading {
        padding: 0 0 30px 0;
    }
    .main .main__content.ieuk-ilpm .ilp-heading ul.nav {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .main .main__content.ieuk-ilpm .ilp-heading ul.nav li .nav-link {
        min-width: inherit;
        font-size: 0.8rem;
    }
    .main__content.ieuk-ilpm .ilp-heading .add-ilp-button {
        margin-left: 0;
        margin-right: 0;
        margin-top: 10px;
        width: 50%;
    }
    .main__content.ieuk-ilpm .ilp-heading .ilp-search {
        margin: 0;
        margin-top: 10px;
        width: 50%;
    }
    .main__content.ieuk-ilpm .ilp-heading .ilp-search.addilpbtn-without {
        width: 100%;
    }
    .main .main__content.ieuk-ilpm .ilp-heading {
        flex-direction: row;
    }
    .policy .policy__box {
        width: 100%;
        max-width: 100%;
        border-radius: 0.45rem;
        margin-bottom: 2rem;
        padding: 0.5rem 0.75rem 1.5rem;
        background-color: #f5f5f5;
    }
    .add-ilp-modal .modal-content {
        padding: 0.938rem 1.125rem;
    }
    .add-ilp-modal .modal-body {
        padding: 0.5rem;
    }
    .add-ilp-modal .modal-body .form-check-inline {
        width: auto;
        margin-right: 5px;
    }
    .modal-header .modal-title span img {
        width: 30px;
        height: auto;
    }
    .modal-header .modal-title {
        /*font-size: 1.125rem;*/
    }
    /*== ILP  ==*/
    /*== feedbacks  ==*/
    .main .main__content.ieuk-fdbk .ilp-heading {
        padding: 0 0 20px 0;
    }
    .main .main__content.ieuk-fdbk .ilp-heading .add-ilp-button {
        margin-right: 0;
    }
    .main .main__content.ieuk-fdbk table.table.ieuktable-sline.ieukfbk-tbl tbody tr th:nth-child(1):before,
    .main .main__content.ieuk-fdbk table.table.ieuktable-sline tbody tr td:nth-last-child(1):before {
        margin-right: 0;
    }
    .main .main__content.ieuk-fdbk table.table.ieuktable-sline tbody tr td:nth-last-child(1) {
        position: absolute;
        top: 50%;
        margin: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        width: auto;
        padding: 0;
    }
    .main .main__content.ieuk-fdbk table.table.ieuktable-sline.ieukfbk-tbl tbody tr td {
        font-weight: normal;
    }
    .main .main__content.ieuk-fdbk table.table.ieuktable-sline.ieukfbk-tbl tbody tr th:nth-child(1),
    .main .main__content.ieuk-fdbk table.table.ieuktable-sline tbody tr th:before,
    .main .main__content.ieuk-fdbk table.table.ieuktable-sline tbody tr td:before {
        font-weight: bold;
    }
    .main__content.main__content_full.ieuk-fdbk a.opneAddModel {
        display: none;
    }
    #teacher-feedback-mobieuk .modal-content {
        padding: 0.938rem;
    }
    #teacher-feedback-mobieuk .modal-header {
        padding: 0;
    }
    #teacher-feedback-mobieuk .modal-header .close {
        right: 0.938rem;
    }
    #teacher-feedback-mobieuk .modal-header .close img {
        max-width: 27px;
    }
    #teacher-feedback-mobieuk .modal-header .modal-title {
        font-size: 0.938rem;
    }
    #teacher-feedback-mobieuk .modal-body {
        padding: 0.938rem;
    }
    .ieukinmh {
        width: 100%;
        text-align: center;
        position: relative;
    }
    .ieukinmh h5 {
        color: #30475e;
        font-weight: bold;
    }
    span.ieuk-msr-count {
        font-weight: normal;
        color: #d55b7d;
        font-size: 0.875rem;
        position: absolute;
        top: 5px;
        right: 0;
    }
    .ieuk-fpr label {
        float: left;
        width: 100%;
        height: auto;
        margin: 0 0 10px 0;
        padding: 0;
        text-align: center;
        cursor: pointer;
    }
    .ieuk-fpr label input {
        display: none;
    }
    .ieuk-fpr label input+span {
        line-height: 30px;
        font-size: 0.875rem;
        text-align: center;
        width: 100%;
        border-radius: 5px;
        background: #f7f8f9;
        color: #30475e;
        font-weight: normal;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
    }
    .ieuk-fpr label input:hover+span,
    .ieuk-fpr label input:checked+span {
        background: #d55b7d;
        color: #fff;
    }
    #teacher-feedback-mobieuk p {
        font-size: 0.875rem;
        font-weight: bold;
        color: #30475e;
        text-align: justify;
    }
    .ieuk-fpr {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px;
    }
    .ieukf-tarea {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        font-size: 0.875rem;
        line-height: normal;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        color: #30475e;
        margin-top: 10px;
    }
    .ieukf-tarea textarea {
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 8px;
        line-height: normal;
        min-height: 130px;
        border: none;
        background: #f7f8f9;
        border-radius: 10px;
        margin: 5px 0 10px 0;
    }
    .ieukf-tarea textarea::-webkit-input-placeholder {
        color: #b6c5df;
    }
    .ieukf-tarea textarea::-moz-placeholder {
        color: #b6c5df;
    }
    .ieukf-tarea textarea:-ms-input-placeholder {
        color: #b6c5df;
    }
    .ieukf-tarea textarea::-ms-input-placeholder {
        color: #b6c5df;
    }
    .ieukf-tarea textarea::placeholder {
        color: #b6c5df;
    }
    a.allfeedbackQuestion {
        display: none;
    }
    /*== feedbacks  ==*/
    /*== complaints  ==*/
    .main .main__content.complaint .scrollbar-table {
        max-height: inherit;
        overflow: inherit;
    }
    .main .main__content.complaint table.ieuktable-sline tbody tr td:nth-last-child(1) {
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
    }
    .main .main__content.complaint table.table.ieuktable-sline tbody tr th:before,
    .main .main__content.complaint table.table.ieuktable-sline tbody tr td:before {
        font-weight: bold;
    }
    .main .main__content.complaint table.table.ieuktable-sline tbody tr th,
    .main .main__content.complaint table.table.ieuktable-sline tbody tr td {
        font-weight: normal;
    }
    .main .main__content.complaint .complaint-table {
        border: none;
    }
    .main__content.complaint .row {
        flex-direction: column-reverse;
    }
    .main__content.complaint .row .complaint-list {
        margin-bottom: 40px;
    }
    .main__content.complaint .row .complaint-form {
        margin-bottom: 1rem;
    }
    .main .main__content.complaint .complaint-form .form-box {
        padding: 0.938rem;
        padding-right: 0;
        padding-bottom: 2.5rem;
    }
    .main .main__content.complaint form#my_form h3 {
        text-align: left;
        margin-bottom: 0.4rem;
    }
    .complaint-form .typebox {
        padding: 1rem;
    }
    /*== complaints  ==*/
    /*== notes  ==*/
    .main.notes .main__content table.table.ieuktable-sline tbody tr th:before,
    .main.notes .main__content table.table.ieuktable-sline tbody tr td:before {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        font-weight: bold;
    }
    .main.notes .main__content table.table.ieuktable-sline tbody tr th,
    .main.notes .main__content table.table.ieuktable-sline tbody tr td {
        font-weight: normal;
    }
    .main.notes .main__content table.table.ieuktable-sline tbody tr td:nth-last-child(1) {
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
    }
    .filter-sidebar {
        right: -20px;
        /* width: 80vw; */
        max-width: 350px;
    }
    aside.filter-sidebar.openclose {
        right: 0;
        /* width: 80vw; */
        max-width: 350px;
    }
    .main.notes .ilp-heading {
        padding: 1rem 0;
    }
    .share-notes {
        display: none;
    }
    .main.notes .ilp-heading .add-ilp-button {
        margin-left: 0;
        margin-right: 0.5rem;
        line-height: 35px;
    }
    .main.notes .ilp-heading .add-ilp-button span img {
        height: 30px;
    }
    .ieuk-notemdl.add-summary-modal .modal-header {
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: column !important;
        -moz-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .ieuk-notemdl.add-summary-modal .modal-content {
        padding: 0.938rem;
        background: #fff;
    }
    .row.ieuk-h-omob {
        max-width: 100%;
    }
    .ieuk-noteselect.ieuktimeselc-cls {
        width: 100%;
        margin: 5px 0 10px 0;
    }
    .ieuk-notemdl.add-summary-modal .modal-body {
        border: 1px solid #d55b7d;
        padding: 1rem;
    }
    .ieuk-notemdl.add-summary-modal .modal-body h3 {
        font-weight: bold;
        margin-bottom: 15px;
    }
    /*== notes  ==*/
    /*== comman dashbord  ==*/
    .ieuk-h-inmob {
        display: none;
    }
    .summary-heading {
        padding: 1rem 0.938rem;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .portfolio-heading h1,
    .summary-heading h1 {
        font-size: 22px;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .summary-heading h1 span img {
        height: 25px;
    }
    .summary-heading .ilp-search {
        position: relative;
        width: 100%;
    }
    .summary-heading .ilp-search input.form-control {
        display: block;
        width: 100%;
        margin-right: 0 !important;
    }
    .ilp-heading .nav-pills .nav-link {
        min-width: inherit;
        padding: 0 0.938rem;
        font-size: 0.875rem;
        height: 35px;
        line-height: 35px;
    }
    #pills-tabContent #pills-profile #observation-add1 a.btn {
        min-width: inherit;
        padding: 0 0.938rem;
        font-size: 0.875rem;
        height: 35px;
        line-height: 35px;
    }
    .modal-content,
    .add-summary-modal .modal-content {
        /*padding: 0.938rem;*/
    }
    .add-summary-modal .modal-header {
        border: none;
        padding: 0;
        margin-bottom: 1.5rem;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
    .modal-header .modal-title {
        width: 100%;
    }
    .mn_modal_title {
        font-size: 1.125rem;
        width: 100%;
        margin-bottom: 10px;
        padding-left: 0rem !important;
    }
    .add-summary-modal .modal-body {
        padding: 0.938rem;
    }
    /*== comman dashbord  ==*/
    /*== vocabulary ==*/
    .main.ieuk-vocabulary .ilp-heading {
        padding: 0px 15px;
    }
    a.back-button {
        display: none;
    }
    .ieuk-vocabulary hr.hr {
        display: none;
    }
    .main .main-vocab .vocal-nav {
        max-width: 100%;
    }
    .main .main-vocab .vocab-table-container {
        border: none;
        border-radius: 0;
        padding: 0;
        margin-top: 18px;
    }
    .main .main-vocab .vocal-nav .nav-pills .nav-link {
        margin-bottom: 0;
    }
    .main.ieuk-vocabulary .main__content table.table.ieuktable-sline tbody tr th:before,
    .main.ieuk-vocabulary .main__content table.table.ieuktable-sline tbody tr td:before {
        font-weight: bold;
    }
    .main.ieuk-vocabulary .main__content table.table.ieuktable-sline tbody tr th,
    .main.ieuk-vocabulary .main__content table.table.ieuktable-sline tbody tr td {
        font-weight: normal;
    }
    .main.ieuk-vocabulary .ilp-heading * {
        font-size: 0.875rem;
    }
    .main.ieuk-vocabulary .ilp-heading img {
        line-height: 35px;
        height: 30px;
    }
    .main.ieuk-vocabulary .ilp-heading .d-flex.flex-wrap.pull-right {
        margin-left: 0 !important;
    }
    .main.ieuk-vocabulary .ilp-heading .add-ilp-button {
        margin-left: 0;
        margin-right: 0;
    }
    .main.ieuk-vocabulary .ilp-heading {
        -webkit-flex-flow: row nowrap !important;
        -moz-flex-flow: row nowrap !important;
        -ms-flex-flow: row nowrap !important;
        flex-flow: row nowrap !important;
        -webkit-box-pack: space-between !important;
        -ms-flex-pack: space-between !important;
        -webkit-justify-content: space-between !important;
        -moz-justify-content: space-between !important;
        justify-content: space-between !important;
    }
    .main .main-vocab .vocal-nav .nav-pills a {
        margin-bottom: 10px;
    }
    .main .main-vocab .vocal-nav .nav-pills {
        margin-bottom: 0.5rem;
    }
    .main .main-vocab .edit-here {
        padding: 0 0.938rem;
    }
    .main.ieuk-vocabulary .main__content table.table.ieuktable-sline tbody tr th.vocab-sorter {
        position: absolute;
        width: auto;
        top: -70px;
        height: auto;
        line-height: normal;
        padding: 0;
    }
    .main.ieuk-vocabulary .main__content .vocal-atoz table.table.ieuktable-sline tbody tr {
        margin: 50px 0 80px 0;
    }
    /*== vocabulary ==*/
    /*== summery ==*/
    .ieuks-summerys .ilp-heading .add-ilp-button {
        margin-left: 0;
        margin-right: 0;
    }
    /*== summery ==*/
    /*== porfolio_assessment ==*/
    .portfolio-heading h1 {
        padding: 1rem 0.938rem;
    }
    .portfolio-heading h1 span img {
        max-height: 30px;
        width: auto;
        margin-right: 5px !important;
    }
    .main .portfolio_sidea .main__content {
        padding: 0.938rem;
        margin-top: 0 !important;
    }
    .portfolio_assessment_ges h2,
    .portfolio_assessment_ges h2,
    .portfolio_assessment_aes h2 {
        font-size: 1rem;
        font-weight: 600;
        margin-bottom: 20px;
        text-align: center;
    }
    .portfolio_details,
    .progress_details {
        min-width: inherit;
        font-size: 0.938rem;
        padding: 0.5rem 0.9rem;
    }
    .main .portfolio_assessment_ges {
        border-right: none !important;
    }
    .portfolio_assessment_ges {
        height: auto;
        margin-bottom: 20px;
    }
    .main .portfolio_assessment_ges .list-inline,
    .main .portfolio_assessment_aes .list-inline {
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between;
    }
    .portfolio_asesment_table.ieukpa-tbl tbody tr {
        width: 100%;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between;
    }
    .portfolio_asesment_table.ieukpa-tbl tbody tr td:first-child,
    .portfolio_asesment_table.ieukpa-tbl thead,
    .portfolio_asesment_table.ieukpa-tbl thead tr th {
        display: none;
    }
    .portfolio_asesment_table.ieukpa-tbl tbody tr.iepa-trwc {
        position: relative;
    }
    .portfolio_asesment_table.ieukpa-tbl tbody tr.iepa-trwc td.iepa-tdwc {
        display: flex;
        position: absolute;
        left: 0;
        top: 0;
        background: #30475e;
        color: #fff;
        width: 100%;
    }
    .portfolio_asesment_table.ieukpa-tbl tbody tr:nth-child(1) td.iepa-tdwc {
        border-radius: 8px 8px 0px 0px;
    }
    .main.ieuk-pappg .portfolio-heading h1 {
        padding: 0;
    }
    .main.ieuk-pappg .portfolio_sideb .custom-content {
        padding: 0.938rem;
        margin-top: 0 !important;
    }
    .main.ieuk-pappg .portfolio_sideb .nav.nav-pills.nav-pills_switch {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
        width: 100%;
        margin-bottom: 20px;
    }
    .main.ieuk-pappg .portfolio_sideb .nav.nav-pills.nav-pills_switch+div {
        padding-left: 0 !important;
    }
    .main.ieuk-pappg .portfolio_sideb .nav.nav-pills.nav-pills_switch+div+div {
        padding-right: 0 !important;
    }
    .main.ieuk-pappg a#backp,
    .main.ieuk-pappg a#back {
        position: absolute;
        top: 70px;
        font-size: 1.25rem !important;
    }
    .portfolio_topic {
        padding: 11px 35px 10px 20px;
    }
    .select_topic_modal ul {
        margin: 0;
    }
    #select_learning_modal_aes .modal-dialog,
    #select_topic_modal_aes .modal-dialog,
    #select_learning_modal_ges .modal-dialog,
    #select_topic_modal_ges .modal-dialog {
        max-width: 94%;
    }
    .portfolio_asesment_table.work-record__table thead tr th:nth-child(2),
    .portfolio_asesment_table.work-record__table tbody tr td:nth-child(2) {
        display: none;
    }
    .main.ieuk-pappg .portfolio_asesment_table.work-record__table tbody tr td,
    .main.ieuk-pappg .portfolio_asesment_table.work-record__table thead tr th {
        padding: 0.93rem;
        font-size: 0.8rem;
    }
    .work-record .hidden-tr {
        padding: 0;
    }
    .main .progress_sideb .custom-content {
        padding: 0.938rem;
        margin-top: 0 !important;
    }
    .main .portfolio_sideb .work-record>.col-12,
    .main .progress_sideb .work-record>.col-12,
    .main.ieuk-pappg .portfolio-heading h1 {
        padding: 0;
    }
    .main.ieuk-pappg .portfolio_asesment_table.work-record__table tbody tr.hidden-data td:nth-child(2) {
        display: table-cell;
    }
    .main.ieuk-pappg .portfolio_asesment_table.work-record__table tbody tr.hidden-data td {
        font-weight: normal;
    }
    .main.ieuk-pappg .portfolio_sideb .ilp-heading,
    .main.ieuk-pappg .progress_sideb .ilp-heading,
    .main.ieuk-pappg .main__content {
        padding: 0.938rem;
    }
    .main.ieuk-pappg .progress_sideb .ilp-heading {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
        width: 100%;
    }
    /*== porfolio_assessment ==*/
    /*== work-record ==*/
    .work-record .tab-content .nav-tabs {
        padding: 0 0.938rem;
        -webkit-flex-flow: nowrap;
        -moz-flex-flow: nowrap;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }
    .work-record .tab-content .nav-tabs .nav-link {
        margin-right: 0.8rem;
        padding: 0 0 0.875rem;
        line-height: 30px;
        font-size: 0.8rem;
    }
    .work-record .tab-content .nav-tabs .nav-link.active {
        font-size: 0.9rem;
    }
    .ieuk-wrm .table thead th:nth-child(4),
    .ieuk-wrm .table tbody td:nth-child(4),
    .ieuk-wrm .table thead th:nth-child(5),
    .ieuk-wrm .table tbody td:nth-child(5) {
        display: none;
    }
    .ieuk-wrm .work-record .hidden-tr .topic-block {
        padding: 0.938rem;
        margin: 5px 0;
        width: calc(100% - 30px);
        margin-left: 15px;
    }
    .ieuk-wrm .work-record .hidden-tr {
        text-align: center;
    }
    .ieuk-wrm .hidden-tr .table tbody td:nth-child(4) {
        display: table-cell;
    }
    /*== work-record ==*/
    .functional_language_select select {
        margin-bottom: 0px;
    }
    .certificate_details.functional_language_select {
        text-align: center;
        margin-bottom: 20px;
    }
    /*== work-record ==*/
    /*== functional_language ==*/
    /*== functional_language ==*/
    /*==topic start here==*/
    .true-false .box .true-false_buttons.ieuktf-btnbox {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        align-items: flex-end;
    }
    .true-false .box .true-false_buttons.ieuktf-btnbox *:not(last-child) {
        margin-bottom: 2px;
    }
    .true-false .box .true-false_buttons.ieuktf-btnbox * {
        margin-right: 0;
    }
    .create-quiz .quiz-question__form-control {
        width: 100%;
    }
    .create-quiz .quiz-question {
        width: 100%;
    }
    .form-slider .table-slider-box.ietsb-mobv {
        width: 100%;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: initial;
        -moz-flex-direction: initial;
        -ms-flex-direction: initial;
        flex-direction: initial;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
    }
    .form-slider .table-slider-box .table-option.ietsob-mobv {
        width: auto;
        border-left: 1px solid;
        border-color: #dee2e6;
    }
    a.nav-link.active.ieukpb-btnmain {
        margin-bottom: 0.3rem;
    }
    .ieukpb-cucmob .abc-tab.m-auto {
        display: flex;
        width: 100%;
        margin: 0;
    }
    .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item {
        margin: 0;
        margin-right: 0.25rem;
        min-width: inherit;
    }
    .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item:nth-last-child(1) {
        margin-right: 0;
    }
    .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item a.nav-link {
        min-width: inherit;
        width: auto;
        margin: 0;
        padding: 0.3rem 0.6rem;
    }
    .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item a.nav-link.active {
        padding: 0.5rem 0.6rem;
    }
    .course-book .ieukpb-cucmob .heading-right {
        margin-right: 0;
        position: absolute;
        top: 1.2rem;
        right: 70px;
    }
    .course-book .ieukpb-cucmob .expand-option-practice {
        padding: 0;
        margin: 0;
        position: absolute;
        top: 1.2rem;
        right: 1.5rem;
    }
    .draw-image {
        min-height: inherit;
    }
    .task-box_buttons>a {
        margin-bottom: 10px;
    }
    .task-box_buttons a.submit_form {
        width: 100%;
    }
    .true-flase-radio .form-check-input {
        display: none;
    }
    .btn.btn-dark {
        min-width: inherit;
    }
    .course-book .course-content h1 {
        font-size: 1rem;
    }
    .draw-image>a.ieuks-ctdbtn span {
        position: absolute;
        background: white;
        text-align: center;
        width: 100%;
        margin: 0;
        padding: 5px;
    }
    .ieuks-vvvdc {
        width: 100%;
        text-align: center;
        margin-bottom: 1rem;
    }
    .ieuks-vvvdc img {
        max-width: 100%;
        margin: 0 auto;
    }
    .ieuktbl-candossmnt-cntnr .table-heading {
        display: none !important;
    }
    .ieuksm-ttlvvdf+div,
    .ieuksm-ttlvvdf+div+div {
        display: none !important;
    }
    .ieuktbl-candossmnt-cntnr .table-row>div.ieuksm-cdstvvfd {
        font-weight: bold;
    }
    .course-book .table-container .table .table-row .td.ieuksm-ttlvvdf {
        border-top: 1px solid #e0e2e4 !important;
        border-right: 1px solid #e0e2e4 !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
    }
    .ieuktbl-candossmnt-cntnr .table-row>div.ieuksm-cdstvvfd+div,
    .ieuktbl-candossmnt-cntnr .table-row>div.ieuksm-cdstvvfd {
        width: 100% !important;
        border-right: 1px solid #e0e2e4 !important;
    }
    .ieuktbl-candossmnt .table-row {
        -webkit-flex-flow: column;
        -moz-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
    }
    .ieuk-vvdfrbtn {
        padding: 1rem 0.5rem !important;
    }
    .ieuktbl-candossmnt-cntnr .table-row>div.ieuksm-cdstvvfd+div+div {
        width: 100%;
    }
    .ieuktbl-candossmnt-cntnr .table-row>div.ieuksm-cdstvvfd+div .ieuk-vvdfrbtn:before {
        content: attr(title);
        width: auto;
        font-weight: bold;
        text-align: left;
        padding: 0;
        left: 10px;
        position: absolute;
        top: 17px;
    }
    .ieuktbl-candossmnt-cntnr .table-row>div+div+div:before {
        content: attr(title);
        width: auto;
        font-weight: bold;
        text-align: left;
        padding: 10px;
        left: 0;
    }
    .ieuktbl-candossmnt .table-row .wm-1001 {
        width: 100%;
    }
    /*==topic end here==*/
    /*==teachcer start her==*/
    .chart .attendance-chart {
        max-width: 300px;
        margin: 2.5rem auto 0;
    }
    .ieuk-timetablem .presentation_block ul li {
        padding: 0 5px 5px 0;
    }
    .table .tutorial__date,
    .table .tutorial__time {
        display: initial;
    }
    .ieuks-tutorial.ieukt-tutorial .ilp-heading .add-ilp-button {
        max-width: 50%;
        width: 50%;
    }
    .ieuks-tutorial.ieukt-tutorial .ilp-heading .search-form {
        max-width: 50%;
        width: 50%;
    }
    .dashboard .main .main__content+div.main__content {
        padding-top: 0;
    }
    .dashboard-tabs .nav-tabs .ieuk-dtmd .tab-icon {
        width: 100%;
        height: 60px;
        text-align: center;
        margin: 0;
        padding: 0;
        display: inline-block;
    }
    .dashboard-tabs .nav-tabs .ieuk-dtmd .tab-detail {
        width: 100%;
        height: auto;
        margin-top: 15px;
        text-align: center;
    }
    .ieuktmenutbs.nav-pills .nav-item .nav-link,
    .ieuktmenutestbtn a.btn.btn-lg.btn-dark {
        font-size: 0.8rem;
        padding: 0.5rem;
    }
    .ilp-heading.main__content>* {
        width: 100%;
        margin-top: 15px;
        /* padding: 0 15px 0 15px; */
    }
    .ilp-heading select.form-control {
        min-width: inherit;
        max-width: inherit;
    }
    .previous_practice_answer_exists_15507574545c6eae4ea867f {
        min-width: 550px;
        padding: 0 10px;
    }
    aside.w-35.course-book__left {
        width: 100% !important;
    }
    .w-65.course-book__right {
        width: 100% !important;
    }
    .course-content .course-tab-content .scrollbar {
        max-height: inherit;
    }
    /*==need in student also========*/
    .true-false .box.box-flex .box__left_radio {
        max-width: 100%;
        padding-right: 5rem;
    }
    .multiple-check .custom-control {
        width: 100% !important;
    }
    .draw-image img {
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 0px) and (max-width: 480px) {
    div#stop_recording0.animated__mic__icon.justify-content-center.displayOnly-0.new__stop__button-0 {
        position: absolute;
        left: 0;
        bottom: -45px;
    }
    .audio__controls {
        position: absolute;
        left: 60px;
        bottom: -48px;
    }
    .course-book .course-tab .nav-pills .nav-link,
    .course-book .practice-content .nav-pills .nav-link {
        min-width: inherit;
    }
    .practice-content-heading.course-tab-fixed-heading .heading-right {
        margin-right: 4px;
    }
    .practice-content-heading.course-tab-fixed-heading .expand-option-practice {
        padding-left: 0;
    }
    .course-tab-fixed-footer.etra_options {
        bottom: 40px;
        padding: 5px 20px;
    }
    .erase-modal .modal-footer .btn:not(:last-child) {
        margin-right: 0;
    }
    .main.ieuk-vocabulary .ilp-heading * {
        font-size: 0.69rem;
    }
    .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item {
        margin-right: 0.15rem;
    }
    /*====*/
}

@media (min-width: 0px) and (max-width: 340px) {
    .main-audio-record-div .delete-icon-right {
        left: 227px;
        top: -10px;
    }
}

@media (min-width: 0px) and (max-width: 280px) {
    header.mobile-header .mh-logo {
        max-height: 49px;
        margin: 4px auto 0 auto;
        float: none;
        width: 140px;
        padding: 0;
    }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
    .course-book.fullscreen .course-content,
    .course-book.fullscreen .practice-content {
        height: auto !important;
    }
}

@media (min-width:767px) and (max-width:1369px) {
    .fl_1 {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }
}

@media (min-width:990px) and (max-width:1200px) {
    .dt_2 {
        position: relative;
        top: -13px;
    }
}

@media (min-width:930px) and (max-width:1328px) {
    .df_1 {
        flex-direction: column;
    }
    .pr_1 {
        position: relative;
        place-self: end;
        margin-bottom: 5px;
    }
}

@media (min-width:930px) and (max-width:1222px) {
    .df_1 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    .df_1 .nav li a {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .df_1 .nav li {
        margin-right: 7px !important;
    }
}

@media (max-width:1314px) {
    .mt_10 {
        margin-top: 10px;
    }
}

@media (min-width:470px) and (max-width:720px) {
    .mw_40 {
        min-width: 70%;
    }
}

@media (min-width:430px) and (max-width:469px) {
    .mw_33 {
        min-width: 50%;
    }
    .mw_35 {
        min-width: 70%;
    }
    .mw_40 {
        min-width: 70%;
    }
}

@media (min-width:319px) and (max-width:429px) {
    .mw_33 {
        min-width: 50%;
    }
    .mw_35 {
        min-width: 100%;
    }
    .mw_40 {
        min-width: 100%;
    }
}

@media (max-width:319px) {
    .mw_33 {
        min-width: 100%;
    }
    .mw_35 {
        min-width: 100%;
    }
    .mw_40 {
        min-width: 100%;
    }
}

@media (max-width:620px) {
    .w_50 {
        width: 100%;
        margin-top: 5px;
    }
}

@media (max-width:660px) {
    .cr_1 {
        flex-direction: column-reverse;
    }
    .w_100 {
        width: 100% !important;
    }
}

@media (min-width:390px) and (max-width:600px) {
    .w_3 {
        width: 45%;
    }
    .w_3:last-child {
        margin-bottom: 5px;
        width: 100%;
    }
}

@media (max-width:389px) {
    .w_3 {
        width: 100%;
    }
    .w_3:last-child {
        margin-bottom: 5px;
    }
}

@media (max-width:450px) {
    .w_45 {
        width: 100%;
    }
}

@media (min-width: 0px) and (max-width: 428px) {
    .course-content.course-content_shrink {
        max-height: 100%;
    }
    .course-content {
        max-height: 100%;
    }
    /*.expand-option-feedback,

    .expand-option-course {
        display: none;
    }*/
        .course-book__left {
            padding-right: 0;
            margin-bottom: 20px;
        }
        /*.course-book.fullscreen .course-content {
        padding: 10px;
    }*/
        .course-content .course-tab-fixed-heading {
            padding: 0 2.5rem 0 0;
        }
        .course-book-heading .heading__button {
            margin-bottom: 5px;
        }
        .course-content .course-tab-fixed-heading .title {
            margin-bottom: 5px;
        }
        .tab-footer .overall-feedback {
            padding: 0 0 10px 0;
            text-align: center;
        }
    }
    
    @media (max-width: 767px) {
        .profile_data_title {
            border-bottom: 1px solid #3E5971;
            text-align: left !important;
        }
        .login-main .login-form {
            width: 100% !important;
            background: none;
            height: auto;
            text-align: left;
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .main .profile:last-child {
            padding-left: 1rem;
        }
    }
    /********  Data table row count and search alignment - added by divyesh 26-02-2022  ********/
    
    @media (max-width: 767px) {
        .dataTables_length,
        .dataTables_info {
            /* padding-left: 15px; */
        }
        .dataTables_length,
        .dataTables_filter,
        .dataTables_info {
            /* text-align: left !important; */
        }
        .pagination {
            /* float: left; */
            margin-bottom: 20px !important;
        }
        .course-content .course-tab-content .tab-content {
            min-height: calc(100% - 2rem);
        }
        /* #get_class_reg .ilp-heading .row {
        padding-left: 0 !important;
    } */
        /* #get_class_reg .ilp-heading .row>*:nth-child(odd) {
        padding-left: 0 !important;
    } */
    }
    /*********************************************************************************************/
    
    @media (max-width:576px) {
        .mt-3.presentation_block {
            width: 100%;
        }
        .mt-3.presentation_block ul {
            margin-right: 0;
        }
        .mt-3.presentation_block ul li {
            margin-right: 0.3rem !important;
        }
    }
    
    @media (max-width: 391px) {
        /* .main .ilp-heading .d-flex.justify-content-between {
        display: block !important;
    } */
        .main .ilp-heading .d-flex.justify-content-between #pills-tab {
            margin-bottom: 1rem;
        }
    }
    
    @media (min-width: 0px) and (max-width: 484px) {
        #pills-profile #observation-add1 {
            float: left !important;
            padding-bottom: .5rem;
        }
    }
    
    @media screen and (max-width:767px) {
        .xsm-left a#add_ilp_btn {
            font-size: 0.875rem;
        }
    }
    
    @media screen and (max-width:767px) {
        .work-record #all_dropdown {
            display: none;
        }
        #all_dropdown .row {
            border: 1px solid grey;
            border-radius: 6px;
            box-shadow: 0px 0px 3px 0px #7b7676;
        }
    }
    
    @media screen and (max-width:767px) {
        table.table.ieuktable-sline tbody tr td:last-child {
            padding-top: 0;
            padding-bottom: 0;
        }
    }
    
    @media screen and (max-width:420px) {
        .sm-mob-left {
            margin-left: 0 !important;
        }
    }
    /* ///////////////////////////////////////////////////////////////*/
    
    @media screen and (max-width:767px) {
        table.table.ieuktable-sline tbody.passment-tbody td:not(:last-child) {
            width: 100%;
            text-align: left;
        }
        table.table.ieuktable-sline tbody.passment-tbody td:last-child {
            padding-right: 5px !important;
        }
        table.table.ieuktable-sline tbody.passment-tbody td span.m-badge--wide[style] {
            padding-right: 5px !important;
        }
    }
    /* @media screen and (max-width:842px) {
    .work-record .tab-content .nav-tabs .nav-link.active {
        font-size: 0.9rem;
    }
    .work-record .tab-content .nav-tabs .nav-link {
        font-size: 0.8rem;
    }
} */
    
    @media (min-width: 768px) {
        .work-record .hidden-tr .topic-block {
            /*border: 1px solid #d55b7d;*/
        }
        .work-record .hidden-tr .topic-block table {
          max-width: 40%;
          margin-left: auto;
        }
    }
    
    @media (max-width:767px) {
        .hidden-data .hidden-tr table tr td {
            text-align: left;
        }
        .work-record .hidden-tr {
            padding: 0;
        }
        .hidden-data {
            padding: 0 !important;
            box-shadow: none !important;
        }
        .ieuk-wrm .work-record .hidden-tr .topic-block {
            padding: 0;
            margin: 5px 0;
            margin-left: 0px;
            width: calc(100% - 30px);
            margin-left: 15px;
        }
        .work-record .hidden-tr .topic-block td,
        .work-record .hidden-tr .topic-block th,
        .work-record .hidden-tr .topic-block tr {
            padding: .5rem !important;
            background-color: #f9f9f9;
        }
    }
    /* ////side bar for medium screen/////////// */
    
    @media (min-width: 768px) and (max-width: 991px) {
        .sidebar-menu {
            width: 6rem;
        }
        .sidebar-menu .navbar-profile {
            padding: 0;
        }
        .sidebar-menu .navbar-profile .nav-opener {
            margin-left: 1.4rem;
        }
        .sidebar-menu .navbar {
            padding: 0 0.8rem;
        }
        .main {
            padding-left: 6rem;
        }
        /* .course-book .course-content.course-content-1.bg-white.scrollbar {
            width: 100%;
            height: calc(30vh - 4rem) !important;
            overflow: hidden;
        }
        .speaking-course.flex-wrap.col-lg-6 {
            margin-top: 2rem;
        }
        .course-book.fullscreen .course-content {
            max-width: 100%;
            margin: 1.3rem 0;
            height: calc(85vh - 3rem) !important;
        }
        .course-book.fullscreen .practice-content {
            max-width: 100%;
            height: calc(93vh - 3rem) !important;
            margin: 1.3rem 0;
        }
        .practice-content.pc.bg-white.course-content.expanded-block,
        .course-content.cc.bg-white.course-content-2.expanded-block {
            height: calc(100vh - 3rem) !important;
        } */
        /* .main .main__content {
            padding: 1rem 2rem 2rem;
        } */
    }



    /*/////New Logo////*/
    @media screen and (min-width: 767px){
        .a-logo{
            padding-right: 5px;
        }
        .a-logo img{
            border-right: solid 2px #30475e;
            padding-right: 7px;
        }
    }


    /*//////////////// Audio Player /////////////////*/

    .audioplayer{
        padding: 0 12px;
    }

    .audioplayer-bar::before{
        width: 35px;
    }

    .audioplayer-time-duration{
            margin-left: 20px;
        }

    .audioplayer-time-duration{
        margin-left: 20px;
    }

    


    /*# sourceMappingURL=responsive1.css.map */