.plugin_help_container a.aboutbutton {
    position: absolute;
    top: -50px;
    right: 0;
}

.info-box {
    display: block;
    min-height: 90px;
    background: #ecf0f5 !important;
    width: 100%;
    box-shadow: 0px 1px 6px rgb(0 0 0 / 42%);
    border-radius: 2px;
    margin-bottom: 15px;

}

.info-box-icon {
    width: 38%;
    margin-right: 10px;
}

.info-box-text {
    white-space: normal;
    margin-top: 12px;
    overflow: visible;
}
.info-box-text {
    text-transform: uppercase;
}
.info-box-text {
    display: block;
    text-overflow: ellipsis;
}

.info-box-icon i.fa { color: #fff; }
.lastcol .btn { white-space: nowrap; }

/* CSS for payment secion in user profile */
.payment_list .payment { white-space: nowrap; padding: .5rem 1rem!important; }

@media (min-width: 1366px) {
    .info-box-icon {
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
        display: block;
        float: left;
        height: 90px;
        width: 38%;
        text-align: center;
        font-size: 45px;
        line-height: 90px;
        background: rgba(0,0,0,0.2);
    }
    .info-box-text {
        font-size: 12px;
    }
}
@media screen and (max-width: 1366px) {
    .info-box .info-box-icon {
        width: 100%;
        display: block;
        text-align: center;
        padding: 1rem;
        font-size: 32px;
    }
    .info-box-text {
        font-size: 12px;
        padding-left:10px;
        padding-bottom:10px;

    }


}

/* CSS for M3-503 */

#id_generateurl, #id_export { margin-top: 1rem!important; }
.actions .autocompletion img.icon { margin-right: 0; }
#page-course-view-topics .userlist .no-overflow { overflow-x: auto!important; }
.block_lw_courses .lw_courses_list .coursebox:not(.span12) .course_title:after { background: white!important; }
.block_lw_courses .lw_courses_list .coursebox:not(.span12) .title { text-shadow: none!important; }
.course-content li.section ul { /* overflow-x: auto; */ max-width: 100%; }
#page-course-view-topics .path-site li.activity>div,
#page-course-view-topics .path-course-view li.activity>div
{ min-width: 500px; }
ul.topics li.section ul.section { max-width: 100%; }
@media (max-width: 768px) {
    ul.topics li.section ul.section { max-width: 100%; }
    ul.topics li.section ul.section li.activity > div { min-width: unset; }
    /* ul.topics li.section ul.section li.activity > div:has(.m3-course-card) { min-width: unset; } */
    ul.topics li.section ul.section li.activity > div .mod-indent-outer a.aalink { /* max-width: calc(100% - 195px); */ }
    .format-topics .course-content ul.topics li.section, .format-topics .course-content ul.weeks li.section { overflow-x: auto; }
}
@media (max-width: 576px) {
    ul.topics li.section ul.section li.activity { width: 100%; }
    .format-topics .course-content ul.topics li.section, .format-topics .course-content ul.weeks li.section { overflow-x: auto; }

}
.editing .section .activity .contentwithoutlink .inplaceeditable .quickeditlink, .editing .section .activity .activityinstance .inplaceeditable .quickeditlink { padding-top: 14px; }
.editing .section .activity .editing_move {
    left: 0!important;
    height: 25px!important;
}
.action-menu-item { min-width: 40px!important; }
.bottombar { position: fixed!important; width: 500px!important; right: 0!important; left: auto!important; background-color: #fff!important; }

/*CSS FOR M3-500 */
.comment-details-box .ful_block { flex-direction: column; }

/*CSS FOR M3-1201 */
.c-nav-item-container .nav-icon img.icon { height: 100%!important; }
.block_myoverview .card-body { padding: 1rem!important; }
.card-deck .myoverviewimg.courseimage { background-size: contain!important; background-repeat: no-repeat; background-position: top center!important; }
#back-to-top { bottom: 40px!important; }
.paging-bar-container { opacity: 0; }
.course-box-desc.summary.mb-0 { height: 60px; overflow-y: auto;}
.block_myoverview .card-img, [data-region="recentlyaccessedcourses-view"] .card-img { padding: 0!important; width: calc(100% + 3rem); }
.course-box-content-desc { height: 75px!important; }
.badge.badge-msg.ml-2.px-1.py-0hidden { padding: 0!important; }
#menudayfilter a.dropdown-item:focus { background-color: #212121!important; }
#menudayfilter a.dropdown-item.active:focus { background-color: var(--primary)!important;}
.ygtvcell.ygtvtn, .ygtvcell.ygtvln { display: none; }
.section .activity .activityinstance>a { padding-right: 45px; }
.grades .notanswered { display: inline-block; }
div[data-region="competencylinktree"] div[data-region="link-buttons"] input { margin-left: 1rem; }
.block_calendar_upcoming [data-type=event] { width: calc(80% - 6px); }
.reporttablecontrols .reporttablecontrolscontrol:last-child { width: 100%; }
.progress .progress-bar { color: #fff; }
.fp-iconview .fp-file { width: auto!important; }

@media (min-width: 320px) and (max-width: 767.98px){
    .editing .section .activity .contentwithoutlink, .editing .section .activity .activityinstance {
        width: 100%!important; overflow-x: auto!important;
        margin-top: 2.6rem;
    }
    /* li.yui3-dd-drop { min-width: 520px!important; } */
    marquee { position: relative; display: block; z-index: 9999; top: 62px; }
}

@media (max-width: 767.98px) {
    .nav-tabs { background-color: #fff!important; }
    .nav-tabs .nav-link { padding: 1rem!important; }
    .nav-tabs .nav-link.active { padding: 1rem!important; }
}

@media (min-width: 320px) and (max-width: 767px){
    .c-user-menu .dropdown-menu{background-color: #212121!important;}
    #action-menu-6-menu > a i.fas, #action-menu-6-menu > a i.far{color: #fff!important;}
    .header-settings-menu-box { display: block; }
    #page-mod-quiz-edit .section .activity .editing_move, .block-controls .moodle-core-dragdrop-draghandle { margin-top: -15px; }
    #page-login-index .login-box { max-width: 100%!important; min-width: 100%!important; }
    .settings-menu .singlebutton { margin-left: 0!important; }
    .questionflag.editable { float: none!important; margin-top: 0.5rem; }
}

.bottombar { position: fixed!important; width: 100%!important; }

@media (min-width: 320px) and (max-width: 1199.98px) {
    .editing .section .activity .editing_move {
        left: 0px!important;
        z-index: 3;
    }
}


/* CSS for m3-1201 ends */

/* CSS for M3-1283 starts */

.btn.dropdown-toggle,
.dropdown-toggle {
    padding-right: 1rem!important;
}
.dropdown-toggle:after {
    content: "";
    position: unset!important;
}
.tool_usertours-resettourcontainer {
    position: absolute;
    bottom: 25px;
    left: 10px;
}
.card-body .action-menu-trigger .dropdown-toggle {
    padding: 5px 10px 5px 10px !important;
}
.block_tags .card-body { padding: 1rem; }
.card .card-body { padding: 1rem; }
.block_recentlyaccessedcourses { padding: 0; }
[role=main] .card-title, #region-main .card-title {
    text-align: center;
}
@media (min-width: 992px) {
    #region-main .card-title, [role=main] h5.card-title, [data-region=blocks-main-footer-widget] h5.card-title {
        text-align: left;
    }
}

/* CSS for M3-1283 ends*/

/* Override CSS starts*/
#page-enrol-index [role="main"] {
    max-width: auto;
    max-width: inherit;
}
/* Override CSS ends */

a:has(.m3-widget) { text-decoration: none!important; }

#page-report-progress-index .modicon .icon { margin-right: -6px; } /* M3-1553 */
@media (max-width: 768px) {
    #page-local-melimu_custom-sitesurvey #survey_list,
    .calendarsubs table.generaltable,
    #page-mod-quiz-review .responsehistoryheader .generaltable,
    #page-mod-quiz-comment .responsehistoryheader .generaltable { overflow-x: auto; display: block; }
    .questionflag { float: none!important; }
}
@media (max-width: 576px) {
    #page-mod-scorm-report .boxaligncenter td { display: block; }
    #page-mod-scorm-report .boxaligncenter td .singlebutton { margin-top: 0; }
    #page-mod-scorm-report .boxaligncenter td .singlebutton .btn { display: block; width: 100%; }
}
/* Start: Grading Page */
@media (max-width: 768px) {
    #page-mod-assign-grader [data-region="assignment-info"] .btn {
        float: none!important;
        display: block;
        margin-top: 10px;
    }
    #page-mod-assign-grader [data-region="assignment-info"] { border-bottom: 0; }
    #page-mod-assign-grader [data-region="grading-navigation-panel"] { height: auto; }
    #page-mod-assign-grader [data-region="grading-navigation-panel"] [data-region="user-info"],
    #page-mod-assign-grader [data-region="grading-navigation-panel"] [data-region="user-selector"] { flex: 0 0 100%; width: 100%; }
    #page-mod-assign-grader [data-region="grading-navigation-panel"] [data-region="user-selector"] .alignment .col-12 {
        justify-content: center!important;
        margin-top: 10px;
    }
    #page-mod-assign-grader [data-region="grading-navigation-panel"] [data-region="user-selector"] .alignment .col-12 div:last-child {
        width: 100%;
        text-align: right;
    }
    #page-mod-assign-grader [data-region="grade-actions-panel"] { height: auto; }
    #page-mod-assign-grader [data-region="grade-actions-panel"] .btn { display: block; width: 100%; margin-top: 10px; }
}
/* End: Grading Page */
/* Start: Admin Roles CSS */
#page-admin-roles-define .fitem.row.form-group .felement.col-md-9.form-inline .form-check.w-100 .form-check-input { width: auto!important; min-height: 0!important; }
#page-admin-roles-define .fitem.row.form-group .felement.col-md-9.form-inline .form-check.w-100 { margin: 0!important; }
#page-admin-roles-define table.rolecap input[type="checkbox"] { width: auto!important; min-height: 0!important; }
.table-responsive-wrap { width: 100%!important; overflow-x: auto;}
/* End: Admin Roles CSS */

a.more-less-text { color: var(--maple-primary)!important; }

/* Start: User Portfolio */

/* Start: User Portfolio */
nav.m3-nav-portfolio {
    border: 2px solid var(--maple-primary);
    border-radius: var(--m3-default-radius);
    background: var(--maple-background);
    padding: 2px;
}
nav.m3-nav-portfolio .nav {
    flex-wrap: nowrap;
    overflow: auto;
}
nav.m3-nav-portfolio .nav-item {
    color: var(--maple-primary);
    line-height: 32px;
    font-size: 1rem;
    background: #fff;
    margin: 4px;
}
nav.m3-nav-portfolio .nav-item i {
    background: var(--maple-primary);
    color: #fff;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    line-height: 32px;
    margin-right: 8px;
}
nav.m3-nav-portfolio .nav-item.active {
    background-color: var(--maple-primary)!important;
    border-radius: var(--m3-default-radius!important);
}
nav.m3-nav-portfolio .nav-item.active i {
    color: var(--maple-primary);
    background: #fff;
}
nav.m3-nav-portfolio .nav-item::before {
    height: 0;
}
@media (max-width: 768px) {
    nav.m3-nav-portfolio .nav-item span { display: none; }
    nav.m3-nav-portfolio .nav-item i { margin-right: 0; }
}

@media (max-width: 768px) {
    .breadcrumbs #page-navbar .btn-global-back { display: none; }
}
.activity_navigation_header hr { display: none!important; }
.activity_navigation_header { margin-bottom: 0!important; }
.pagelayout-incourse .activity_navigation_header { margin-bottom: 1rem!important; }
#page-course-info .activity_navigation_header,
#page-enrol-index .activity_navigation_header{ display: none; }
/* End: Custom CSS for Breadcrumb - Back button */

a.more-less-text { color: var(--maple-primary)!important; }
.flexible-wrap { overflow: auto; }
/* M3-2020 */
li.section.hidden, .block.hidden, .block.invisible {
    opacity: 1!important;
}
/* Start: For enroll form */
#enrolform { padding: 3rem 0; }
#enrolform { padding: 0 4rem 3rem; }

/* Start: Course card small */
#course-summary-modal .info-icon { display: none!important; }
.card-deck:has(.col-course-card-sm),
.row:has(.col-course-card-sm) {
    container-type: inline-size;
    container-name: card-deck;
}
.col-course-card-sm { width: 100%!important; flex: 0 0 100%!important; max-width: 100%!important; }
.activityinstance .col-course-card-sm { width: 100%!important; flex: 0 0 100%!important; max-width: 100%!important; }
@container card-deck (min-width: 768px) {
    .col-course-card-sm { width: 50%!important; flex: 0 0 50%!important; max-width: 50%!important; }
    .activityinstance .col-course-card-sm { width: 100%!important; flex: 100%!important; max-width: 100%!important; }
}
@container card-deck (min-width: 992px) {
    .col-course-card-sm { width: 33.33%!important; flex: 0 0 33.33%!important; max-width: 33.33%!important; }
    .activityinstance .col-course-card-sm { width: 70%!important; flex: 70%!important; max-width: 70%!important; }
}
@container card-deck (min-width: 1200px) {
    .col-course-card-sm { width: 25%!important; flex: 25%!important; max-width: 25%!important; }
    .activityinstance .col-course-card-sm { width: 70%!important; flex: 70%!important; max-width: 70%!important; }
}
/* End: Course card small */

/* Start: Custom CSS for Breadcrumb - Back button */
@media (min-width: 768px){
    .breadcrumbs #page-navbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .breadcrumbs #page-navbar ol.breadcrumb {
        margin: 0!important;
    }
}
.activity_navigation_header hr { display: none!important; }
.activity_navigation_header { margin-bottom: 1rem!important; }
/* End: Custom CSS for Breadcrumb - Back button */