.m3_linked_courses {
    padding: 1rem;
    box-shadow: var(--m3-card-shadow);
    margin-bottom: 1.25rem;
    border-radius: var(--m3-card-radius);
}
.m3_linked_courses span {
    display: inline-block;
    margin-bottom: 1rem;
}
.m3_linked_courses ul {
    margin: 0;
    list-style-type: none;
    padding: 0;
}
.m3_linked_courses ul li {
    display: inline-block;
    margin: 0 .75rem .75rem 0;
    background-color: var(--maple-primary-10);
    padding: 4px 8px;
}
.m3_linked_courses ul li::after {
    content: " ";
}


.m3whatsnew.badge {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: m3whatsnew 1s ease-in infinite;
    color: white;
    padding: 2px 6px;
    margin-left: 6px;
    text-indent: 0;
}
@keyframes m3whatsnew {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
/* Start: M3-1204 */

/* Bootstrap Overrides */
.filepicker .yui3-widget-content-expanded {
    height: auto!important;
}
.moodle-dialogue .fp-tableview .fp-content,
.moodle-dialogue .fp-treeview .fp-content,
.moodle-dialogue .fp-repo-items .fp-content { height: auto!important; }
.filepicker .moodle-dialogue-bd {
    height: auto!important;
}
.page-context-header .page-header-headings h2 { margin-bottom: 1rem!important; }

@media (max-width: 768px) {
    .fp-select .fp-select-buttons { float: none!important; }
}
/* style.css */
@media (max-width: 768px) {
    .fp-formset input[type="file"] { width: 100%!important; }
    .file-picker .fp-upload-form, .fp-content-center { display: block!important; }
    .yui3-panel { position: relative!important; }
    #page-mod-quiz-attempt .submitbtns input, #page-mod-quiz-review .submitbtns input { margin: 0 10px 10px 0; }
    .userprofile .page-context-header { display: block; }
    .page-context-header .page-header-image { display: block!important; }
    .page-context-header .page-header-image, .page-context-header .page-header-headings { float: none!important; }
    .page-header-headings+.header-button-group {
        margin-left: 0;
    }

    #page-mod-scorm-player #scormpage #scorm_toc { max-width: 100%!important; width: calc(100% - 20px); }
}
/* End: M3-1204 */

#page-admin-setting-themesettingspace #admin-CustomModal,
#page-admin-setting-themesettingspace #admin-CustomModalContent,
#page-admin-setting-themesettingspace #admin-CustomModalContentHTML
{
    display:none;
}



.circular-progress-more {
    margin-top: .5rem;
    height: 36px;
    width: 36px;
    min-width: 36px;
    text-align: center;
    line-height: 36px;
    background-color: var(--maple-primary-10);
    border-radius: 50%;
    color: var(--maple-primary);
    padding-left: 0px;
    cursor: pointer;
}
.activity-status-wrap .d-flex {
    background: #ffffff;
    border-radius: 16px;
}
.activity-status-wrap { margin-top: .5rem; min-height: 32px; }
.activity-status {
    display: flex;
    align-items: center;
    background: var(--maple-primary-10);
    padding: 4px 8px 4px 4px;
    border-radius: 16px;
    margin-right: 8px;
    cursor: pointer;
    white-space: nowrap;
}
.activity-status i {
    height: 24px;
    width: 24px;
    line-height: 24px;
    text-align: center;
    background: var(--maple-primary);
    color: #fff;
    border-radius: 50%;
    margin-right: 4px;
}
.activity-status > div { line-height: 24px; }
.activity-status div span:first-child {
    max-width: 0;
    display: inline-flex;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
    transition: all .2s ease;
}
.activity-status:hover div span:first-child {
    max-width: 100px;
    margin-right: 6px;
}


.activity-status.completed { background: #34c7591A; }
.activity-status.completed i { background: var(--m3-green); }
.activity-status.in-progress { background: #ff95001A; }
.activity-status.in-progress i { background: var(--m3-orange); }
.activity-status.not-started { background: #ff3b301A; }
.activity-status.not-started i { background: var(--m3-red); }

.activity-status-wrap .circular-progress { cursor: pointer; }

.circular-progress-list {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}
.circular-progress-list span { margin-left: 8px; }
:root {
    --progress-bar-width: 32px;
    --progress-bar-height: 32px;
    --font-size: .75rem;
}
.circular-progress-wrap {
    margin-top: .5rem;
    white-space: nowrap;
    overflow: hidden;
}
.circular-progress-wrap:hover {
    /* padding-bottom: 6px;
    white-space: normal;
    overflow: auto; */
}
.circular-progress-wrap::-webkit-scrollbar {
    height: 3px!important;
}
.circular-progress {
    width: var(--progress-bar-width);
    height: var(--progress-bar-height);
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 3px;
    position: relative;
}
.circular-progress .inner-circle {
    /*     position: absolute; */
    width: calc(var(--progress-bar-width) - 6px);
    height: calc(var(--progress-bar-height) - 6px);
    border-radius: 50%;
    background-color: #ffffff;
}
.circular-progress .percentage {
    position: relative;
    font-size: var(--font-size);
    color: rgb(0, 0, 0, 0.8);
}
.circular-progress img { width: 18px; z-index: 1; }
.collapseexpand,.aabtn{
    display:none;
}
.circular-progress-list .circular-progress { background: white!important; }

#page-wrapper:has(.performanceinfo) {
    height: auto!important;
}
#page-footer.position-fixed:has(.performanceinfo) {
    position: relative!important;
}












.card-deck .ppcol-md-3 { margin-top: 1.5rem!important; }
.m3-course-card.style-1 { margin: 0 .8rem!important; }
.format-package .m3-course-card.style-1 {
    border-color: #a3a3a3!important;
}
.format-package .m3-course-card.style-1:before {
    content: " ";
    border-radius: var(--m3-card-radius);
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 1px 1px 1px white,
    2px 2px 1px white,
        3px 3px 1px #a3a3a3,
    4px 4px 1px white,
    5px 5px 1px white,
    6px 6px 1px #a3a3a3,
    7px 7px 1px white,
    8px 8px 1px white,
    9px 9px 1px #a3a3a3;
}