:root{--color-primary:#99ac3a;--color-secondary:#007ab8;--color-tertiary:#1ea4a9;--color-state:#4b7e2b;--color-state-hover:#3c6721;--color-state-focus:#3c6721;--color-state-active:#30541a;--color-state-highlight:#f6f9d7;--color-state-highlight-neutral:var(--color-neutral-3);--color-state-disabled:var(--color-neutral-5);--color-neutral-1:#fff;--color-neutral-2:#fafafa;--color-neutral-3:#f7f7f7;--color-neutral-4:#e6e4e4;--color-neutral-5:#c7c7c7;--color-neutral-6:#767676;--color-neutral-7:#262626;--color-background:var(--color-neutral-1);--color-border:var(--color-neutral-5);--color-text:var(--color-neutral-7);--color-text-disabled:var(--color-neutral-5);--color-text-hint:var(--color-neutral-6);--link-color:var(--color-state);--link-color-hover:var(--color-state-hover);--nav-bg-color:#fff;--nav-text-color:var(--color-text);--footer-bg-color:#fff;--footer-text-color:var(--color-text);--footer-text-color-hover:var(--footer-text-color);--btn-accent-color:var(--color-state);--btn-accent-color-active:var(--color-state-active);--btn-accent-color-focus:var(--color-state-focus);--btn-accent-color-disabled:var(--color-state-disabled);--btn-prim-accent-color:var(--color-state);--btn-prim-accent-color-active:var(--color-state-active);--btn-prim-accent-color-focus:var(--color-state-focus);--btn-prim-accent-color-disabled:var(--color-state-disabled)}:root{--nav-bg-color: #042d98;--nav-text-color: #ffffff;--color-primary: #042d98;--btn-prim-accent-color: #042d98;--btn-accent-color: #3b7ff6;--link-color: #042d98;--color-state: #042d98;--color-text: #262626;--footer-bg-color: #001b62;--footer-text-color: #ffffff;--btn-prim-accent-color-focus: #00238e;--btn-prim-accent-color-active: #00127d;--btn-accent-color-focus: #3175ec;--btn-accent-color-active: #2064db;--link-color-hover: #00238e;--color-state-hover: #00238e;--color-state-focus: #00238e;--color-state-active: #00127d;--footer-text-color-hover: #f5f5f5;} /* hide course home page button when on course main page; should only be visible on section pages */ .modtype_label a.hide-course-home { color: white; font-size: .8rem; line-height: 1.5; font-weight: 700; text-transform: none; display: inline-block; padding: 8px 22px; } #page-course-view-topics h2 + ul.topics .hide-course-home { display: none; color: white !important; } /************************* Hide the 3d environment on mobile from the anchor menu *************************/ @media only screen and (max-width: 768px) { .anchormenu a[href*="virtualaodavos"] { display: none !important; } } @media only screen and (min-width: 768px) { .anchormenu a[href*="aodavoscourses"] { display: none !important; } } /************************* Database Module Enhancement *************************/ #page-mod-data-view .comment-list li span.user { font-size: 1.25rem; font-weight: bold; } #page-mod-data-view .comment-list li { margin: 20px 0px; } #page-mod-data-view .comment-list img.userpicture { width: 35px; height: 35px; border-radius: 50%; margin: 5px 5px 15px 5px; } #page-mod-data-view .comment-list li { max-width: 100%; } #page-mod-data-view .comment-list { font-size: inherit !important; } #page-mod-data-view .comment-ctrl { background: #f2f2f2; padding: 1rem; font-size: inherit !important; } #page-mod-data-view .comment-link { background: #f2f2f2 !important; padding: 1rem !important; font-size: 1.2rem !important; } /************************* Database Module Enhancement *************************/ /************************* URL Workaround *************************/ #page-mod-url-view .urlworkaround { font-size: 0; } #page-mod-url-view .urlworkaround a { display: inline-block; padding: 8px 25px 10px; background: #3b7ff6; width: 120px; border-radius: 25px; font-size: 0; height: 40px; color: white; text-decoration: none; } #page-mod-url-view .urlworkaround a:hover { background: #042d98; } #page-mod-url-view .urlworkaround a:before { content: 'Click here'; display: block; font-size: 14px !important; font-weight: bold; } /************************* URL Workaround *************************/ /* Totara 101 & Totara 102 */ .course-430 .course-content .section-summary .section-summary-activities .activity-count, .course-241 .course-content .section-summary .section-summary-activities .activity-count { color: #062B98; } .course-430#page-course-view-topics .availabilityinfo, .course-241#page-course-view-topics .availabilityinfo { font-size: .7rem; padding: 2px 5px; background: #FDF451; color: #062B98; border-radius: 5px; font-weight: bold; } .course-430 .section-summary-activities.mdl-right, .course-241 .section-summary-activities.mdl-right { display: inline-block; float: left; text-align: left; padding: 2px 6px 2px 0px; margin: 0px 3px; } /* Custom Section Header Colors — specific courses only!! */ .course-265#page-course-view-topcoll .course-content ul.ctopics li.section#section-6 .content .sectionhead.toggle span.the_toggle.toggle_open, .course-265#page-course-view-topcoll .course-content ul.ctopics li.section#section-6 .content .sectionhead.toggle span.the_toggle.toggle_closed { background-color: #6299F8; color: white; } .course-265#page-course-view-topcoll .course-content ul.ctopics li.section#section-8 .content .sectionhead.toggle span.the_toggle.toggle_open, .course-265#page-course-view-topcoll .course-content ul.ctopics li.section#section-8 .content .sectionhead.toggle span.the_toggle.toggle_closed { background-color: #6299F8; color: white; } .course-265#page-course-view-topcoll .course-content ul.ctopics li.section#section-11 .content .sectionhead.toggle span.the_toggle.toggle_open, .course-265#page-course-view-topcoll .course-content ul.ctopics li.section#section-11 .content .sectionhead.toggle span.the_toggle.toggle_closed { background-color: #6299F8; color: white; } .course-438#page-course-view-topcoll .course-content ul.ctopics li.section#section-6 .content .sectionhead.toggle span.the_toggle.toggle_open, .course-438#page-course-view-topcoll .course-content ul.ctopics li.section#section-6 .content .sectionhead.toggle span.the_toggle.toggle_closed { background-color: #6299F8; color: white; } .course-438#page-course-view-topcoll .course-content ul.ctopics li.section#section-8 .content .sectionhead.toggle span.the_toggle.toggle_open, .course-438#page-course-view-topcoll .course-content ul.ctopics li.section#section-8 .content .sectionhead.toggle span.the_toggle.toggle_closed { background-color: #6299F8; color: white; } .course-438#page-course-view-topcoll .course-content ul.ctopics li.section#section-11 .content .sectionhead.toggle span.the_toggle.toggle_open, .course-438#page-course-view-topcoll .course-content ul.ctopics li.section#section-11 .content .sectionhead.toggle span.the_toggle.toggle_closed { background-color: #6299F8; color: white; } .course-447#page-course-view-topcoll .course-content ul.ctopics li.section#section-6 .content .sectionhead.toggle span.the_toggle.toggle_open, .course-447#page-course-view-topcoll .course-content ul.ctopics li.section#section-6 .content .sectionhead.toggle span.the_toggle.toggle_closed { background-color: #6299F8; color: white; } .course-447#page-course-view-topcoll .course-content ul.ctopics li.section#section-9 .content .sectionhead.toggle span.the_toggle.toggle_open, .course-447#page-course-view-topcoll .course-content ul.ctopics li.section#section-9 .content .sectionhead.toggle span.the_toggle.toggle_closed { background-color: #6299F8; color: white; } .course-447#page-course-view-topcoll .course-content ul.ctopics li.section#section-13 .content .sectionhead.toggle span.the_toggle.toggle_open, .course-447#page-course-view-topcoll .course-content ul.ctopics li.section#section-13 .content .sectionhead.toggle span.the_toggle.toggle_closed { background-color: #6299F8; color: white; } .course-425#page-course-view-topcoll .course-content ul.ctopics li.section#section-7 .content .sectionhead.toggle span.the_toggle.toggle_open, .course-425#page-course-view-topcoll .course-content ul.ctopics li.section#section-7 .content .sectionhead.toggle span.the_toggle.toggle_closed { background-color: #6299F8; color: white; } .course-425#page-course-view-topcoll .course-content ul.ctopics li.section#section-8 .content .sectionhead.toggle span.the_toggle.toggle_open, .course-425#page-course-view-topcoll .course-content ul.ctopics li.section#section-8 .content .sectionhead.toggle span.the_toggle.toggle_closed { background-color: #6299F8; color: white; } .course-455#page-course-view-topcoll .course-content ul.ctopics li.section#section-7 .content .sectionhead.toggle span.the_toggle.toggle_open, .course-455#page-course-view-topcoll .course-content ul.ctopics li.section#section-7 .content .sectionhead.toggle span.the_toggle.toggle_closed { background-color: #6299F8; color: white; } .course-455#page-course-view-topcoll .course-content ul.ctopics li.section#section-8 .content .sectionhead.toggle span.the_toggle.toggle_open, .course-455#page-course-view-topcoll .course-content ul.ctopics li.section#section-8 .content .sectionhead.toggle span.the_toggle.toggle_closed { background-color: #6299F8; color: white; } .course-455#page-course-view-topcoll .course-content ul.ctopics li.section#section-9 .content .sectionhead.toggle span.the_toggle.toggle_open, .course-455#page-course-view-topcoll .course-content ul.ctopics li.section#section-9 .content .sectionhead.toggle span.the_toggle.toggle_closed { background-color: #6299F8; color: white; } .course-269#page-course-view-topcoll .course-content ul.ctopics li.section#section-4 .content .sectionhead.toggle span.the_toggle.toggle_open, .course-269#page-course-view-topcoll .course-content ul.ctopics li.section#section-4 .content .sectionhead.toggle span.the_toggle.toggle_closed { background-color: #EEF0F5; color: #3B7FF6; } .course-269#page-course-view-topcoll .course-content ul.ctopics li.section#section-8 .content .sectionhead.toggle span.the_toggle.toggle_open, .course-269#page-course-view-topcoll .course-content ul.ctopics li.section#section-8 .content .sectionhead.toggle span.the_toggle.toggle_closed { background-color: #EEF0F5; color: #3B7FF6; } .course-269#page-course-view-topcoll .course-content ul.ctopics li.section#section-11 .content .sectionhead.toggle span.the_toggle.toggle_open, .course-269#page-course-view-topcoll .course-content ul.ctopics li.section#section-11 .content .sectionhead.toggle span.the_toggle.toggle_closed { background-color: #EEF0F5; color: #3B7FF6; } .course-269#page-course-view-topcoll .course-content ul.ctopics li.section#section-14 .content .sectionhead.toggle span.the_toggle.toggle_open, .course-269#page-course-view-topcoll .course-content ul.ctopics li.section#section-14 .content .sectionhead.toggle span.the_toggle.toggle_closed { background-color: #EEF0F5; color: #3B7FF6; } .course-427#page-course-view-topcoll .course-content ul.ctopics li.section#section-7 .content .sectionhead.toggle span.the_toggle.toggle_open, .course-427#page-course-view-topcoll .course-content ul.ctopics li.section#section-7 .content .sectionhead.toggle span.the_toggle.toggle_closed { background-color: #6299F8; color: white; } .course-427#page-course-view-topcoll .course-content ul.ctopics li.section#section-8 .content .sectionhead.toggle span.the_toggle.toggle_open, .course-427#page-course-view-topcoll .course-content ul.ctopics li.section#section-8 .content .sectionhead.toggle span.the_toggle.toggle_closed { background-color: #6299F8; color: white; } /* SUMMARY SHALL NOT BE VISIBLE FOR THIS PARTICULAR COURSE */ #page-mod-quiz-review.course-208 .quizreviewsummary { display: none; } /* REMOVING LINE BREAKS FROM THIS PARTICULAR QUIZ */ .course-208.path-mod-quiz .que .info > br { display: none; } /**************************************** DAVOS COURSES *****************************************/ /************************ Section 0 / Welcome Section horizontal activitites START *************************/ .course-193#page-course-view-topcoll .course-content #section-0 ul.section { display: flex; justify-content: space-around; flex-basis: 1; } .course-193#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .activityicon { width: 80px; height: 80px; margin: auto; } .course-193#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .instancename { width: 100%; text-align: center; margin-left: 0px!important; } .course-193#page-course-view-topcoll .course-content ul #section-0 .content .activity .activityinstance a { width: 100%; margin-right: 0; } .course-193#page-course-view-topcoll .course-content ul #section-0 .content .activityinstance .modname { color: black; text-align: center; top: 0px !important; position: relative !important; } .course-193#page-course-view-topcoll .course-content ul.ctopics li.section#section-0 .activity .contentafterlink { margin-left: auto !important; margin-right: auto !important; margin: auto !important; margin-top: 1rem !important; text-align: center !important; } .course-211#page-course-view-topcoll .course-content #section-0 ul.section { display: flex; justify-content: space-around; flex-basis: 1; } .course-211#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .activityicon { width: 80px; height: 80px; margin: auto; } .course-211#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .instancename { width: 100%; text-align: center; margin-left: 0px!important; } .course-211#page-course-view-topcoll .course-content ul #section-0 .content .activity .activityinstance a { width: 100%; margin-right: 0; } .course-211#page-course-view-topcoll .course-content ul #section-0 .content .activityinstance .modname { color: black; text-align: center; top: 0px !important; position: relative !important; } .course-211#page-course-view-topcoll .course-content ul.ctopics li.section#section-0 .activity .contentafterlink { margin-left: auto !important; margin-right: auto !important; margin: auto !important; margin-top: 1rem !important; text-align: center !important; } .course-227#page-course-view-topcoll .course-content #section-0 ul.section { display: flex; justify-content: space-around; flex-basis: 1; } .course-227#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .activityicon { width: 80px; height: 80px; margin: auto; } .course-227#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .instancename { width: 100%; text-align: center; margin-left: 0px!important; } .course-227#page-course-view-topcoll .course-content ul #section-0 .content .activity .activityinstance a { width: 100%; margin-right: 0; } .course-227#page-course-view-topcoll .course-content ul #section-0 .content .activityinstance .modname { color: black; text-align: center; top: 0px !important; position: relative !important; } .course-227#page-course-view-topcoll .course-content ul.ctopics li.section#section-0 .activity .contentafterlink { margin-left: auto !important; margin-right: auto !important; margin: auto !important; margin-top: 1rem !important; text-align: center !important; } .course-188#page-course-view-topcoll .course-content #section-0 ul.section { display: flex; justify-content: space-around; flex-basis: 1; } .course-188#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .activityicon { width: 80px; height: 80px; margin: auto; } .course-188#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .instancename { width: 100%; text-align: center; margin-left: 0px!important; } .course-188#page-course-view-topcoll .course-content ul #section-0 .content .activity .activityinstance a { width: 100%; margin-right: 0; } .course-188#page-course-view-topcoll .course-content ul #section-0 .content .activityinstance .modname { color: black; text-align: center; top: 0px !important; position: relative !important; } .course-188#page-course-view-topcoll .course-content ul.ctopics li.section#section-0 .activity .contentafterlink { margin-left: auto !important; margin-right: auto !important; margin: auto !important; margin-top: 1rem !important; text-align: center !important; } .course-190#page-course-view-topcoll .course-content #section-0 ul.section { display: flex; justify-content: space-around; flex-basis: 1; } .course-190#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .activityicon { width: 80px; height: 80px; margin: auto; } .course-190#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .instancename { width: 100%; text-align: center; margin-left: 0px!important; } .course-190#page-course-view-topcoll .course-content ul #section-0 .content .activity .activityinstance a { width: 100%; margin-right: 0; } .course-190#page-course-view-topcoll .course-content ul #section-0 .content .activityinstance .modname { color: black; text-align: center; top: 0px !important; position: relative !important; } .course-190#page-course-view-topcoll .course-content ul.ctopics li.section#section-0 .activity .contentafterlink { margin-left: auto !important; margin-right: auto !important; margin: auto !important; margin-top: 1rem !important; text-align: center !important; } .course-189#page-course-view-topcoll .course-content #section-0 ul.section { display: flex; justify-content: space-around; flex-basis: 1; } .course-189#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .activityicon { width: 80px; height: 80px; margin: auto; } .course-189#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .instancename { width: 100%; text-align: center; margin-left: 0px!important; } .course-189#page-course-view-topcoll .course-content ul #section-0 .content .activity .activityinstance a { width: 100%; margin-right: 0; } .course-189#page-course-view-topcoll .course-content ul #section-0 .content .activityinstance .modname { color: black; text-align: center; top: 0px !important; position: relative !important; } .course-189#page-course-view-topcoll .course-content ul.ctopics li.section#section-0 .activity .contentafterlink { margin-left: auto !important; margin-right: auto !important; margin: auto !important; margin-top: 1rem !important; text-align: center !important; } .course-209#page-course-view-topcoll .course-content #section-0 ul.section { display: flex; justify-content: space-around; flex-basis: 1; } .course-209#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .activityicon { width: 80px; height: 80px; margin: auto; } .course-209#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .instancename { width: 100%; text-align: center; margin-left: 0px!important; } .course-209#page-course-view-topcoll .course-content ul #section-0 .content .activity .activityinstance a { width: 100%; margin-right: 0; } .course-209#page-course-view-topcoll .course-content ul #section-0 .content .activityinstance .modname { color: black; text-align: center; top: 0px !important; position: relative !important; } .course-209#page-course-view-topcoll .course-content ul.ctopics li.section#section-0 .activity .contentafterlink { margin-left: auto !important; margin-right: auto !important; margin: auto !important; margin-top: 1rem !important; text-align: center !important; } .course-199#page-course-view-topcoll .course-content #section-0 ul.section { display: flex; justify-content: space-around; flex-basis: 1; } .course-199#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .activityicon { width: 80px; height: 80px; margin: auto; } .course-199#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .instancename { width: 100%; text-align: center; margin-left: 0px!important; } .course-199#page-course-view-topcoll .course-content ul #section-0 .content .activity .activityinstance a { width: 100%; margin-right: 0; } .course-199#page-course-view-topcoll .course-content ul #section-0 .content .activityinstance .modname { color: black; text-align: center; top: 0px !important; position: relative !important; } .course-199#page-course-view-topcoll .course-content ul.ctopics li.section#section-0 .activity .contentafterlink { margin-left: auto !important; margin-right: auto !important; margin: auto !important; margin-top: 1rem !important; text-align: center !important; } .course-219#page-course-view-topcoll .course-content #section-0 ul.section { display: flex; justify-content: space-around; flex-basis: 1; } .course-219#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .activityicon { width: 80px; height: 80px; margin: auto; } .course-219#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .instancename { width: 100%; text-align: center; margin-left: 0px!important; } .course-219#page-course-view-topcoll .course-content ul #section-0 .content .activity .activityinstance a { width: 100%; margin-right: 0; } .course-219#page-course-view-topcoll .course-content ul #section-0 .content .activityinstance .modname { color: black; text-align: center; top: 0px !important; position: relative !important; } .course-219#page-course-view-topcoll .course-content ul.ctopics li.section#section-0 .activity .contentafterlink { margin-left: auto !important; margin-right: auto !important; margin: auto !important; margin-top: 1rem !important; text-align: center !important; } .course-224#page-course-view-topcoll .course-content #section-0 ul.section { display: flex; justify-content: space-around; flex-basis: 1; } .course-224#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .activityicon { width: 80px; height: 80px; margin: auto; } .course-224#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .instancename { width: 100%; text-align: center; margin-left: 0px!important; } .course-224#page-course-view-topcoll .course-content ul #section-0 .content .activity .activityinstance a { width: 100%; margin-right: 0; } .course-224#page-course-view-topcoll .course-content ul #section-0 .content .activityinstance .modname { color: black; text-align: center; top: 0px !important; position: relative !important; } .course-224#page-course-view-topcoll .course-content ul.ctopics li.section#section-0 .activity .contentafterlink { margin-left: auto !important; margin-right: auto !important; margin: auto !important; margin-top: 1rem !important; text-align: center !important; } .course-200#page-course-view-topcoll .course-content #section-0 ul.section { display: flex; justify-content: space-around; flex-basis: 1; } .course-200#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .activityicon { width: 80px; height: 80px; margin: auto; } .course-200#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .instancename { width: 100%; text-align: center; margin-left: 0px!important; } .course-200#page-course-view-topcoll .course-content ul #section-0 .content .activity .activityinstance a { width: 100%; margin-right: 0; } .course-200#page-course-view-topcoll .course-content ul #section-0 .content .activityinstance .modname { color: black; text-align: center; top: 0px !important; position: relative !important; } .course-200#page-course-view-topcoll .course-content ul.ctopics li.section#section-0 .activity .contentafterlink { margin-left: auto !important; margin-right: auto !important; margin: auto !important; margin-top: 1rem !important; text-align: center !important; } .course-201#page-course-view-topcoll .course-content #section-0 ul.section { display: flex; justify-content: space-around; flex-basis: 1; } .course-201#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .activityicon { width: 80px; height: 80px; margin: auto; } .course-201#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .instancename { width: 100%; text-align: center; margin-left: 0px!important; } .course-201#page-course-view-topcoll .course-content ul #section-0 .content .activity .activityinstance a { width: 100%; margin-right: 0; } .course-201#page-course-view-topcoll .course-content ul #section-0 .content .activityinstance .modname { color: black; text-align: center; top: 0px !important; position: relative !important; } .course-201#page-course-view-topcoll .course-content ul.ctopics li.section#section-0 .activity .contentafterlink { margin-left: auto !important; margin-right: auto !important; margin: auto !important; margin-top: 1rem !important; text-align: center !important; } .course-202#page-course-view-topcoll .course-content #section-0 ul.section { display: flex; justify-content: space-around; flex-basis: 1; } .course-202#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .activityicon { width: 80px; height: 80px; margin: auto; } .course-202#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .instancename { width: 100%; text-align: center; margin-left: 0px!important; } .course-202#page-course-view-topcoll .course-content ul #section-0 .content .activity .activityinstance a { width: 100%; margin-right: 0; } .course-202#page-course-view-topcoll .course-content ul #section-0 .content .activityinstance .modname { color: black; text-align: center; top: 0px !important; position: relative !important; } .course-202#page-course-view-topcoll .course-content ul.ctopics li.section#section-0 .activity .contentafterlink { margin-left: auto !important; margin-right: auto !important; margin: auto !important; margin-top: 1rem !important; text-align: center !important; } .course-203#page-course-view-topcoll .course-content #section-0 ul.section { display: flex; justify-content: space-around; flex-basis: 1; } .course-203#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .activityicon { width: 80px; height: 80px; margin: auto; } .course-203#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .instancename { width: 100%; text-align: center; margin-left: 0px!important; } .course-203#page-course-view-topcoll .course-content ul #section-0 .content .activity .activityinstance a { width: 100%; margin-right: 0; } .course-203#page-course-view-topcoll .course-content ul #section-0 .content .activityinstance .modname { color: black; text-align: center; top: 0px !important; position: relative !important; } .course-203#page-course-view-topcoll .course-content ul.ctopics li.section#section-0 .activity .contentafterlink { margin-left: auto !important; margin-right: auto !important; margin: auto !important; margin-top: 1rem !important; text-align: center !important; } .course-204#page-course-view-topcoll .course-content #section-0 ul.section { display: flex; justify-content: space-around; flex-basis: 1; } .course-204#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .activityicon { width: 80px; height: 80px; margin: auto; } .course-204#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .instancename { width: 100%; text-align: center; margin-left: 0px!important; } .course-204#page-course-view-topcoll .course-content ul #section-0 .content .activity .activityinstance a { width: 100%; margin-right: 0; } .course-204#page-course-view-topcoll .course-content ul #section-0 .content .activityinstance .modname { color: black; text-align: center; top: 0px !important; position: relative !important; } .course-204#page-course-view-topcoll .course-content ul.ctopics li.section#section-0 .activity .contentafterlink { margin-left: auto !important; margin-right: auto !important; margin: auto !important; margin-top: 1rem !important; text-align: center !important; } .course-205#page-course-view-topcoll .course-content #section-0 ul.section { display: flex; justify-content: space-around; flex-basis: 1; } .course-205#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .activityicon { width: 80px; height: 80px; margin: auto; } .course-205#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .instancename { width: 100%; text-align: center; margin-left: 0px!important; } .course-205#page-course-view-topcoll .course-content ul #section-0 .content .activity .activityinstance a { width: 100%; margin-right: 0; } .course-205#page-course-view-topcoll .course-content ul #section-0 .content .activityinstance .modname { color: black; text-align: center; top: 0px !important; position: relative !important; } .course-205#page-course-view-topcoll .course-content ul.ctopics li.section#section-0 .activity .contentafterlink { margin-left: auto !important; margin-right: auto !important; margin: auto !important; margin-top: 1rem !important; text-align: center !important; } .course-206#page-course-view-topcoll .course-content #section-0 ul.section { display: flex; justify-content: space-around; flex-basis: 1; } .course-206#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .activityicon { width: 80px; height: 80px; margin: auto; } .course-206#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .instancename { width: 100%; text-align: center; margin-left: 0px!important; } .course-206#page-course-view-topcoll .course-content ul #section-0 .content .activity .activityinstance a { width: 100%; margin-right: 0; } .course-206#page-course-view-topcoll .course-content ul #section-0 .content .activityinstance .modname { color: black; text-align: center; top: 0px !important; position: relative !important; } .course-206#page-course-view-topcoll .course-content ul.ctopics li.section#section-0 .activity .contentafterlink { margin-left: auto !important; margin-right: auto !important; margin: auto !important; margin-top: 1rem !important; text-align: center !important; } .course-207#page-course-view-topcoll .course-content #section-0 ul.section { display: flex; justify-content: space-around; flex-basis: 1; } .course-207#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .activityicon { width: 80px; height: 80px; margin: auto; } .course-207#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .instancename { width: 100%; text-align: center; margin-left: 0px!important; } .course-207#page-course-view-topcoll .course-content ul #section-0 .content .activity .activityinstance a { width: 100%; margin-right: 0; } .course-207#page-course-view-topcoll .course-content ul #section-0 .content .activityinstance .modname { color: black; text-align: center; top: 0px !important; position: relative !important; } .course-207#page-course-view-topcoll .course-content ul.ctopics li.section#section-0 .activity .contentafterlink { margin-left: auto !important; margin-right: auto !important; margin: auto !important; margin-top: 1rem !important; text-align: center !important; } .course-218#page-course-view-topcoll .course-content #section-0 ul.section { display: flex; justify-content: space-around; flex-basis: 1; } .course-218#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .activityicon { width: 80px; height: 80px; margin: auto; } .course-218#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .instancename { width: 100%; text-align: center; margin-left: 0px!important; } .course-218#page-course-view-topcoll .course-content ul #section-0 .content .activity .activityinstance a { width: 100%; margin-right: 0; } .course-218#page-course-view-topcoll .course-content ul #section-0 .content .activityinstance .modname { color: black; text-align: center; top: 0px !important; position: relative !important; } .course-218#page-course-view-topcoll .course-content ul.ctopics li.section#section-0 .activity .contentafterlink { margin-left: auto !important; margin-right: auto !important; margin: auto !important; margin-top: 1rem !important; text-align: center !important; } .course-215#page-course-view-topcoll .course-content #section-0 ul.section { display: flex; justify-content: space-around; flex-basis: 1; } .course-215#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .activityicon { width: 80px; height: 80px; margin: auto; } .course-215#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .instancename { width: 100%; text-align: center; margin-left: 0px!important; } .course-215#page-course-view-topcoll .course-content ul #section-0 .content .activity .activityinstance a { width: 100%; margin-right: 0; } .course-215#page-course-view-topcoll .course-content ul #section-0 .content .activityinstance .modname { color: black; text-align: center; top: 0px !important; position: relative !important; } .course-215#page-course-view-topcoll .course-content ul.ctopics li.section#section-0 .activity .contentafterlink { margin-left: auto !important; margin-right: auto !important; margin: auto !important; margin-top: 1rem !important; text-align: center !important; } .course-216#page-course-view-topcoll .course-content #section-0 ul.section { display: flex; justify-content: space-around; flex-basis: 1; } .course-216#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .activityicon { width: 80px; height: 80px; margin: auto; } .course-216#page-course-view-topcoll .course-content ul li#section-0 .content .activityinstance .instancename { width: 100%; text-align: center; margin-left: 0px!important; } .course-216#page-course-view-topcoll .course-content ul #section-0 .content .activity .activityinstance a { width: 100%; margin-right: 0; } .course-216#page-course-view-topcoll .course-content ul #section-0 .content .activityinstance .modname { color: black; text-align: center; top: 0px !important; position: relative !important; } .course-216#page-course-view-topcoll .course-content ul.ctopics li.section#section-0 .activity .contentafterlink { margin-left: auto !important; margin-right: auto !important; margin: auto !important; margin-top: 1rem !important; text-align: center !important; } /************************ Section 0 / Welcome Section horizontal activitites END *************************/ /**************************************** DAVOS COURSES *****************************************/ .course-233 .dimmed_text { filter: grayscale(1); opacity: .5; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /************************ Topics Format Improvements START *************************/ #page-course-view-topics h3.sectionname { background-color: #EEF0F5; color: #062B98; border: none; border-radius: 0; padding: 15px; } #page-course-view-topics .course-content ul li.section.section-summary .section-title a:after { content: ' \00BB'; float: right; } #page-course-view-topics .course-content ul li.section.section-summary .availabilityinfo { float: right; font-size: .8rem; } #page-course-view-topics .course-content ul li.section.section-summary .section-title a { display: block; } #page-course-view-topics .course-content ul li.section.section-summary { background-color: #EEF0F5; color: #062B98; border: none; border-radius: 0; padding: 15px; } #page-course-view-topics .course-content ul li.section.section-summary .summarytext { max-width: 900px; font-size: .8rem; } #page-course-view-topics .section h3.sectionname { background-color: #EEF0F5; color: #062B98; border: none; border-radius: 0; padding: 15px; } #page-course-view-topics .section#section-0 h3.sectionname { background-color: inherit; } #page-course-view-topics .course-content ul li.section.section-summary .section-title a:after { content: ' \00BB'; float: right; } #page-course-view-topics .course-content ul li.section.section-summary .availabilityinfo { float: right; font-size: .8rem; } #page-course-view-topics .course-content ul li.section.section-summary .section-title a { display: block; } #page-course-view-topics .course-content ul li.section.section-summary { background-color: #EEF0F5; color: #062B98; border: none; border-radius: 0; padding: 15px; } #page-course-view-topics .course-content ul li.section.section-summary .summarytext { max-width: 900px; font-size: .8rem; } /************************ Topics Format Improvements END *************************/ .attostylesbox { padding: 10px; box-sizing: border-box; border-radius: 5px; margin-bottom: 10px; width: 100% } .attostylesbox.attostylesbox-solid { color: white; } .attostylesbox.attostylesbox-outline { background-color: white; border-width: 2px; border-style: solid; } .attostylesbox.attostylesbox-callout { background-color: white; border: 1px solid #eee; border-left-width: 5px; } .attostylesbox.attostylesbox-solid-blue { background-color: #7d9fd3; } .attostylesbox.attostylesbox-solid-green { background-color: #98ca3e; } .attostylesbox.attostylesbox-solid-yellow { background-color: #ffcf35; } .attostylesbox.attostylesbox-solid-red { background-color: #ef4540; } .attostylesbox.attostylesbox-solid-black { background-color: #3a3a3a; } .attostylesbox.attostylesbox-outline-blue { border-color: #7d9fd3; color: #7d9fd3; } .attostylesbox.attostylesbox-outline-green { border-color: #98ca3e; color: #98ca3e; } .attostylesbox.attostylesbox-outline-yellow { border-color: #ffcf35; color: #ffcf35; } .attostylesbox.attostylesbox-outline-red { border-color: #ef4540; color: #ef4540; } .attostylesbox.attostylesbox-outline-black { border-color: #3a3a3a; color: #3a3a3a; } .attostylesbox.attostylesbox-callout-blue { border-left-color: #7d9fd3; } .attostylesbox.attostylesbox-callout-green { border-left-color: #98ca3e; } .attostylesbox.attostylesbox-callout-yellow { border-left-color: #ffcf35; } .attostylesbox.attostylesbox-callout-red { border-left-color: #ef4540; } .attostylesbox.attostylesbox-callout-black { border-left-color: #3a3a3a; } .attostylestextmarker { border-radius: 5px; padding-left: 5px; padding-right: 5px; } .attostylestextmarker.attostylestextmarker-green { background: #99ffcc; } .attostylestextmarker.attostylestextmarker-pink { background: #ffccff; } .attostylestextmarker.attostylestextmarker-yellow { background: #ffffcc; }