@import url("https://use.typekit.net/ioc0fwq.css"); /* Parameter Key Defaults: 0. Font-Family 1. Background-Colour 2. Font-Size Masthead 3. Background Colour 6. Border Color 4. Current Role Tab Text Color / Login Bar Text Color 5. Current Role Tab Background Color / Login Bar Background Color 7. Other Role Tab Text Color (DELETE)?? 8. Other Role Tab Background Color (DELETE)?? 7. learnerButtonHoverColor 8. learnerButtonBgHoverColor Buttons 9. Text Color 10. Background Color Tabs 30. Selected Tab Background Colour 33. Selected Tab Text Colour 31. Unselected Tab Background Colour 32. Unselected Tab Text Colour Main Menu 11. Text Color 12. Background Color 13. Current Menu Item Text Color 14. Current Menu Item Background Color 37. Menu Bar Item Separator Content Boxes 15. Background Color 16. Title Background Color 17. Border Color Forms 18. Fieldset Legend Text Color 19. Fieldset and Legend Background Color 20. Fieldset and Legend Border Color Tables 21. Table Header Background Color 22. Table Sub Header Background Color 23. Table Sub Sub Header Background Color 24. Table Sub Sub Sub Header Background Color 25. Table Content Row 0 Background Color 26. Table Content Row 1 Background Color 27. Table Row Dividers Background Color 38. Table Header Text Color 39. Table Sub Header Text Color 40. Table Sub Sub Header Text Color 41. Table Sub Sub Sub Header Text Color 42. Table Row 0 Text Color 43. Table Row 1 Text Color Sections backgrounds 112. Catalogue Menu Background image 45. My Agenda Menu Background image 46. My Courses Menu Background image 47. My Competency Maps Menu Background image 48. My Communications Menu Background image 113. Glossary Menu Background image 49. My Learners Menu Background image 44. Forums Menu Background image 50. Chat Menu Background image 51. Mailbox Menu Background image 52. learnerContentBoxTitleTextColor 114. My Profile Menu Background image Login 53. loginBackground image Home 54. contentPagesBackground Links 28. Text Color 29. Font weight Headings 34. Heading 1 35. Heading 2 36. Heading 3 Course Masthead: 55. Logo Image (Param passed to the template) 56. Background Colour 57. Text Colour 58. Back Icon 59. Next Icon 60. Exit Icon Course Menu Flyout: 61. Background Colour 62. Course Background Color 63. Text Colour 64. Show Course Menu (SCO List) (Param passed to the template) Status Icons: 65. Not Started Icon 66. In Progress Icon 67. Completed and Passed Icon 68. Completed and Failed Icon 69. Completed (no success is being tracked) Icon Resource Icons: 70. Audio Icon 71. Blogger Icon 72. Book Icon 73. Delicious Icon 74. Excel Icon 75. Facebook Icon 77. Flash Icon 78. Flickr Icon 79. Document (unknown type) Icon 80. Image Icon 81. LinkedIn Icon 82. PDF Icon 83. Photobucket Icon 84. Powerpoint Icon 85. Slideshare Icon 86. Twitter Icon 87. Video Icon 88. Vimeo Icon 89. Website Icon 90. Wikipedia Icon 91. Word Icon 92. Wordpress Icon 93. Youtube Icon Assessments: 93. Question Text Color Answer Choices: 94. Answer Choice Text Color 95. Answer Choice Background Color 96. Answer Choice Border Color 97. Answer Hover Selected Text Color 98. Answer Hover Selected Background Color 99. Answer Hover SelectedBorder Color 100. Correct Choice Text Color 101. Correct Choice Background Color 102. Correct Choice Border Color 103. Incorrect Choice Text Color 104. Incorrect Choice Background Color 105. Incorrect Choice Border Color Feedback Messages: 106. Answered Correctly Text Color 107. Answered Correctly Background Color 108. Answered Correctly Border Color 109. Answered Incorrectly Text Color 110. Answered Incorrectly Background Color 111. Answered Incorrectly Border Color Footer: 115: Background Color 116: Background Text Color */ /*declare here the rest of the LESS variables making sure the names are unique and change the css below to use the LESS variable instead of parameter*/ /*??*/ /*old*/ /*end old*/ /* Defaults */ /*body.modal for iframed body.modal (body with a .modal class) only, not for a regular modals!!!*/ body.modal { display: block; position: absolute; height: 100%; width: 100%; overflow: unset; } body.modal.questionnaire { overflow-y: auto !important; } body.modal #log_in_bar, body.modal #masthead, body.modal #footer { display: none; } body { margin: 0px; padding: 0px; background-color: white; font-family: 'Tahoma', 'sans-serif'; font-size: 12pt; line-height: 1.5em; } body.login { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/programLearnerView_00000000-0000-0000-0000-000000000000/loginBackground.gif'); } body.page { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/programLearnerView_00000000-0000-0000-0000-000000000000/contentPagesBackground.gif'); } body form, body textarea, body input, body select { font-family: 'Tahoma', 'sans-serif'; } a { color: #d71921; font-weight: normal; text-decoration: underline; } a:hover { text-decoration: none; } /* Custom Colours */ div.pageHeaderStudent { background-color: white; } /* Login */ div.loginFooterStudent { width: 100%; height: 10px; border-top: solid 6px white; } div.loginContentStudent { float: left; border-left: solid white 70px; border-right: solid white 1px; background-color: white; width: 263px; height: 276px; } div.loginLogoStudent { background-color: white; height: 276px; overflow: hidden; } /* Header (AKA Masthead) */ #masthead, #header { background-color: white; } /* border:solid 1px #ffffff;*/ #masthead #login_info, #login_info.bar { color: #333333; background-color: #f8f9fa; } /* border-bottom:solid 1px #ffffff;*/ #masthead #login_info span.left_corner, #masthead #login_info span.right_corner { background-color: white; } #masthead #login_info span.tab:hover { color: #333333; background-color: white; } #masthead #login_info a, #login_info.bar a { color: #333333; } #masthead #login_info a.btn.log_in, #login_info.bar a.btn.log_in, #login_info.bar a.btn, #masthead #login_info a.btn { color: black; } #masthead #main_menu_tabs a.tab { color: #333333; background-color: white; } /* border-bottom:solid 1px #ffffff;*/ #masthead #search a { background-color: #fce184; color: black; } /* border-bottom:solid 1px #ffffff;*/ #masthead #main_menu_tabs a.tab span.left_corner, #masthead #main_menu_tabs a.tab span.right_corner, #masthead #search.tab span.left_corner, #masthead #search.tab span.right_corner { background-color: white; } #masthead #main_menu_tabs a.tabCurrent { color: #eb2a2a; background-color: white; border-bottom: solid 1px white; } #masthead #main_menu_tabs a.tab:hover { color: #333333; background-color: white; } button.search-close svg.fa-magnifying-glass { display: none; } button.search-btn svg.fa-circle-x { display: none; } #masthead #main_menu_bar { background-color: white; } #masthead #main_menu_bar a.tab { color: #333333; background-color: Transparent; } #masthead #main_menu_bar span.separator { color: white; } #masthead #main_menu_bar a.tabCurrent { color: #eb2a2a; } #masthead #main_menu_bar a.tab:hover { color: #eb2a2a; } /*Content Page*/ #content_page, #login_page, #login_page_slideshow, #content.container { background-color: white; } /* border:solid 1px #ffffff;*/ #content_page div.submenu_container.right { border-left: solid 1px #f6f6f6; } #content_page div.submenu_container.left { border-right: solid 1px #f6f6f6; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Tahoma', 'sans-serif'; } h1 { color: black; } h2 { color: black; } h3 { color: black; } #login_page span.login_form div.dividerLabel span { color: black; } div.note { color: black; } /*#content_page button, #content_page select, #content_page th, #content_page td, {font-family:'Tahoma', 'sans-serif'; font-size:12pt; line-height:1.5em;}*/ hr { background-color: #f6f6f6; color: #f6f6f6; } #catalogue #slideshow div.features { background-color: #fce184; color: black; } select.cohort-select { margin: 0px 10px 0px 0px; } /*Login*/ #login_page span.logo { background-color: white; } /*#login_page span.login_form {background-color:#ffffff}*/ #login_page span.login_form form div span input, #login_page_slideshow span.login_form form div span input { border: solid 1px #f6f6f6; } #login_page span.login_form form div span.button input, #login_page_slideshow span.login_form form div span.button input { border: none 0px Transparent; } #slideshow .container div.index span.current { color: black; } /*TILES*/ #domain_stats_tile { border-top: solid 1px #f6f6f6; border-bottom: solid 1px #f6f6f6; } body.page div.domain_wall_tile { border: solid 1px #f6f6f6; } #custom_features_tile ul li { border-bottom: solid 1px #dddddd; border-top: solid 1px #dddddd; } .metadata.cloud-tag .label { width: auto; font-weight: bold; opacity: 0.8; display: inline-block; color: rgba(0, 0, 0, 0.6); } .metadata.cloud-tag .label:nth-of-type(odd) { color: rgba(0, 0, 0, 0.7); } /*Section Menu*/ #content_page #section_menu h3 { background-color: #666666; } #content_page #section_menu li { background-color: #fefefe; border: solid 1px white; } #content_page #section_menu li span.button span.topleft_corner { background-color: white; } #content_page #section_menu li span.button span.bottomleft_corner, #content_page #section_menu li span.button span.topright_corner, #content_page #section_menu li span.button span.bottomright_corner { background-color: #fce184; } #content_page #section_menu li.catalogue { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/programLearnerView_00000000-0000-0000-0000-000000000000/backgroundimages/studentcatalogue.gif'); } #content_page #section_menu li.myagenda { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/programLearnerView_00000000-0000-0000-0000-000000000000/myAgendaBackground.gif'); } #content_page #section_menu li.mycourses { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/programLearnerView_00000000-0000-0000-0000-000000000000/myCoursesBackground.gif'); } #content_page #section_menu li.mycompetencymaps, #content_page #section_menu li.mylearningpaths { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/programLearnerView_00000000-0000-0000-0000-000000000000/myCompetencyMapsBackground.gif'); } #content_page #section_menu li.mycommunications { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/programLearnerView_00000000-0000-0000-0000-000000000000/myCommunicationsBackground.gif'); } #content_page #section_menu li.glossary { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/programLearnerView_00000000-0000-0000-0000-000000000000/glossaryBackground.gif'); } #content_page #section_menu li.mylearners { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/programLearnerView_00000000-0000-0000-0000-000000000000/myLearnersBackground.gif'); } #content_page #section_menu li.forums { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/programLearnerView_00000000-0000-0000-0000-000000000000/forumsBackground.gif'); } #content_page #section_menu li.chatrooms { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/programLearnerView_00000000-0000-0000-0000-000000000000/chatBackground.gif'); } #content_page #section_menu li.mailbox { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/programLearnerView_00000000-0000-0000-0000-000000000000/mailboxBackground.gif'); } #content_page #section_menu li.profile { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/programLearnerView_00000000-0000-0000-0000-000000000000/myProfileBackground.gif'); } #content_page #section_menu li.background div.section_text { background-color: #666666; } #content_page #section_menu li.background h3 { color: white; background-color: Transparent; } #content_page #section_menu li.background div.text { color: white; } /*Sections 44. Dashboard 45. My Agenda 46. My Courses 47. My Competency Maps 48. My Communications 49. My Learners */ /*Buttons*/ #content_page span.button, #login_page span.button, #searchCourses span.button { background-color: #fce184; color: black; } #content_page span.button span.topleft_corner, #content_page span.button span.bottomleft_corner, #content_page span.button span.topright_corner, #content_page span.button span.bottomright_corner, #login_page span.button span.topleft_corner, #login_page span.button span.bottomleft_corner, #login_page span.button span.topright_corner, #login_page span.button span.bottomright_corner, #searchCourses span.button span.topleft_corner, #searchCourses span.button span.bottomleft_corner, #searchCourses span.button span.topright_corner, #searchCourses span.button span.bottomright_corner { background-color: white; } #search.bar #searchCourses span.button span.topleft_corner, #search.bar #searchCourses span.button span.bottomleft_corner, #search.bar #searchCourses span.button span.topright_corner, #search.bar #searchCourses span.button span.bottomright_corner { background-color: white; } #content_page span.buttonSpacing span.button.Disabled { background-color: #bbddeb; cursor: default; } #content_page span.button.disabled, #login_page span.button.disabled { background-color: #c1dae5; color: #f3f7f9; } #content_page span.dropdown span.dropdown_arrow { background-color: #fce184; color: black; } #content_page input[type=submit], #content_page input[type=button], #content_page input.input_button, #content_page input.button, #login_page span.button input { background-color: #fce184; color: black; } #content_page div.button_container { text-align: right; clear: both; height: 35px; } #content_page div.button_container.left { text-align: left; clear: both; height: 35px; } #content_page div.button_container span.button { margin-left: 10px; } #content_page div.button_container.left span.button { float: none; margin-right: 10px; } #content_page div.button_container input.button { background-color: #fce184; color: black; border: none; } #content_page span.button.Disabled { background-color: #dddddd; } /*Tabs Tabs 30. Selected Tab Background Colour 32. Selected Tab Text Colour 31. Unselected Tab Background Colour 33. Unselected Tab Text Colour*/ #content_page #tabs { border-bottom: solid 1px #d71921; } #content_page #tabs span.tab { color: white; background-color: white; border-bottom: solid 1px white; } #content_page #tabs span.tab span.left_corner, #content_page #tabs span.tab span.right_corner { background-color: white; } #content_page #tabs span.currentTab { color: #333333; background-color: #d71921; border-bottom: solid 1px #d71921; } #content_page #tabs span.tab:hover { color: #333333; background-color: #d71921; } /*Tables*/ #content_page table thead th, #content_page table tr.tableHeader td { background-color: white; color: black; border-bottom: solid 1px #f6f6f6; border-right: solid 1px white; } #content_page table tbody tr.tableSubHeader { background-color: #cccccc; color: white; border-bottom: solid 1px #f6f6f6; } #content_page table tbody tr.tableSubSubHeader { background-color: #f4f2f2; color: white; border-bottom: solid 1px #f6f6f6; } #content_page table tbody tr.tableRow1, #content_page table tbody tr.tableRow:nth-child(even) { background-color: white; color: black; border-bottom: solid 1px #f6f6f6; } #content_page table tbody tr.tableRow0, #content_page table tbody tr.tableRow:nth-child(odd) { background-color: #fefefe; color: black; border-bottom: solid 1px #f6f6f6; } #content_page table tbody td { border-right: solid 1px white; } div#mycourse div.box div.wrapper { background-color: white; color: black; } /*fieldsets*/ #content_page fieldset { border: solid 1px white; background-color: white; } #content_page fieldset legend { color: #d71921; background-color: white; } #content_page fieldset div:hover, #content_page #CustomMetadata_FieldTable tbody tr:hover { background-color: white; } #content_page fieldset span.label, #content_page span.label, #content_page #MyForums #section_menu li div h4, .label { color: black; } #content_page fieldset #openIDLoginDiv div.dividerLabel span { background-color: white; } #content_page fieldset table.optionsgrid td.dividerLabel span { background-color: white; } /*Login*/ #login_page span.login_form { background-color: white; } #login_page p.login_welcome_text { color: black; } /*My Agenda*/ #content_page div.dateHeader { background-color: white; color: black; border-bottom: solid 1px #f6f6f6; } #content_page ol.eventList li.dateHeader { background-color: #cccccc; color: white; border-bottom: solid 1px #f6f6f6; } #content_page ol.eventList li.event { border-bottom: solid 1px #f6f6f6; } #content_page ol.eventList li.row0 { background-color: #fefefe; } #content_page ol.eventList li.row1 { background-color: white; } /*Catalogue 25. Table Content Row 0 Background Color 26. Table Content Row 1 Background Color 9. Button Text Color 10. Button Background Color */ #catalogue #categories li.item1, #catalogue #courses li.item1, #catalogue #course_details li.item1 { background-color: #fefefe; } #catalogue #categories li.item0, #catalogue #courses li.item0, #catalogue #course_details li.item0 { background-color: white; } #catalogue #categories li.item0:hover, #catalogue #courses li.item0:hover, #catalogue #course_details li.item0:hover, #catalogue #categories li.item1:hover, #catalogue #courses li.item1:hover, #catalogue #course_details li.item1:hover { background-color: #dddddd; } #catalogue #courses li div.type, #catalogue #course_details li div.type, #content_page #MyForums #section_menu li span.type, #content_page #Courses ol.course_list li.course > div.type { background-color: #fce184; color: black; } /*My Courses*/ #content_page #MyCourses #tabs { border-bottom: solid 1px #d71921; } #content_page #MyCourses #tabs span.tab { color: #333333; background-color: white; border-bottom: solid 1px white; } #content_page #MyCourses #tabs span.tab span.left_corner, #content_page #MyCourses #tabs span.tab span.right_corner { background-color: white; } #content_page #MyCourses #tabs span.currentTab { color: white; background-color: #d71921; border-bottom: solid 1px #d71921; } #content_page #MyCourses #tabs span.tab:hover { color: white; background-color: #d71921; } #content_page #Courses div.program { border-bottom: solid 1px #f6f6f6; background-color: white; color: black; } #content_page #Courses ol.course_list { border-bottom: solid 1px #f6f6f6; } /* background-color:#ffffff;*/ /*#content_page #Courses ol.course_list li.course {}border-bottom:solid 1px #f6f6f6;*/ #content_page #Courses ol.course_list li.course:hover { background-color: #dddddd; } #content_page #Courses ol.course_list li.course span.details { border-left: solid 1px #f6f6f6; } #content_page #Courses ol.course_list li.row0 { background-color: #fefefe; } #content_page #Courses ol.course_list li.row1 { background-color: white; } #content_page #Courses ol.course_list li div span.disabled { background-color: #dddddd; } #content_page #Courses ol.course_list li.course div span.label { color: black; } /*ecommerce #progress_bar {border-bottom:dotted 1px #f6f6f6;}*/ span.instructions { color: black; } #progress_bar span.arrow { color: #d71921; } #progress_bar span.step { color: #d71921; } #progress_bar span.step.current { color: #d71921; } #progress_bar span.step.completed { color: #d71921; } #progress_bar span.step span.number { background-color: #d71921; color: white; } /* 30. Selected Tab Background Colour 33. Selected Tab Text Colour 31. Unselected Tab Background Colour 32. Unselected Tab Text Colour*/ /*My Learning Paths*/ #content_page #LearningPaths div.program { border-bottom: solid 1px #f6f6f6; background-color: white; color: black; } #content_page #LearningPaths ol.learningPath_list { border-bottom: solid 1px #f6f6f6; background-color: white; color: black; } #content_page #LearningPaths ol.learningPath_list li.course { border-bottom: solid 1px #f6f6f6; } #content_page #LearningPaths ol.learningPath_list li.row0 { background-color: #fefefe; } #content_page #LearningPaths ol.learningPath_list li.row1 { background-color: white; } #content_page #LearningPaths ol.learningPath_list li div span.disabled { background-color: #dddddd; } #content_page #Courses ol.course_list li ol.objectives_list li.objective > h3 { background-color: #cccccc; color: white; border-bottom: solid 1px #f6f6f6; } #content_page #Courses ol.course_list li div.LP_details_overlay ol.objectives_list li.highlight, #content_page #Courses ol.course_list li div.LP_details_overlay ol.objectives_list li.last.highlight, #mycourse div.LP_details_overlay ol.objectives_list li.highlight, #mycourse div.LP_details_overlay ol.objectives_list li.last.highlight { background-color: #dddddd; } /*Transcript*/ #content_page #CourseReport { background-color: #fefefe; } #content_page #ProgressOverview { background-color: #fefefe; } body.Transcript .learner-info .custom-field { margin-bottom: 10px; } body.Transcript .learner-info .custom-field label { width: auto; font-weight: bold; margin-right: 5px; margin-bottom: 0px; } body.Transcript .learner-info .md-values .md-value { margin-right: 5px; } /*My Agenda*/ #content_page #References div.dateHeader { border-bottom: solid 1px #f6f6f6; background-color: white; color: black; } #content_page #References ul li.referenceHeader { border-bottom: solid 1px #f6f6f6; background-color: #cccccc; } #content_page #References ul li.reference { border-bottom: solid 1px #f6f6f6; } #content_page #References ul li.row0 { background-color: #fefefe; } #content_page #References ul li.row1 { background-color: white; } /*Forums*/ #forum_threads li.votes-high, #one_post li.votes-high { background-color: #d71921; color: white; border: solid 1px #d71921; } #forum_threads li.votes-high h3, #one_post li.votes-high h3 { color: white; } #forum_threads li.votes-low, #one_post li.votes-low { background-color: white; color: #d71921; border: solid 1px #d71921; } #forum_threads li.votes-low h3, #one_post li.votes-low h3 { color: #d71921; } #forum_threads li.answers-high, #one_post li.answers-high { background-color: #d71921; color: white; border: solid 1px #d71921; } #forum_threads li.answers-high h3, #one_post li.answers-high h3 { color: white; } #forum_threads li.answers-low, #one_post li.answers-low { background-color: white; color: #d71921; border: solid 1px #d71921; } #forum_threads li.answers-low h3, #one_post li.answers-low h3 { color: #d71921; } #forum_threads li.views-high, #one_post li.views-high { background-color: #d71921; color: white; border: solid 1px #d71921; } #forum_threads li.views-high h3, #one_post li.views-high h3 { color: white; } #forum_threads li.views-low, #one_post li.views-low { background-color: white; color: #d71921; border: solid 1px #d71921; } #forum_threads li.views-low h3, #one_post li.views-low h3 { color: #d71921; } li.question_details span.author_photo { border: solid 1px white; } li.question_details h4 { color: #d71921; } #one_post ul li.question_details span.author_photo, #one_post ul.original_post li.author span.author_photo { border: solid 1px white; } #userProfile img.bio_photo { border: solid 1px white; } #forum_details { background-color: #fefefe; } #forum_threads li.row0 { background-color: #fefefe; } #forum_threads li.row1 { background-color: white; } #one_post ul.original_post, #one_post #post_reply_form { background-color: #fefefe; } #one_post ul.row0 { background-color: #fefefe; } #one_post ul.row1 { background-color: white; } #one_post ul ul { border-bottom: none; } #one_post ul li.stats ul li.vote_button { background-color: #d71921; border: solid 1px #d71921; color: white; } .author-pull-left .body { width: 100%; float: left; padding-left: 5px; } /*Footer*/ #footer div.copyright { color: black; } #footer.container, #footer.container .copyright, #footer.container a { color: black; } /* Buttons */ span.MyCalendar-tabSelected { background-color: #d71921; display: inline-block; color: #333333; cursor: pointer; padding: 10px; margin: 10px 10px 0px 0px; } span.MyCalendar-tabNotSelected { background-color: white; display: inline-block; color: #333333; cursor: pointer; padding: 10px; margin: 10px 10px 0px 0px; } /* Breadcrumbs */ #breadcrumbs a, #breadcrumbs li > *, #breadcrumbs li > a { color: #d71921; font-size: 0.8em; font-weight: normal; line-height: 1.1em; text-decoration: none; cursor: hand; } #breadcrumbs a:hover { color: #d71921; text-decoration: underline; } /* Menu and Section Header Box Styles */ /* Content Header (Contains the top corners and page title or menu box title and includes the shorter background image) */ #contentBox1Student div.contentHeader, #menuBox1Student div.contentHeader, #contentBox2Student div.contentHeader, #menuBox2Student div.contentHeader, #contentBox3Student div.contentHeader, #menuBox3Student div.contentHeader, #contentBox4Student div.contentHeader, #menuBox4Student div.contentHeader, #contentBox5Student div.contentHeader, #menuBox5Student div.contentHeader, #contentBox6Student div.contentHeader, #menuBox6Student div.contentHeader, #contentBox7Student div.contentHeader, #menuBox7Student div.contentHeader, #contentBoxCustom div.contentHeader, #menuBoxCustom div.contentHeader { background-color: white; margin: 0px 0px 0px 0px; border-top: solid 1px white; border-right: solid 1px white; } /* Content Title (Contains the page title or menu box title and includes the taller background image) */ #contentBox1Student td.contentTitle, #menuBox1Student td.contentTitle, #contentBox2Student td.contentTitle, #menuBox2Student td.contentTitle, #contentBox3Student td.contentTitle, #menuBox3Student td.contentTitle, #contentBox4Student td.contentTitle, #menuBox4Student td.contentTitle, #contentBox5Student td.contentTitle, #menuBox5Student td.contentTitle, #contentBox6Student td.contentTitle, #menuBox6Student td.contentTitle, #contentBox7Student td.contentTitle, #menuBox7Student td.contentTitle, #contentBoxCustom td.contentTitle, #menuBoxCustom td.contentTitle { background-color: #666666; color: white; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 5px 1px 5px; } /* Content background (Defines the left and right borders and background colour) */ #contentBox1Student div.contentBG, #menuBox1Student div.contentBG, #contentBox2Student div.contentBG, #menuBox2Student div.contentBG, #contentBox3Student div.contentBG, #menuBox3Student div.contentBG, #contentBox4Student div.contentBG, #menuBox4Student div.contentBG, #contentBox5Student div.contentBG, #menuBox5Student div.contentBG, #contentBox6Student div.contentBG, #menuBox6Student div.contentBG, #contentBox7Student div.contentBG, #menuBox7Student div.contentBG, #contentBoxCustom div.contentBG, #menuBoxCustom div.contentBG { background-color: white; padding: 10px 10px 40px 10px; margin: 0px 0px 0px 0px; border-left: solid 1px white; border-right: solid 1px white; } /* Content Bottom (Contains the bottom corners and page title or menu box title and includes the shorter background image) */ #contentBox1Student div.contentBottom, #menuBox1Student div.contentBottom, #contentBox2Student div.contentBottom, #menuBox2Student div.contentBottom, #contentBox3Student div.contentBottom, #menuBox3Student div.contentBottom, #contentBox4Student div.contentBottom, #menuBox4Student div.contentBottom, #contentBox5Student div.contentBottom, #menuBox5Student div.contentBottom, #contentBox6Student div.contentBottom, #menuBox6Student div.contentBottom, #contentBox7Student div.contentBottom, #menuBox7Student div.contentBottom, #contentBoxCustom div.contentBottom, #menuBoxCustom div.contentBottom { background-color: white; border-bottom: solid 1px white; border-left: solid 1px white; border-right: solid 1px white; margin: 0px 0px 0px 0px; } #contentBox4Student table { display: inline-block; } /* Form Colours for fieldsets and legends (form section titles) */ #contentBox1Student fieldset, #contentBox2Student fieldset, #contentBox3Student fieldset, #contentBox4Student fieldset, #contentBox5Student fieldset, #contentBox6Student fieldset, #contentBox7Student fieldset, #contentBoxCustom fieldset { background-color: white; border-style: solid; border-color: white; width: 95%; border-width: 1px 0px 1px 0px; margin: 20px 0px 20px 0px; padding: 0px 10px 10px 10px; display: block; position: relative; font-size: 1em; } /* Legends */ #contentBox1Student legend, #contentBox2Student legend, #contentBox3Student legend, #contentBox4Student legend, #contentBox5Student legend, #contentBox6Student legend, #contentBox7Student legend { background-color: white; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #666666; color: #d71921; font-weight: bold; letter-spacing: 2px; font-size: 1em; padding: 2px 5px; margin: 0px 0px 10px 0px; top: -12px; position: relative; } /*Wizards*/ div.seriesCoursesWizardPages, div.seriesCoursesLPInfoDiv { border: 1px solid #fce184; } div.seriesCoursesWizardActionsDiv input.button, #skipDiv input.button { background-color: #fce184; border: 1px solid #fce184; color: black; } seriesCoursesLPInfoDiv { color: black; } /* list rows (colors for rows) */ div.pageListHolder table.pageList thead th.tableHeader1, thead tr.tableHeader1, div.pageListHolder table.pageList thead th.tableHeader2, thead tr.tableHeader2, div.pageListHolder table.pageList thead th.tableHeader3, thead tr.tableHeader3, div.pageListHolder table.pageList thead th.tableHeader4, thead tr.tableHeader4, div.pageListHolder table.pageList thead th.tableHeader5, thead tr.tableHeader5, div.pageListHolder table.pageList thead th.tableHeader6, thead tr.tableHeader6, div.pageListHolder table.pageList thead th.tableHeader7, thead tr.tableHeader7 { background-color: white; padding: 3px 5px 3px 5px; text-align: left; } div.pageListHolder table.pageList thead th.tableHeader1, thead tr.tableHeader1 th div, div.pageListHolder table.pageList thead th.tableHeader2, thead tr.tableHeader2 th, div.pageListHolder table.pageList thead th.tableHeader3, thead tr.tableHeader3 th, div.pageListHolder table.pageList thead th.tableHeader4, thead tr.tableHeader4 th, div.pageListHolder table.pageList thead th.tableHeader5, thead tr.tableHeader5 th, div.pageListHolder table.pageList thead th.tableHeader6, thead tr.tableHeader6 th, div.pageListHolder table.pageList thead th.tableHeader7, thead tr.tableHeader7 th { text-align: left; padding: 3px 5px 3px 5px; } div.pageListHolder table.pageList tbody tr.tableSubHeader1, div.pageListHolder table.pageList tbody tr.tableSubHeader2, div.pageListHolder table.pageList tbody tr.tableSubHeader3, div.pageListHolder table.pageList tbody tr.tableSubHeader4, div.pageListHolder table.pageList tbody tr.tableSubHeader5, div.pageListHolder table.pageList tbody tr.tableSubHeader6, div.pageListHolder table.pageList tbody tr.tableSubHeader7 { background-color: #cccccc; height: 28px; font-weight: bold; text-align: left; } div.pageListHolder table.pageList thead tr.tableSubHeader1 th, div.pageListHolder table.pageList thead tr.tableSubHeader2 th, div.pageListHolder table.pageList thead tr.tableSubHeader3 th, div.pageListHolder table.pageList thead tr.tableSubHeader4 th, div.pageListHolder table.pageList thead tr.tableSubHeader5 th, div.pageListHolder table.pageList thead tr.tableSubHeader6 th, div.pageListHolder table.pageList thead tr.tableSubHeader7 th { text-align: left; padding: 3px 5px 3px 5px; } div.pageListHolder table.pageList tbody tr.tableSubSubHeader1, div.pageListHolder table.pageList tbody tr.tableSubSubHeader2, div.pageListHolder table.pageList tbody tr.tableSubSubHeader3, div.pageListHolder table.pageList tbody tr.tableSubSubHeader4, div.pageListHolder table.pageList tbody tr.tableSubSubHeader5, div.pageListHolder table.pageList tbody tr.tableSubSubHeader6, div.pageListHolder table.pageList tbody tr.tableSubSubHeader7 { background-color: #f4f2f2; height: 28px; font-weight: bold; text-align: left; } div.pageListHolder table.pageList thead tr.tableSubSubHeader1 th, div.pageListHolder table.pageList thead tr.tableSubSubHeader2 th, div.pageListHolder table.pageList thead tr.tableSubSubHeader3 th, div.pageListHolder table.pageList thead tr.tableSubSubHeader4 th, div.pageListHolder table.pageList thead tr.tableSubSubHeader5 th, div.pageListHolder table.pageList thead tr.tableSubSubHeader6 th, div.pageListHolder table.pageList thead tr.tableSubSubHeader7 th { text-align: left; padding: 3px 5px 3px 5px; } div.pageListHolder table.pageList tbody tr.tableSubSubSubHeader1, div.pageListHolder table.pageList tbody tr.tableSubSubSubHeader2, div.pageListHolder table.pageList tbody tr.tableSubSubSubHeader3, div.pageListHolder table.pageList tbody tr.tableSubSubSubHeader4, div.pageListHolder table.pageList tbody tr.tableSubSubSubHeader5, div.pageListHolder table.pageList tbody tr.tableSubSubSubHeader6, div.pageListHolder table.pageList tbody tr.tableSubSubSubHeader7 { background-color: #dddddd; height: 28px; font-weight: bold; text-align: left; } /* Row Dividers */ div.pageListHolder table.pageList tbody td { border-bottom: solid 1px white; } div.pageListHolder table.pageList tbody tr.tableRow1-1 tr.tableRow1-0, div.pageListHolder table.pageList tbody tr.tableRow1-1 tr.tableRow2-0, div.pageListHolder table.pageList tbody tr.tableRow1-1 tr.tableRow3-0, div.pageListHolder table.pageList tbody tr.tableRow1-1 tr.tableRow4-0, div.pageListHolder table.pageList tbody tr.tableRow1-1 tr.tableRow5-0, div.pageListHolder table.pageList tbody tr.tableRow1-1 tr.tableRow6-0, div.pageListHolder table.pageList tbody tr.tableRow1-1 tr.tableRow7-0 { background-color: white; height: 28px; } div.pageListHolder table.pageList tbody tr.tableRow1-1, div.pageListHolder table.pageList tbody tr.tableRow2-1, div.pageListHolder table.pageList tbody tr.tableRow3-1, div.pageListHolder table.pageList tbody tr.tableRow4-1, div.pageListHolder table.pageList tbody tr.tableRow5-1, div.pageListHolder table.pageList tbody tr.tableRow6-1, div.pageListHolder table.pageList tbody tr.tableRow7-1 { background-color: #fefefe; height: 28px; } /* Row Dividers */ td.rowDivider1, td.rowDivider2, td.rowDivider3, td.rowDivider4, td.rowDivider5, td.rowDivider6 { background-color: #f6f6f6; } #content_page ul.long_content.glossary { border-color: #f6f6f6; } #content_page ul.long_content.glossary > li { border-top: solid 1px #f6f6f6; } #content_page ul.long_content.glossary > li > div.definition > span.thumbnail > img, #content_page ul.long_content.glossary > li > div.definition > span.zoomed_image > img { border: solid 1px #f6f6f6; } /*Feedback*/ #feedback li div.LikertScale span.spectrum { color: black; } /*Course Templates*/ #course_template { color: black; background-color: white; padding: 0px; margin: 0px; font-family: 'Tahoma', 'sans-serif'; } /*Course Masthead: 55. Logo Image (Param passed to the template) 56. Background Colour 57. Text Colour 58. Back Icon 59. Next Icon 60. Exit Icon */ #course_template #Masthead { background-color: white; color: black; } /*Course Menu Flyout: 61. Background Colour 62. Course Background Color 63. Text Colour 64. Show Course Menu (SCO List) (Param passed to the template)*/ #CourseMenu { color: black; font-family: 'Tahoma', 'sans-serif'; background-color: white; } #CourseMenu div { background-color: white; color: black; } #CourseMenu div.tab, #CourseMenu #courseMenuTab { border-color: white; background-color: white; } #CourseMenu div.tab span, #CourseMenu #courseMenuTab span { color: black; } #CourseMenu div.menu { border-color: white; background-color: white; } #CourseMenu div a, #CourseMenu div h3 { color: black; } #CourseMenu #courseMenuTab { border-color: white; } #CourseMenu #courseMenuLists { border-color: white; } #CourseMenu #courseMenuLists div.sco a { color: black; } /*Status Icons: Status Icons: 65. Not Started Icon 66. In Progress Icon 67. Completed and Passed Icon 68. Completed and Failed Icon 69. Completed (no success is being tracked) Icon*/ #CourseMenu div.menu div.passed { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuCompletedPassed.gif'); } #CourseMenu div.menu div.failed { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuCompletedFailed.gif'); } #CourseMenu div.menu div.completed { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuCompleted.gif'); } #CourseMenu div.menu div.in-progress { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuInProgress.gif'); } #CourseMenu div.menu div.not-started { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuNotStarted.gif'); } /*Resource Icons: Resource Icons: 70. Audio Icon 71. Blogger Icon 72. Book Icon 73. Delicious Icon 74. Excel Icon 75. Facebook Icon 77. Flash Icon 78. Flickr Icon 79. Document (unknown type) Icon 80. Image Icon 81. LinkedIn Icon 82. PDF Icon 83. Photobucket Icon 84. Powerpoint Icon 85. Slideshare Icon 86. Twitter Icon 87. Video Icon 88. Vimeo Icon 89. Website Icon 90. Wikipedia Icon 91. Word Icon 92. Wordpress Icon 93. Youtube Icon*/ #course_template #Menu div.menu div.Book { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuBook.gif'); } #course_template #Menu div.menu div.Twitter { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuTwitter.gif'); } #course_template #Menu div.menu div.LinkedIn { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuLinkedIn.gif'); } #course_template #Menu div.menu div.Facebook { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuFacebook.gif'); } #course_template #Menu div.menu div.GooglePlus { background-image: url(TBD); } #course_template #Menu div.menu div.MySpace { background-image: url(TBD); } #course_template #Menu div.menu div.Wikipedia { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuWikipedia.gif'); } #course_template #Menu div.menu div.Wordpress { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuWordpress.gif'); } #course_template #Menu div.menu div.Blogger { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuBlogger.gif'); } #course_template #Menu div.menu div.SlideShare { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuSlideshare.gif'); } #course_template #Menu div.menu div.Photobucket { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuPhotobucket.gif'); } #course_template #Menu div.menu div.Flickr { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuFlickr.gif'); } #course_template #Menu div.menu div.YouTube { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuYouTube.gif'); } #course_template #Menu div.menu div.Vimeo { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuVimeo.gif'); } #course_template #Menu div.menu div.Delicious { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuDelicious.gif'); } #course_template #Menu div.menu div.Website { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuWebsite.gif'); } #course_template #Menu div.menu div.Excel { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuExcel.gif'); } #course_template #Menu div.menu div.Word { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuWord.gif'); } #course_template #Menu div.menu div.PowerPoint { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuPowerpoint.gif'); } #course_template #Menu div.menu div.PDF { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuPDF.gif'); } #course_template #Menu div.menu div.Image { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuImage.gif'); } #course_template #Menu div.menu div.Audio { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuAudio.gif'); } #course_template #Menu div.menu div.Flash { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuFlash.gif'); } #course_template #Menu div.menu div.Text { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuDocument.gif'); } #course_template #Menu div.menu div.Video { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuVideo.gif'); } #course_template #Menu div.menu div.PowerPoint { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/learnerView/courseMenuPowerpoint.gif'); } /*Assessment Questions*/ body#tc-assessment { background-color: white; color: black; } #AssessmentQuestion, #AssessmentQuestion #content_page { color: black; background-color: white; font-family: 'Tahoma', 'sans-serif'; } #AssessmentQuestion h2 { color: black; } #AssessmentQuestion #mcq_answers a.answer { color: black; background-color: white; border: solid 1px white; } #AssessmentQuestion #mcq_answers a.answer:hover { color: black; background-color: white; border: solid 1px white; } #AssessmentQuestion #mcq_answers a.answer.correct { color: black; background-color: white; border: solid 1px white; } #AssessmentQuestion #mcq_answers a.answer.incorrect { color: black; background-color: white; border: solid 1px white; } /*#AssessmentQuestion #mcq_answers a.answer span.topleft_corner, #AssessmentQuestion #mcq_answers a.answer span.bottomleft_corner, #AssessmentQuestion #mcq_answers a.answer span.topright_corner, #AssessmentQuestion #mcq_answers a.answer span.bottomright_corner {background-color:#FFFFFF;}*/ #AssessmentQuestion ol.draganddrop { color: black; } #AssessmentQuestion ol.draganddrop span.drag, #AssessmentQuestion ol.draganddropimage span.drag { color: black; background-color: white; border: solid 1px white; } #AssessmentQuestion ol.draganddrop span.drop, #AssessmentQuestion ol.draganddropimage span.drop { color: black; background-color: white; border: solid 1px white; } #AssessmentQuestion ol.draganddrop span.correct, #AssessmentQuestion ol.draganddropimage span.correct { color: black; background-color: white; border: solid 1px white; } #AssessmentQuestion ol.draganddrop span.incorrect, #AssessmentQuestion ol.draganddropimage span.incorrect { color: black; background-color: white; border: solid 1px white; } #AssessmentQuestion #correctfb { color: black; background-color: white; border: solid 1px white; } #AssessmentQuestion #incorrectfb { color: black; background-color: white; border: solid 1px white; } .modal ul li { list-style-type: initial !important; display: list-item !important; } .modal ol li { list-style-type: decimal !important; display: list-item !important; } .fr-counter { visibility: hidden; } /* override new bootstrap margin*/ .checkbox .filterCB input[type=checkbox] { margin-left: 0px !important; } body.AdvancedSearch .metadataFilterDiv .checkbox, body.AdvancedSearch .languagesFilterDiv .checkbox { margin-left: 20px !important; } /* override for lists in threads */ .thread ol { list-style-type: decimal; } .thread ul { list-style-type: disc; } /*#captcha > div{margin:40px auto;}*/ /*Course ratings*/ .tc.user-rating .fa { margin: 0px 0px 0px 5px; font-size: 1.5em; } .tc.user-rating .fa-frown-o.selected { color: red; } .tc.user-rating .fa-meh-o.selected { color: yellow; } .tc.user-rating .fa-smile-o.selected { color: green; } .tc.user-rating .fa-star { background-color: yellow; } .tc.user-rating .fa-thumbs-up.selected, .tc.user-rating .fa-thumbs-down.selected { color: green; } /*Tables Assessments: 93. Question Text Color Answer Choices: 94. Answer Choice Text Color 95. Answer Choice Background Color 96. Answer Choice Border Color 97. Answer Hover Selected Text Color 98. Answer Hover Selected Background Color 99. Answer Hover SelectedBorder Color 100. Correct Choice Text Color 101. Correct Choice Background Color 102. Correct Choice Border Color 103. Incorrect Choice Text Color 104. Incorrect Choice Background Color 105. Incorrect Choice Border Color Feedback Messages: 106. Answered Correctly Text Color 107. Answered Correctly Background Color 108. Answered Correctly Border Color 109. Answered Incorrectly Text Color 110. Answered Incorrectly Background Color 111. Answered Incorrectly Border Color */ /*Resources*/ #resource-library .fa.checked { color: #fce184; } #resource-library .fa { color: #fce184; } #resource-library .filters .filter-type { margin: 0px 0px 15px 0px; padding: 0px; } #resource-library .count { border-bottom: solid 1px #eeeeee; margin-bottom: 15px; min-height: 3em; } #resource-library .pagination { margin: 0px; } #resource-library .filters i { line-height: 3em; } #resource-library .resources { background-color: #f6f6f6; } #resource-library .resources .search.input-group { margin-bottom: 15px; } #resource-library .resources .search.input-group .fa { color: white; } #resource-library .resources .count i { margin-top: 1em; display: inline-block; } #resource-library .resources .thumbnail { background-color: white; border: 0px; border-radius: 0px; padding: 5px; } #resource-library .resources .thumbnail .poster, .media-preview.poster { background-color: #fce184; padding: 5px; min-height: 140px; } #resource-library .resources .thumbnail .poster .fa, .media-preview.poster .fa:before { font-size: 6em; color: black; margin: 20px; } #resource-library .resources .thumbnail .poster > span { width: 100%; height: 130px; } #resource-library .resources .thumbnail .poster img { width: 100%; height: 130px; object-fit: cover; object-position: center center; overflow: hidden; } #resource-library .resources .thumbnail .caption { text-align: left; padding: 5px 0px 0px 0px; min-height: 50px; } #resource-library .resources .thumbnail .caption .fa, #resource-library .resources .thumbnail .caption svg { font-size: 0.8em; color: #36b3a8; display: inline-block; margin: 5px 5px 15px 0px; float: left; } #resource-library .resources .thumbnail .caption a { color: #5e5e5e; } #resource-library .resources .thumbnail .caption a:hover { color: #36b3a8; } #resource-library .resources .caption { height: 80px; text-overflow: ellipsis; } #resource-library .resources .caption .fa-download { margin-bottom: 50px !important; } .label.filter.filetype { cursor: pointer; } .media-preview.poster .fa:before { font-size: 50px; font-size: 15vw; } .media-preview { text-align: center; } .modal ol.no-list li { list-style-type: none !important; } ol.sessions li.session { margin: 0px 0px 5px 0px; } .course-row { margin: 0px 0px 5px 0px; } .speakers { margin: 5px 0px 0px 0px; } .speakers-agenda { margin: 0px 0px 10px 0px; } .custom-fields { margin: 10px 0px 0px 0px; } .custom-fields .custom-value { margin: 0px 0px 5px 0px; } .invalid.form-control { color: red; } .fullClassLabel { margin: 0px 10px 0px 0px; font-weight: bold; } .fullClassLabel.badge.badge-warning { background-color: #f0ad4e; } .seriesCoursesSeriesSelectionDiv input[type=radio] { margin-right: 15px !important; } table tbody td.code { word-break: break-all; } /*print css for transcripts*/ @media print { body.Course_Progress .label { width: 130px; border: none !important; font-weight: bold !important; } body.Course_Progress #masthead.container.hidden-print { display: none !important; } body.Course_Progress #footer .text-right.copyright { width: 100%; text-align: center !important; } body.Course_Progress h2 { font-size: 2em !important; } .fieldset_container div { margin: 5px 0px 15px 0px; } } .description-text { word-break: break-word; } .panel-default.search input { border: none; width: 200px; padding: 0px 5px 0px 5px; margin: 5px; } .panel-default.search datalist { width: 200px; } .panel-default.search datalist option { width: 200px; word-break: break-word; overflow: hidden; } /* USER SURVEY */ #ExternalTrainingModal li { margin-bottom: 10px; padding: 0px; } #ExternalTrainingModal .modal-dialog { width: 80%; } #ExternalTrainingModal .label { width: auto; } #ExternalTrainingModal ol, #ExternalTrainingModal ol li { list-style-type: none !important; margin: 0px 0px 20px 0px; } #ExternalTrainingModal label { display: block; padding-left: 15px; text-indent: -15px; } #ExternalTrainingModal #feedbackHTML > div.col-md-12, #ExternalTrainingModal #feedbackHTML ol { padding: 0px; } #ExternalTrainingModal textarea, #ExternalTrainingModal select, #ExternalTrainingModal input[type="text"] { width: 80%; } #ExternalTrainingModal input[type="checkbox"], #ExternalTrainingModal input[type="radio"] { width: 13px; height: 13px; padding: 0; margin: 0 5px 0px; vertical-align: bottom; position: relative; top: -5px; *overflow: hidden; } /*Learner Notes*/ .modal-footer.learner-note { border: none !important; } .modal .wysihtml5-toolbar li { list-style-type: none !important; } .learner-note .fa-sticky-note { font-size: 1.2em; } .panel-body.badges img { width: 75px; } /* BADGES*/ .badge-criteria img { width: 75px; } .badge-panel { border: solid 1px #dddddd; padding: 0px !important; margin: 10px 3.7% 20px 3.7%; } .badge-panel .panel-heading { background-color: whitesmoke; } .badge-panel .media img { max-height: 90px !important; max-width: 100%; } .badge-panel .media { margin: 10px 0px 20px 0px; } .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* center forms*/ fieldset.col-md-8 { margin-left: 16%; } /*catalogue search*/ .search_container.catalogue, .search_container.media { border: solid 1px #cccccc; display: inline-block; padding: 3px 5px; background-color: white; margin: 0px 0px 10px 0px; border-radius: 4px; width: 100%; } .search_container.catalogue button, .search_container.media button { cursor: pointer; float: right; background-color: transparent; border: none 0px; border-collapse: collapse; } .search_container.catalogue input, .search_container.media input { border: none 0px; margin: 0px 0px 0px 5px; color: #999999; width: 85%; } .search_container.catalogue input:focus, .search_container.media input:focus { outline: none; } .media-container .back, .media-container .next { cursor: pointer; } .media-container .fa.fa-file-word-o, .media-container .fa-file-powerpoint { font-size: 125pt; margin-top: 20px; color: black; } #catalogueResults .highlight { background-color: yellow; } .media-filter-type .type-count { margin-left: 5px; } .panel-default.search .radio-inline input { width: auto !important; margin: 0px 0px 0px -20px !important; } .SupervisorView .filter-container ul { list-style-type: none; margin: 0px; padding: 0px; } *[data-file] img, *[data-file] video { max-width: 300px; } .SupervisorView td.activity-type::first-letter { text-transform: uppercase; } /* course details ratings */ #catalogueResults .course-rating { margin-left: 8px; } #catalogueResults .course-rating[data-rating="0"], #catalogueResults .course-rating[data-rating="undefined"] { display: none; visibility: hidden; } .page-header .course-rating .fa-star, .page-header .course-rating .fa-star-half, #catalogueResults .course-rating .fa-star, #catalogueResults .course-rating .fa-star-half { font-size: 1.2em; color: #f5b507; margin: 0px 5px 0px 0px; } #catalogueResults .course-rating .fa-star, #catalogueResults .course-rating .fa-star-half { margin: 0px 0px 0px 0px; } #catalogueResults .course-title { display: inline-block; } /* Added as per Isobel's request*/ #catalogueResults .tc-btn-group .btn { margin-bottom: 5px; } #MyForums li.page-item { cursor: pointer; } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { /* Styles */ body.ForgotPassword.modal { font-size: 1em; } body.ForgotPassword fieldset > legend, body.ForgotPasswordfieldset > legend h1 { border: none; } body.ForgotPassword.modal p, body.ForgotPassword.modal h1, body.ForgotPassword.modal h2, body.ForgotPassword.modal { background-image: none; background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; } body.ForgotPassword legend { display: none; } .label { width: 100% !important; font-size: 1em; font-weight: bold; } input[type="text"] { width: 100% !important; } .button_container { text-align: center; } } /*** credit categories*/ .cc-name { cursor: pointer; text-decoration: underline; } #catalogue_details .cc-name { cursor: default; text-decoration: none; } .cc-name:hover { text-decoration: none; } .credit-details .label { font-weight: bold; display: block; } .credit-details .modal-body div { margin-bottom: 5px; } .panel.objective-credits { padding: 0px 10px 10px 20px; } .panel.objective-credits label { font-weight: bold; } /* custom spinner */ .tc.tc-cog { font: normal normal normal 14px/1 FontAwesome; display: inline-block; } .tc.tc-cog:before { content: "\f013"; } .tc-spinner { -webkit-animation: tc-spin 2s infinite linear; animation: tc-spin 2s infinite linear; } @-webkit-keyframes tc-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes tc-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /*HTML Editor Media display*/ .fr-wrapper .thumb.placeholder { display: none; } .vid-inline { max-width: 80%; } .audio-inline { display: block; margin: 5px 5px 10px 5px; } .word-inline:before { content: "\f1c2"; margin: 0px 5px 0px 5px; } .ppt-inline:before { content: "\f1c4"; margin: 0px 5px 0px 5px; } .pdf-inline:before { content: "\f1c1"; margin: 0px 5px 0px 5px; } .excel-inline:before { content: "\f1c3"; margin: 0px 5px 0px 5px; } .btn-group.obj-fb { position: absolute; bottom: 10px; } .credit-claiming label { width: auto !important; } /* hide the extra button for enrolled lp's*/ button[data-status="Active"][data-coursetype="learning path"] { display: none; } button[data-status="Completed"][data-coursetype="learning path"] { display: none; } #mycourse .activity-overview .activity_summary_info > .row > .credits { display: block; visibility: visible; } /* zen desk on help */ iframe#launcher { z-index: 100 !important; } /* sales force widget */ button.sf.widget { position: fixed; z-index: 100; display: block; bottom: 20px; right: 20px; } /* invalid text input */ input:invalid { color: red; } /* Feedback css */ .subQuestion { display: inline-block; } .feedbackControl { z-index: 1; } /* Adjust css as per Accessibility requirements */ .pagination > .disabled > a, .pagination > .disabled > a:hover { color: black !important; } #searchHeading { font-size: 1.75rem; margin: 0px; } .missed-question h3 { color: red; } /* Adjust Button css*/ .button_container { margin-bottom: 40px; } /*#Tile-AgendaTile td.date{ min-width:200px; } #Tile-AgendaTile td.title { min-width: 220px; }*/ #Tile-AgendaTile td.actions { padding: 4px; } #Tile-AgendaTile td.actions .btn { margin-right: 5px; } span.course-badge { height: 100%; } img.course-badge { height: 50px; } .activity_calendar_modal .modal-dialog { width: 800px; } .panel.activity[data-status="completed"] .btn.transfer { display: none; } .choices .radio { width: 100%; display: block; float: left; clear: both; } .choices .subQuestion { display: block; float: left; clear: both; } .SupervisorView .filter-container .panel-body { max-height: 250px; min-height: 180px; overflow-y: auto; } .panel-heading label { width: 100%; } .modal .dixa-messenger-namespace { display: none !important; } .modal-open .dixa-messenger-namespace { display: none !important; } a.btn.recommendations { margin-left: 20px; } .media-container .media .panel:nth-child(odd) { margin-right: 10px; } .media-container .media .panel button i { margin-left: 5px; } .media-container .media-filter-type { list-style: none; margin-left: 0px; padding-left: 0px; } .media-filter-type input { margin-right: 5px; } @page { margin: 0cm; size: A4 landscape; } @media print { #GOSHButton { display: none; } body.Transcripts #content.container { margin: 0px 5px 0px 5px; width: 100%; } html body.Transcripts #content.container { font-size: 12pt; } body.Transcript #content.container { margin: 0px 5px 0px 5px; width: 100%; } html body.Transcript #content.container { font-size: 1.2em; } } :root { /* Typography */ --font-scale: 1; /* #97802: font size selector multiplies all learner-view font sizes by this */ --typography-font-family: 'Tahoma', 'sans-serif'; --typography-headers-font-family: 'Tahoma', 'sans-serif'; --typography-size: 12pt; --typography-h1: black; --typography-h2: black; --typography-h3: black; --typography-links-color: #d71921; --typography-link-weight: normal; /* Body */ --body-background-colour: white; --body-login-background-image: https://jacobs.thinkingcap.com/FormatResource.ashx/programLearnerView_00000000-0000-0000-0000-000000000000/loginBackground.gif; /* Masthead */ --masthead-background-colour: white; --masthead-current-role-tab-text-color: #333333; --masthead-current-role-tab-background-color: #f8f9fa; --masthead-border-color: white; --masthead-menu-item-text-color: #333333; --masthead-menu-item-background-color: white; --masthead-menu-item-active-text-color: #eb2a2a; --masthead-menu-item-active-background-color: white; /* Content */ --content-background-color: white; --content-border-color: white; /* Buttons */ --button-text-color: black; --button-background-color: #fce184; --button-hover-text-color: black; --button-hover-background-color: #edd37c; /* Forms */ --forms-legend-text-color: #d71921; --forms-legend-background-color: white; --forms-fieldset-border-color: white; /* Tables */ --table-header-row-background-color: white; --table-header-text-color: black; --table-row-subheader-1-background-color: #cccccc; --table-row-subheader-1-text-color: white; --table-row-subheader-2-background-color: #f4f2f2; --table-row-subheader-2-text-color: white; --table-row-subheader-3-background-color: #dddddd; --table-row-subheader-3-text-color: white; --table-row-border-color: #f6f6f6; --table-row-0-text-color: black; --table-row-0-background-color: white; --table-row-1-text-color: black; --table-row-1-background-color: #fefefe; /* Tabs */ --tab-background-color: white; --tab-text-color: #333333; --tab-active-text-color: white; --tab-active-background-color: #d71921; /*Supervisors*/ --logins-text: #b32d6a; --logins-bg: rgba(138, 33, 85, 0.2); --completions-text: #1c7c46; --completions-bg: rgba(39, 104, 69, 0.2); --notifications-text: #d6ac00; --notifications-bg: rgba(204, 154, 0, 0.2); --enrollments-text: #0073a8; --enrollments-bg: rgba(0, 104, 140, 0.2); /* Footer */ --footer-background-color: #222222; --footer-font-color: black; } /*************** #97802 font-scale: Bootstrap 3 typography follows the learner font selector ***************/ /* Values mirror js/cdn/bootstrap.min.3.36.css exactly - visually identical at --font-scale: 1 */ html { font-size: calc(10px * var(--font-scale, 1)); } h1, .h1 { font-size: calc(36px * var(--font-scale, 1)); } h2, .h2 { font-size: calc(30px * var(--font-scale, 1)); } h3, .h3 { font-size: calc(24px * var(--font-scale, 1)); } h4, .h4 { font-size: calc(18px * var(--font-scale, 1)); } h5, .h5 { font-size: calc(14px * var(--font-scale, 1)); } h6, .h6 { font-size: calc(12px * var(--font-scale, 1)); } .lead { font-size: calc(16px * var(--font-scale, 1)); } @media (min-width: 768px) { .lead { font-size: calc(21px * var(--font-scale, 1)); } } .btn { font-size: calc(14px * var(--font-scale, 1)); } .btn-group-xs > .btn, .btn-xs { font-size: calc(12px * var(--font-scale, 1)); } .btn-group-sm > .btn, .btn-sm { font-size: calc(12px * var(--font-scale, 1)); } .btn-group-lg > .btn, .btn-lg { font-size: calc(18px * var(--font-scale, 1)); } .form-control, .input-group-addon, output { font-size: calc(14px * var(--font-scale, 1)); } .input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-group-addon.input-sm, .form-group-sm .form-control, .form-group-sm .form-control-static, .form-horizontal .form-group-sm .control-label { font-size: calc(12px * var(--font-scale, 1)); } .input-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .input-group-addon.input-lg, .form-group-lg .form-control, .form-group-lg .form-control-static, .form-horizontal .form-group-lg .control-label { font-size: calc(18px * var(--font-scale, 1)); } .dropdown-menu { font-size: calc(14px * var(--font-scale, 1)); } .dropdown-header { font-size: calc(12px * var(--font-scale, 1)); } .badge { font-size: calc(12px * var(--font-scale, 1)); } .tooltip { font-size: calc(12px * var(--font-scale, 1)); } .popover, .popover-title { font-size: calc(14px * var(--font-scale, 1)); } .panel-title { font-size: calc(16px * var(--font-scale, 1)); } .pagination-sm > li > a, .pagination-sm > li > span { font-size: calc(12px * var(--font-scale, 1)); } .pagination-lg > li > a, .pagination-lg > li > span { font-size: calc(18px * var(--font-scale, 1)); } legend, .close { font-size: calc(21px * var(--font-scale, 1)); } pre { font-size: calc(13px * var(--font-scale, 1)); } blockquote { font-size: calc(17.5px * var(--font-scale, 1)); } .progress-bar { font-size: calc(12px * var(--font-scale, 1)); } /* #97802: let Bootstrap 3 form controls grow with the font instead of clipping it. height:auto computes to exactly 34/30/46px at --font-scale: 1 (padding + line-height + border) */ .form-control { height: auto; } .input-sm, select.input-sm, .form-group-sm .form-control, .form-group-sm select.form-control, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: auto; } .input-lg, select.input-lg, .form-group-lg .form-control, .form-group-lg select.form-control, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: auto; } html { height: 100%; min-height: 100%; } html body { height: auto; min-height: 100%; position: relative; background-color: white; font-family: 'Tahoma', 'sans-serif'; font-size: calc(12pt * var(--font-scale, 1)); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility !important; } @media print { body { font-family: 'Tahoma', 'sans-serif'; font-size: calc(12pt * var(--font-scale, 1)); } } @media (min-width: 1200px) { body .row { margin-left: -15px; } } /*allows the survey to scroll within a modal */ html[data-pagename="SurveyFeedback"], html[data-pagename="PreviewFeedback"] { overflow: scroll; } /*Allows the disclaimer to scroll*/ body.modal.Disclaimer { overflow-y: auto; } html body .modal { display: none; } html body .modal.in { display: inline-block; } /*not sure why we are using 2 different data names*/ html[data-pagename="design questionnaire"] { overflow: scroll; } html body.Login { background-image: url('https://jacobs.thinkingcap.com/FormatResource.ashx/programLearnerView_00000000-0000-0000-0000-000000000000/loginBackground.gif'); } html body.fit_bg_to_page { background-size: cover; background-attachment: fixed; background-position: center center; } body.popup { padding-top: 15px; padding-bottom: 15px; } /*Log in bar*/ #masthead #login_info { background-color: #f8f9fa; color: #333333; } #log_in_bar.container { background-color: #f8f9fa; color: #333333; } #log_in_bar .login_in_bar_loginlinks_container { display: flex; justify-content: flex-end; flex-direction: row; flex-wrap: nowrap; align-items: center; } /*Masthead*/ #masthead { background-color: white; border-bottom: solid 1px white; padding: 15px; } #masthead #logo { margin: 10px 0px; } .visible-print-inline-block.visible-inline-block { display: inline-block !important; } #masthead #login_info { width: auto; font-size: 0.9em; margin-top: 0.25em; color: #333333; background-color: #f8f9fa; } #masthead .keep_right #login_info { float: right; margin: 0px; } /*#masthead .keep_right #login_info #languageSelection .form-control {padding:7px 12px 6px 12px;}*/ #masthead .keep_right #search { clear: none; margin: 0px 0px 0px 10px; } #masthead .keep_right #search .search_container { margin: 0px; padding: 5px 12px 5px 12px; } #masthead #login_info .btn-group.profile-menu { margin: 0px 0px 0px 15px; } #masthead #login_info .btn-group.profile-menu .dropdown-header, #masthead #login_info .btn-group.profile-menu li.dropdown-header .timezone { color: black; } #masthead #login_info .label.sr-only { display: none; } #masthead #login_info img.profile { float: right; margin-left: 5px; object-fit: cover; } #masthead #login_info .loggedinas img.profile { height: 35px !important; padding: 0px; border: none 0px; } #masthead #login_info > div > .loggedinas { margin-right: 0.5em; } #masthead #login_info > div > .username { margin-right: 1em; } #masthead #login_info > div > input#Password, #log_in_bar input#Password { width: 100px !important; } #masthead #login_info span.separator, #log_in_bar span.separator { margin: 0px 5px; color: #333333; } #masthead #login_info span.language_selector { text-transform: uppercase; } #log_in_bar #languageSelection, .profile-menu #languageSelection { margin: 0 0 0 0.5em; } #masthead #login_info #languageSelection .form-control { height: auto; padding: 6px 12px; } #masthead #login_info .notloggedin .form-control { width: auto; } #masthead #login_info .notloggedin > *, #log_in_bar .notloggedin > * { float: right !important; margin-left: 1em; margin-right: 0; } #masthead #log_in_bar a.home, #login_info a.home, #log_in_bar a.home { font-size: 2em; display: inline-block; padding: 2px 0px; } #log_in_bar .form-control { width: auto; } #log_in_bar .row > div > div.profile-menu { margin-right: 0; } #log_in_bar .row > div > div.profile-menu > * { float: right !important; } .profile-menu .dropdown-menu { min-width: 210px; font-size: 0.9em; } #log_in_bar .row > div > div.profile-menu > .profile-dropdown { float: right; margin-left: 15px; } #masthead #cart_icon { font-size: 2em; display: inline-block; position: relative; margin-right: 15px; } #masthead #cart_icon #cart_count { background-color: #e17a27; border-radius: 50%; width: 17px; height: 17px; display: inline-block; text-align: center; font-size: calc(12px * var(--font-scale, 1)); line-height: 1.4167; position: absolute; top: -7px; left: 12px; color: black; background-color: #fce184; } #masthead #cart_icon .svg-inline--fa { font-size: calc(24px * var(--font-scale, 1)); } #masthead .profile_links #inbox_unread.badge { color: black; background-color: #fce184; margin: -1em 0px 0px 3px; font-size: 0.8em; } #masthead #inbox_unread_menu.badge { color: black; background-color: #fce184; margin-left: 7px; font-size: 0.8em; } #masthead #inbox_unread_menu.badge:empty { display: none; } #masthead .profile-inbox { margin-left: 10px; } .modal.purchase-alert .purchase-item { display: inline-block; width: 100%; margin: 15px 0px; } .modal.purchase-alert .purchase-item .marquee_wrap { margin-right: 15px; border: solid 1px #f6f6f6; float: left; min-height: 3em; } .modal.purchase-alert .purchase-item .purchase-title { font-weight: bold; } #masthead #login_info .profile_links > ul { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; align-content: stretch; } .profile-menu .caret { margin: 0 0 4px 6px; } .profile-menu li { text-align: left; } .profile-menu li.dropdown-header { text-transform: uppercase; font-size: 1em; min-height: 40px; color: black; } .profile-menu li img.profile, #log_in_bar .profile-menu li img.profile { float: right; margin: 0 0.5em 0.5em 0; position: relative; top: auto; right: auto; } .profile-menu li .timezone { font-size: 1em; } .profile-menu li .fa, .profile-menu li svg { margin-right: 10px; width: 15px; height: 15px; text-align: center; } .profile-menu li a { font-size: 1.1em; } #masthead #search { margin: 10px 0px; clear: right; } #masthead #search span.search_container, #footer #search_tile span.search_container { border: solid 1px #cccccc; display: inline-block; padding: 3px 5px; background-color: white; } #masthead #search span.search_container button, #masthead #search span.search_container span, #footer #search_tile span.search_container span { cursor: pointer; cursor: hand; float: right; background-color: transparent; border: none 0px; border-collapse: collapse; } #masthead #search span.search_container input, #footer #search_tile span.search_container input { border: none 0px; margin: 0px 0px 0px 5px; color: #999999; width: 160px; } #masthead #search span.search_container input:focus, #footer #search_tile span.search_container input:focus { outline: none; } #footer #search_tile span.search_container input { width: 120px; } #masthead #search span.search_container, #footer #search_tile span.search_container { border-radius: 4px; margin-top: 1em; padding: 6px 12px; } .sidebar-nav { padding: 9px 0; } .dropdown-menu { font-size: 1em; } .dropdown-menu .sub-menu { left: 100%; position: absolute; top: 0; visibility: hidden; margin-top: -1px; } .dropdown-menu li:hover .sub-menu { visibility: visible; } .dropdown > .dropdown-menu { display: none; } .dropdown:hover > .dropdown-menu { display: block; } .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .nav .dropdown-menu { margin-top: 0; } .nav .sub-menu:before { border-bottom: 7px solid transparent; border-left: none; border-right: 7px solid rgba(0, 0, 0, 0.2); border-top: 7px solid transparent; left: -7px; top: 10px; } .nav .sub-menu:after { border-top: 6px solid transparent; border-left: none; border-right: 6px solid white; border-bottom: 6px solid transparent; left: 10px; top: 11px; left: -6px; } .navbar-default .navbar-nav > li > a { text-decoration: none; } .navbar-nav > li > .dropdown-menu { z-index: 1030; } .navbar-static-top { border-width: 0px; z-index: 99; } body > #viewCourseModal { background-color: white; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; display: none !important; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu { display: block !important; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover > a:after { border-left-color: white; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } #masthead #main_menu_bar, #masthead #main_menu_bar .navbar-default { background-color: white; border-color: white; margin-bottom: 0px; } #masthead #main_menu_bar .navbar-default { z-index: 1; } #masthead #main_menu_bar .navbar-default > .container { display: flex; align-content: stretch; align-items: flex-start; } #masthead .masthead_menu #main_menu_bar .navbar-default .container { width: auto; padding: 0px; } #masthead .masthead_menu #main_menu_bar .navbar-default > .container > .navbar-header, #masthead .masthead_menu #main_menu_bar .navbar-default > .container > .navbar-collapse { float: left; } #masthead .masthead_menu #login_info, #masthead .masthead_menu #search, #masthead .masthead_menu #main_menu_bar { float: right; margin: 0px; clear: none; } #masthead .masthead_menu #search span.search_container { margin-top: 0px; } #masthead .masthead_menu #login_info .btn-group.profile-menu { margin: 0px; } /*#masthead .masthead_menu #login_info .btn-group.profile-menu .profile-dropdown, #masthead #login_info .btn-group.profile-menu .profile-dropdown, #masthead #login_info .btn-group.profile-menu .profile-inbox { margin-left: 10px; }*/ #masthead #login_info .btn-group.profile-menu .profile-inbox #inbox_unread { margin-left: 5px; } #masthead .masthead_menu #login_info .btn-group.profile-menu #languageSelection, #masthead #login_info #languageSelection { margin: 0px; } #masthead .masthead_menu #login_info .btn-group.profile-menu #languageSelection .form-control, #masthead #login_info #languageSelection .form-control { padding: 8px 12px; } #masthead .masthead_menu #login_info a.home { display: none; } #masthead > .row.menu + .row.breadcrumbs #breadcrumbs > .breadcrumb { border-radius: 0px; margin-bottom: 0px; } #masthead #login_info img.profile, #log_in_bar img.profile { height: 40px !important; } #login_info .profile_links ul, #log_in_bar .profile_links ul { display: inline-block; margin: 0px; padding: 0px; } #login_info .profile_links ul li, #log_in_bar .profile_links ul li { display: inline-block; float: left; margin: 0px; padding: 0px 10px 0px 0px; } #login_info .profile_links ul li .fa, #log_in_bar .profile_links ul li .fa, #login_info .profile_links ul li .svg-inline--fa, #log_in_bar .profile_links ul li .svg-inline--fa, #masthead #login_info .dropdown-menu > li > a .svg-inline--fa, #masthead #login_info .dropdown-menu > li > a svg { margin-right: 3px; width: 20px; } #login_info .profile_links ul li > a, #log_in_bar .profile_links ul li > a, #masthead #login_info .dropdown-menu > li > a { display: flex; align-items: center; } #login_info .login_details > span + span, #log_in_bar .login_details > span + span { margin-left: 0.025em; line-height: calc(40px * var(--font-scale, 1)); } #masthead #main_menu_bar .navbar-default .navbar-nav > li > a, #masthead #main_menu_bar .navbar > .container .home.navbar-brand { color: #333333; background-color: white; } #masthead #main_menu_bar .navbar-default .navbar-brand { color: #333333; } #masthead #main_menu_bar .navbar-default .navbar-nav > .active > a, #masthead #main_menu_bar .dropdown-menu > .active > a { color: #eb2a2a; background-color: white; } #masthead #main_menu_bar .navbar-default .navbar-nav > li > a:hover, #masthead #main_menu_bar .navbar-default .navbar-nav > li > a:focus, #masthead #main_menu_bar .navbar > .container .home.navbar-brand:hover, #masthead #main_menu_bar .navbar > .container .home.navbar-brand:focus, #masthead #main_menu_bar .dropdown-menu > .active > a:focus, #masthead #main_menu_bar .dropdown-menu > .active > a:hover { color: #eb2a2a; background-color: white; } #masthead #main_menu_bar .navbar-default .navbar-nav > li.separator { color: white; } @media print { #masthead.container, #masthead.container .row:first-child, #masthead.container .row:first-child > div, #masthead.container .row:first-child > div #logo, #masthead.container .row:first-child > div #logo a.pageLogo { display: block !important; width: 100% !important; height: auto !important; clear: both; } #masthead #logo > a.pageLogo[href]:after { content: none !important; } #masthead.container .row:first-child > div #logo a.pageLogo img { display: inline-block !important; visibility: visible !important; width: auto !important; height: 60px !important; clear: both; filter: invert(0%); } } /*Footer*/ #footer { /*position:absolute; bottom:0px; width:100%!important;*/ margin-left: auto; margin-right: auto; background-color: #222222; } #footer.container { padding: 1em 15px; } #footer.container .copyright { line-height: calc(35px * var(--font-scale, 1)); } #footer.container .tile { min-height: 80px; } #footer.container address { white-space: pre-line; display: inline-block; } #footer.container #contact_us_tile .glyphicon, #footer.container #contact_us_tile .svg-inline--fa { margin: 2px 5px 0px 0px; float: left; width: 16px; } #footer.container #follow_us_tile.tile > div > a { margin: 0px 5px 5px 0px; display: inline-block; } #footer.container #follow_us_tile.tile > div > a img { max-width: 60px; } @media print { #footer.container .copyright { text-align: right; } } /*Content*/ .text-center { text-align: center; } body.Home > #content.container { padding: 0px 15px 20px 15px; background-color: white; border-color: white; } body > #content.container { padding: 0px 15px 15px 15px; background-color: white; border-color: white; } /*Defaults*/ /*h1 {font-size:1.5em; line-height:1.4em; font-weight:600; color:@Headings-h1;} h2 {font-size:1.25em; line-height:1.4em; font-weight:600; color:@Headings-h2;} h3 {font-size:1em; line-height:1.4em; font-weight:600; color:@Headings-h3; margin:0px;} h3.link {cursor:pointer; text-decoration:underline;} h3.link:hover {cursor:pointer; text-decoration:none;} h4 {font-size:1em; line-height:1.5em; font-weight:600;}*/ body h1 { font-size: 2em; line-height: 1.4em; font-weight: 400; color: black; } body h2 { font-size: 1.8em; line-height: 1.4em; font-weight: 400; color: black; } body h3 { font-size: 1.5em; line-height: 1.4em; font-weight: 400; color: black; margin: 0px; } body h3.link { cursor: pointer; cursor: hand; text-decoration: underline; } body h3.link:hover { cursor: pointer; cursor: hand; text-decoration: none; } body table h3, body table thead > tr > th { font-size: 1.1em; font-weight: 600; } body h4 { font-size: 1.2em; line-height: 1.5em; font-weight: 600; } body h5 { font-size: 1.1em; line-height: 1.2em; font-weight: 600; } body h6 { font-size: 1em; line-height: 1.2em; font-weight: 600; } a { color: #d71921; font-weight: normal; } .breadcrumb li > span { font-size: 0.8em; line-height: 1.1em; text-decoration: none; } .breadcrumb > li * { margin: 0px; display: inline; } #content.container > .page-header h1 { font-size: 3em; } #content.container > .page-header h1 small { font-size: 0.3em; display: block; margin: 5px 0px 0px 0px; } body > #content.container p { margin-bottom: 1em; } ul.list-unstyled { margin: 1em; } ul.long_content li, .description_links ul li, ul.list-unstyled li { list-style-type: disc; display: list-item; margin-left: 15px; } img.no-image { display: none !important; } .img-64x64 { max-width: 64px; max-height: 64px; } span.padded { padding: 1em; display: inline-block; } .nowrap { white-space: nowrap; } th { font-weight: bold; } h3 > .glyphicon { margin-right: 0.25em; font-size: 0.75em; } /*Carousel/Slideshow*/ #myCarousel, .carousel-inner > .item { max-height: 300px; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { width: 100%; } .carousel.slide.subobjective { min-height: 300px; height: auto; } .carousel-indicators { bottom: 0px; } .carousel-caption { bottom: 0px; width: 100%; left: 0px; right: 0px; background-color: rgba(0, 0, 0, 0.5); } .carousel-caption > h1 { color: white; } .carousel-caption > div { margin: 0 20px; } .carousel-caption > div > a { color: white; } /*Tabs*/ .nav-tabs:empty { border: none 0px; } .tab-content { padding: 15px; } #tabs { margin-bottom: 1em; } #tabs li.term, #tabs li.noterm { width: 42px; } #tabs li.noterm a { text-decoration: none; color: #dddddd; } .tab-content .glossary li { margin-bottom: 15px; clear: both; } .tab-content .definition { display: inline-block; width: 100%; } #Courses .img-thumbnail, #Category_Matches .img-thumbnail { float: left; margin: 0px 5px 5px 0px; max-width: 250px; } #Courses .img-thumbnail.zooms { cursor: pointer; } .zoomed_image { float: left; padding: 4px; margin: 0px 5px 5px 0px; max-width: auto; line-height: 1.428571429; background-color: white; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .zoomed_image > img { max-width: 250px; } .thumbnail.bottom-space { margin: 0px 15px 15px 0px; } /*Tabs*/ .nav-tabs { border-color: #d71921; } .nav-tabs > li > a { text-decoration: none; background-color: white; color: #333333; border-bottom: solid 1px #d71921; } .nav-tabs > li > a:hover, .nav-tabs > li > a:active, .nav-tabs > li > a:focus { background-color: #d71921; color: white; border-bottom: solid 1px #d71921; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li > a.active, .nav-tabs > li > a.active:hover, .nav-tabs > li > a.active:focus { background-color: #d71921; color: white; border-bottom: solid 1px #d71921; } .nav-tabs > li.disabled > span { text-decoration: none; background-color: white; color: #333333; border-bottom: solid 1px #d71921; opacity: 0.3; margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; position: relative; display: block; padding: 10px 15px; } .nav-tabs > li > a .badge { margin-left: 0.25em; } .nav.nav-tabs.lp li span.glyphicon { margin-left: 0.5em; } /*Navbars (not main meu)*/ nav.navbar-default { border-color: white; background-color: white; color: #333333; } .navbar-default .navbar-brand, .navbar-default .navbar-text.title { color: #333333; font-size: 1.1em; font-weight: bold; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, #SupervisorView .dropdown:hover > .dropdown-menu li a .badge.count, #SupervisorView .badge.count { background-color: #d71921; color: white; } nav.navbar-default .navbar-nav > li > a { text-decoration: none; background-color: white; color: #333333; } nav.navbar-default #filter_by_options .dropdown-menu { min-width: 240px; } nav.navbar-default #sort_by_options .dropdown-menu > li > span, nav.navbar-default #filter_by_options .dropdown-menu > li > span { cursor: pointer; cursor: hand; float: left; display: inline-block; width: 100%; padding: 5px; font-size: 0.9em; } nav.navbar-default #sort_by_options .dropdown-menu > li > span.sort .fa-check-circle, nav.navbar-default #filter_by_options .dropdown-menu > li > span.show .fa-check-circle { display: inline-block; } nav.navbar-default #sort_by_options .dropdown-menu > li > span.sort .fa-circle-o, nav.navbar-default #filter_by_options .dropdown-menu > li > span.show .fa-circle-o { display: none; } nav.navbar-default #sort_by_options .dropdown-menu > li > span .fa-check-circle, nav.navbar-default #filter_by_options .dropdown-menu > li > span .fa-check-circle { display: none; } nav.navbar-default #sort_by_options .dropdown-menu > li > span .fa-circle-o, nav.navbar-default #filter_by_options .dropdown-menu > li > span .fa-circle-o { display: inline-block; } nav.navbar-default #sort_by_options .dropdown-menu > li > span .svg-inline--fa, nav.navbar-default #filter_by_options .dropdown-menu > li > span .svg-inline--fa { margin: 0 0.25em 0 1em; } /*#tabs span.tab {margin-right:2px; line-height:1.428571429; border:1px solid transparent; border-radius:4px 4px 0 0;} #tabs span.tab span {position:relative; display:inline-block; padding:10px 15px;} #tabs span.tab span.left_corner, #tabs span.tab span.right_corner {display:none;}*/ /*Alerts*/ .alert.alert-cookie { background-color: black; background-color: rgba(0, 0, 0, 0.8); border-radius: 0px; color: white; padding: 15px 0px; } .alert.alert-cookie h2 { color: white; } .alert.alert-cookie .close { color: white; opacity: 1; filter: alpha(opacity=100); top: auto; right: auto; float: right; margin-top: 15px; } .alert.alert-cookie .button_container { margin: 0px 0px 15px 0px; } .alert.alert-cookie .more-cookie-info { margin: 0px 0px 0px 15px; } .alert:empty, .alert.alert-danger:empty { display: none; } .alert-danger, .alert-warning { display: block; } /*Fortumo Offer*/ .alert-offer { background-color: transparent; border: solid 1px #eeeeee; } /*Panels*/ .panel { position: relative; } .panel-primary { border-color: #f6f6f6; } .panel-primary > .panel-heading { background-color: white; border-color: #f6f6f6; color: black; } .panel-default > .panel-heading { background-color: #f4f2f2; border-color: #f6f6f6; color: white; } .panel-default > .panel-content, .panel-default > .panel-body, .panel-default > .panel-body:hover { background-color: #fefefe; border-color: #f6f6f6; color: black; } .floating_children { display: inline-block; width: 100%; } .overview { margin-bottom: 1em; } .overview ul, .description ol { overflow: hidden; } .overview ul > li, .description ul > li { display: list-item; list-style-type: disc; margin-left: 18px; } .overview ol > li, .description ol > li { display: list-item; list-style-type: decimal; margin-left: 18px; } /*.type {font-size:0.8em; text-transform:uppercase;}*/ .panel .type { width: auto; font-size: calc(12px * var(--font-scale, 1)); font-weight: 700; color: #bbbbbb; text-transform: uppercase; } /*.panel .panel-body:hover {background-color:#FDFDF8;}*/ .panel-default { padding-left: 0px; padding-right: 0px; } /*Cards*/ .card .card-body { padding: 15px; } @media (min-width: 768px) { #catalogue .col-sm-6:nth-child(2n+1) { clear: left; } #catalogue .col-md-4:nth-child(3n+1) { clear: none; } #catalogue .col-lg-3:nth-child(4n+1) { clear: none; } } @media (min-width: 992px) { #catalogue .col-md-4:nth-child(3n+1) { clear: left; } #catalogue .col-lg-3:nth-child(4n+1) { clear: none; } #catalogue .col-sm-6:nth-child(2n+1) { clear: none; } } @media (min-width: 1200px) { #catalogue .catalogue-match.col-lg-3:nth-child(4n+1) { clear: left; } #catalogue .catalogue-match.col-md-4:nth-child(3n+2) { clear: none; } #catalogue .catalogue-match.col-sm-6:nth-child(2n+1) { clear: none; } } nav.inline { display: inline-block !important; } .pagination.left { float: left; } span.search { margin: 20px 0px 20px 0px; display: inline-block; width: 100%; } span.search input { width: 100%; } .ui-autocomplete { width: 200px !important; overflow: hidden; border-radius: 0px; } .ui-autocomplete .ui-menu-item { background-color: white; color: black; } .ui-autocomplete .ui-menu-item a:hover, .ui-autocomplete .ui-menu-item:hover { background-color: white; } .ui-menu .ui-menu-item a { color: black; border-radius: 0px; border: 0px; cursor: pointer; } .custom-combobox-input, .custom-combobox-input:focus, .custom-combobox-input:active { border-radius: 4px; border-color: #cccccc; outline: none; } .custom-combobox { position: relative; display: inline-block; background: none; } .custom-combobox-toggle { position: absolute; top: 0; bottom: 0; margin-left: -1px; padding: 0; } .custom-combobox-input { margin: 0; padding: 5px 10px; } .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input { background: none; color: black; font-weight: normal; } #Category_Matches .nav-tabs > li > a { padding: 8px; } #Category_Matches .tab-content .col-md-4:nth-child(3n+1) { clear: left; } #Category_Matches .tab-content .col-md-6:nth-child(2n+1) { clear: left; } #Category_Matches .panel .img-thumbnail { max-width: 328px; } #Category_Matches .panel-heading h3 { margin-top: 1.5em; } #Category_Matches .matched_item_details { display: inline-block; } #Category_Matches .description_links { display: inline-block; } #Category_Matches .description_links .description-optional { width: auto; max-width: 100%; } #Category_Matches .description_links > div { display: inline-block; width: 100%; } #Category_Matches img.course-marquee.img-responsive { margin: 0px; max-width: 350px; } #Category_Matches .matched_item_details span, #Category_Matches .description_links span { display: inline-block; } #Category_Matches .matched_item_details span.label { padding-left: 0px; } #Category_Matches .description_links span.label { width: 140px; } #Category_Matches table { margin-top: 1em; } #Category_Matches table tr > *:nth-child(2n) { max-width: 500px; } #Category_Matches table tr > *:nth-child(2n) > div { white-space: pre-line; } #Category_Matches .nofilters .panel .panel-heading > *, #Category_Matches .nofilters .panel .panel-body > * { width: 100%; padding-left: 0px; padding-right: 0px; } #hasCredits { font-size: 1.2em; line-height: 2em; display: inline-block; width: auto; clear: right; } #LearningActivities #hasCredits { clear: none; margin-right: 15px; } #hasCredits > label { float: left; width: auto; margin: 0px 5px 0px 0px; } #hasCredits > span { display: inline-block; } #catalogueResults > .panel[data-creditstoggle="on"] { display: inherit; visibility: inherit; } #LearningActivities table#MyLearningActivities > tbody > tr[data-creditstoggle="on"], #LearningActivities table#MyLearningActivities > tbody > tr[data-creditstoggle="on"][show="show"], #LearningActivities table#MyLearningActivities > tbody > tr[show="show"], #MyTranscripts table.transcript_table > tbody > tr[data-creditstoggle="on"], #MyTranscripts table.transcript_table > tbody > tr[data-creditstoggle="on"][show="show"], #MyTranscripts table.transcript_table > tbody > tr[show="show"] { display: table-row !important; visibility: inherit; width: 100%; } #catalogueResults > .panel[data-creditstoggle="off"], #LearningActivities table#MyLearningActivities > tbody > tr[data-creditstoggle="off"], #LearningActivities table#MyLearningActivities > tbody > tr[show="hide"], #LearningActivities table#MyLearningActivities > tbody > tr[data-creditstoggle="off"][show="show"], #LearningActivities table#MyLearningActivities > tbody > tr[data-creditstoggle="off"][show="hide"], #MyTranscripts table.transcript_table > tbody > tr[data-creditstoggle="off"], #MyTranscripts table.transcript_table > tbody > tr[show="hide"], #MyTranscripts table.transcript_table > tbody > tr[data-creditstoggle="off"][show="show"], #MyTranscripts table.transcript_table > tbody > tr[data-creditstoggle="off"][show="hide"] { display: none !important; visibility: hidden; } #MyTranscripts table > tbody > tr > .credit-categories .credit-category-name:after { content: ": "; } #catalogueResults #calendar .fc-col-header, #catalogueResults #calendar .fc-daygrid-body.fc-daygrid-body-unbalanced, #catalogueResults #calendar .fc-daygrid-body.fc-daygrid-body-unbalanced table { width: 100% !important; } #catalogueResults .modal.activity_calendar_modal .modal-header .badge { font-size: 0.8em; padding: 5px 10px; margin: -15px 15px 0px 15px; border-radius: 0px 0px 3px 3px; background-color: #cccccc; color: white; } #catalogueResults .modal.activity_calendar_modal .row > div { margin-bottom: 15px; } #catalogueResults .modal.activity_calendar_modal label { font-weight: bold; margin: 0px; padding: 0px; width: 100%; } #catalogueResults .modal.activity_calendar_modal .value { margin: 0px; padding: 0px; width: 100%; } /* Added as per Isobel's request*/ #catalogueResults .tc-btn-group .btn { margin-bottom: 5px; } #catalogueResults .panel .description_links .label { float: left; } #catalogueResults .panel .description_links .value { padding: 0px; } #catalogueResults .panel .description_links .credit-category .credit-category-name:after { content: ":"; } /* Filter Labels */ .learning-activity-list #filtersPanel:empty { display: none; visibility: hidden; } .learning-activity-list #filtersPanel:empty + .learning-activities { width: 100%; } #filtersPanel label { width: auto; word-break: break-word; } #filtersPanel #metadataDiv .panel > .panel-body { max-height: 360px; overflow: auto; } /*#filtersPanel #metadataDiv .panel > .panel-body .show_moreless {max-height:360px; overflow:auto;}*/ #filtersPanel #metadataDiv .panel > .panel-body .show_moreless a[aria-expanded="true"] .show_more, #filtersPanel #metadataDiv .panel > .panel-body .show_moreless .show_less, #filtersPanel #metadataDiv .panel > .panel-body .show_moreless a[aria-expanded="false"] .show_less { display: none; visibility: hidden; } #filtersPanel #metadataDiv .panel > .panel-body .show_moreless a[aria-expanded="true"] .show_less, #filtersPanel #metadataDiv .panel > .panel-body .show_moreless a[aria-expanded="false"] .show_more { display: inline-block; visibility: visible; } #filtersPanel #CCFilters .children { padding-left: 20px; } #filtersPanel .panel { width: 100%; } #filtersPanel .form-check input.form-check-input { margin-top: 2px; } #filtersPanel .form-check { margin-bottom: 6px !important; } .suboptions { padding-left: 1.5rem; border-left: 2px solid #dee2e6; } #filtersPanel .suboptions { margin-left: -18px; } #filtersPanel .panel-heading, #filtersPanel .panel-heading h3, #filtersPanel .panel-heading .panel-heading__title { font-size: calc(16px * var(--font-scale, 1)); } #filtersPanel .panel .panel-body.in { max-height: 200px; overflow: auto; } .learning_path_activities { border-top: solid 1px #dddddd; } /*.pass-activities.learning-activity-list[number_activities="0"] {display:none; visibility:hidden;}*/ #mycourse .col-md-3 .panel-body > div { display: block; clear: both; } #mycourse .col-md-3 .panel-body > div.btn-group, #mycourse .col-md-3 .panel-body > div.button_container { display: inline-block; width: 100%; clear: both; } #mycourse .col-md-3 .panel-body > div > span { display: inline-block; width: 80px; float: left; } #mycourse .col-md-3 .panel-body > div > span.label + span { width: 150px; } #mycourse .panel.activity .separator, #mycourse .progress-breakdown .modal small .separator { margin: 0px 0.5em; } #mycourse .progress-breakdown .modal small .glyphicon { margin: 0px 0.5em 0px 0px; } #mycourse .progress-breakdown > .tab-content > .tab-pane > .row { padding-left: 0px; margin: 0px; display: flex; flex-wrap: wrap; } #mycourse .progress-breakdown > .tab-content > .tab-pane > .row.next_activity_group_container { display: inline-block; } #mycourse .progress-breakdown > .tab-content > .tab-pane > .row li { padding-left: 0px; display: inline-block; list-style-type: none; } #mycourse .progress-breakdown > .tab-content > .tab-pane > .row { padding-left: 0px; margin: 0px; display: flex; flex-wrap: wrap; width: 100%; } #mycourse .progress-breakdown > .tab-content > .tab-pane > .row > div { display: flex; align-items: stretch; padding-bottom: 15px; } #mycourse .progress-breakdown > .tab-content > .tab-pane > .row > div > .panel { display: inline-block; width: 100%; align-items: stretch; } #mycourse .progress-breakdown > .tab-content > .tab-pane > .row > div > .panel > .panel-body { background-color: white; border-color: #f6f6f6; color: black; align-items: stretch; height: 100%; } #activity-content > iframe { width: 100%; min-height: 300px; border: none 0px; border-collapse: collapse; margin: 0px auto; } #mycourse .name .svg-inline--fa.fa-asterisk { margin-right: 3px; font-size: 0.7em; vertical-align: super; } #mycourse tbody th.item_progress { font-weight: 300; font-style: italic; font-size: 0.8em; } #mycourse .btn.activity-document .svg-inline--fa { margin-right: 5px; } #mycourse .modal-content .marquee.pull-left { max-width: 300px; margin: 0px 15px 15px 0px; } body.SurveyFeedback.modal { overflow-y: scroll; position: relative; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; display: block; overflow: auto; -webkit-overflow-scrolling: touch; outline: inherit; } /*Assignments*/ #mycourse .panel.progress-breakdown .panel-body > #StudentAssignments { display: flex; flex-wrap: wrap; align-content: stretch; justify-content: flex-start; align-items: stretch; } #mycourse .panel.progress-breakdown .panel-body > #StudentAssignments .card .card-body { padding: 15px; } #mycourse .panel.progress-breakdown .panel-body > #StudentAssignments .modal-dialog.modal-lg { height: 90% !important; } #mycourse .panel.progress-breakdown .panel-body > #StudentAssignments .modal-dialog.modal-lg .modal-content { height: 100% !important; } #mycourse .panel.progress-breakdown .panel-body > #StudentAssignments .modal-dialog.modal-lg .modal-content .modal-body { height: calc(100% - 118px) !important; padding: 0px; } body.submit.assignment.modal, body.review assignment { overflow-y: auto !important; } #AssignmentDetails #Instruction img { max-width: 100%; } /*Credits*/ #mycourse .row.Learning_Path .lp_activities .tab-pane .activity-group-credits .panel.credits_certificates, #mycourse .row.Learning_Path .lp_activities .tab-pane .activity-group-credits .panel.credits_certificates .panel-body { width: 100%; background-color: #fefefe !important; border-color: #f6f6f6; color: black; } #mycourse .row.Learning_Path .lp_activities .tab-pane .activity-group-credits .panel.credits_certificates .credit-provider-container { margin: 8px 0px; } #mycourse .row.Learning_Path .lp_activities .tab-pane .activity-group-credits .panel.credits_certificates .credit-provider-container .credit-provider { font-weight: bold; } #mycourse .row.Learning_Path .lp_activities .tab-pane .activity-group-credits .panel.credits_certificates .credit-category .credit-category-name { margin-right: 5px; } #mycourse .row.Learning_Path .lp_activities .tab-pane .activity-group-credits .panel.credits_certificates .credit-category .credit-category-name:after { content: ":"; } #mycourse .row.Learning_Path .lp_activities .tab-pane .credit-details.modal .credit { margin: 0px; padding: 0px; } #mycourse .row.Learning_Path .lp_activities .tab-pane .credit-details.modal .credit + .credit { border-top: solid 1px #eeeeee; margin-top: 15px; padding-top: 15px; } #mycourse .panel.credits_certificates .credit-category .credit-category-name .credit-status { margin-left: 1em; } #mycourse .panel.credits_certificates .credit-category .credit-status.reporting-error { display: inline-block; width: 100%; color: red; font-weight: bold; margin-bottom: 5px; } /*Embed*/ .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; } /*Forms*/ form:focus { outline: none; } form.form-inline { display: inline; } fieldset { border: none 0px; padding: 1em; margin-bottom: 1em; background-color: white; } fieldset > legend, fieldset > legend h1 { font-size: calc(21px * var(--font-scale, 1)); font-weight: normal; color: #d71921; background-color: white; border-color: white; } fieldset > legend h1 { margin: 0px; } input[type="radio"], input[type="checkbox"], fieldset input[type="radio"] + .label, fieldset input[type="checkbox"] + .label { width: auto; } fieldset .label { width: 240px; height: auto; } .label { white-space: normal; } #Message .label { width: 185px; } fieldset > div { clear: both; margin-bottom: 0.5em; } fieldset #CustomMetadata_FieldTable tr > * { padding-bottom: 0.5em; } fieldset #availableCoursesLanguage + label { width: auto; margin-left: 5px; } .checkbox.form-control { padding-left: 15px; } .checkbox.form-control input[type="checkbox"] { margin-left: 0px; margin-right: 0.25em; } .checkbox.form-control label { width: auto; } .form-control.datepicker, .date-range .input-group-addon, .input-group.date-range { width: auto; display: inline-block; } .input-group.date-range { float: right; margin: 15px 0px; } .input-group.date-range > * { float: none; } .input-group.date-range .label { width: auto; padding: 0px 12px; line-height: calc(34px * var(--font-scale, 1)); } .input-group.date-range .form-control { width: auto; } .input-group.date-range .input-group-addon { line-height: calc(20px * var(--font-scale, 1)); } .input-group.date-range .form-control.datepicker { padding: 0px; cursor: pointer !important; cursor: hand !important; } .input-group.date-range .form-control.datepicker input { background: none !important; border: none 0px; padding: 6px 12px !important; } .input-group.date-range .input.hasDatepicker { background: none !important; } .input-group.date-range .btn { margin-left: 1em; } .row.mytranscripts span.form-control.datepicker { float: none; } input#transcript_search { max-width: 262px; display: inline-block; margin: 7px; } .input-group .form-control, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 0; } span.form-control.datepicker { padding: 0px; background-image: url(../../images/calendar/calendar.png); background-repeat: no-repeat; background-position: right; } span.form-control.datepicker input[onmousedown*="datepicker"] { border: none 0px; background: none transparent !important; cursor: pointer; cursor: hand; } #ExternalTrainingModal .form-group { margin-bottom: 1em; width: 100%; } textarea { resize: vertical; } div.details > div { margin-bottom: 1px; } .label, label { font-size: 1em; font-weight: 300; display: inline-block; width: 115px; text-align: left; padding-left: 0px; } .label.col-sm-3, label.col-sm-3 { width: 25%; } .label.text-right { text-align: right; } .label.text-left { text-align: left; } .label.left { float: left; line-height: 1.1em; } .label.label-info { padding: 0.2em 0.6em 0.3em 0.6em; color: white; width: auto; } .value { display: inline-block; line-height: 1.1em; padding: 0.2em 0.6em; } /* width:115px;*/ input[type="radio"] { vertical-align: middle; margin: 0px 2px 0px 10px; height: 1.5em; } div.details h3 { width: auto; } .myprofile .form-horizontal .form-group:hover { background-color: #f6f6f6; } #login_info .form-group, #login_info #register, #login_info .log_in { margin-right: 0.5em; } #login_info .glyphicon.glyphicon-home { font-size: 2em; height: 34px; top: 9px; } #masthead #login_info .dropdown-menu { z-index: 10000; } #masthead #login_info .dropdown-menu > li > a { color: #333333; text-align: left; text-decoration: none; } #defaultSortingChoose label { width: auto; } #MyCourses .sort { font-size: 0.9em; } #MyCourses .details .status_breakdown { font-size: 0.9em; margin-top: -5px; } #MyCourses div.details div.row.status_breakdown > div { padding-bottom: 0; } #MyCourses .details label { text-align: right; } #ExternalTrainingModal .form-group { margin-bottom: 1em; } /*Images*/ .profile.img-thumbnail, .profile.img-rounded { margin: 0 0.5em 0.5em 0; } .img-thumbnail.profile.fullsize { width: auto; height: auto; max-width: 300px; max-height: 300px; } .panel > img.profile { width: 100%; max-width: 300px; max-height: 300px; } /*Equivalancy Modal*/ #LPActivityEquivalenciesSelection #lpTitleDiv h1 { margin-top: 0px; } #LPActivityEquivalenciesSelection #series_titleDiv { margin-bottom: 1em; } #LPActivityEquivalenciesSelection #series_selectionDiv .course-row { margin: 0px 0px 15px 0px; } #LPActivityEquivalenciesSelection #series_selectionDiv .course-row .option { border: solid 1px #eeeeee; padding: 15px 15px 15px 3em; position: relative; } #LPActivityEquivalenciesSelection #series_selectionDiv .course-row .option:hover { background-color: #edd37c; } #LPActivityEquivalenciesSelection #series_selectionDiv .course-row .option input { position: absolute; top: 1em; left: 5px; } /*Buttons*/ .btn, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, #SupervisorView .btn-group.chart-nav .btn.active { text-decoration: none; color: black; border-color: #fce184; background-color: #fce184; z-index: 0; } .btn:hover, .btn:active, .btn:focus, #SupervisorView .btn-group.chart-nav .btn.active:hover { text-decoration: none; color: black; border-color: #edd37c; background-color: #edd37c; } #SupervisorView .btn-group.chart-nav .btn { color: #fce184; border-color: #fce184; } .btn.single-resource .svg-inline--fa { margin-right: 0.25em; } .course-buttons .btn, .course-buttons .btn-group { margin: 0px 5px 0px 0px; } .course-buttons .btn-group > .btn { margin: 0px; } .course-buttons .btn-group > .btn-refresh { margin-left: 1px; } .course-buttons .btn-group > .btn-refresh .svg-inline--fa { font-size: 0.7em; } .btn-group { margin: 0.5em 0em; } .btn-group.primaryButtons { float: right; margin: 0px 0px 5px 15px; } .btn.btn-disabled, .btn[disabled], .btn-primary[disabled], .btn.btn-default[disabled] { background-color: white !important; color: #cccccc !important; border: 1px solid #cccccc !important; } .btn .topleft_corner, .btn .bottomleft_corner, .btn .bottomright_corner, .btn .topright_corner { display: none; } #GoBackbtn + #btnPrint { margin-right: 0.5em; } .btn.btn-icon { background-color: transparent; border-color: transparent; color: #fce184; } .btn.btn-icon:hover { background-color: transparent; border-color: transparent; color: #edd37c; } #collapseCountryAlt .well { display: block; border: none 0px; background-color: transparent; padding: 15px 0px; font-style: italic; font-size: 0.9em; text-align: center; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } #collapseCountryAlt.collapse .well { border: none 0px; background-color: transparent; padding: 15px 0px; font-style: italic; font-size: 0.9em; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } /*List Groups*/ .list-group-item[onclick] { cursor: pointer; } .list-group-item[onclick]:hover { background-color: #f4f8fa; } .list-group-item.active { background-color: #dddddd; border-color: #f6f6f6; color: white; } .list-group-item.active a { color: white; } .list-group-item { background-color: white; border-color: #f6f6f6; color: black; } .session-list { margin-top: 1.5em; } .session-list > li { display: list-item; list-style-type: disc; margin-left: 18px; } /*Modals*/ .modal-header { color: black; } .modal-body { color: black; } .modal ul.nav-tabs > li { display: inline-block !important; list-style-type: none !important; margin-left: 0px; } .modal .modal-body .container { width: 100% !important; } .modal .modal-dialog.modal-sm .modal-body .label, .modal .modal-dialog.modal-sm .modal-body .form-control { float: none; text-align: center; width: 100%; } /*Tables*/ table.table { font-size: 1em; } table.course_progress { clear: both; } .table > thead > tr > th, .table > thead > tr > td, .table > thead > tr > th.type, .table > thead > tr > th.success, .panel-heading, .table.grid tbody > tr.table_header > th { background-color: white; color: black; border-color: #f6f6f6; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tfoot > tr > th, .table > tbody > tr > td, .table > tfoot > tr > td { vertical-align: middle; border-color: #f6f6f6; } table.table > tbody > tr.tableSubHeader td, table.table > tbody > tr.tableSubHeader th, table.table thead tr.tableSubHeader th, table.table > tbody > tr.tableSubHeader.active th, table.table > tbody > tr.tableSubHeader.active:hover th, table.table > tbody > tr.objective.tableSubHeader, table.table > tbody > tr.tableSubHeader:hover td, table.table > tbody > tr.tableSubHeader:hover th, table.table > tbody > tr.objective.tableSubHeader:hover, .table tr:nth-child(2n).tableSubHeader td, .table tr:nth-child(2n).tableSubHeader th, .table tr:nth-child(2n).objective.tableSubHeader, .table tr:nth-child(2n).tableSubHeader:hover td, .table tr:nth-child(2n).tableSubHeader:hover th, .table tr:nth-child(2n).objective.tableSubHeader:hover { background-color: #cccccc; color: white; } .tablesorter-header-inner { cursor: pointer; } .table .tableSubSubHeader td, .table .tableSubSubHeader th, caption.tableSubSubHeader { background-color: #f4f2f2; color: white; border-color: #f6f6f6; } .table .tableSubSubSubHeader td { background-color: #dddddd; color: white; border-color: #f6f6f6; } .table > tbody > tr:nth-child(2n-1) > td { background-color: #fefefe; color: black; border-color: #f6f6f6; } .table > tbody > tr:nth-child(2n) > td { background-color: white; color: black; } #content table > tbody > tr.divider > * { background-color: #f6f6f6; padding: 0px; height: 2px; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-width: 1px 0px 0px 0px; } tr.table-footer > th, .table.grid tr:last-child > * { border-top: double 3px #f6f6f6; background-color: transparent; } .table.grid tr:last-child > * > table { width: 100%; } .table.grid tr:last-child > * > table tr > * { padding: 8px; line-height: 1.428571429; vertical-align: top; } html[dir=rtl] .table tr td, html[dir=rtl] .table tr th { text-align: right !important; direction: rtl !important; } .table tr > th:first-child, .table tr > td:first-child { text-align: left; } .table th.text, .table td.text { text-align: center; } .table th.number, .table td.number { text-align: right; } .table .actions { white-space: nowrap; } .table .actions .modal { white-space: normal; } .table .moderators { white-space: nowrap; } .table td .courseTitle { margin-left: 15px; display: block; } td.badges img { width: 200px; } @media (max-width: 767px) { th, td { display: inline-block !important; float: left; width: 100%; } .picker__table th, .picker__table td { width: auto; height: auto; margin: 0; padding: 0; border: none; border-collapse: inherit; border-spacing: 0; border-color: inherit; vertical-align: inherit; text-align: center; font-weight: inherit; -webkit-border-horizontal-spacing: 0; -webkit-border-vertical-spacing: 0; display: table-cell !important; float: none !important; } .picker__table { text-align: center; border-collapse: collapse; border-spacing: 0; table-layout: fixed; font-size: inherit; width: 100%; margin-top: 0.75em; margin-bottom: 0.5em; } .picker__weekday { width: 14.285714286% !important; font-size: 0.75em !important; padding-bottom: 0.25em !important; color: #999999 !important; font-weight: 500 !important; } .visible-sm.visible-xs { border-width: 0px; } table > tbody > tr > td.course { border-top-width: 1px; } td.course span.courseTitle, td span.courseTitle { margin-left: 0px !important; } .table > tbody > tr { border: solid 0px #f6f6f6; border-bottom-width: 5px; } .table > tbody > tr > td { border-width: 0px; padding: 2px 15px 2px 15px; } .table > tbody > tr > td:first-child { border-width: 0px; padding: 15px 15px 0px 15px; } .table > tbody > tr > td:last-child { border-width: 0px; padding: 0px 15px 15px 15px; } } @media (max-width: 768px) { .table > * > tr > td.hidden-sm { width: 0px; padding: 0px; } } @media print { th, td { display: table-cell; float: none; /*width:;*/ } } .table td .btn { margin-right: 0.5em; } #MyLearningPaths .progress, .progress-breakdown .progress.progress-bar { margin-bottom: 0px; min-width: 200px; width: 100%; height: 30px; white-space: nowrap; } .progress-breakdown .progress[data-percent="10000%"] .progress-bar { width: 100% !important; } .progress-breakdown .progress.progress-bar { background-color: #f3f3f3; height: 30px; margin-bottom: 10px; -webkit-box-shadow: inset 0px 2px 3px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 2px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 2px 3px 1px rgba(0, 0, 0, 0.2); } .progress-breakdown .progress.progress-bar .progress-bar-success { line-height: calc(30px * var(--font-scale, 1)); } .progress.completed .progress-bar-success { background-color: #cccccc; color: white; } .progress.active .progress-bar-success { background-color: white; color: black; } .progress.inactive .progress-bar-success { background-color: white; color: black; } .progress_legend { font-size: 0.9em; line-height: calc(15px * var(--font-scale, 1)); color: #888888; text-align: right; padding: 10px 0px; display: none; visibility: hidden; } .doughnut.progress_breakdown .progress_legend { position: absolute; bottom: -8px; } .progress_legend > div { display: inline-block; float: left; margin-right: 30px; } .progress_legend > div > .progress-bar { display: inline-block; float: left; margin-right: 5px; width: 15px; height: 15px; border-radius: 50%; } .activity-group-progress .progress-bar-required-inprogress, .activity-group-progress .progress-bar-optional-inprogress { opacity: 0.5; } .progress_legend > div.required-inprogress > .progress-bar, .progress_legend > div.optional-inprogress > .progress-bar { opacity: 0.4; } #MyLearningPaths .progress.progress-bar { height: 30px; } #MyLearningPaths .progress.progress-bar .progress-bar-success { line-height: calc(30px * var(--font-scale, 1)); } #MyLearningPaths .progress.inactive .progress-bar-success { margin-left: 10px; } #MyLearningPaths .progress.inactive .progress-bar-success[aria-valuenow="0"] { padding-left: 0px; } .progress-bar.progress-bar-success[aria-valuenow="0"] { color: #333333; } .progress-bar-success[aria-valuenow="0"] { color: #cccccc; margin-left: 5px; padding-left: 0; } .progress-bar-success { height: 100%; line-height: calc(30px * var(--font-scale, 1)); font-size: 0.8em; white-space: nowrap; padding-left: 5px; } .my_learning_path .item_progress { min-width: 160px; border-radius: 0; } @media (max-width: 767px) { #MyLearningPaths .lp-score > div { text-align: left; } } .my_learning_path .actions .btn { margin: 0; } .my_learning_path .actions { min-width: 200px; text-align: right; } .my_learning_path .actions .modal { text-align: left; } .my_learning_path .actions .modal #lpTitleLabel { margin: 0px; } .activity_progress_visuals .doughnut, .activity_progress_visuals .doughnut_score { width: 175px !important; height: 175px !important; } .wedge.slice_0 { fill: white; color: white; } .wedge.slice_1 { fill: white; color: white; opacity: 0.2; } .ct-chart .ct-series.ct-series-a .ct-bar, .ct-chart .ct-series.ct-series-a .ct-line, .ct-chart .ct-series.ct-series-a .ct-point, .ct-chart .ct-series.ct-series-a .ct-slice.ct-donut, .ct-chart-donut .ct-series-a { stroke: white; color: white; fill: white; } .ct-chart .ct-series.ct-series-b .ct-bar, .ct-chart .ct-series.ct-series-b .ct-line, .ct-chart .ct-series.ct-series-b .ct-point, .ct-chart .ct-series.ct-series-b .ct-slice.ct-donut, .ct-chart-donut .ct-series-b { stroke: whitesmoke; color: whitesmoke; fill: whitesmoke; } .doughnut.score_breakdown .wedge.slice_1, .doughnut_score .wedge.slice_1, .progress_completed .wedge.slice_1 { fill: whitesmoke; opacity: 1; } /*.score_completed .wedge.slice_1, .score_breakdown .wedge.slice_1 {fill:#f5f5f5; opacity:1;}*/ .doughnut.score_breakdown + small { float: left; margin: 0px 0px 0px 0px; width: 175px; text-align: center; } #mycourse .progress-breakdown small .result-success { margin-left: 0.25em; } #mycourse .row.Learning_Path > tbody.objective { display: table-row-group !important; } #mycourse .row.Learning_Path tbody.objective .description ul, #mycourse .row.Learning_Path tbody.objective .description ol { padding-left: 0px; } #mycourse .row.Learning_Path tbody.objective.collapse:not(.collapsed) tr.tableSubHeader .icon .svg-inline--fa { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #mycourse .row.Learning_Path tbody.objective.collapse.collapsed tr.tableSubHeader .icon .svg-inline--fa { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #mycourse .row.Learning_Path tbody.objective:hover { cursor: pointer; cursor: hand; } #mycourse .row.Learning_Path tbody.objective th.name { font-weight: 300; } #mycourse .row.Learning_Path tbody.objective th.name .objective-name { text-decoration: underline; font-weight: bold; } #mycourse .row.Learning_Path tbody.objective:hover th.name { text-decoration: none; } @media (max-width: 767px) { #transcript_list #transcripts_completed tr > td.lesson > div[style*="margin-left:"]:before { content: "- "; } #transcript_list #transcripts_completed tr > td.text-center { text-align: left; } } #mycourse .row.Learning_Path .panel.progress-breakdown .tab-content .tab-pane .subobjectiveactive.well ul { padding: 0px; } #mycourse .row.Learning_Path .panel.progress-breakdown .tab-content .tab-pane .subobjectiveactive.well li { list-style-type: none; display: inline-block; } .modal-body { display: inline-block; width: 100%; } .row.Learning_Path .progress-breakdown > .tab-content > .tab-pane > .row li.col-md-4:nth-child(3n+1) { clear: left; } .row.Learning_Path ul.prerequisites { margin-left: 0px; padding-left: 0px; display: block; } #mycourse .progress-breakdown > .tab-content > .tab-pane > .row ul.prerequisites li { margin-left: 1.4em; display: list-item; list-style-type: disc; } #mycourse .progress-breakdown > .tab-content > .tab-pane > .row ul.prerequisites li h3 { margin-top: 0px; } #mycourse .progress-breakdown > .tab-content > .tab-pane > .row ul.prerequisites li h3 { margin-top: 0px; } #mycourse .row.activity .activity-document { padding: 15px; margin-bottom: 15px; border: 1px solid #e3e3e3; } #mycourse tr.session .speaker { line-height: 1.2em; margin-bottom: 5px; } #mycourse tr.session .speaker img.profile.img-rounded { margin: 0px 5px 0px 0px; width: 1.2em; height: 1.2em; } #mycourse tr.session .location .provider-logo { margin-bottom: 10px; } #mycourse > .row.Learning_Path .next_activity_group { padding-left: 15px; } #learners table td.metadata .label { width: 130px; } #learners th.columns_7, #learners th.columns_6, #learners th.columns_5, #learners th.columns_4 { white-space: nowrap; } #learners th { white-space: normal; } #mylearningpath .overview .label { font-weight: bold; } #mylearningpath .lp_doughnut_progress, #mylearningpath .lp_doughnut_score { width: 200px !important; height: 200px !important; overflow: hidden; } /*This is redundant it messes up the display of the chart*/ /*#mylearningpath .lp_doughnut_progress x-pie, #mylearningpath .lp_doughnut_score x-pie {width:200px !important; height:200px !important;}*/ #mylearningpath #accordion tbody.objective[aria-expanded="true"] th.icon .svg-inline--fa.fa-chevron-circle-right { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #mylearningpath #accordion tbody.objective th.item_progress .progress, #mylearningpath #accordion tbody.activities td.item_progress .progress { height: 30px; margin-bottom: 0px; } #mylearningpath #accordion tbody.objective th.item_progress .progress .progress-bar-success, #mylearningpath #accordion tbody.activities td.item_progress .progress .progress-bar-success { height: 30px; } #mylearningpath #accordion tbody.objective th.name .svg-inline--fa.fa-check-circle { margin-left: 3px; } #mylearningpath #accordion tbody .actions .svg-inline--fa.fa-check-circle { margin-left: 3px; } .progress { margin-bottom: 0px; height: 30px; } .item_progress .progress { height: 30px; } #mycourse #mylearningpath .actions .btn.enter, #mycourse #mylearningpath .actions .btn.Enter, #mycourse #mylearningpath .actions button.btn[onclick*="#activity_"], #mycourse #mylearningpath .name .svg-inline--fa.fa-check { display: inline-block !important; visibility: visible !important; } /*My Activity Details page - rows layout*/ #mycourse .activity-overview .activity_summary_info > .row { clear: left; margin-bottom: 15px; } #mycourse .activity-overview .activity_summary_info .course-buttons { text-align: left; } #mycourse .activity-overview .activity_summary_info .course-buttons > .btn { margin: 0px 5px 0px 0px; } #mycourse .activity-overview .activity_summary_info label, #mycourse .activity-overview label { font-weight: bold; width: 100%; margin-bottom: 0px; } #mycourse .activity-overview .activity_summary_info .marquee { max-width: 300px; padding: 0px 15px 15px 0px; } #mycourse .activity-overview .activity_summary_info .credit-categories > div { display: block !important; } #mycourse .activity-overview .activity_summary_info .custom-fields { margin: 0px -15px 15px -15px; } #mycourse .activity-overview .activity_summary_info .credit-category .credit-category-name { margin-right: 5px; } #mycourse .activity-overview .activity_summary_info .credit-category .credit-category-name:after { content: ":"; } #mycourse .activity-overview .activity_progress_visuals { text-align: right; } #mycourse .activity-overview .activity_progress_visuals .progress-bar.in_progress { opacity: 0.4; } /*#mycourse .activity-overview .activity_progress_visuals .doughnut {width:100% !important; height:100% !important; position:relative; margin:0px 0px 0px 0px;}*/ /*#mycourse .activity-overview .activity_progress_visuals .doughnut x-pie {width:140%; height:100%; text-align:left; margin:-10% 0px 0px -20%;}*/ /* set the width and height of the pie chart and it will take this and render dynamically based of these values */ #transcript_progress_doughnut.activity_progress_visuals { max-width: 175px; margin-top: -175px; } #mycourse .activity_progress_visuals x-pie, #mycourse .column-packageresources .progress-breakdown x-pie, #transcript_progress_doughnut.activity_progress_visuals x-pie { width: 350px; height: 350px; margin: 0px auto; } #mycourse .activity_progress_visuals x-pie svg, #mycourse .column-packageresources .progress-breakdown x-pie svg, #transcript_progress_doughnut.activity_progress_visuals x-pie svg { margin-left: -88px; margin-top: -88px; overflow: visible; } #mycourse .activity_progress_visuals x-pie svg .inner_fill, #mycourse .column-packageresources .progress-breakdown x-pie svg .inner_fill, #transcript_progress_doughnut.activity_progress_visuals x-pie svg .inner_fill { r: 76; fill: #fefefe; stroke-width: 1 !important; cx: 175 !important; cy: 175 !important; } #mycourse .activity_progress_visuals x-pie svg .inner_shadow, #mycourse .column-packageresources .progress-breakdown x-pie svg .inner_shadow, #mycourse .activity_progress_visuals x-pie svg .large_shadow, #mycourse .column-packageresources .progress-breakdown x-pie svg .large_shadow, #transcript_progress_doughnut.activity_progress_visuals x-pie svg .inner_shadow, #transcript_progress_doughnut.activity_progress_visuals x-pie svg .large_shadow { display: none; visibility: hidden; } /*My LP Details page - nav with containers view*/ #mycourse #learning_path_nav { border-radius: 0px; } #mycourse #current_activity_group { padding: 0px; } #mycourse #learning_path_nav .navbar-text.title { font-size: 1.1em; color: #333333; margin-left: 0px; } #mycourse #learning_path_nav .chevron { padding: 0px; } #mycourse #learning_path_nav .chevron button { line-height: calc(48px * var(--font-scale, 1)); padding: 0px 15px; border-radius: 0px; margin: 0px; border-color: white; background-color: white; color: #333333; } #mycourse #learning_path_nav .chevron button:hover { background-color: #d71921; color: white; } /*#mycourse .activity-content #activities .navbar-default .navbar-nav > .active > a { background-color:@Tabs-Unselected-Tab-Background-Color; color:@Tabs-Unselected-Tab-Text-Color;}*/ #mycourse .activity-content #activities .navbar .svg-inline--fa { margin-right: 5px; } #mycourse .activity-content #activities .navbar .svg-inline--fa.completed { color: #5cb85c; } #mycourse .activity-content #activities .navbar .svg-inline--fa.incomplete { color: white; } /*#mycourse .activity-content #activities .navbar .fa.locked {color:#5cb85c;}*/ #mycourse .row.Learning_Path .lp_activities .tab-pane > .activity-group-progress .progress-bar-inprogress { opacity: 0.5; } #mycourse .row.Learning_Path .lp_activities .tab-pane > .activity-group-progress .progress-bar[style="width:0%"] { padding: 0px; } #mycourse .row.Learning_Path .lp_activities .tab-pane > .activity-group-progress .progress-bar[style="width:0%"] { padding: 0px; } #mycourse .row.Learning_Path .lp_activities .tab-pane > .activity-group-progress .optional-statement b { margin: 0px 0.25em; } #mycourse .row.Learning_Path .lp_activities .tab-pane .activity-description { padding: 15px; } #mycourse .row.Learning_Path .lp_activities .tab-pane .alert-locked .svg-inline--fa.fa-lock { margin-right: 5px; } #mycourse .row.Learning_Path .lp_activities .tab-pane .activity_block[lock="lock"] { position: relative; } #mycourse .row.Learning_Path .lp_activities .tab-pane .activity_block[lock="lock"] > .lock { position: absolute; top: 50%; left: 50%; margin: -30px 0px 0px -30px; z-index: 1000; font-size: calc(60px * var(--font-scale, 1)); width: 60px; text-align: center; } #mycourse .row.Learning_Path .lp_activities .tab-pane .activity_block[lock="lock"] > .panel { opacity: 0.3; background-color: #aaaaaa !important; position: relative; } #mycourse .row.Learning_Path .lp_activities .tab-pane .activity_block .activity_number { border: solid 1px #333333; display: inline-block; border-radius: 50%; width: 2em; height: 2em; text-align: center; line-height: 1.7em; } #mycourse .row.Learning_Path .lp_activities .tab-pane .activity_block .status_icon { position: absolute; top: 0.5em; right: 0.5em; } #mycourse .row.Learning_Path .lp_activities .tab-pane .activity_block label { font-weight: bold; margin-bottom: 0; width: 100%; } #mycourse .row.Learning_Path .lp_activities .tab-pane .activity_block .panel-body > div { margin-bottom: 5px; } #mycourse .row.Learning_Path .lp_activities .tab-pane .activity_block .percentage_completed { margin: 15px 0px 0px 0px; } #mycourse .row.Learning_Path .lp_activities .tab-pane .activity_block .percentage_completed div.progress { background-color: #f6f6f6; } /*#mycourse .activity-content #activities .activity_block li[lock="lock"] div.progress {background-color:#bbbbbb;}*/ #mycourse .row.Learning_Path .lp_activities .tab-pane .activity_block .percentage_completed div.progress, #mycourse .row.Learning_Path .lp_activities .tab-pane .activity_block .percentage_completed div.progress > .progress-bar { height: 4px; } /*#mycourse .progress-breakdown > .tab-content > .tab-pane > .row li[lock="lock"] div.progress + label {font-size:0.8em;}*/ #mycourse .activity-content .tab-content .tab-pane .row.activities { padding: 0px; } #mycourse .activity-content .tab-content .tab-pane .row.activities > li { display: inline-block; list-style-type: none; } #mycourse .activity-content .tab-content .tab-pane .row.activities > li:nth-child(3n+1) { clear: left; } #mycourse .activity-content .tab-content .tab-pane .row.activities > li .panel.activity { overflow: hidden; } #mycourse .activity-content .tab-content .tab-pane .row.activities > li .panel.activity[data-lock="true"] { opacity: 0.5; position: relative; } #mycourse .activity-content .tab-content .tab-pane .row.activities > li .panel.activity[data-lock="true"] .lock_icon { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; line-height: 100%; text-align: center; } #mycourse .activity-content .tab-content .tab-pane .row.activities > li .panel.activity .activity_number { display: inline-block; border: solid 1px #333333; border-radius: 50%; width: 22px; height: 22px; line-height: calc(22px * var(--font-scale, 1)); text-align: center; } #mycourse .activity-content .tab-content .tab-pane .row.activities > li .panel.activity .status_icon { position: absolute; top: 0px; right: 0px; width: 90px; height: 90px; background-color: whitesmoke; transform: rotate(-45deg); margin: -45px -45px 0 0; } #mycourse .activity-content .tab-content .tab-pane .row.activities > li .panel.activity .status_icon .svg-inline--fa { transform: rotate(45deg); margin: 36px 0px 0px 12px; } #mycourse .activity-content .tab-content .tab-pane .row.activities > li .panel.activity img.marquee { margin: 15px 0px; } #mycourse .activity-content .tab-content .tab-pane .row.activities > li .panel.activity h3 { margin-bottom: 1em; } #mycourse .activity-content .tab-content .tab-pane .row.activities > li .panel.activity label { width: 100%; font-weight: bold; margin-bottom: 0px; } #mycourse .activity-content .tab-content .tab-pane .row.activities > li .panel.activity .panel-body > div { margin-bottom: 8px; } #mycourse .lp_activities .row.activity_group_resources_container.next_activity_group_container > div { display: inline-block !important; } #mycourse .lp_activities .row.activity_group_resources_container .activity-group-resources div { display: block; width: 100%; } #mycourse .lp_activities .row.activity_group_resources_container .activity-group-resources .single-resource, #mycourse .lp_activities .activity-modal .activity-resources .single-resource { margin: 0px 5px 5px 0px; } #mycourse .lp_activities .row.next_activity_group_container .next_activity_group { border-left: solid 1px #e7d8d8; padding-left: 15px; } #mycourse .modal.credit-details .manual-claim label { font-weight: bold; } #mycourse .modal.credit-details .manual-claim .input-group { max-width: 200px; } #mycourse .modal.credit-details .manual-claim .input-group input[disabled] { display: none; visibility: hidden; } #mycourse .modal.credit-details .manual-claim .input-group input[disabled] + .input-group-btn .btn { border-radius: 4px; } /* Printed Tables */ @media print { table { margin: 2em 0; text-align: left; display: table; width: 100%; clear: both; } thead { display: table-row-group; } tbody { display: table-row-group; } tfoot { font-style: italic; display: table-footer-group; } tr { display: table-row; white-space: nowrap; } table thead tr th, table tbody tr td, table tbody tr th { border-bottom: 1px solid #333333; padding: 4px 10px 4px 0; display: table-cell !important; float: none !important; width: inherit !important; color: black !important; text-align: center; } table thead tr th:first-child, table tbody tr td:first-child, table tbody tr th:first-child { text-align: left; white-space: normal; } th { font-weight: bold; font-size: 1.2em; } table tbody tr td { border-bottom: 1px solid #666666 !important; } table thead tr th.actions, table tbody tr td.actions { display: none !important; } caption { background: white; margin-bottom: 2em; text-align: left; } img, tr { page-break-inside: avoid; } table #myTab > li { display: block; } } /*Jumbotron*/ .jumbotron small { font-size: 0.5em; } .jumbotron .category_marquee { float: left; margin: 0px 1em 0px 0px; } #catalogue .category .jumbotron h1, #catalogue .category .jumbotron .h1 { font-size: 2em; } #catalogue .category .jumbotron p { font-size: 1.4em; line-height: 1.4em; } /*Spinner*/ body > div#spinner.hidden { display: none; } body > div#spinner { position: absolute; top: 50%; left: 50%; z-index: 10000; width: 100px; height: 100px; margin: -50px 0 0 -50px; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -webkit-animation-name: spin; } body > div#spinner:before { content: ""; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: #5e9e71; border-radius: 50%; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -webkit-animation-name: throb; } body > div#spinner > i { position: absolute; bottom: 50%; left: 50%; width: 6px; height: 50px; margin: 0 0 0 -3px; -webkit-transform-origin: 50% 100%; } body > div#spinner > i:nth-child(1) { -webkit-transform: rotate(23deg); } body > div#spinner > i:nth-child(2) { -webkit-transform: rotate(45deg); } body > div#spinner > i:nth-child(3) { -webkit-transform: rotate(68deg); } body > div#spinner > i:nth-child(4) { -webkit-transform: rotate(90deg); } body > div#spinner > i:nth-child(5) { -webkit-transform: rotate(113deg); } body > div#spinner > i:nth-child(6) { -webkit-transform: rotate(135deg); } body > div#spinner > i:nth-child(7) { -webkit-transform: rotate(158deg); } body > div#spinner > i:nth-child(8) { -webkit-transform: rotate(180deg); } body > div#spinner > i:nth-child(9) { -webkit-transform: rotate(203deg); } body > div#spinner > i:nth-child(10) { -webkit-transform: rotate(225deg); } body > div#spinner > i:nth-child(11) { -webkit-transform: rotate(248deg); } body > div#spinner > i:nth-child(12) { -webkit-transform: rotate(270deg); } body > div#spinner > i:nth-child(13) { -webkit-transform: rotate(293deg); } body > div#spinner > i:nth-child(14) { -webkit-transform: rotate(315deg); } body > div#spinner > i:nth-child(15) { -webkit-transform: rotate(338deg); } body > div#spinner > i > b { display: block; position: absolute; bottom: 100%; left: 0; width: 6px; height: 6px; background: #5e9e71; border-radius: 50% 50% 0 0; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -webkit-animation-name: move; } @-webkit-keyframes move { 0% { bottom: 0%; } 50% { bottom: 100%; } 100% { bottom: 0%; } } @-webkit-keyframes throb { 0% { width: 2px; height: 2px; margin: -1px 0 0 -1px; opacity: 0.75; } 50% { width: 100px; height: 100px; margin: -50px 0 0 -50px; opacity: 0; } 51% { width: 2px; height: 2px; margin: -1px 0 0 -1px; opacity: 0; } 100% { width: 2px; height: 2px; margin: -1px 0 0 -1px; opacity: 0; } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } /*Home*/ .tile { margin-top: 0px; margin-bottom: 15px; } #Tile-DomainStats { margin: 0px 0px 15px 0px; } #Tile-DomainStats ul { width: 100%; height: auto; margin: 15px 0px; padding: 0px; display: block; text-align: center; background-color: #f7f7ed; } #Tile-DomainStats ul li { display: inline-block; padding: 0.5em; margin: 0px; font-size: 1.5em; text-align: center; border: solid 1px #f6f6f6; } #Tile-DomainStats ul li span.count { display: block; height: 2em; line-height: 2em; } #Tile-DomainStats ul li h3 { display: block; height: 25px; line-height: 1em; font-size: 0.55em; font-weight: normal; } #Tile-DomainStats #lmsstats li { float: none; text-align: center; font-size: 1.4em; line-height: 1.4em; } #Tile-DomainStats #lmsstats li i { display: inline-block; float: none; font-size: 0.8em; line-height: 2em; margin-right: 0.2em; } #Tile-DomainStats #lmsstats li span.count { display: inline-block; float: none; } #Tile-DomainStats ul li h3 { display: block; width: 100%; clear: both; height: 2em; line-height: 1.2em; font-size: 0.5em; font-weight: normal; text-align: center; text-transform: uppercase; } @media (max-width: 767px) { span.count { font-size: 0.7em; } } #Tile-FeatureSlider { display: block; height: 179px; overflow: hidden; margin: 0px 15px 15px 15px; padding: 0px; position: relative; background-color: #f6f6f6; } #Tile-FeatureSlider .mtile { height: 179px; padding: 0px; margin: 0px; cursor: pointer; } #Tile-FeatureSlider .mtile h2 { font-size: 1.2em; font-weight: normal; display: block; width: 100%; padding: 0px 10px !important; position: absolute; bottom: 50px; background-color: rgba(255, 255, 255, 0.8); z-index: 10; } #Tile-FeatureSlider .mtile img { position: absolute; top: 0px; width: 100%; } #Tile-FeatureSlider .mtile div { display: block; width: 100%; height: 50px; padding: 0px 10px !important; font-size: 0.8em; line-height: 1.2em; white-space: normal; position: absolute; bottom: 0px; background-color: rgba(255, 255, 255, 0.8); z-index: 10; } #Tile-FeatureSlider ul { display: block; height: 169px; margin: 0px; overflow-y: hidden; white-space: nowrap; } #Tile-AboutMeTile .about_me_tile .svg-inline--fa { margin-right: 3px; } #Tile-AboutMeTile .about_me_tile .profile-container { display: block; width: 100%; background-color: #dddddd; border-bottom: solid 1px #f6f6f6; text-align: center; margin: 0px 0px 15px 0px; } #Tile-AboutMeTile .about_me_tile .profile { margin: 0px auto; width: 100%; } #Tile-AboutMeTile .about_me_tile .panel-body > h4.learner-name { margin-bottom: 0px; } #Tile-AboutMeTile .about_me_tile .label { font-weight: bold; width: 100%; } #Tile-AboutMeTile .panel-body > .row { margin: 15px -15px; } #Tile-AboutMeTile .panel-body > .row.user_stats .user_stat { margin-bottom: 10px; display: inline-block; } #Tile-AboutMeTile .panel-body .user-credit-categories > div { margin-bottom: 5px; } #Tile-AboutMeTile .panel-body .user-credit-categories .category-name { width: 130px; display: inline-block; } #Tile-SharePage #share_page_tile { display: block; margin: 0; padding: 0; } #Tile-SharePage #share_page_tile li { display: inline-block; float: left; list-style-type: none; margin: 0 0.25em; } #Tile-SharePage #share_page_tile li.facebook a.btn.btn-default { background-color: #306199; border-color: #306199; color: white; } #Tile-SharePage #share_page_tile li.linkedin a.btn.btn-default { background-color: #007bb6; border-color: #007bb6; color: white; } #Tile-SharePage #share_page_tile li.twitter a.btn.btn-default { background-color: #26c4f1; border-color: #26c4f1; color: white; } #Tile-SharePage #share_page_tile li.googleplus a.btn.btn-default { background-color: #e93f2e; border-color: #e93f2e; color: white; } #Tile-SharePage #share_page_tile li.email a.btn.btn-default, #Tile-SharePage #share_page_tile li.email a.btn.btn-default:hover { background-color: #9c9c9c; border-color: #9c9c9c; color: white; } #Tile-CalendarTile #calendar_tile_container #calendar h2 { margin-top: 0; margin-bottom: 0; font-size: 1em; font-weight: 300; } #Tile-SectionFeatures #section_menu.row { display: flex; flex-wrap: wrap; align-content: stretch; justify-content: flex-start; align-items: stretch; } #Tile-SectionFeatures #section_menu.row > div { margin-bottom: 30px; float: left !important; } #Tile-SectionFeatures #section_menu.row > div > .panel { width: 100%; height: 100%; } #Tile-SectionFeatures #section_menu.row > .background > .panel { background-size: cover; background-position: center center; } #Tile-SectionFeatures #section_menu .background .panel-default .panel-heading { max-height: 100px; margin-top: 140px; background-color: rgba(255, 255, 255, 0.8); padding-bottom: 0; } #Tile-SectionFeatures #section_menu .background .panel-default .panel-body { height: calc(100% - 240px); background-color: rgba(255, 255, 255, 0.8); padding-top: 0; } #Tile-SectionFeatures #section_menu .panel-default .panel-heading { min-height: 120px; } #Tile-CustomFeatures #custom_features_tile > .row { display: flex; flex-wrap: wrap; align-content: stretch; justify-content: flex-start; align-items: stretch; } #Tile-CustomFeatures #custom_features_tile > .row > div { margin-bottom: 30px; float: left !important; } #Tile-CustomFeatures #custom_features_tile > .row > div > .thumbnail { width: 100%; height: 100%; } #Tile-CouponTile #codeTile-learnerResponse ul { padding-left: 18px; } #Tile-CouponTile #codeTile-learnerResponse ul li { clear: both; } #Tile-CouponTile #codeTile-learnerResponse ul li button { float: right; margin-bottom: 8px; } .waitDialog { z-index: 20000; } /*#Tile-NewCoursesTile .courses.panel-body thumbnail {margin:0 -15px;} #Tile-NewCoursesTile .thumbnail {display:inline-block; float:left; margin:15px;} #Tile-NewCoursesTile .thumbnail img {width:auto; height:194px;} #Tile-NewCoursesTile .thumbnail.nomarquee {width:auto; max-width:240px; height:240px; background-color:@Tables-Header-Background-Color; color:@Tables-Header-Text-Color; text-decoration:none;} #Tile-NewCoursesTile .thumbnail.nomarquee h3 {color:@Tables-Header-Text-Color; text-decoration:none; font-size:1.4em;}*/ /*.tile .thumbnail { min-height: 370px; }*/ .tile #posts .post { border-bottom: solid 1px #eeeeee; } .chat_messages, .posts { min-height: 120px; max-height: 380px; overflow: auto; padding: 10px 14px 10px 10px; } .chat_message, .post { margin-top: 20px; } .chat_message img, .post img, .wallposts #posts li.post div.wallcontainer .profile-pic { width: 48px; height: 48px; margin-right: 10px; border-color: #e3e3e3; float: left; } .chat_message_body, .post_body { padding: 10px; border: 1px solid #e3e3e3; position: relative; overflow: hidden; } .chat_message_body .wall-title, .wallcontainer .wall-title { font-weight: 600; } .chat_message_author, .post_author { border-top: solid 1px #eeeeee; padding-top: 1em; font-size: 0.9em; } .chat_message_author img, .post_author img { width: 40px; height: 40px; object-fit: cover; object-position: 50% 50%; float: left; margin-bottom: 5px; } .chat_message_date, .post_date { color: #999999; font-size: 0.8em; } .post_body .forum_name { color: #999999; font-size: calc(11px * var(--font-scale, 1)); } #Tile-NewCoursesTile .panel-body { padding: 0px; background-color: white; } #Tile-NewCoursesTile #carousel-NewCoursesTile, #Tile-NewCoursesTile #carousel-NewCoursesTile .carousel-inner > .item { min-height: 200px; } #Tile-NewCoursesTile #carousel-NewCoursesTile .carousel-inner > .item .carousel-caption { padding-bottom: 35px; } #Tile-NewCoursesTile #carousel-NewCoursesTile .carousel-inner > .item .carousel-caption h3, #Tile-NewCoursesTile #carousel-NewCoursesTile .carousel-inner > .item .carousel-caption > * { color: white; } #Tile-NewCoursesTile #carousel-NewCoursesTile .carousel-inner > .item .carousel-caption div { font-size: 0.9em; line-height: 1.2em; } #Tile-NewCoursesTile #carousel-NewCoursesTile .carousel-control { width: 24px; } #Tile-NewCoursesTile #carousel-NewCoursesTile .carousel-control .glyphicon { font-size: calc(20px * var(--font-scale, 1)); width: 20px; } /*.tile .panel {min-height:280px;}*/ #Tile-CouponTile #validCode #validfor_course { font-weight: bold; } /*Global*/ .profile-menu li.dropdown-header .timezone { font-size: 0.8em; white-space: normal; line-height: 1em; } .timezone.space-left { margin-left: 0.25em; } /*Search*/ #filtersDiv .btn-group { width: 100%; margin-bottom: 20px; } #filtersDiv .btn-group > .btn { float: none; } #filtersDiv .panel-body { max-height: 150px; overflow-x: auto; font-size: 0.9em; } .advancedSearchResultsSortSpan { margin: 0px 0px 0px 5px; text-transform: uppercase; font-size: 0.8em; } #SearchType label { font-size: 0.9em; width: auto; clear: left; } #resultsSortDiv { margin-bottom: 20px; } .advancedSearchResultsSortSpan { line-height: 1.5em; } .advancedSearchResultsSortSpan input[type="radio"] { vertical-align: middle; margin: 0px 2px 0px 10px; height: 1.5em; } #more { clear: both; margin: 1em 0em; } #advancedSearchResultsDiv .thumbnail { height: 340px; overflow: hidden; position: relative; } #advancedSearchResultsDiv .thumbnail .caption { cursor: pointer; } #advancedSearchResultsDiv .thumbnail .caption:hover .advancedSearchResultsItemTitle h3 { text-decoration: underline; } #advancedSearchResultsDiv .thumbnail img { max-width: 100%; max-height: 100px; } #advancedSearchResultsDiv .thumbnail .label { width: 70px; text-align: left; padding-left: 0px; } .advancedSearchResultsItemTitle { height: 3em; margin-top: 1.4em; } div.advancedSearchResultsItemType { height: 1.4em; position: absolute; top: 0px; right: 5%; background-color: #eeeeee; color: #888888; border-radius: 0px 0px 4px 4px; font-size: 0.8em; padding: 0px 0.5em; } .advancedSearchResultsItemDetails { border-top: solid 1px #dddddd; margin-top: 1em; padding-top: 0.5em; font-size: 0.9em; } .advancedSearchResultsItemDetails div { clear: both; } .advancedSearchResultsItemDetails span span { display: inline-block; width: auto; float: left; } /*.advancedSearchResultsItemDetailsLanguage > span:nth-child(2n) {text-transform:upp.list-group-itemercase;}*/ .advancedSearchResultsItemDetailsDescription { margin-bottom: 1em; } .advancedSearchResultsItemDetails .advancedSearchResultsItemDetailsDescription span { width: 100%; } /*Catalogue*/ .carousel { overflow: hidden; } #Category-Features { border: solid 1px #f6f6f6; border-radius: 6px; margin: 0px -15px 30px -15px; } #Category-Features .carousel-caption { width: 30%; min-width: 300px; height: 100%; overflow: hidden; top: 0px; left: auto; right: 114px; text-align: left; } @media (max-width: 767px) { #catalogue #Category-Features .item { background-image: none; } #catalogue #Category-Features .carousel-caption { width: 100%; } } #Category-Features .item { background-size: 100% auto; } #Category-Features .carousel-caption > * { margin-left: 15%; margin-right: 15%; } #Category-Features .carousel-caption > h3 { font-size: 1.2em; color: white; } #Category-Features .carousel-indicators, #myCarousel .carousel-indicators { width: 50%; left: 75%; bottom: 5px; } #Category-Features .carousel-indicators { width: auto; left: auto; right: 129px; bottom: 0px; text-align: right; } #Category-Features .carousel-indicators li { border-color: rgba(255, 255, 255, 0.8); } #Category-Features .carousel-indicators li.active { background-color: white; } #Category-Features .carousel-control { z-index: 10; width: 10%; } #Category_Matches .tab-content { padding: 15px 0px; } #catalogue .col-md-8 #container { margin: 0px; width: 100%; overflow: hidden; } #catalogue .popover.active { display: block; position: relative; top: auto; left: auto; width: 100%; max-width: 360px; } #catalogue .popover.top.active { margin: 0px; } .popover.active { z-index: 10; } #catalogue .thumbnail { padding-bottom: 2em; } #categories .media { padding-bottom: 2em; } /*#categories div.list-group-item.active, #categories div.list-group-item.active:hover,#categories div.list-group-item.active:focus { background-color:#428bca; border-color:#428bca; color:#fff;}*/ #Category_Matches .img-responsive { /*max-width:400px;*/ float: left; margin-right: 1em; margin-bottom: 1em; } #categories .img-responsive { width: 100%; max-height: 150px; float: left; margin-right: 1em; margin-bottom: 1em; } #catalogue_details .custom-field { display: block; margin-bottom: 1em; } #catalogue_details table.activity-sessions tr > .session-start, #catalogue_details table.activity-sessions tr > .session-end { max-width: 140px; } #catalogue_details .price.discounts-applied, #Category_Matches .price.discounts-applied, #Category_Matches .price.discounts-applied span { text-decoration: line-through; } #catalogue_details .price .discounts ul, #Category_Matches .price .discounts ul { margin-left: 0px; padding-left: 1.2em; } #catalogue_details .discount span, #Category_Matches .discount span, #catalogue_details .discount em, #Category_Matches .discount em { display: block; width: 100%; white-space: normal; } #catalogue_details #resources ul li { margin-bottom: 1.5em; } #catalogue_details #resources ul li svg { margin: 0px 5px 0px 0px; vertical-align: middle; } /******************************* ecommerce **************************************/ span.instructions { font-family: MV Boli; float: left; font-size: 1.2em; } #progress_bar { position: absolute; top: 0px; right: 0px; display: inline-block; float: right; z-index: 5; } #progress_bar.ShoppingCart-LoggedOut { display: none; } #progress_bar span.instructions { padding: 10px 0px 10px 10px; } #progress_bar span.step { display: inline-block; padding: 10px 0px; margin: 0px; width: 140px; text-align: left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; } #progress_bar span.step span { display: inline-block; margin: 0px 5px 0px 0px; width: 65px; font-weight: normal; float: left; font-size: 0.9em; line-height: 1em; } #progress_bar span.step span.number { font-weight: bold; margin: 0px 3px 0px 5px; width: 2em; height: 2em; line-height: 2em; -webkit-border-radius: 1em; -moz-border-radius: 1em; text-align: center; } #progress_bar span.step.current { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #buy.btn.btn-primary { margin: 1em 0; } span.payment_logos { display: inline-block; float: left; white-space: nowrap; } span.payment_logos span { display: inline-block; margin-right: 10px; vertical-align: middle; } div.shoppingCartList, div.shoppingCartMessages { margin-top: 50px; } div.shoppingCartList span.label, div.shoppingCartMessages span.label { display: inline-block; } span.shoppingCartPrint { background-color: #427d8b; color: white; cursor: pointer; float: right; padding: 1px 5px; } /* Payment Confirmation result layout (#92305) */ .paymentConfirmHeading { font-weight: bold; font-size: calc(16px * var(--font-scale, 1)); } .paymentConfirmRow { margin: 2px 0; } .paymentConfirmLabel { display: inline-block; min-width: 200px; font-weight: bold; font-size: calc(13px * var(--font-scale, 1)); } .paymentEnrollmentSection { margin-top: 12px; } .paymentEnrollmentLabel { display: block; font-weight: bold; font-size: calc(13px * var(--font-scale, 1)); margin-bottom: 6px; } span.couponUsed { color: #cdcdcd; } div.courseListDiscounts { position: absolute; top: 90px; left: 340px; background-color: #cdcdcd; width: 250px; height: auto; overflow: auto; z-index: 1000; } div.courseDetailsDiscounts { position: absolute; top: 90px; left: -240px; background-color: #cdcdcd; width: 250px; height: auto; overflow: auto; z-index: 1000; } div.courseDiscounts li { min-height: 10px; height: auto; } div.itemMixedPriceDetailsDiscountsDiv { position: absolute; /*top:120px; left:500px;*/ background-color: #cdcdcd; width: 250px; height: auto; overflow: auto; z-index: 1000; } div.itemMixedPriceDetailsInfo span.label { display: inline-block; } div.itemMixedPriceDetailsHeader { background-color: #cdcdcd; color: white; } div.itemMixedPriceDetailsHeader span.itemMixedPriceDetailsIndex, div.itemMixedPriceDetailsRow span.itemMixedPriceDetailsIndex { width: 15px; display: inline-block; } div.itemMixedPriceDetailsHeader span.itemMixedPriceDetailsForName, div.itemMixedPriceDetailsRow span.itemMixedPriceDetailsForName { width: 300px; display: inline-block; } div.itemMixedPriceDetailsHeader span.itemMixedPriceDetailsForEmail, div.itemMixedPriceDetailsRow span.itemMixedPriceDetailsForEmail { width: 300px; display: inline-block; } div.itemMixedPriceDetailsHeader span.itemMixedPriceDetailsQuantity, div.itemMixedPriceDetailsRow span.itemMixedPriceDetailsQuantity { width: 55px; display: inline-block; } div.itemMixedPriceDetailsHeader span.itemMixedPriceDetailsPrice, div.itemMixedPriceDetailsRow span.itemMixedPriceDetailsPrice { width: 65px; display: inline-block; } div.itemMixedPriceDetailsHeader span.itemMixedPriceDetailsDiscounts, div.itemMixedPriceDetailsRow span.itemMixedPriceDetailsDiscounts { width: 100px; display: inline-block; } div.itemMixedPriceDetailsRow span.itemMixedPriceDetailsDiscounts, span.itemPriceDetailsDiscounts { cursor: pointer; color: red; } #masthead #login_info.tab span.shoppingCartIcon, #masthead #login_info.tab span.ms_portal_icon { padding: 0px 2px 0px 0px; height: 16px; cursor: pointer; cursor: hand; } #content_page #tabs span.tab span.availableTokensNumber { width: 10px; padding: 0px 10px 0px 0px; background-image: url("../../images/layout/UnreadReport_BG.png"); background-repeat: no-repeat; color: white; cursor: pointer; display: inline-block; height: 16px; line-height: calc(16px * var(--font-scale, 1)); text-align: center; } /********************** Billing Info ***************************/ fieldset .label { color: black; width: 232px; display: inline-block; text-align: left; } fieldset div { margin-bottom: 10px; } /*My Agenda*/ .download_calendar.panel label { width: auto; margin-right: 5px; } .events .address { word-wrap: break-word; } .resources .tab-content { padding-top: 0px; } .resources .tab-content ul.long_content { padding-left: 0px; } .events ul.list-group > .list-group-item .date-box > .date_container { background-color: white; color: black; display: inline-block; padding: 15px; text-align: center; min-width: 95px; } .events ul.list-group > .list-group-item .date-box > .date_container > .day { display: block; font-size: 2.5em; line-height: 1.1em; } .events ul.list-group > .list-group-item .date-box > .date_container > .month { display: block; } .events ul.list-group > .list-group-item img.marquee { max-width: 200px; max-height: 200px; object-fit: cover; margin: 3px 1em 1em 0; } .events ul.list-group > .list-group-item label { font-weight: bold; width: 100%; margin-bottom: 0px; } .events ul.list-group > .list-group-item h3 { font-weight: bold; font-family: 'Tahoma', 'sans-serif'; font-size: calc(12pt * var(--font-scale, 1)); } .events ul.list-group > .list-group-item .resources { width: 100%; clear: both; } .events ul.list-group > .list-group-item .event-location .provider-logo { margin-bottom: 10px; } .events ul.list-group > .list-group-item .actions .btn { margin-right: 5px; } /*Learning Activities*/ #LearningActivities #tabs #filter_by_options .dropdown-menu > li > span, #LearningActivities #tabs #sort_by_options .dropdown-menu > li > span { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333333; white-space: nowrap; cursor: pointer; cursor: hand; } #LearningActivities #tabs #filter_by_options .dropdown-menu > li:hover > span, #LearningActivities #tabs #sort_by_options .dropdown-menu > li:hover > span { background-color: #f6f6f6; } #LearningActivities #tabs #sort_by_options .dropdown-menu > li > span.sort .fa-check-circle, #LearningActivities #filter_by_options .dropdown-menu > li > span.show .fa-check-circle { display: inline-block; } #LearningActivities #tabs #sort_by_options .dropdown-menu > li > span.sort .fa-circle-o, #LearningActivities #filter_by_options .dropdown-menu > li > span.show .fa-circle-o { display: none; } #LearningActivities #tabs #sort_by_options .dropdown-menu > li > span .fa-check-circle, #LearningActivities #filter_by_options .dropdown-menu > li > span .fa-check-circle { display: none; } #LearningActivities #tabs #sort_by_options .dropdown-menu > li > span .fa-circle-o, #LearningActivities #filter_by_options .dropdown-menu > li > span .fa-circle-o { display: inline-block; } #LearningActivities #tabs #sort_by_options .dropdown-menu > li > span .svg-inline--fa, #LearningActivities #filter_by_options .dropdown-menu > li > span .svg-inline--fa { margin: 0 0.25em 0 1em; } #LearningActivities .sorting, #LearningActivities .filters { font-size: 0.9em; width: auto; float: right; } #LearningActivities .sorting label, #LearningActivities .filters label { width: auto; float: left; } #LearningActivities .sorting > span, #LearningActivities .filters .filter-type > span { cursor: pointer; float: left; } #LearningActivities .sorting > span.sort .fa-check-circle, #LearningActivities .filters .filter-type > span.show .fa-check-circle { display: inline-block; } #LearningActivities .sorting > span.sort .fa-circle-o, #LearningActivities .filters .filter-type > span.show .fa-circle-o { display: none; } #LearningActivities .sorting > span .fa-check-circle, #LearningActivities .filters .filter-type > span .fa-check-circle { display: none; } #LearningActivities .sorting > span .fa-circle-o, #LearningActivities .filters .filter-type > span .fa-circle-o { display: inline-block; } #LearningActivities .sorting .fa, #LearningActivities .filters .fa { margin: 0 0.25em 0 1em; } table#MyLearningActivities .la-expand a.collapsed .fa-chevron-down, table#MyLearningActivities .la-expand a .fa-chevron-right { display: none; visibility: hidden; } table#MyLearningActivities .la-expand a .fa-chevron-down, table#MyLearningActivities .la-expand a.collapsed .fa-chevron-right { display: inline-block; visibility: visible; } table#MyLearningActivities .la-type .badge { border-radius: 4px; font-weight: normal; background-color: #e0e0e0; color: #333333; padding: 5px 8px; } table#MyLearningActivities .la-title .new { font-size: 0.9em; font-weight: normal; } table#MyLearningActivities .la-title .well { margin: 1em 0; padding: 0px; background-color: transparent; border: none 0px; -webkit-box-shadow: none; box-shadow: none; } table#MyLearningActivities .la-title .well .marquee { margin: 0 15px 15px 0; float: left; } table#MyLearningActivities .la-title .well .marquee + .description_text { float: left; width: 100%; } table#MyLearningActivities .la-title .well .row { margin: 1em -15px 0 -15px; font-size: 0.9em; clear: both; } table#MyLearningActivities .la-title .well .row > div { margin-bottom: 15px; } table#MyLearningActivities .la-title .well .row label { font-weight: bold; } table#MyLearningActivities .la-title .well .custom-fields .custom-field { margin-bottom: 1em; } table#MyLearningActivities .la-progress .progress { height: 30px; } table#MyLearningActivities thead > tr > th, table#MyLearningActivities tbody > tr > th, table#MyLearningActivities tbody > tr > td, table#MyLearningActivities tfoot > tr > th, table#MyLearningActivities tfoot > tr > td { vertical-align: top; } #catalogueResults table#MyLearningActivities .la-progress > .progress { width: 100% !important; min-width: 100%; margin: 0px; } #catalogueResults table#MyLearningActivities .la-progress > .progress .progress-bar > span { white-space: nowrap; line-height: calc(30px * var(--font-scale, 1)); margin-left: 5px; text-align: left; } #catalogueResults table#MyLearningActivities tr > * { padding: 15px; } #catalogueResults table#MyLearningActivities tbody > tr > td.la-title .well > .row { display: flex; flex-wrap: wrap; } #catalogueResults table#MyLearningActivities tbody > tr > td.la-title .well > .row > div.col-md-4 { align-items: stretch; padding-bottom: 15px; } #catalogueResults table#MyLearningActivities tbody > tr > td.la-title .well > .row > div.col-md-4 > label, #catalogueResults table#MyLearningActivities tbody > tr > td.la-title .well > .row > div.col-md-4 > div, #catalogueResults table#MyLearningActivities tbody > tr > td.la-title .well > .row > div.col-md-4 > div.value { display: inline-block; width: 100%; align-items: stretch; margin: 0px; padding: 0px; } /*Courses/Learning Paths*/ .modal.fade.course .modal-body { padding: 0px; } .modal.course .modal-content { border: none 0px; } div.details div.col-md-5 { padding-right: 0px; } div.details div.row > div > span { padding-right: 0px; } div.details div.row > div { padding-bottom: 0.6em; } div.details div.alert-details { background-color: #f6f6f6; } #mycourse .tab-content .slide.subobjective .carousel-inner > .item .row { padding-left: 0px; } #mycourse .tab-content .slide.subobjective .carousel-inner > .item .row > li { display: inline-block; list-style-type: none; } #mycourse .tab-content .slide.subobjective .carousel-inner > .item .prerequisites > li { margin-left: 1.25em; } #mycourse .tab-content .panel { min-height: 180px; } #mycourse .overview img.profile.profile-thumbnail.img-thumbnail { max-height: 40px; max-width: 40px; } #mycourse .panel.activity .glyphicon { top: 0.5em; right: 0.5em; position: absolute; } #mycourse .panel.activity .modal-header .glyphicon { margin-right: 0.5em; position: relative; right: auto; top: auto; } .panel.activity .modal-body .img-thumbnail.pull-left { margin: 0 0.5em 0.5em 0; max-width: 200px; } .panel.activity .panel-body > .btn { display: block; } .panel .nav-tabs.lp { padding: 15px 15px 0px 15px; } #mycourse h3 { margin: 1em 0 0 0; } #mycourse .carousel-inner > .item > h3 { text-align: center; } #mycourse .carousel-control { width: 5%; } #mycourse .carousel-control.left, #mycourse .carousel-control.right { background-image: none; } #mycourse .carousel-control .glyphicon { margin-right: 0px; } #mycourse .carousel-control .glyphicon-chevron-left, #mycourse .carousel-control .glyphicon-chevron-right { top: 30px; } #mycourse .modal-title .label { margin-left: 0.5em; } #mycourse .panel.activity small { display: block; } #mycourse .reference h4 .svg-inline--fa, #Courses .reference h4 .svg-inline--fa { margin-right: 3px; } #mycourse .partial_score, #Courses .partial_score, #StudentCourseProgress .partial_score { font-size: 0.8em; line-height: 1.2em; font-style: italic; display: inline-block; } .status_breakdown .list-group-item, .status_breakdown .divider { display: inline-block; width: 100%; } .status_breakdown .divider { border-width: 2px 0 0 0; height: 1px; display: block; } .status_breakdown .pull-right { max-width: 180px; text-align: right; line-height: 1.2em; } /*.list-group-item.active {background-color:#eee; border-color:#ddd; color:#333; font-weight:bold;}*/ #MyCoursesNote { display: block; } #mycourse .profile.img-thumbnail { max-width: 40px; max-height: 40px; } #mycourse .note.approver > span + span { margin-left: 0.25em; } @media (min-width: 768px) { .modal-lg { width: 600px; margin: 30px auto; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .modal div.seriesCoursesWizardPages, .modal div.seriesCoursesLPInfoDiv { border: none 0px; } ul.seriesSelectionILTSessionsDiv { display: block; margin-left: 1.8em; } ul.seriesSelectionILTSessionsDiv li { display: list-item; margin-left: 1.5em; list-style-type: disc; margin-bottom: 0.5em; } ul.seriesSelectionILTSessionsDiv li h3 { display: block; } /*Forums*/ /*#GoToForumsDropDown {max-width:90%;}*/ #MyForums th.type, #MyForums td.type { text-transform: none; } #MyForums tr > .title { word-break: break-word; max-width: 400px; } #MyForums tr > .lastpost { word-break: break-word; max-width: 300px; } #forum_threads, #forum_threads .row, #replies .row { padding: 0px; } #forum_threads > li.col-md-12 { border-bottom: solid 1px #e7e7e7; margin-bottom: 1em; } #forum_threads .panel-heading, #forum_threads .panel-body { padding: 0.5em 0.8em; } .author-details { display: inline-block; } .profile-container { display: inline-block; float: left; margin-top: 3px; } #one_post .jumbotron ul.original_post, #one_post .jumbotron #post_reply_form { background-color: transparent; } /*.votes .btn {font-size:0.8em;}*/ .svg-inline--fa.fa-circle.unread { font-size: 0.8em; line-height: inherit; margin-right: 3px; } #one_post .votes .btn { margin-bottom: 1em; } #one_post .panel { margin-bottom: 1em; } #replies .row { border-bottom: solid 1px #dddddd; margin-bottom: 1em; } #one_post #your_reply #post_reply_form { background-color: transparent; } #post_reply_form .row { margin-bottom: 1em; } #post_reply_form textarea { height: 8em; } #MyForums .type { color: #bbbbbb; font-size: 0.8em; text-transform: none; } #MyForums .profile, #forum_threads .profile, .moderators .profile, .jumbotron .profile { width: 40px; height: 40px; object-fit: cover; border-radius: 50%; margin-right: 5px; margin-bottom: 5px; } .forum_thread .body .edit-post, .forum_thread .body .delete-post { margin-left: 0.5em; } #one_post .well .original_post.row .author .profile { max-width: 80px; max-height: 100px; } #one_post .tab-content .author .profile { max-width: 40px; max-height: 60px; } .question_details div .body, .question_details .body { white-space: pre-line; display: inline-block; width: 100%; } .question_details div .body .edit-post, .question_details .body .edit-post, .question_details div .body .delete-post, .question_details .body .delete-post { margin-left: 0.5em; cursor: pointer; cursor: hand; } #forum_threads .row > li.question_details > h2, #one_post ul.original_post li.question_details > h2 { margin: 0px; word-break: break-word; } #one_post ul.original_post li, .votes, #forum_threads > li, #forum_threads .row > li, #replies .row > li { display: inline-block; list-style-type: none; } #forum_details .jumbotron .stat-summary { font-size: 0.5em; } #forum_details .jumbotron .stat-summary span { margin-right: 1em; } #forum_details .jumbotron .stat-summary span i { margin-right: 0.25em; } #forum_details { background-color: transparent; } #forum_details .forum.well, .forum_thread .forum.well { display: inline-block; width: 100%; background-color: transparent; box-shadow: none; -webkit-box-shadow: none; padding: 0px 0px 15px 0px; border: none 0px; border-bottom: solid 1px #eeeeee; } .forum.well h1 { margin: 0px; } .forum.well img.profile { width: 32px; height: 32px; border-radius: 50%; margin-right: 5px; } #forum_details .forum.well .forum_buttons .btn, .forum_thread .forum.well .forum_buttons .btn { margin-right: 5px; font-size: 0.9em; } #forum_details + .forum_thread .thread.row.original_post { margin-top: 0px; } .forum_thread .thread.row { margin-right: 0px; margin-top: 30px; position: relative; clear: both; } .thread.row.original_post h2 { margin: 0px 0px 5px 0px; } .thread.row.original_post h2 p { margin-bottom: 0px !important; margin: 0px; } .forum_thread .thread.row.reply { border-left: solid 4px #dddddd; margin-left: 10px; } .forum_thread .thread.row.col-md-offset-0 { margin-left: 0px; } .forum_thread .ChildPosts { padding-left: 30px; display: inline-block; width: 100%; } .forum_thread .thread.row .svg-inline--fa.fa-caret-left { position: absolute; left: -9px; font-size: calc(25px * var(--font-scale, 1)); top: -5px; color: #dddddd; } .forum_thread .thread.row .panel { margin-bottom: 0px; } .forum_thread .profile-container { margin: 0px 10px 10px 0px; } .forum_thread .profile-container .profile { width: 60px; height: 60px; border-radius: 50%; } .forum_thread .thread.row.reply .profile-container .profile { width: 32px; height: 32px; border-radius: 50%; } .forum_thread .thread.row .badge { background-color: white; color: #333333; } .forum_thread .thread.row .badge.btn { color: black; border-color: #fce184; background-color: #fce184; } .forum_thread .thread.row .badge.btn:hover, .forum_thread .thread.row .badge.btn:active { text-decoration: none; color: black; border-color: #edd37c; background-color: #edd37c; } .forum_thread .thread.row .panel .panel-footer { padding: 0px; } .forum_thread .thread.row .panel .panel-footer .btn { border-radius: 0px 0px 4px 4px; width: 100%; } .forum_thread .thread.row .btn.reply { margin-left: 0.3em; } .forum_thread .thread.row .author { margin-bottom: 5px; padding-bottom: 5px; width: 100%; } .forum_thread .thread.row.reply .author small { margin: 0px 5px; } .forum_thread small + small { margin-left: 5px; } .forum_thread .profile { width: 50px; height: 50px; border-radius: 50%; border: solid 1px #eeeeee; object-fit: cover; margin-right: 5px; float: left; } .forum_thread .thumbnail { margin-bottom: 0px; } .forum_thread .thread.row .body .attachment { margin: 0px 0px 5px 5px; width: 100%; } #discussion.Forum_Threads .forum_thread .thread.row .body .attachment { margin: 0px 0px 5px 5px; width: auto; } .forum_thread .thread.row .body .attachment a { display: inline-block; clear: both; width: auto; } #forum_details .forum.well .stats { display: block; padding: 5px 0px; } .forum_thread .thread.row.original_post .stats { display: inline-block; padding: 0px; } .forum_thread .thread.row.reply .stats { width: 100%; display: inline-block; padding: 5px 0px; } .forum_thread .stats .badge, #forum_details .forum.well .stats .badge { margin-right: 1em; border-radius: 4px; } #forum_details .forum.well .stats .badge { color: inherit !important; background-color: transparent; } .forum_thread .stats .badge.btn-disabled, #forum_details .forum.well .stats .badge.btn-disabled { color: #333333 !important; } .forum_thread .stats .badge .fa, #forum_details .forum.well .stats .badge .fa, .forum_thread .stats .badge svg, #forum_details .forum.well .stats .badge svg { margin-right: 0.5em; } .forum_thread .post_edit_delete small + small { margin-left: 1em; } .forum_thread .post_edit_delete small span[onclick], .post_edit_delete small span[onclick].btn-small { color: #d71921; background-color: white; border: solid 1px #d71921; border-radius: 4px; text-decoration: none; font-weight: normal; cursor: pointer; display: inline-block; padding: 3px 5px; margin-top: 5px; } .forum_thread .stats small span[onclick]:hover { text-decoration: underline; } .forum_thread .stats small span[onclick] .svg-inline--fa { margin-right: 0.25em; } .forum_thread .attachment { position: relative; display: inline-block; } .forum_thread .attachment .fa-external-link { position: absolute; top: 1px; right: 1px; padding: 5px; } .forum_thread .attachment.embedded_image .fa-external-link { background-color: white; padding: 7px; display: inline-block; } .forum_thread .reply-inline { position: relative; padding: 5px 0px; } .forum_thread .original_post .reply-inline { padding: 5px 0px 5px 0px; } .forum_thread .reply-inline .input-group-addon:first-child { padding: 0px; vertical-align: top; background-color: transparent; border: none 0px; } .forum_thread .reply-inline img.profile { width: 32px; height: 32px; border-radius: 50%; margin-right: 15px; } .forum_thread .reply-inline textarea.reply { padding-right: 30px; height: 34px; } .forum_thread .reply-inline .input-group-btn { white-space: nowrap; vertical-align: top; background-color: #eeeeee; } .forum_thread .reply-inline .btn.attachment { /*background-image:url(https://cdn2.iconfinder.com/data/icons/windows-8-metro-style/256/attach.png); background-size:16px 16px; background-repeat:no-repeat; background-position:center center;*/ width: 34px; height: 34px; margin: 5px 0 0 0.5em; } .fa-rotate-45 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .forum_thread .reply-inline .btn.submit-reply { margin: 5px 0 0 0.25em; } .forum_thread .reply-inline input[type="file"] { cursor: inherit; font-size: calc(1000px * var(--font-scale, 1)) !important; width: 34px; height: 34px; overflow: hidden; margin: 0; padding: 0; opacity: 0; position: absolute; right: 0; bottom: 0; } .forum_thread .reply-inline .redactor_editor div, .forum_thread .reply-inline .redactor_editor p, .forum_thread .reply-inline .redactor_editor ul, .forum_thread .reply-inline .redactor_editor ol, .forum_thread .reply-inline .redactor_editor table, .forum_thread .reply-inline .redactor_editor dl, .forum_thread .reply-inline .redactor_editor blockquote, .forum_thread .reply-inline .redactor_editor pre, .forum_thread .redactor_editor, .forum_thread .redactor_editor div, .forum_thread .redactor_editor p, .forum_thread .redactor_editor ul, .forum_thread .redactor_editor ol, .forum_thread .redactor_editor table, .forum_thread .redactor_editor dl, .forum_thread .redactor_editor blockquote, .forum_thread .redactor_editor pre, .forum_thread .redactor_editor h1, .forum_thread .redactor_editor h2, .forum_thread .redactor_editor h3, .forum_thread .redactor_editor h4, .forum_thread .redactor_editor h5 { font-size: 1em !important; font-family: 'Tahoma', 'sans-serif' !important; } .forum_thread .reply-inline .redactor_box { /*margin-left:42px;*/ border-radius: 4px; } .forum_thread .reply-inline .redactor_box .redactor_toolbar { border-radius: 4px 4px 0 0; background: #fefefe; border-bottom: 1px solid #f6f6f6; } .forum_thread .reply-inline .redactor_box .redactor_toolbar li { padding: 0px; } .forum_thread .reply-inline .redactor_box .redactor_toolbar li a { border: none 0px; margin: 0px 3px; height: 32px; } .forum_thread .reply-inline .redactor_box .redactor_toolbar li.redactor_separator { display: none; } .forum_thread .reply-inline .redactor_box .redactor_editor { padding: 5px; border-radius: 0 0 4px 4px; font-family: 'Tahoma', 'sans-serif'; min-height: 80px; } /*Attachment Forums, i.e. Instagram*/ div.thread.display_attachment.row { margin: 0px; } div.thread.reply.display_attachment:nth-child(3n+1) { clear: left; } div.thread.display_attachment > .question_details { border: 1px solid #e6e6e6; padding: 0px; } div.thread.reply.display_attachment .question_details { display: inline-block; width: 100%; margin-bottom: 15px; } div.thread.display_attachment > .question_details > div, div.thread.display_attachment > .question_details > .attachment, div.thread.display_attachment.row > .question_details > h3 { display: inline-block; width: 100%; float: left; } div.thread.display_attachment.row > .question_details > h3 { padding: 15px; } div.thread.display_attachment > .question_details > .author { border-bottom: 1px solid #e6e6e6; padding: 15px; } div.thread.display_attachment > .question_details > .author img.profile { vertical-align: middle; border: solid 1px #fefefe; } div.thread.reply.display_attachment .question_details > .author img.profile { max-width: 40px !important; max-height: 40px !important; } div.thread.display_attachment.row .question_details > p { padding-left: 15px; padding-right: 15px; } div.thread.display_attachment > .question_details > div { padding: 0px; } div.thread.display_attachment > .question_details > .attachment:empty { background-color: #e6e6e6; min-height: 200px; } div.thread.display_attachment.row .question_details .attachment img, div.thread.reply.display_attachment > .question_details > .attachment img { border: none 0px; border-radius: 0px; padding: 0px; margin: 0px; width: 100% !important; height: auto !important; max-width: 2000px !important; max-height: 2000px !important; } div.thread.display_attachment .question_details .attachment .fa-external-link { background-color: rgba(255, 255, 255, 0.8); } /*div.thread.reply.display_attachment > .question_details > div {display:inline-block; width:100%; float:left;} div.thread.reply.display_attachment > .question_details > .author {border-bottom:1px solid #e6e6e6; padding:15px;} div.thread.reply.display_attachment > .question_details > .author img.profile {vertical-align:middle; max-width:40px !important; max-height:40px !important; border:solid 1px #fefefe;} div.thread.reply.display_attachment > .question_details > .author > a {float:none !important;} div.thread.reply.display_attachment > .question_details > .attachment img { border:none 0px; border-radius:0px; padding:0px; margin:0px; width:100% !important; height:auto !important; max-width:1000px !important; max-height:1000px !important;} div.thread.reply.display_attachment > .question_details > .content {padding:15px;}*/ div.thread.reply.display_attachment > .question_details > .content { padding: 15px; } div.thread.reply.display_attachment .question_details > .content .badge.btn { margin-bottom: 5px; } div.thread.reply.display_attachment .question_details > .content .badge.btn .fa, div.thread.reply.display_attachment .question_details > .content .badge.btn svg { margin-right: 3px; } div.modal .ChildPosts { padding-left: 0px; } div.modal .ChildPosts .attachment, div.modal .ChildPosts .attachment img { width: 100%; } div.modal .ChildPosts .thread.display_attachment { border: none 0px; width: 100%; } div.modal .ChildPosts .thread.display_attachment .fa-caret-left { display: none; visibility: hidden; } .modal.newpost .modal-body, #editPostModal.modal .modal-body { padding: 0px; } .modal.newpost .modal-header .close, #editPostModal.modal .modal-header .close { opacity: 1; filter: alpha(opacity=100); text-shadow: none; } .modal.newpost iframe, #editPostModal.modal iframe { width: 100%; min-height: 480px; border: none 0px; } .redactor_box { border: solid 1px #eeeeee; } .redactor_form-control.redactor_editor { padding: 15px; } /*Visual Forums, i.e. Instagram*/ #visual.Forum_Threads .visual-masthead > .well { border-radius: 0px; border: solid 1px #eeeeee; } #visual.Forum_Threads .forum_buttons { text-align: right; } #visual.Forum_Threads .forum_buttons .btn { margin: 0px 0px 5px 5px; } #visual.Forum_Threads .contributors .contributor { margin-bottom: 5px; } #visual.Forum_Threads .contributors .contributor .profile_image { margin-right: 5px; } #visual.Forum_Threads .contributors .contributor .profile_image > img { width: 30px; height: 30px; border: solid 1px #eeeeee; vertical-align: middle; float: none; object-fit: cover; } #visual.Forum_Threads .contributors .contributor .profile_name { margin: 0px 5px; line-height: calc(48px * var(--font-scale, 1)); } #visual.Forum_Threads .col-md-4:nth-child(3n+1) { clear: left; } #visual.Forum_Threads .thumbnail.post { border-radius: 0px; padding: 0px; margin: 0px 0px 15px 0px; display: inline-block; width: 100%; } #visual.Forum_Threads .thumbnail.post .caption { width: 100%; } #visual.Forum_Threads .thumbnail.post.comment { border: none 0px; } #visual.Forum_Threads .thumbnail.post.comment > div { padding: 30px 15px; } #visual.Forum_Threads .thumbnail.post a.attachment { width: 100%; } #visual.Forum_Threads .thumbnail.post a.attachment > img { object-fit: cover; } #visual.Forum_Threads .thumbnail.post .unread { position: absolute; top: -5px; right: 10px; } #visual.Forum_Threads .thumbnail.post > div { padding: 30px; display: inline-block; } #visual.Forum_Threads .thumbnail.post > div.contributor { padding: 15px; display: inline-block; } #visual.Forum_Threads .thumbnail.post > div.contributor img.profile { width: 30px; height: 30px; vertical-align: middle; float: none; object-fit: cover; border: solid 1px #eeeeee; } #visual.Forum_Threads .thumbnail.post > div.contributors a .name { text-decoration: underline; } #visual.Forum_Threads .thumbnail.post > a.attachment > img { width: 100% !important; height: 300px; object-fit: cover; } #visual.Forum_Threads .thumbnail.post.thread > a.attachment > img { width: 100% !important; height: 200px !important; object-fit: cover; } #visual.Forum_Threads .one-thread .thumbnail.post.thread > a.attachment > img { width: 100% !important; height: auto !important; object-fit: cover; } #visual.Forum_Threads .thumbnail.post > a.attachment > .fa-external-link { display: none; visibility: hidden; } /*.Forum_Threads .thumbnail.post .stats {font-size:1em; margin-bottom:15px;} .Forum_Threads .thumbnail.post .stats > .stat:hover {color:@Links-Text-Color;} .Forum_Threads .thumbnail.post .stats > .stat {margin-right:15px;} .Forum_Threads .thumbnail.post .stats > .stat.date-posted {border-left:solid 1px #eee; display:inline-block; padding-left:15px;} .Forum_Threads .thumbnail.post .stats > .stat > .fa .Forum_Threads .thumbnail.post .stats > .stat > svg {margin-right:5px;}*/ #visual.Forum_Threads .thumbnail { padding: 0px; } #visual.Forum_Threads .thumbnail > .contributor { border-bottom: 1px solid #dddddd; } #visual.Forum_Threads .thumbnail > .attachment { padding: 0px; } #visual.Forum_Threads .thumbnail > * { padding: 15px; } #visual.Forum_Threads .thumbnail > .attachment { padding: 0px; } #visual.Forum_Threads .thumbnail > .attachment a { width: 100%; } #visual.Forum_Threads .thumbnail > .attachment img { width: 100%; max-height: 100%; object-fit: cover; } #visual.Forum_Threads .thumbnail.comment > .attachment img { max-height: 300px !important; } #visual.Forum_Threads .thumbnail > .attachment.document { color: black; background-color: #fce184; min-height: 200px; margin-bottom: 0px; position: relative; border-radius: 0px; } #visual.Forum_Threads .thumbnail > .attachment.document > .svg-inline--fa { color: black; position: absolute; top: 50%; left: 50%; margin: -30px 0px 0px -25px; padding: 0px; font-size: calc(60px * var(--font-scale, 1)); } #visual.Forum_Threads .thumbnail > .attachment > .fa #visual.Forum_Threads .thumbnail > .attachment > svg { margin: 0px auto; line-height: 100%; color: black; } #visual.Forum_Threads .thumbnail > .attachment > .fa-external-link { display: none; visibility: hidden; } #visual.Forum_Threads .visual-threads .thumbnail.post.thread .stats { margin-bottom: 15px; padding-bottom: 15px; } #visual.Forum_Threads .visual-threads .post .stats > .stat, #visual.Forum_Threads .visual-threads .post .stats > * { margin-right: 15px; } #visual.Forum_Threads .visual-threads .post .stats > .stat.date-posted { display: block; border-top: solid 1px #eeeeee; margin: 5px 0px 15px 0px; padding: 5px 0px 0px 0px; font-size: 1em; } #visual.Forum_Threads .visual-threads .post .stats > .stat.date-posted > .post_edit_delete { display: inline-block; float: right; padding-top: 5px; margin-top: 5px; margin-bottom: 15px; } #visual.Forum_Threads .visual-threads .thumbnail.post.thread .stats > .post_edit_delete > small { display: inline-block; padding-left: 15px; font-size: 1em; } #visual.Forum_Threads .visual-threads .post .post_edit_delete > small + small { margin-left: 5px; } #visual.Forum_Threads .visual-threads .post .post_edit_delete > small > .svg-inline--fa { margin-right: 5px; } #visual.Forum_Threads .visual-threads .post .stats > small { margin-right: 0px; } #visual.Forum_Threads .visual-threads .thumbnail.post.comment .stats > small.delete { margin-right: 0px; } #visual.Forum_Threads .visual-threads .thumbnail.post.comment .stats > small.delete + .move { margin-left: 15px; } #visual.Forum_Threads .visual-threads .thumbnail.post.thread .stats > small { display: none; visibility: hidden; } #visual.Forum_Threads .visual-threads .post .stats > * .fa, #visual.Forum_Threads .visual-threads .post .stats > * svg { margin-right: 5px; } #visual.Forum_Threads .visual-masthead .stats .stat { background-color: rgba(255, 255, 255, 0.5); } #visual.Forum_Threads .visual-threads .comment { padding-left: 40px; } #visual.Forum_Threads .visual-threads .comment .stats { display: block; width: 100%; padding-left: 40px; } /*Blog Forums*/ #blog.Forum_Threads .blog-masthead > .well { border-radius: 0px; border: solid 1px #eeeeee; } #blog.Forum_Threads .blog-info > * { padding: 0px 0px 30px 0px; border-bottom: solid 1px #eeeeee; margin-bottom: 30px; } #blog.Forum_Threads .blog-info .contributors .contributor { margin-bottom: 10px; } #blog.Forum_Threads .blog-info .contributors .contributor .profile_image { margin-right: 5px; } #blog.Forum_Threads .blog-info .contributors .contributor .profile_image > img { width: 40px; height: 40px; object-fit: cover; vertical-align: middle; float: none; border: solid 1px #eeeeee; } #blog.Forum_Threads .blog-info .contributors .contributor .profile_name { margin-right: 5px; } #blog.Forum_Threads .blog-info .forum_stats { display: inline-block; width: 100%; } #blog.Forum_Threads .blog-info .forum_buttons { text-align: left; } #blog.Forum_Threads .blog-info .forum_buttons .btn { margin: 0px 0px 5px 5px; } #blog.Forum_Threads .blog-threads .post.latest-post, #blog.Forum_Threads .blog-threads .post { border: solid 1px #eeeeee; margin: 0px 0px 15px 0px; } #blog.Forum_Threads .blog-threads .post .svg-inline--fa.unread { position: absolute; top: -5px; right: 10px; } #blog.Forum_Threads .blog-threads .post h3 { font-size: 1.4em; line-height: 1.2em; } #blog.Forum_Threads .blog-threads .post.latest-post .attachment { width: 100% !important; height: auto !important; display: inline-block; width: 100%; } #blog.Forum_Threads .blog-threads .post.latest-post .attachment > .fa, #blog.Forum_Threads .blog-threads .post.latest-post .attachment > svg { display: none; visibility: hidden; } #blog.Forum_Threads .blog-threads .post.latest-post .attachment > img { padding: 0px; width: 100% !important; height: 100% !important; min-height: 200px; object-fit: cover; } #blog.Forum_Threads .blog-threads .post.latest-post .caption { padding: 15px; display: inline-block; width: 100%; } .Forum_Threads .comments { margin-top: 15px; } .Forum_Threads .comments .thumbnail { display: inline-block; width: 100%; } .Forum_Threads .comments .badge { margin-left: 5px; color: black; border-color: #fce184; background-color: #fce184; } #blog.Forum_Threads .comments .post + .post { margin-top: 30px; border-top: solid 1px #eeeeee; padding-top: 30px; } .Forum_Threads .comments .post .text-content > *, #post_reply_form > * { margin-left: 58px; } .Forum_Threads .comments .post .text-content > .contributor, .Forum_Threads .comments .post .text-content > .stats, #post_reply_form > .profile_image { margin-left: 0px; } .Forum_Threads .comments .profile_image, #post_reply_form > .profile_image { width: 48px; height: 48px; margin-right: 10px; object-fit: cover; } .Forum_Threads .comments .post .text-content > .stats > span, .Forum_Threads .comments .post .text-content > .stats > small { margin-right: 15px; } .Forum_Threads .comments .post .text-content > .stats > span > .svg-inline--fa, .Forum_Threads .comments .post .text-content > .stats > small .fa, .Forum_Threads .comments .post .text-content > .stats > small svg { margin-right: 5px; } .Forum_Threads .comments .post .embedded_media { max-width: 300px; } #blog.Forum_Threads .blog-threads .post .attachment { height: 100% !important; text-align: center; } #blog.Forum_Threads .blog-threads .post .attachment.document { color: black; background-color: #fce184; min-height: 200px; margin-bottom: 0px; position: relative; border-radius: 0px; } #blog.Forum_Threads .blog-threads .post .attachment.document > .fa, #blog.Forum_Threads .blog-threads .post .attachment.document > svg { color: black; position: absolute; top: 50%; left: 50%; margin: -30px 0px 0px -25px; font-size: calc(60px * var(--font-scale, 1)); } #blog.Forum_Threads .blog-threads .post .attachment > .fa, #blog.Forum_Threads .blog-threads .post .attachment > svg { margin: 0px auto; line-height: 100%; color: black; } #blog.Forum_Threads .blog-threads .post .attachment > .fa-external-link { display: none; visibility: hidden; } #blog.Forum_Threads .blog-threads .post .attachment > img { padding: 0px; width: 100% !important; height: 100% !important; min-height: 200px; object-fit: cover; } #blog.Forum_Threads .blog-threads .post .text-content { padding: 15px; } #blog.Forum_Threads .blog-threads .post .contributor, #blog.Forum_Threads .blog-threads .post .stats { display: inline-block; width: 100%; margin-bottom: 8px; } #blog.Forum_Threads .blog-threads .post .contributor img.profile-pic, #blog.Forum_Threads .blog-threads .post .contributor img.profile_image { vertical-align: middle; float: none; object-fit: cover; } #blog.Forum_Threads .blog-masthead .stats stat { border: solid 1px #eeeeee; } #blog.Forum_Threads .blog-threads .post .stats > .stat, #blog.Forum_Threads .blog-threads .post .stats > * { margin-right: 15px; } #blog.Forum_Threads .blog-threads .post .stats > .post_edit_delete { display: block; border-top: solid 1px #eeeeee; padding-top: 5px; margin-top: 5px; margin-bottom: 15px; } #blog.Forum_Threads .blog-threads .post .stats > .post_edit_delete > small { display: inline-block; padding-left: 15px; font-size: 1em; } #blog.Forum_Threads .blog-threads .post .stats > * .svg-inline--fa, #blog.Forum_Threads .blog-threads .post .stats > .post_edit_delete > small > .fa, #blog.Forum_Threads .blog-threads .post .stats > * svg, #blog.Forum_Threads .blog-threads .post .stats > .post_edit_delete > small > svg { margin-right: 5px; } /*Chatrooms*/ #ChatRoomModal .modal-body { padding: 0px; min-height: 400px; } #ChatRoomModal #ChatRoomIframe { width: 100%; height: 100%; min-height: 400px; border: none 0px; } /*Wall*/ .wallposts #posts { min-width: 200px; word-wrap: break-word; float: right; position: relative; top: 19px; margin: 0; } .wallposts #posts ul { display: block; margin: 0px; padding: 0px; } .wallposts #posts li.post { border-bottom: solid 1px #e8e8e8; display: inline-block; margin: 0px; padding: 15px; } .wallposts #posts li.post:first-child { border-top: solid 1px #e8e8e8; } .wallposts #posts li.post:hover { background-color: #f8f8f8; } .wallposts #posts li.post div.wallcontainer { background-color: transparent; display: inline-block; width: 100%; } .wallposts #posts li.post div.wallcontainer .btn.remove-wall-post { clear: both; } .wallposts #posts li.post div.wallcontainer .profile-pic { margin: 0px 0.5em 0.5em 0px; } .wallposts #posts li.post div.wallcontainer .modal .modal-header { clear: both; display: inline-block; width: 100%; } .wallposts #posts li.post div.wallcontainer .screenname { display: block; } .wallposts #posts li.post div.wallcontainer .post_details { display: block; font-size: 0.8em; color: #666666; } /*Portfolio*/ body.modal.userprofile > #content.container { width: 100%; } #LearnerPortfolio .jumbotron img.profile_pic { margin: 15px; } #LearnerPortfolio .jumbotron div { font-size: 1em; line-height: 1.4; } #LearnerPortfolio .jumbotron #portfolio_stats { margin-top: 30px; } #LearnerPortfolio .jumbotron #portfolio_stats div[data-count="0"] { display: none; visibility: hidden; } #LearnerPortfolio .jumbotron #portfolio_stats .stat { background-color: #ffffffde; padding: 15px; margin: 0px; text-align: center; display: inline-block; float: left; width: 100%; height: 100%; } body.modal.userprofile #LearnerPortfolio .jumbotron #portfolio_stats .stat { min-width: 110px; } #LearnerPortfolio .jumbotron #portfolio_stats .stat label { font-weight: bold; width: 100%; text-align: center; } #LearnerPortfolio .jumbotron #portfolio_stats .stat .count { font-size: 2em; line-height: 1.2em; } #LearnerPortfolio .jumbotron #portfolio_stats .stat .icon { font-weight: bold; width: 100%; } #LearnerPortfolio .jumbotron #portfolio_stats .stat .icon img, #LearnerPortfolio .jumbotron #portfolio_stats .stat .icon .fa, #LearnerPortfolio .jumbotron #portfolio_stats .stat .icon svg { font-size: calc(36px * var(--font-scale, 1)); width: 36px; height: 36px; } #LearnerPortfolio .card .card-body { padding: 15px; } .complete-msg { font-style: italic; font-weight: bold; } /*My Profile*/ #transcriptTabsPanel { display: inline-block; } xhtml[myprofile] #tabs { display: none; } .myprofile .nav-tabs { margin-bottom: 1em; } .myprofile .tab-pane { display: none !important; } .myprofile .tab-pane.active { display: block !important; } .myprofile .tab-pane.active fieldset { border: none 0px; margin-bottom: 1em; padding: 0px; } .myprofile .tab-pane.active legend { display: block !important; padding: 0.5em 0; margin: 1em 0 0.5em 0; } .myprofile .form-horizontal .form-group { margin-right: 0px; margin-left: 0px; } .myprofile .form-horizontal .control-label { padding: 6px 0px; text-align: left; } .myprofile input[type=checkbox] + label { width: auto; margin-left: 0.5em; } /* New myprofile */ .student-profile .card { border-radius: 10px; } .student-profile .card .card-header .profile_img { width: 150px; height: 150px; object-fit: cover; margin: 10px auto; /*border: 10px solid #ccc; border-radius: 50%;*/ } .student-profile .card h3 { font-size: calc(20px * var(--font-scale, 1)); font-weight: 700; } .student-profile .card p { font-size: calc(16px * var(--font-scale, 1)); color: black; } .student-profile .table th, .student-profile .table td { font-size: calc(14px * var(--font-scale, 1)); padding: 5px 10px; color: black; } /* End */ /*Media Cards*/ #mediaResults.flex-row { display: flex; flex-wrap: wrap; flex-direction: row; align-content: stretch; justify-content: flex-start; align-items: stretch; row-gap: 30px; } #mediaResults.flex-row .media.card { position: relative; display: flex; flex-direction: column; word-wrap: break-word; background-clip: border-box; border: 1px solid #eeeeee; border-radius: 4px; overflow: hidden; width: 100%; height: 100%; } body.media { overflow: scroll !important; } .media.card .card-img-top-container { background-color: #cccccc; height: 200px; overflow: hidden; } .media.card .card-img-top-container > img { height: 200px; width: 100%; object-fit: cover; object-position: center center; } .media.card .card-img-top-container > svg { height: 90% !important; width: auto !important; object-fit: cover; object-position: center center; margin: 10px; } .media.card .card-body { flex: 1 1 auto; padding: 15px; color: var(--bs-card-color); } .media.card .card-body .card-title, .media.card .card-body .card-text { margin-bottom: 1em; } #transcriptsPanel span.courseTitle { display: inline-block; } #TranscriptExtras-Content { border: 1px solid #dddddd; } .availability .dayName, .availability .dayAvailability, .availability .exceptionDate, .availability .regularDate { display: inline-block; } .availability .dayName, .availability .exceptionDate { width: 120px; } ul.supervisors li { display: list-item; list-style-type: disc; margin-left: 2em; } #ForwardOptionDiv .form-control { width: auto; height: auto; } .ForwardOption ul { margin-left: 0px; } .ForwardOption .label, .ForwardOption label { width: auto; } .myprofile table#CustomMetadata4_FieldTable { border-top: solid 1px #dddddd; } .myprofile table#CustomMetadata4_FieldTable, .myprofile table#CustomMetadata1_FieldTable { width: 100%; max-width: 100%; } .myprofile table#CustomMetadata1_FieldTable tr > *, .myprofile table#CustomMetadata4_FieldTable tr > * { padding: 8px 8px 8px 0px; vertical-align: top; line-height: 1.42857143; border-top: 1px solid #dddddd; } .myprofile table#CustomMetadata1_FieldTable span.label, .myprofile table#CustomMetadata4_FieldTable span.label { white-space: normal; } .myprofile table#CustomMetadata1_FieldTable tr > * { width: 75%; padding-left: 15px; } .myprofile table#CustomMetadata1_FieldTable tr > *:first-child { width: 25%; padding-left: 0px; } #EditAccountDetails .btn > .fa, #EditAccountDetails .btn > svg { margin-right: 5px; } #EditAccountDetails .tc metadata.form-group, .myprofile .form-horizontal .form-group { margin: 0px; padding: 5px 15px; border-bottom: solid 1px #f6f6f6; } #EditAccountDetails .tc.metadata .controls.col-md-6 { width: 100%; } #EditAccountDetails .tc.metadata .controls.col-md-6 > * { display: inline-block; float: left; width: 300px; max-width: 100%; } #EditAccountDetails .tc.metadata .controls.col-md-6 > label { width: 200px !important; max-width: 100% !important; float: left; margin-right: 5px; } #EditAccountDetails .tc.metadata .controls.col-md-6 > label + .ro.learner.value + input { display: none; visibility: hidden; } #EditAccountDetails #block2 input[type="checkbox"] { float: left; } #EditAccountDetails #block2 input[type="checkbox"] + label { display: inline-block; float: left; margin-right: 2em; } .myprofile > .col-md-12 > .container { width: 100%; } /*Portfolio - aka public profile*/ #LearnerPortfolio img.img-round.profile_pic { width: 200px; height: 200px; object-fit: cover; object-position: center; } body.userprofile.modal #LearnerPortfolio img.img-round.profile_pic { width: 120px; height: 120px; object-fit: cover; } #LearnerPortfolio .display-flex { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; margin: 0px -15px 30px -15px; } #LearnerPortfolio .display-flex > .card { margin: 15px 15px 30px 15px; } #LearnerPortfolio .display-flex > .card .card-body { padding: 30px; } #LearnerPortfolio .display-flex > .card .card-body .row > div { margin-bottom: 1em; } #LearnerPortfolio .display-flex > .card .card-body label { width: 100%; max-width: 100%; margin-bottom: 0px; font-weight: bold; } #StudentCourseProgress th[align="center"], #StudentCourseProgress td[align="center"] { text-align: center; } .course_progress .objective, .course_progress .objective > td, .course_progress .objective > td.score { float: none; } #pie_chart { width: auto !important; clear: right; } #pie_chart rect { fill: transparent !important; } #pie_chart .ct-chart-pie { min-height: 260px; padding: 10px; overflow: visible; } #pie_chart .ct-chart-pie path.ct-slice.ct-donut { fill: transparent; fill-opacity: 0; } #pie_chart .ct-chart-pie text.ct-label { stroke: none; } #pie_chart .ct-chart-pie .ct-series-a { stroke: #f4f2f2; } #pie_chart .ct-chart-pie .ct-series-b { stroke: #cccccc; } #pie_chart .ct-chart-pie .ct-series-c { stroke: white; } @media print { #pie_chart { float: right; min-height: 100px; } #pie_chart .ct-chart-pie { margin-right: 50%; } #pie_chart .ct-chart-pie .ct-series-a { stroke: #eeeeee; -webkit-print-color-adjust: exact; } #pie_chart .ct-chart-pie .ct-series-b { stroke: #aaaaaa; -webkit-print-color-adjust: exact; } #pie_chart .ct-chart-pie .ct-series-c { stroke: black; -webkit-print-color-adjust: exact; } ul.legend .ct-series-a { fill: #aaaaaa; background-color: #eeeeee !important; -webkit-print-color-adjust: exact; } ul.legend .ct-series-b { fill: #eeeeee; background-color: #aaaaaa !important; -webkit-print-color-adjust: exact; } ul.legend .ct-series-c { fill: black; background-color: black !important; -webkit-print-color-adjust: exact; } table.course_progress th { font-size: 1em; } table.course_progress td:empty { display: table-cell !important; } table.course_progress .progress_bar.text-center.hidden-sm { display: table-cell !important; } } ul.legend { clear: right; } ul.legend li { display: inline-block; float: left; } ul.legend li svg { margin-right: 0.25em; margin-left: 1em; } ul.legend li svg rect { fill: transparent !important; } @media screen { ul.legend .ct-series-a { background-color: #f4f2f2 !important; } ul.legend .ct-series-b { background-color: #cccccc !important; } ul.legend .ct-series-c { background-color: white !important; } } .course_progress .objective.tableSubHeader > * { background-color: #cccccc !important; } #CourseReport .button_container { display: flex; flex-direction: row-reverse; flex-wrap: nowrap; align-content: stretch; align-items: stretch; justify-content: flex-start; column-gap: 10px; } #CourseReport .label, #ProgressOverview .summary-info .label { width: 135px; float: left; clear: left; } #CourseReport .formContent, #ProgressOverview .summary-info .formContent { float: left; } #ProgressOverview .summary-info { /*margin: 0px 15px 15px 15px;*/ padding-left: 30px; } table#MyPurchasesGrid { border: none 0px; margin: 1em 0; } table#MyPurchasesGrid tr > th.tablesorter-header { cursor: pointer; } table#MyPurchasesGrid tr > * { text-align: right; } table#MyPurchasesGrid tr > *:first-child { text-align: left; } /* My profile constsuction */ .student-profile .card { border-radius: 10px; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: white; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); } /* *******************My Transcripts********************* */ /*Transcripts*/ .training-title { color: #d71921; font-weight: normal; text-decoration: underline; cursor: pointer; } .training-title:hover { text-decoration: none; } #btnSaveCeu { clear: right; margin-bottom: 1em; } #transcript_list td.title .activity-title { font-weight: bold; } #transcript_list td.title label { width: 100%; display: block; margin: 5px 0px 0px 0px; font-weight: normal; } #MyTranscripts .nav-tabs.date-range { border: none 0px; } #MyTranscripts .date-filter { margin: 15px 0px 0px 0px; padding: 5px 15px; border-radius: 8px 8px 0px 0px; background-color: white; color: #333333; } #MyTranscripts .nav-tabs.date-range li { border-bottom: solid 2px white; } #MyTranscripts .date-filter label { max-width: 300px; } #MyTranscripts .date-filter .form-control { max-width: 156px; display: inline-block; margin-left: 5px; margin-right: 15px; } #MyTranscripts .date-filter .btn-default { padding: 5px 15px; } #MyTranscripts #list_filters_sorting > div { padding: 0px; } #MyTranscripts #list_filters_sorting #filter_by_options li.dropdown-header { clear: both; } #MyTranscripts #list_filters_sorting #filter_by_options li { clear: both; } #MyTranscripts #transcript-search-container { min-width: 282px; } #MyTranscripts #transcript-search-container #transcript_search { max-width: 222px; } #MyTranscripts #transcript-search-container .clear-search { cursor: pointer; cursor: hand; margin-left: 0.5em; line-height: calc(34px * var(--font-scale, 1)); } #MyTranscripts #transcript-filters-sort .btn-group { margin-right: 10px; } #MyTranscripts #transcript-filters-sort .btn-group .dropdown-menu { min-width: 180px; max-height: 200px; overflow: auto; } #MyTranscripts #transcript-filters-sort .btn-group .dropdown-menu > li { color: #333333; } #MyTranscripts #transcript-filters-sort .btn-group .dropdown-menu > li span:hover { background-color: #d71921; color: white; } #MyTranscripts #transcript-filters-sort .btn-group .dropdown-menu > li span { display: inline-block; width: 100%; padding: 5px 10px; cursor: pointer; cursor: hand; } #MyTranscripts #transcript-filters-sort .btn-group .dropdown-menu > li span svg { margin-right: 4px; } #MyTranscripts #transcript-filters-sort .btn-group .dropdown-menu > li span .fa-circle-check { display: none; visibility: hidden; } #MyTranscripts #transcript-filters-sort .btn-group .dropdown-menu > li span.show .fa-circle, #MyTranscripts #transcript-filters-sort .btn-group .dropdown-menu > li span.selected .fa-circle, #MyTranscripts #transcript-filters-sort .btn-group .dropdown-menu > li span.show.selected .fa-circle { display: none; visibility: hidden; } #MyTranscripts #transcript-filters-sort .btn-group .dropdown-menu > li span.show .fa-circle-check, #MyTranscripts #transcript-filters-sort .btn-group .dropdown-menu > li span.selected .fa-circle-check, #MyTranscripts #transcript-filters-sort .btn-group .dropdown-menu > li span.show.selected .fa-circle-check { display: inline-block; visibility: visible; } #MyTranscripts #transcript-filters-sort .btn-group .dropdown-menu > li ul { padding-left: 0px; } #MyTranscripts #transcript-filters-sort .btn-group .dropdown-menu > li ul li.credit-category span { padding: 5px 10px 5px 27px; } #MyTranscripts #transcript-filters-sort .btn-group .dropdown-menu > li.credit-category + .credit-provider { border-top: solid 1px #cccccc; } #selected-filters { line-height: calc(30px * var(--font-scale, 1)); } #selected-filters .filter { display: inline-block; float: left; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 10px; background-color: #d71921; color: white; } #selected-filters .filter .remove { display: inline-block; padding: 0px 10px; margin-left: 10px; cursor: pointer; cursor: hand; background-color: white; color: #333333; } #filter-description { margin: 15px 0 0 0; } #filter-description > span { margin-right: 0.5em; } #filter-description > span:before { content: " | "; margin-right: 0.5em; } #filter-description > label + span.hidden:before, #filter-description > label + span:before, #filter-description > label + span.hidden + span:before, #filter-description > label + span.hidden + span.hidden + span:before, #filter-description > label + span.hidden + span.hidden + span.hidden + span:before, #filter-description > label + span.hidden + span.hidden + span.hidden + span.hidden + span:before { display: none; } @media (max-width: 767px) { #transcript_list #transcripts_completed tr > .credit-categories.text-center, #transcript_list #transcripts_completed tr > .credits-awarded.text-center { text-align: left; } #transcript_list #transcripts_completed tr > .total-credits.credits-awarded.text-right, #transcript_list #transcripts_completed tr > .total-credits.credits-awarded.text-center { text-align: center; } #transcript_list #transcripts_completed tfoot > tr > th:empty { display: none; } } @media (max-width: 499px) { #transcript_list #transcripts_completed tr > .total-credits.credits-awarded.text-center { text-align: right; } #transcript_list div.sdms-approval-number, #transcript_list div.domain { margin: 10px 0px 10px 0px; } } #transcript_list .digital-signature > span { font-size: 0.9em; } #transcript_list .actions { white-space: normal; } #transcript_list .actions .btn { margin-top: 2px; margin-bottom: 2px; } #transcript_list tbody tr > .credit-categories .credit-provider-container + .credit-provider-container { margin-top: 1em; } #transcript_list tbody tr > .credit-categories .credit-provider { font-weight: bold; } /*#transcript_list tbody tr > .credit-categories .credit-provider:after, #transcript_list tbody tr > .credit-categories .credit-category .credit-category-name:after {content:":";}*/ /*#transcript_list tbody tr > .credit-categories .credit-category {white-space:nowrap;}*/ /*Credentials Page*/ #creditCategoriesDIV.panel-group { margin: 30px 0px; } #creditCategoriesDIV.panel-group .panel-collapse { padding: 15px; } /*My Codes aka My Coupons*/ table.allocations td.expand span.collapse { display: inline-block; visibility: visible; cursor: pointer; cursor: hand; } table.allocations td.expand span.collapse[data-collpase="collapsed"] .fa-chevron-down { display: none; visibility: hidden; } table.allocations td.expand span.collapse[data-collpase="expanded"] .fa-chevron-right { display: none; visibility: hidden; } /*Login*/ .login-logo { width: 100%; max-height: 300px; margin-bottom: 1em; } #login_page fieldset > legend { display: block; } #Login .form-group { margin-right: 0px; margin-left: 0px; } #Login .control-label { text-align: left; width: 180px; } #Login #registrationButtonSpan { display: none; } #login_page span.button input { background-color: transparent; border: none 0px; } #dividerDiv { margin-top: 1em; } #login_page .select2-container.form-control { padding: 0px; border-radius: 4px; } #login_page .select2-dropdown-open .select2-choice, #login_page .select2-container .select2-choice { margin: 0px 0px; height: 34px; padding: 0px 20px 0px 12px; box-shadow: none; background: transparent; border: none 0px; } #login_page .select2-dropdown-open .select2-choice > *, #login_page .select2-container .select2-choice > * { height: 34px; } #login_page .federatedIcon { height: 30px; width: 30px; margin-right: 5px; } #login_page #FederationLoginButton { margin-left: 0.25em; } #login_page .select2-container.form-control > * { border-radius: 4px; } /* Adjusting custom css for line height - PCA skin */ .gigya-composite-control > p { line-height: 1.2 !important; } body.Login.Login_compressed > #content.container { padding: 0px 15px 30px 15px; } body.Login.Login_compressed #log_in_bar.container, body.Login.Login_compressed #masthead.container, body.Login.Login_compressed #content.container, body.Login.Login_compressed #footer.container { max-width: 400px; } body.Login.Login_compressed > .container:first-child { margin-top: 45px; } body.Login.Login_compressed #masthead .notloggedin { padding: 30px 30px 0px 30px; } body.Login.Login_compressed #masthead #logo { margin: 30px 30px 0px 30px; } body.Login.Login_compressed #masthead.container #logo img { max-height: 100px; } body.Login.Login_compressed #masthead.container > .row > div { width: 100%; } body.Login.Login_compressed #content.container #login_page { padding: 0px 45px; } body.Login.Login_compressed #content.container #login_page > * { width: 100%; } body.Login.Login_compressed #content.container .log-in-form { padding: 0px; } body.Login.Login_compressed #content.container fieldset { padding: 0px; margin: 0px; } body.Login.Login_compressed #content.container fieldset > legend { padding: 30px 0px 15px 0px; margin: 0px; border-bottom: solid 1px; } body.Login.Login_compressed #content.container fieldset > div.row, body.Login.Login_compressed #content.container .log-in-form fieldset > div.row div { margin-bottom: 0px; } body.Login.Login_compressed #content.container #Login .formContent.col-sm-6 { width: 100%; padding: 0px; } body.Login.Login_compressed #content.container fieldset .form-group { padding-bottom: 15px; display: inline-block; width: 100%; } body.Login.Login_compressed #content.container #Login .control-label { width: 100%; padding: 0px 0px 5px 0px; } body.Login.Login_compressed #content.container #Login .formContent.col-sm-6 { width: 100%; padding: 0px 0px 0px 0px; } body.Login.Login_compressed #footer.container > .row.logo-copyright > div { width: 100%; font-size: 0.8em; line-height: 1.5em; text-align: center; } span.loginForgot.pull-right { margin: -5px 0px 10px 0px; } /*Activity Modal*/ body.StudentMyCourse.activity-modal { background-image: none; background-color: white; } body.activity-modal #content.container { width: 100% !important; } body.activity-modal .page-header { display: none; visibility: hidden; } body.activity-modal #content.container .column-overview .panel.overview, body.activity-modal #content.container .column-packageresources .panel.resources { margin: 15px 15px 0px 15px; } /*Feedback Survey*/ .choices { display: inline-block; clear: both; margin-top: 0px; } .choices .choice { list-style-type: none; } .choices .choice.checkbox, .choices .choice.radio { display: block; width: auto; } .choices .choice.checkbox-inline, .choices .choice.radio-inline { width: auto; float: left; } .form-group[question_type="default"] .form-group[question_type="checkbox"] .choices.checkbox > label.choice, .form-group[question_type="default"] .form-group[question_type="radio"] .choices.radio > label.choice { width: 100%; clear: left; margin: 5px 0px; } #CourseFeedback select.form-control { width: auto; max-width: 100%; } .LikertScale.choices { clear: both; display: inline-block; } .LikertScale.choices .radio-inline { float: left; width: auto; } .LikertScale.choices .radio-inline:first-child { padding: 0px 2em 0px 0px; margin: 0px; font-weight: 600; } .LikertScale.choices .radio-inline:last-child { padding: 0px 0px 0px 2em; margin: 0px; font-weight: 600; } .LikertScale.choices .likert-selected { font-weight: 700; border: 2px solid currentColor; border-radius: 50%; padding: 0 0.3em; background-color: rgba(0, 0, 0, 0.07); } #CourseFeedback li[data-required="required"] > div > h3:before { content: "*"; float: left; margin-right: 5px; } #CourseFeedback li[question_type="radio"] .choices label { width: 100%; } #CourseFeedback .button_container { width: 100%; display: inline-block; margin: 1em 0; } #CourseFeedback select.feedbackControl.multiSelect { height: 100%; resize: both; overflow: auto; } body.SurveyFeedback #content.container #CourseFeedback li[question_type="checkbox"] .choices.checkbox, body.SurveyFeedback #content.container #CourseFeedback li[question_type="checkbox"] .choices.checkbox .checkbox, body.SurveyFeedback #content.container #CourseFeedback li[question_type="checkbox"] .choices.checkbox .checkbox label { width: 100%; } /* Admin Previeew */ body.PreviewFeedback #content.container #CourseFeedback li[question_type="checkbox"] .choices.checkbox, body.PreviewFeedback #content.container #CourseFeedback li[question_type="checkbox"] .choices.checkbox .checkbox, body.PreviewFeedback #content.container #CourseFeedback li[question_type="checkbox"] .choices.checkbox .checkbox label { width: 100%; } body.page_PreviewFeedback #container #CourseFeedback li[question_type="checkbox"] .choices.checkbox, body.page_PreviewFeedback #container #CourseFeedback li[question_type="checkbox"] .choices.checkbox .checkbox, body.page_PreviewFeedback #container #CourseFeedback li[question_type="checkbox"] .choices.checkbox .checkbox label { width: 100%; } .modal #CourseFeedback ol[type="a"] li { list-style-type: lower-alpha !important; display: list-item !important; } /*! * FullCalendar v1.6.1 Stylesheet * Docs & License:http://arshaw.com/fullcalendar/ * (c) 2013 Adam Shaw */ .fc { direction: ltr; text-align: left; } .fc table { border-collapse: collapse; border-spacing: 0; } html .fc, .fc table { font-size: 1em; } .fc td, .fc th { padding: 0; vertical-align: top; } .fc-theme-standard td.fc-day { min-height: 99px; } /* Header ------------------------------------------------------------------------*/ .fc-header { position: relative; } .fc-header .btn + .btn { margin-left: 6px; } .fc-header-title { margin: 0; white-space: nowrap; position: absolute; left: 0; top: 0; width: 100%; text-align: center; font: 300 calc(20px * var(--font-scale, 1))/1.7 'Roboto', sans-serif; } .fc .fc-header-space { padding-left: 10px; } .fc-header .fc-button { margin-bottom: 1em; vertical-align: top; } .fc-header-center { position: absolute; top: -35px; height: 34px; width: 100%; } .fc-button-prev, .fc-button-next { position: relative; z-index: 10; margin: 0 14px; line-height: 1.8889; font-size: calc(18px * var(--font-scale, 1)); cursor: pointer; } .fc-button-prev { float: left; } .fc-button-next { float: right; } .fc-header-left { padding: 14px; overflow: hidden; } .fc-header-left > span { display: inline-block; border: 1px solid #e1e1e1; padding: 2px 8px; cursor: pointer; } .fc-header-left > span + span { margin-left: 10px; } .fc-header-left > span.fc-state-active { border-color: rgba(0, 0, 0, 0.2); color: white; } /* Content ------------------------------------------------------------------------*/ .fc-content { clear: both; } .fc-view { width: 100%; /* needed for view switching (when view is absolute) */ overflow: hidden; } /* Cell Styles ------------------------------------------------------------------------*/ .fc-widget-header, /* , usually */ .fc-widget-content { /* , usually */ border: 1px solid #dddddd; } .fc-state-highlight { /* today cell */ /* TODO:add .fc-today to */ background: #fcf8e3; } .fc-state-highlight .fc-day-number { background: #f9f0c4 !important; } .fc-cell-overlay { /* semi-transparent rectangle while dragging */ background: #d6e4f8; opacity: 0.4; filter: alpha(opacity=40); /* for IE */ } .fc-border-separate tr .fc-first { border-left: none; } .fc-border-separate tr .fc-last { border-right: none; } .fc-border-separate tr.fc-last td { border-bottom: none; } .fc-button-today { float: right; } .fc-state-disabled { color: #999999; background: #f8f8f8; } /* Global Event Styles ------------------------------------------------------------------------*/ .fc-event { border: none; /* default BORDER color */ background-color: rgba(0, 0, 0, 0.4); /* default BACKGROUND color */ color: white; /* default TEXT color */ font-size: 0.85em; cursor: default; padding: 2px 1px; } a.fc-event { text-decoration: none; } a.fc-event:hover { text-decoration: none; color: #222222; } a.fc-event, .fc-event-draggable { cursor: pointer; } .fc-rtl .fc-event { text-align: right; } .fc-event-inner { width: 100%; height: 100%; overflow: hidden; line-height: calc(14px * var(--font-scale, 1)); padding: 1px 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fc-event-time, .fc-event-title { padding: 0 1px; } .fc .ui-resizable-handle { display: block; position: absolute; z-index: 99999; overflow: hidden; /* hacky spaces (IE6/7) */ font-size: 300%; /* */ line-height: 50%; /* */ } /* Horizontal Events ------------------------------------------------------------------------*/ .fc-event-hori { border-width: 1px 0; margin-bottom: 2px; } .fc-ltr .fc-event-hori.fc-event-start, .fc-rtl .fc-event-hori.fc-event-end { border-left-width: 1px; } .fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start { border-right-width: 1px; } /* resizable */ .fc-event-hori .ui-resizable-e { top: 0 !important; /* importants override pre jquery ui 1.7 styles */ right: -3px !important; width: 7px !important; height: 100% !important; cursor: e-resize; } .fc-event-hori .ui-resizable-w { top: 0 !important; left: -3px !important; width: 7px !important; height: 100% !important; cursor: w-resize; } .fc-event-hori .ui-resizable-handle { _padding-bottom: 14px; /* IE6 had 0 height */ } /* Reusable Separate-border Table ------------------------------------------------------------*/ table.fc-border-separate { border-collapse: separate; } .fc-border-separate th, .fc-border-separate td { border-width: 1px 0 0 1px; } .fc-border-separate th.fc-last, .fc-border-separate td.fc-last { border-right-width: 1px; } .fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td { border-bottom-width: 1px; } .fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th { border-top-width: 0; } /* Month View, Basic Week View, Basic Day View ------------------------------------------------------------------------*/ .fc-grid th { text-align: center; text-transform: uppercase; background: #f4f4f4; } .fc .fc-week-number { width: 22px; text-align: center; } .fc .fc-week-number div { padding: 0 2px; } .fc-grid .fc-day-number { padding: 0 4px; background: #f8f8f8; text-align: right; font-size: calc(11px * var(--font-scale, 1)); } .fc-grid .fc-other-month .fc-day-number { opacity: 0.3; filter: alpha(opacity=30); /* for IE */ /* opacity with small font can sometimes look too faded might want to set the 'color' property instead making day-numbers bold also fixes the problem */ } .fc-grid .fc-day-content { clear: both; padding: 2px 2px 1px; /* distance between events and day edges */ } /* event styles */ .fc-grid .fc-event-time { font-weight: bold; } /* right-to-left */ .fc-rtl .fc-grid .fc-day-number { float: left; } .fc-rtl .fc-grid .fc-event-time { float: right; } /* Agenda Week View, Agenda Day View ------------------------------------------------------------------------*/ .fc-agenda table { border-collapse: separate; } .fc-agenda-days th { text-align: center; } .fc-agenda .fc-agenda-axis { width: 50px; padding: 0 4px; vertical-align: middle; text-align: right; white-space: nowrap; font-weight: normal; } .fc-agenda .fc-week-number { font-weight: bold; } .fc-agenda .fc-day-content { padding: 2px 2px 1px; } /* make axis border take precedence */ .fc-agenda-days .fc-agenda-axis { border-right-width: 1px; } .fc-agenda-days .fc-col0 { border-left-width: 0; } /* all-day area */ .fc-agenda-allday th { border-width: 0 1px; } .fc-agenda-allday .fc-day-content { min-height: 34px; /* TODO:doesnt work well in quirksmode */ _height: 34px; } /* divider (between all-day and slots) */ .fc-agenda-divider-inner { height: 2px; overflow: hidden; } .fc-widget-header .fc-agenda-divider-inner { background: #eeeeee; } /* slot rows */ .fc-agenda-slots th { border-width: 1px 1px 0; } .fc-agenda-slots td { border-width: 1px 0 0; background: none; } .fc-agenda-slots td div { height: 20px; } .fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td { border-top-width: 0; } .fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td { border-top-style: dotted; } .fc-agenda-slots tr.fc-minor th.ui-widget-header { border-top-style: solid; /* doesn't work with background in IE6/7 */ } /* Vertical Events ------------------------------------------------------------------------*/ .fc-event-vert { border-width: 0 1px; } .fc-event-vert.fc-event-start { border-top-width: 1px; } .fc-event-vert.fc-event-end { border-bottom-width: 1px; } .fc-event-vert .fc-event-time { white-space: nowrap; font-size: calc(10px * var(--font-scale, 1)); } .fc-event-vert .fc-event-inner { position: relative; z-index: 2; } .fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */ position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: white; opacity: 0.25; filter: alpha(opacity=25); } .fc .ui-draggable-dragging .fc-event-bg, /* TODO:something nicer like .fc-opacity */ .fc-select-helper .fc-event-bg { display: none \9; /* for IE6/7/8. nested opacity filters while dragging don't work */ } /* resizable */ .fc-event-vert .ui-resizable-s { bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ width: 100% !important; height: 8px !important; overflow: hidden !important; line-height: 0.7273 !important; font-size: calc(11px * var(--font-scale, 1)) !important; font-family: monospace; text-align: center; cursor: s-resize; } .fc-agenda .ui-resizable-resizing { /* TODO:better selector */ _overflow: hidden; } .highcharts-title { font-size: 1.2em !important; } table.course_progress tr > .description { min-width: 300px; } /*@media print (max-width:767px) { table.course_progress tr { display:block; float:none; clear:both;} table.course_progress th, table.course_progress .objective > td { display:inline-block !important; float:left; text-align:left;} table.course_progress td{text-align:left;} table.course_progress td.hidden-xs, table.course_progress th.hidden-xs { display:none !important; float:left;} table.course_progress>tbody>tr>td > div, table.course_progress>tbody>tr>th > div {margin-left:0 !important; padding-left:0 !important;} .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {border-top:none 0px; padding:3px 8px;} table.course_progress>tbody>tr>th:first-child, table.course_progress>tbody>tr>td:first-child {border-top:solid 1px;} .course_progress .objective > td.score {width:100% !important;} .course_progress .activity > td.title {font-size:1.2em; font-weight:600;} .course_progress .activity > td.description {display:block !important;} .course_progress td h3 {width:120px; font-weight:bold; display:inline-block !important; float:left; margin:0px;} }*/ /*Browser Detection*/ #browser-detection { background: #ffffe5; color: #333333; position: fixed; _position: absolute; padding: 10px 15px; font-size: calc(13px * var(--font-scale, 1)); font-family: "Trebuchet MS", "Segoe UI", Arial, Tahoma, sans-serif; border-radius: 5px; border: 1px solid #d6d6c1; -moz-border-radius: 5px; width: 700px; z-index: 1001; top: 180px !important; } #browser-detection P { margin: 0; padding: 0; background: transparent; line-height: 135%; width: auto; float: none; border: none; text-align: center; } #browser-detection P.bd-title { padding-top: 0px; font-size: calc(25px * var(--font-scale, 1)); line-height: 100%; } #browser-detection P.bd-notice { padding-bottom: 5px; padding-top: 28px; } #browser-detection SPAN.bd-highlight { color: #b50e0e; } #browser-detection A#browser-detection-close { width: 15px; height: 15px; outline: none; position: absolute; right: 10px; top: 10px; text-indent: -500em; line-height: 100%; background: url(./images/close.gif) no-repeat center center; } #browser-detection A#browser-detection-close:HOVER { background-color: beige; } #browser-detection UL.bd-browsers-list, #browser-detection UL.bd-browsers-list LI, #browser-detection UL.bd-skip-buttons, #browser-detection UL.bd-skip-buttons LI { padding: 0; margin: 0; float: left; list-style: none; } #browser-detection UL.bd-browsers-list { clear: both; margin-top: 3px; padding: 7px 0; border-top: 1px solid beige; border-bottom: 1px solid beige; width: 100%; } #browser-detection UL.bd-browsers-list LI { text-align: left; } #browser-detection UL.bd-browsers-list LI A { width: 60px; height: 55px; display: block; color: #666666; padding: 10px 10px 0 65px; text-decoration: none; } #browser-detection UL.bd-browsers-list LI A:HOVER { text-decoration: underline; } #browser-detection UL.bd-browsers-list LI.firefox A { background: url(./images/firefox.gif) no-repeat left top; } #browser-detection UL.bd-browsers-list LI.chrome A { background: url(./images/chrome.gif) no-repeat left top; } #browser-detection UL.bd-browsers-list LI.safari A { background: url(./images/safari.gif) no-repeat left top; } #browser-detection UL.bd-browsers-list LI.opera A { background: url(./images/opera.gif) no-repeat left top; } #browser-detection UL.bd-browsers-list LI.msie A { background: url(./images/msie.gif) no-repeat left top; } #browser-detection UL.bd-skip-buttons { margin-top: 10px; } #browser-detection UL.bd-skip-buttons LI { display: inline; margin-right: 10px; } #browser-detection UL.bd-skip-buttons LI BUTTON { font-size: calc(13px * var(--font-scale, 1)); } #browser-detection DIV.bd-poweredby { font-size: calc(9px * var(--font-scale, 1)); position: absolute; bottom: 10px; right: 10px; font-style: italic; } #browser-detection DIV.bd-poweredby, #browser-detection DIV.bd-poweredby A { color: #aaaaaa; } #browser-detection DIV.bd-poweredby A { text-decoration: underline; } #browser-detection DIV.bd-poweredby A:HOVER { text-decoration: none; } /* Accessibility for Amazon Compliance */ a.showOnFocus { position: absolute; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; white-space: nowrap; } a.showOnFocus:focus, a.showOnFocus:active { overflow: visible; height: auto; width: auto; clip: auto; } /* End */ #black_overlay { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index: 1000; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); } /*assessment*/ body#tc-assessment { background-color: white; color: black; } body#tc-assessment .qustion .question-text { color: black; } body#tc-assessment ol.choices li { color: black; background-color: white; border: solid 1px white; } body#tc-assessment ol.choices li:hover, body#tc-assessment ol.choices li.selected { color: black; background-color: white; border: solid 1px white; } body#tc-assessment ol.choices li.correct { color: black; background-color: white; border: solid 1px white; } body#tc-assessment ol.choices li.incorrect { color: black; background-color: white; border: solid 1px white; } body#tc-assessment .feedback.alert { border-radius: 6px; } body#tc-assessment .correct.feedback.alert-success { color: black; background: white; border: solid 1px white; } body#tc-assessment .incorrect.feedback.alert-danger { color: black; background: white; border: solid 1px white; } #tc-assessement .fb-review.incorrect { color: black; background: white; border: solid 1px white; width: 90%; min-height: 50px; margin: 20px 0px 0px 30px; padding: 10px; } #tc-assessement .fb-review.correct { color: black; background: white; border: solid 1px white; width: 90%; min-height: 50px; margin: 20px 0px 0px 30px; padding: 10px; } /* Scheduler */ .AvailabilityScheduler { width: 100%; font-size: 0.9em; /*position:relative; max-height:500px; overflow-y:auto; display:block;*/ } .AvailabilityScheduler > table { width: 100%; } .AvailabilityScheduler > table > tr > td { padding: 0px; border: none 0px; } /*.AvailabilityScheduler table table.headerTable {position:absolute; top:0px; left:0px; z-index:10; margin-top:0px;}*/ .AvailabilityScheduler table table { padding: 0px; margin: 0px 0px 0px 0px; border: none 0px; width: 100%; } .AvailabilityScheduler table table tr > td { width: 10%; padding: 8px; border: none 0px; cursor: pointer; border-bottom: solid 1px #f6f6f6; } .AvailabilityScheduler table thead tr > td, .AvailabilityScheduler table table tr > td.hours { background-color: white; color: black; } .AvailabilityScheduler table thead tr > td:last-child { padding-left: 0px; padding-right: 0px; width: 17px !important; display: none; } .AvailabilityScheduler table table thead tr > td.month, .AvailabilityScheduler table table tr > td.hours { width: 150px !important; cursor: default !important; } /*.AvailabilityScheduler table >tbody > tr > td > div {height:auto !important; overflow-y:visible !important;}*/ .AvailabilityScheduler table table thead tr > td.days:nth-child(odd), .AvailabilityScheduler table table tr > td.selected:nth-child(odd) { opacity: 0.9 !important; } .AvailabilityScheduler table table tr > td.selected { background-color: #cccccc; color: white; } .AvailabilityScheduler table table tr > td.unselected:nth-child(odd) { background-color: white; color: black; } .AvailabilityScheduler table table tr > td.unselected:nth-child(even) { background-color: #fefefe; color: black; } .AvailabilityScheduler td.selectedlegend { background-color: #ff5900; color: black; border-color: black; cursor: pointer; } .AvailabilityScheduler td.unavailable { background-color: lightgray; color: black; border-color: black; } .AvailabilityScheduler td.marked { background-color: green; color: black; border-color: black; cursor: pointer; } .AvailabilityScheduler .unselectable { -moz-user-select: none; -webkit-user-select: none; } #transcript_list #transcripts_completed tr > .credit-categories .cc-value.show { font-weight: 400; display: inline-block !important; margin-left: 4px; } /*Learner Notes*/ .modal-footer.learner-note { border: none !important; } .modal .wysihtml5-toolbar li { list-style-type: none !important; } .learner-note .fa-sticky-note { font-size: 1.2em; } .tc-btn-group .btn { margin-left: 5px; } /*Supervisor View*/ body.SuperviserView .counters > div { padding: 15px; } body.SuperviserView .counters .box { height: 240px; border: solid 1px #f6f6f6; padding: 30px; } body.SuperviserView .counters .box .count { font-size: 3em; } #SupervisorView .filter-container #filters { display: inline-block; width: 100%; } .counters .box .count-container { display: inline-block; margin: 15px 0px; padding: 15px; width: 100%; } .my-learners .filters { margin-top: 15px; padding: 15px; display: inline-block; width: 100%; border: solid 1px #eeeeee; } .my-learners .filters label, .my-learners .filters .label { display: block; width: 100%; } .my-learners .filters ul { padding: 15px; border: solid 1px #eeeeee; height: 200px; overflow: auto; } .my-learners .filters ul input[type="radio"], .my-learners .filters ul input[type="checkbox"] { margin-right: 3px; } .my-learners .filters ul, .my-learners .filters ul li { list-style-type: none; } .my-learners table, .my-modules table, .my-assignments table { margin-top: 15px; } .my-modules tr:hover.hover, .my-modules tr:hover.hover td { background-color: #ababab !important; } .my-modules tr.hover { cursor: pointer; } .my-modules .enrollment-actions > .btn { margin-bottom: 15px; } /* Learner view dougnut charts*/ div.doughnut, span.doughnut { width: 300px; height: 300px; display: inline-block; } x-pie { display: block; width: 525px; height: 400px; margin: -50px auto; text-align: left; } svg { overflow: visible; } svg .wedge { cursor: pointer; } x-pie h1 { font-size: 1.5em; } /*draggable notes cursor*/ .learner-note .modal-header { cursor: pointer; } /*draggable notes cursor*/ .learner-note .modal-header { cursor: pointer; } /* Accessibility Settings */ .page-header.AccessibilityPreference { display: none; } #frmAccessibilityPreferences { margin-top: 15px; } /* Text Size */ #textSizeDiv > #TextSizeLabel { margin-right: 1rem; } /* Line Spacing */ #lineSpacingDiv #LineSpacingLabel { margin-right: 1rem; } /* Contrast */ .abw { color: black !important; background-color: white !important; } .awb { color: white !important; background-color: black !important; } .aby { color: black !important; background-color: yellow !important; } .ayb { color: yellow !important; background-color: black !important; } #contrastDiv > #ContrastLabel { margin-right: 1rem; } /* Font */ .fl-font-arial { font-family: Arial !important; } .fl-font-times { font-family: Georgia, Times, Times New Roman, serif !important; } .fl-font-verdana { font-family: Verdana !important; } .fl-font-open { font-family: OpenDyslexic, sans-serif !important; } #fontDiv > #FontLabel { margin-right: 1rem; } .enhance-inputs { font-weight: bold; } /* My Profile (2022) */ #MyProfile { position: relative; } #MyProfile .cover { margin: 0px -15px 15px -15px; position: relative; height: 200px; } #MyProfile .cover img.cover_bg { position: absolute; top: -4px; width: calc(100% + 8px); height: 200px; object-fit: cover; object-position: center center; filter: blur(8px); -webkit-filter: blur(8px); opacity: 0.2; } #MyProfile #Avatar { position: relative; top: -160px; width: 100%; height: 0; padding-bottom: 80%; margin-bottom: -120px; overflow: hidden; } #MyProfile #Avatar img.profile { position: absolute; top: 0px; left: 0; width: 80%; height: 100%; object-fit: cover; } #MyProfile .supervisor { margin-bottom: 1em; } #MyProfile .supervisor img.profile, #MyProfile .connections img.profile, #MyProfile .collaborations img.profile { padding: 0px; border: solid 1px #f6f6f6; width: 40px; height: 40px; object-fit: cover; object-position: center center; } #MyProfile .supervisor > a { margin-right: 5px; } #MyProfile .stats { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; margin-left: -15px; margin-right: -15px; } #MyProfile .stats > div { margin-bottom: 30px; } #MyProfile .stats .stat { background-color: #f6f6f6; padding: 15px; margin: 0px; text-align: center; display: inline-block; float: left; width: 100%; height: 100%; } #MyProfile .stats .stat.certificate { padding-bottom: 5em !important; position: relative; } #MyProfile .stats .stat.certificate .btn { position: absolute; bottom: 15px; left: auto; right: 15px; } #MyProfile .stats .stat .count { font-size: 2em; line-height: 1.2em; } #MyProfile .stats .stat label { font-weight: bold; width: 100%; text-align: center; } #MyProfile .stats .stat .icon { background-color: #f6f6f6; padding: 15px; text-align: center; display: inline-block; border-radius: 50%; } #MyProfile .stats .stat .icon img, #MyProfile .stats .stat .icon .fa, #MyProfile .stats .stat .icon svg { font-size: calc(36px * var(--font-scale, 1)); width: 36px; height: 36px; } #MyProfile .card { margin-bottom: 15px; } #MyProfile .card .card-body { padding: 15px; } #MyProfile .card .card-body label { font-weight: bold; width: 100%; } #MyProfile .card .card-body .setting, #MyProfile .card .card-body .custom-field, #MyProfile .card .card-body .preference, #MyProfile .card .card-body .certificate, #MyProfile .card .card-body .openbadge { margin-bottom: 1em; } #MyProfile .card .card-body .setting > div { display: inline-block; width: 100%; line-height: calc(60px * var(--font-scale, 1)); } #MyProfile .card .card-body .setting .profile { width: 60px; height: 60px; object-fit: cover; margin: 0px 5px 0px 0px; float: left; clear: left; } #MyProfile .card .card-body .custom-field .field-value:empty { content: "�"; } #MyProfile .card .card-body .certificate, #MyProfile .card .card-body .openbadge { text-align: center; } #MyProfile .card .card-body .certificate .icon, #MyProfile #myBadges .badge-panel .media { background-color: #f6f6f6; padding: 15px; text-align: center; display: inline-block; border-radius: 50%; margin: 0px !important; } #MyProfile .card .card-body .certificate .certificate_thumbnail img, #MyProfile #myBadges .badge-panel .media img { width: 100%; height: auto; } #MyProfile .card .card-body .certificate .icon img, #MyProfile #myBadges .badge-panel .media img { width: 36px; height: 36px; } #MyProfile .card .card-body .certificate label, #MyProfile .card .card-body .openbadge label { text-align: center; } /* #MyProfile .card .card-body .connectionType .connection tr > * { padding: 5px; }*/ #MyProfile .card .card-body table tr .waitDialog.connection-options { white-space: nowrap; } #MyProfile .card .card-body .btn-share img { height: 14px; } #MyProfile #myBadges > .row { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: stretch; } #MyProfile #myBadges > .row .badge-panel { margin: 0px 30px 30px 0px !important; border: none 0px !important; text-align: center; position: relative; } #MyProfile #myBadges > .row .badge-panel .panel-heading, #MyProfile #myBadges > .row .badge-panel .panel-body, #MyProfile #myBadges > .row .badge-panel .panel-footer { background-color: transparent !important; border: none 0px !important; padding: 0px !important; } #MyProfile #myBadges > .row .badge-panel .panel-heading { min-height: 4em; } #MyProfile #myBadges > .row .badge-panel .panel-heading h4 { font-size: 1em; } #MyProfile #myBadges > .row .badge-panel .panel-body .list-group { display: none; visibility: hidden; } #MyProfile #myBadges > .row .badge-panel .panel-footer .btn-group { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center; } #MyProfile #myBadges > .row .badge-panel .panel-footer .btn-group .btn { clear: both; border-radius: 4px; margin-bottom: 2px; border: none 0px; } #MyProfile #myBadges > .row .badge-panel .panel-footer .btn-group .btn:empty { display: none; visibility: hidden; } #MyProfile #myBadges > .row .badge-panel .panel-footer .btn-group .btn .fa, #MyProfile #myBadges > .row .badge-panel .panel-footer .btn-group .btn svg { margin-right: 5px; } #MyProfile .card.connections .connectionType { margin-bottom: 1em; } #MyProfile .card.connections .connectionType > .connection { display: flex; align-items: center; align-content: stretch; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding: 5px; margin: 0px -5px 5px -5px; height: auto; } #MyProfile .card.connections .connectionType > .connection:hover { background-color: #f6f6f6; } #MyProfile #accountDetailsModalForm .form-group { display: inline-block; width: 100%; margin-bottom: 1em; } #MyProfile .card .custom-field > span > div { display: flex; justify-content: space-between; align-items: flex-start; } #MyProfile .card .custom-field .edit-container .md-field { display: flex; justify-content: space-between; align-items: flex-end; } #MyProfile .card .custom-field .edit-container > div, #MyProfile .card .custom-field .edit-container > div .controls { padding: 0px; margin-bottom: 0px; } #MyProfile .card .custom-field .edit-container > div .controls { width: 100%; } #MyProfile .card .custom-field .edit-container .btn.save-md { margin: 0px 0px 0px 15px; } /*Inbox*/ #Inbox #inbox-pagination ul.pagination { margin: 0px; } #Inbox #unread_counts { line-height: calc(38px * var(--font-scale, 1)); margin: 0px 15px; } #Inbox #inbox-search .input-group { max-width: 200px; } #Inbox > .row { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; } #Inbox #inbox-messages .well { border: solid 1px #f6f6f6; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; height: 100%; background-color: #fefefe; background-color: #f6f6f6; color: black; } #Inbox #inbox-messages .well .message { margin-bottom: 1em; } #Inbox #inbox-messages .well .message .readstatus { display: inline-block; float: left; margin-right: 5px; } #Inbox #inbox-messages .well .message .readstatus .fa, #Inbox #inbox-messages .well .message .readstatus svg { color: #fce184; } #Inbox #inbox-messages .well .message .subject { font-weight: normal; font-weight: bold; text-decoration: underline; color: #d71921; cursor: pointer; cursor: hand; } #Inbox #inbox-messages .well .message .subject:hover { text-decoration: none; } #Inbox #inbox-content:empty { text-align: center; } #Inbox #inbox-content:empty:before { content: "\f1ce"; display: inline-block; font: normal normal normal calc(14px * var(--font-scale, 1))/1 FontAwesome; font-size: 2em; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 60px auto; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } #Inbox #inbox-content .message_full .message_head { margin-bottom: 2em; } #Inbox #inbox-content .message_full .message_body { border: solid 1px #f6f6f6; width: 100%; overflow: auto; padding: 15px; word-break: break-word; } #CollaborationLearners #AvailableLearners, #CollaborationLearners #ConnectedLearners { width: 100%; display: inline-block; } #CollaborationLearners #AvailableLearners > .learners, #CollaborationLearners #ConnectedLearners > .learners { width: 100%; display: flex; flex-wrap: wrap; align-content: stretch; justify-content: flex-start; align-items: stretch; } #CollaborationLearners .learner { display: flex; flex-wrap: nowrap; flex-direction: row; align-content: stretch; justify-content: flex-start; align-items: stretch; margin-bottom: 30px; text-transform: capitalize; } #CollaborationLearners .profile_pic img.profile_pic { width: 40px; height: 40px; object-fit: cover; border-radius: 50%; margin: 0px 5px 5px 0px; border: solid 1px #eeeeee; } #CollaborationLearners .learner .btn { margin-bottom: 5px; } #CollaborationLearners #CollaborationMessage { border-top: solid 1px #dddddd; border-bottom: solid 1px #dddddd; padding: 15px; margin-bottom: 15px; } /*Esignature modal*/ #modal_esignature_submission .modal-header { display: flex; justify-content: space-between; align-items: flex-start; } #modal_esignature_submission .modal-header > .modal-title { flex-grow: 1; } #modal_esignature_submission .modal-header > .btn-close { border: none 0px; background: transparent; } #modal_esignature_submission .tab-content { padding: 15px 0px; } #modal_esignature_submission .tab-content > .tab-pane.active { display: inline-block !important; width: 100%; } #modal_esignature_submission .mb-3 { margin-bottom: 1em; } #modal_esignature_submission .acknowledgment .full-name { font-weight: bold; padding: 0px 5px; display: inline-block; border-bottom: solid 1px black; } #modal_esignature_submission .signature-drawn-display { display: inline-block; border-radius: 10px; border-left: solid 2px black; } #modal_esignature_submission .signature-typed-display { font-family: 'Alex Brush', 'Birthstone', 'Dancing Script', 'Ephesis', 'Great Vibes', 'Kalam', 'Marck Script', 'Monte Carlo', 'Satisfy', 'Whisper', 'Dancing Script', 'Pacifico', 'Great Vibes', 'Satisfy', 'Cedarville Cursive', 'Lucida Handwriting', 'MV Boli', cursive; font-size: calc(24px * var(--font-scale, 1)); display: inline-block; border: solid 1px black; border-width: 0px 0px 1px 0px; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; padding: 5px 0px 0px 0px; } #modal_esignature_submission #eSignature_submission_response { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: 10px; } #modal_esignature_submission #eSignature_submission_response:empty { display: none; visibility: hidden; } #signatureData .signature { display: inline-block; border-radius: 12px !important; border-left: solid 3px black; padding: 10px; background: #f9f9f9; margin-bottom: 5px; } #signatureData .signature #eSigLearnerName.written { display: block; } #signatureData .signature #eSigLearnerName.written:after { content: ":"; } #signatureData .signature #eSigLearnerName.drawn { display: block; font-family: 'Alex Brush', 'Birthstone', 'Dancing Script', 'Ephesis', 'Great Vibes', 'Kalam', 'Marck Script', 'Monte Carlo', 'Satisfy', 'Whisper', 'Dancing Script', 'Pacifico', 'Great Vibes', 'Satisfy', 'Cedarville Cursive', 'Lucida Handwriting', 'MV Boli', cursive; font-size: calc(24px * var(--font-scale, 1)); padding: 20px; } /* #90440 modal-page: hide chrome when page is loaded in a modal iframe */ body.modal-page #log_in_bar, body.modal-page #masthead, body.modal-page #footer { display: none; } /*************** #97802 font-scale: Froala editor UI follows the learner font selector ***************/ /* Values mirror froala_editor.pkgd(.min).css; body prefix guarantees the override wins regardless of stylesheet load order. Visually identical at --font-scale: 1 */ body .fr-box.fr-basic .fr-element { font-size: calc(14px * var(--font-scale, 1)); } body .fr-box a.fr-floating-btn i, body .fr-box a.fr-floating-btn svg { font-size: calc(14px * var(--font-scale, 1)); } body .fr-wrapper .fr-placeholder { font-size: calc(14px * var(--font-scale, 1)); } body .fr-tooltip { font-size: calc(11px * var(--font-scale, 1)); } body .fr-toolbar .fr-command.fr-btn span, body .fr-popup .fr-command.fr-btn span, body .fr-modal .fr-command.fr-btn span { font-size: calc(14px * var(--font-scale, 1)); } body .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li { font-size: calc(15px * var(--font-scale, 1)); } body .fr-modal .fr-modal-wrapper .fr-modal-head h4 { font-size: calc(20px * var(--font-scale, 1)); } body .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command { font-size: calc(16px * var(--font-scale, 1)); } body .fr-popup .fr-icon { font-size: calc(20px * var(--font-scale, 1)); } body .fr-popup .fr-input-line input[type="text"], body .fr-popup .fr-input-line textarea { font-size: calc(14px * var(--font-scale, 1)); } body .fr-popup .fr-input-line input + label, body .fr-popup .fr-input-line textarea + label { font-size: calc(14px * var(--font-scale, 1)); } body .fr-popup .fr-input-line input.fr-not-empty + label, body .fr-popup .fr-input-line textarea.fr-not-empty + label { font-size: calc(11px * var(--font-scale, 1)); } body .fr-popup .fr-action-buttons button.fr-command { font-size: calc(16px * var(--font-scale, 1)); } body .fr-popup .fr-checkbox-line { font-size: calc(14px * var(--font-scale, 1)); } body .fr-box .fr-counter { font-size: calc(14px * var(--font-scale, 1)); } body textarea.fr-code { font-size: calc(14px * var(--font-scale, 1)); } body .fr-box.fr-inline .fr-command.fr-btn.html-switch i { font-size: calc(24px * var(--font-scale, 1)); } body .fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command { font-size: calc(13px * var(--font-scale, 1)); } body .fr-popup .fr-color-set > span > i, body .fr-popup .fr-color-set > span > svg { font-size: calc(13px * var(--font-scale, 1)); } body .fr-popup .fr-color-set > span .fr-selected-color { font-size: calc(13px * var(--font-scale, 1)); } body .fr-popup .fr-file-upload-layer, body .fr-popup .fr-image-upload-layer, body .fr-popup .fr-video-upload-layer { font-size: calc(14px * var(--font-scale, 1)); } body .fr-popup .fr-file-progress-bar-layer > h3, body .fr-popup .fr-image-progress-bar-layer > h3, body .fr-popup .fr-video-progress-bar-layer > h3 { font-size: calc(16px * var(--font-scale, 1)); } body div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before { font-size: calc(15px * var(--font-scale, 1)); } body .fr-popup .fr-buttons.fr-tabs .fr-special-character-category span { font-size: calc(16px * var(--font-scale, 1)); } body .fr-popup .fr-table-size .fr-table-size-info { font-size: calc(14px * var(--font-scale, 1)); } body .fr-view .fr-img-caption .fr-img-wrap > span { font-size: calc(14px * var(--font-scale, 1)); } /*Base Layout -----------------------------------------------------------------------------------------*/ gtag { display: none; visibility: hidden; } #log_in_bar.container, #masthead.container { width: 100%; } #log_in_bar.container > .row, #masthead .row.main-brand { margin: 0px auto; } @media (max-width: 767px) { #log_in_bar.container > .row, #masthead .row.main-brand { padding: 0px; } } @media (min-width: 768px) { #log_in_bar.container > .row, #masthead .row.main-brand { width: 750px; } } @media (min-width: 992px) { #log_in_bar.container > .row, #masthead .row.main-brand { width: 970px; } } @media (min-width: 1200px) { #log_in_bar.container > .row, #masthead .row.main-brand { width: 1170px; } } @media (min-width: 1400px) { #log_in_bar.container > .row, #masthead .row.main-brand, #content.container section .container, #footer.container .footer-2024 .container { width: 1370px; } } #content.container section .container.blog-container { max-width: 800px; } @media (max-width: 768px) { section.lead > .container h1 { font-size: 2em; } section > .container { margin: 0px 0px 0px 30px; padding: 30px !important; } #footer .footer-call-to-action a { margin-bottom: 30px; display: inline-block; width: 100%; } } @media (min-width: 768px) and (max-width: 992px) { .hidden-sm { display: none; } } /*Log in bar (light blue bar at top) -----------------------------------------------------------------------------------------*/ #log_in_bar.container { position: sticky; top: 0px; height: 50px; z-index: 10001; padding: 5px 0px; } #log_in_bar.container > .row { display: flex; justify-content: space-between; align-items: center; margin: 0px auto; padding: 0px; } #log_in_bar.container > .row > div { width: auto; padding: 0px; } #log_in_bar.container > .row > div.cta-links { flex-grow: 1; } #log_in_bar .notloggedin { display: none; } /* Language selection */ #log_in_bar #cta_menu .btn-group.btn-group-lang .btn { margin: 0px; } #log_in_bar select#langSel { text-transform: capitalize; border: solid 1px #d71921; color: #d71921; background-color: white; border-radius: 18px; height: 36px; font-weight: 600; padding-left: 15px; padding-right: 35px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23d71921%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: right 12px top 50%; background-size: 10px auto; } #log_in_bar select#langSel:open { border: solid 1px #fce184; color: #d71921; border-radius: 18px 18px 0px 0px; } #log_in_bar select#langSel option, #log_in_bar select#langSel:hover option { background-color: white; color: #333333; padding: 15px 10px; text-align: left; border: none 0px; } /*Masthead -----------------------------------------------------------------------------------------*/ #masthead.container { width: 100%; position: sticky; top: 50px; border: none 0px; z-index: 200; -webkit-box-shadow: 0px 2px 7px -4px rgba(0, 0, 0, 0.52); box-shadow: 0px 2px 7px -4px rgba(0, 0, 0, 0.52); } #masthead.container > .row.main-brand { display: flex; align-items: center; justify-content: space-between; } #masthead.container > .row.main-brand #logo { margin: 0px; } #masthead.container > .row.main-brand #logo img { max-width: 280px; } #masthead.container > .row.main-brand > div { width: auto; padding: 0px; } #masthead.container > .row.main-brand > div.masthead_menu { flex-grow: 1; } #masthead.container > .row.main-brand > div.masthead_menu .masthead-container { margin-bottom: 0px; } #masthead.container > .row.main-brand > div.masthead_menu .masthead-container #cta_menu { margin-bottom: 10px; } #masthead.container > .row.main-brand > div.masthead_menu .masthead-container #main_menu_bar .navbar-default > .container { align-items: center; } /* Logo */ /* #masthead .row.main-brand { } #masthead .row.main-brand .masthead-logo { } */ /* Menu */ #masthead #login_info { display: none; visibility: hidden; } #masthead #main_menu_bar, #masthead #main_menu_bar > nav.navbar-default { min-height: unset; } #masthead #main_menu_bar .navbar-default .navbar-nav > li > a, #masthead #main_menu_bar .navbar > .container .home.navbar-brand { font-size: 16px; font-weight: 500; padding: 10px 15px; cursor: pointer; height: auto; } #masthead #main_menu_bar .navbar-default .navbar-nav > li.dropdown > .dropdown-menu > li[data-guid="e1476034-f048-69dc-fb7f-414c8cb4e80c"] { border-top: solid 1px #dddddd; } #masthead #main_menu_bar .navbar-default .navbar-nav > li.dropdown > .dropdown-menu > li > a { text-decoration: none; } #masthead #main_menu_bar .navbar-default .navbar-nav > li.Request_a_demo > a, #masthead #main_menu_bar .navbar-default .navbar-nav > li.Book_a_Demo > a, #masthead #main_menu_bar .navbar-default .navbar-nav > li[data-guid="d4edc0ba-b0b4-be6d-3ef9-25d8e22e5c76"] > a { border: none 0px; color: white; background-color: #d71921; margin-left: 15px; float: left; padding: 2px 15px 0px 15px; line-height: 32px; border-radius: 17px; } #masthead #main_menu_bar .navbar-default .navbar-nav > li.Try_now > a, #masthead #main_menu_bar .navbar-default .navbar-nav > li[data-guid="df0dec33-2f8e-5f9d-cf4d-8514bc0c186c"] > a { border: solid 2px #d71921; color: #d71921; background-color: white; border-radius: 4px; float: left; } #main_menu_bar .btn.GetAccess, #QuickTour_modal .btn.GetAccess, #main_menu_bar .btn.btn-quicktour { margin-left: 10px; float: left; padding: 10px 15px; border: solid 2px #cc0000; color: #cc0000; } #QuickTour_modal .btn.GetAccess { float: none; padding: 6px 12px; display: none; visibility: hidden; } #main_menu_bar .btn svg { height: 16px; margin: 0px 5px 0px 0px; float: left; } #masthead #main_menu_bar .navbar-default .navbar-nav > li.Resources ul.dropdown-menu li.Thinking_Cap_Resources a, #masthead #main_menu_bar .navbar-default .navbar-nav > li.Resources ul.dropdown-menu li.Industry_Resources a, #masthead #main_menu_bar .navbar-default .navbar-nav > li.Resources ul.dropdown-menu li.Compliance a { font-size: 12px; line-height: 1.42857143; color: #777777; white-space: nowrap; text-transform: uppercase; } #masthead #main_menu_bar .navbar-default .navbar-nav > li.Resources ul.dropdown-menu li.Industry_Resources, #masthead #main_menu_bar .navbar-default .navbar-nav > li.Resources ul.dropdown-menu li.Compliance { border-top: solid 1px #e5e5e5; margin-top: 9px; padding-top: 9px; } /*Pages -----------------------------------------------------------------------------------------*/ /* Login */ html[data-pagename="Login"] fieldset { display: none; visibility: hidden; } html[data-pagename="Login"] #content.container #login_page .login_text:after { content: "It appears you are attempting to log into another LMS instance. Please reach out to your administrator for the correct URL."; display: block; margin-top: 1em; } /* html[data-pagename="Login"][data-baseurl="https://www.thinkingcap.com/"] fieldset, html[data-pagename="Login"][data-baseurl="https://thinkingcap.com/"] fieldset { display:block; visibility:visible; } html[data-pagename="Login"][data-baseurl="https://www.thinkingcap.com/"] #content.container #login_page .login_text:after, html[data-pagename="Login"][data-baseurl="https://thinkingcap.com/"] #content.container #login_page .login_text:after { content: ""; display:none; } */ /* Registration */ html[data-pagename="Registration"] #registration_container { display: none; visibility: hidden; } html[data-pagename="Registration"][data-baseurl] #content.container:before { content: "It appears you are attempting to register another LMS instance. Please reach out to your administrator for the correct URL."; display: block; margin: 4em; text-align: center; } html[data-pagename="Registration"][data-baseurl="https://www.thinkingcap.com/"] #registration_container, html[data-pagename="Registration"][data-baseurl="https://thinkingcap.com/"] #registration_container { display: block; visibility: visible; } html[data-pagename="Registration"][data-baseurl="https://www.thinkingcap.com/"] #content.container:before, html[data-pagename="Registration"][data-baseurl="https://thinkingcap.com/"] #content.container:before { content: none; display: none; } /* html[data-pagename="Registration"][data-baseurl="https://www.thinkingcap.com/"] #registration_container, html[data-pagename="Registration"][data-baseurl="https://thinkingcap.com/"] #registration_container { display:block; visibility:visible; } html[data-pagename="Registration"][data-baseurl="https://www.thinkingcap.com/"] #content.container:before, html[data-pagename="Registration"][data-baseurl="https://thinkingcap.com/"] #content.container:before { content: ""; display:none; } */ /*Content -----------------------------------------------------------------------------------------*/ .Join.modal { overflow-y: scroll; } body > #content.container, body.Home > #content.container { width: 100%; padding: 0px 15px; margin-bottom: 0px; padding-bottom: 0px; } body.Home #content.container > .row, #content.container > .row > div > xhtml > .row, #content.container > .row > div > .row, .full-width-banner.container-fluid > * { margin: 0px auto; padding: 0px 15px; } body .full-width-banner.container-fluid > video, body .full-width-banner.container-fluid > img { width: 100%; padding: 0px; } body .full-width-banner.home-banner.container-fluid > .embed-responsive-16by9 { padding-bottom: 56.25%; } /*margin-top: -72px; z-index: 1; position: absolute; left: 0px; top: 0px;*/ body.Home .full-width-banner.home-banner.container-fluid > .text-container { z-index: 100; position: absolute; width: 100%; color: white; } body.Home .full-width-banner.home-banner.container-fluid > .text-container > .text-sub-container { background-color: rgba(0, 0, 0, 0.1); display: inline-block; width: auto; padding-bottom: 2em; } body.Home .full-width-banner.home-banner.container-fluid > .text-container > .text-sub-container .input-group-btn > .btn { border: none 0px; padding: 7px 12px; } body .full-width-banner.inside-banner.container-fluid { max-height: 400px; overflow: hidden; } body.Branding_and_Segmentation .full-width-banner.inside-banner.container-fluid, body.Learning_Technology .full-width-banner.inside-banner.container-fluid { max-height: 500px; } /*padding: 45px; background: #5e504f url(https://thinkingcap.blob.core.windows.net/demolearnerview/00000000-0000-0000-0000-000000000000/advanced/securitydataprotection.jpg); background-size:100% auto;} @media (min-width: 1200px) { body .full-width-banner.inside-banner.container-fluid {background-size:100% auto;} } @media (max-width: 1199px) { body .full-width-banner.inside-banner.container-fluid {background-size:auto 100%;} }*/ body .full-width-banner.inside-banner.container-fluid > .text-container { z-index: 10000; position: absolute; top: 0px; bottom: 60px !important; width: 100%; z-index: 0; } @media (max-width: 767px) { body .full-width-banner.inside-banner.container-fluid > .text-container { top: -20px !important; bottom: auto !important; font-size: 0.8em; } body .full-width-banner.container-fluid > video, body .full-width-banner.container-fluid > img { width: auto; height: 400px; padding: 0px; object-fit: cover; } body .full-width-banner.container-fluid > video { margin-left: -280px; } } @media (min-width: 992px) { body .full-width-banner.inside-banner.container-fluid > .text-container { top: auto !important; bottom: 30px !important; font-size: 1em; } } @media (min-width: 768px) { body .full-width-banner.inside-banner.container-fluid > .text-container { top: auto !important; bottom: 60px !important; font-size: 1em; } } body .full-width-banner.inside-banner.container-fluid > .text-container > .text-sub-container { background-color: rgba(0, 0, 0, 0.4); display: inline-block; width: auto; padding: 2em; } body .full-width-banner.inside-banner.container-fluid > .text-container > .text-sub-container > h1 { color: white; margin: 0px; } @media (max-width: 767px) { body.Home #content.container > .row, #content.container > .row > div > xhtml > .row, #content.container > .row > div > .row, .full-width-banner.container-fluid > * { padding: 0px; } body.Home .home-banner h1 { max-width: 700px; margin: 1em 1em 0 1em; font-size: 1.5em; } } @media (min-width: 768px) { body.Home #content.container > .row, #content.container > .row > div > xhtml > .row, #content.container > .row > div > .row, .full-width-banner.container-fluid > *, form#demoRequest { width: 750px; } body.Home .home-banner h1 { max-width: 720px; margin: 1em 1em 0.01em 1em; font-size: 1.5em; } } @media (min-width: 992px) { body.Home #content.container > .row, #content.container > .row > div > xhtml > .row, #content.container > .row > div > .row, .full-width-banner.container-fluid > *, form#demoRequest { width: 970px; } body.Home .home-banner h1 { max-width: 900px; margin: 1em 1em 0.01em 1em; font-size: 1.8em; } } @media (min-width: 1200px) { body.Home #content.container > .row, #content.container > .row > div > xhtml > .row, #content.container > .row > div > .row, .full-width-banner.container-fluid > *, form#demoRequest { width: 1170px; } body.Home .home-banner h1 { max-width: 1000px; margin: 2em 2em 0.01em 2em; font-size: 2.5em; } } body.Home .home-banner h1 { color: white; } hr { max-width: 750px; margin: 2em auto; } .full-width-banner.container-fluid { padding: 0px; font-size: 1.4em; position: relative; } .full-width-banner.container-fluid:first-child { margin: -75px -15px 0 -15px !important; overflow: hidden; } .full-width-banner.lms-banner.container-fluid, .full-width-banner.map, .full-width-banner.boo-demo { margin: 0 -15px; } @media (max-width: 767px) { .full-width-banner.lms-banner.container-fluid .text-container { width: 100%; } } @media (min-width: 768px) { .full-width-banner.lms-banner.container-fluid .text-container { width: 750px; } } @media (min-width: 992px) { .full-width-banner.lms-banner.container-fluid .text-container { width: 970px; } } @media (min-width: 1200px) { .full-width-banner.lms-banner.container-fluid .text-container { width: 1170px; } } .full-width-banner.lms-banner.container-fluid .text-container { position: absolute; top: 45px; left: 0px; right: 0px; text-align: left; margin-top: 0px; } .full-width-banner.lms-banner.container-fluid .text-container .text-inside { max-width: 545px; margin: 57px 0px 30px 67px; } .full-width-banner.lms-banner.container-fluid .text-container h2 { font-size: 1.5em; margin: 20px 0px 20px 0px; } .full-width-banner.lms-banner.container-fluid .text-container p { font-size: 0.85em; line-height: 1.4em; font-weight: 600; } .full-width-banner.lms-banner.container-fluid .text-container a { text-transform: uppercase; color: #d71921; text-decoration: none; font-weight: 800; margin-top: 1em; } .full-width-banner.lms-banner.container-fluid .text-container a:hover { text-decoration: underline; } .full-width-banner.lms-banner.container-fluid .text-container a.btn { background-color: white; border-color: white; } .full-width-banner.lms-banner.security-data.container-fluid { color: white; overflow: hidden; padding: 45px; background: #5e504f url(https://thinkingcap.blob.core.windows.net/demolearnerview/00000000-0000-0000-0000-000000000000/advanced/securitydataprotection.jpg); background-size: 100% auto; } @media (min-width: 1200px) { .full-width-banner.lms-banner.security-data.container-fluid { background-size: 100% auto; } } @media (max-width: 1199px) { .full-width-banner.lms-banner.security-data.container-fluid { background-size: auto 100%; } } .full-width-banner.lms-banner.banner-quote.container-fluid, section.banner-quote { background-color: #e9edf3; padding: 45px; } section.banner-quote { font-size: 1.2em; } .full-width-banner.lms-banner.banner-quote.container-fluid blockquote > p, section.banner-quote p { padding: 5px 30px 5px 30px; } .full-width-banner.lms-banner.banner-quote.container-fluid blockquote:before, .full-width-banner.lms-banner.banner-quote.container-fluid blockquote:after, section.banner-quote blockquote:before, section.banner-quote blockquote:after { color: #376297; } section .insight blockquote { padding: 1em 0px; border-left: solid 5px #cc0000; padding: 0px 30px; } section .insight blockquote:before, section .insight blockquote:after { display: none; visibility: hidden; } .full-width-banner.lms-banner.banner-quote.container-fluid > img.quote-logo, section.banner-quote img.quote-logo { width: auto; height: auto; max-height: 200px; } .full-width-banner.lms-banner.security-data.container-fluid .text-container { position: relative; top: auto; left: auto; } .full-width-banner.lms-banner.security-data.container-fluid .text-container .heading { float: none; } .full-width-banner.lms-banner.security-data.container-fluid .text-container h2 { color: white; } .full-width-banner.lms-banner.security-data.container-fluid .text-container h3 { color: white; text-transform: uppercase; font-size: 1.1em; margin-bottom: 0.5em; /*font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;*/ } .full-width-banner.lms-banner.branding-portfolio.container-fluid { padding: 45px; background-size: 100% auto; } .full-width-banner.lms-banner.branding-portfolio.container-fluid .text-container { display: inline-block; position: relative; top: 0px; } .full-width-banner.lms-banner.branding-portfolio.container-fluid .text-container a.btn { color: #d71921; font-weight: 600; text-transform: uppercase; } .full-width-banner.lms-banner.branding-portfolio.container-fluid .text-container a.btn:hover { text-decoration: underline; } .full-width-banner.lms-banner.branding-portfolio.container-fluid .text-container .heading.portfolio-link { background-color: rgba(255, 255, 255, 0.7); } .full-width-banner.lms-banner.branding-portfolio.container-fluid .text-container .case-studies ul > li { display: block; padding: 15px; list-style-type: none; background-color: rgba(255, 255, 255, 0.7); } .full-width-banner.lms-banner.branding-portfolio.container-fluid .text-container .case-studies ul > li p { margin-bottom: 0 !important; } .full-width-banner.lms-banner.branding-portfolio.container-fluid .text-container .case-studies ul > li img { width: auto; margin: 0px 0px 15px 15px; border: solid 1px #dbc5ca; } .full-width-banner.lms-banner.container-fluid .text-container p { font-size: 0.8em; line-height: 1.4em; font-weight: 400; } .full-width-banner.lms-banner.container-fluid .text-container ul { font-size: 0.8em; } .full-width-banner.lms-banner.container-fluid .text-container ul li { margin-bottom: 1.5em; } .full-width-banner.lms-banner.container-fluid .text-container ul li > p { font-size: 1em; } .full-width-banner.lms-banner.container-fluid .text-container ul li a { color: white; text-transform: none; font-weight: inherit; border-bottom: dotted 1px white; } .full-width-banner.lms-banner.container-fluid .text-container ul li a:hover { border-bottom: dotted 1px rgba(255, 255, 255, 0.5); text-decoration: none; } .full-width-banner.container-fluid .input-group { text-align: center; margin: 1em auto; } .full-width-banner.container-fluid .input-group > .fa { float: left; padding: 8px 10px; background-color: white; color: #333333; } .full-width-banner.container-fluid .input-group > input { max-width: 160px; border-radius: 0px; border: none 0px; } .full-width-banner.container-fluid .input-group-btn { font-size: 1em; float: left; } .full-width-banner.container-fluid .btn { text-transform: uppercase; } /*font-size:1.1em; text-transform: uppercase; margin:2em 0 1em 0; padding: 10px 45px;}*/ .full-width-banner.container-fluid > * { z-index: 10; } .full-width-banner.container-fluid > .text-container { margin-top: 100px; } .full-width-banner.home-banner.container-fluid img, .full-width-banner.lms-banner.container-fluid img { margin-top: -2em; padding: 0px; width: 100%; } .full-width-banner.lms-banner.container-fluid img.lms-logo { width: auto; } .full-width-banner.lms-banner.container-fluid img { margin: 0; } .full-width-banner.lms-banner.container-fluid h2 { margin: 0; } .full-width-banner.container-fluid.map:first-child { margin-top: 0px !important; } .full-width-banner.container-fluid.map iframe { padding: 0px; width: 100%; } .full-width-banner.logo-slider { overflow: hidden; } .full-width-banner.logo-slider #logo_slider_tile { width: 100%; min-height: 60px; margin: 60px 0px; } .full-width-banner.logo-slider #logo_slider_tile img { max-width: 140px; max-height: 50px; vertical-align: middle; } .full-width-banner.book-demo.container-fluid { background-color: #ae141b; background-size: 100% 100%; background-repeat: no-repeat; background-image: url(https://thinkingcap.blob.core.windows.net/demolearnerview/00000000-0000-0000-0000-000000000000/advanced/book-demo-bg.gif); padding: 60px 0px; margin: 0px -15px; } body.Home .full-width-banner.book-demo.container-fluid { margin: 0px 0px -15px 0px; } .full-width-banner.book-demo.container-fluid h2 { color: white; margin-bottom: 15px; } .full-width-banner.book-demo.container-fluid p { margin: 0px auto; } .full-width-banner.book-demo.container-fluid p.input-group { width: auto; display: none; } .full-width-banner.book-demo.container-fluid .btn { color: white; background-color: transparent; border: solid 1px white; font-size: 0.8em; margin: 0px; padding: 6px 12px 5px 12px; } .full-width-banner.container-fluid.key-features { background-image: url(https://thinkingcap.blob.core.windows.net/demolearnerview/00000000-0000-0000-0000-000000000000/advanced/laptop_bg.jpg); background-size: 100% auto; background-position: center center; background-repeat: no-repeat; } @media (max-width: 767px) { .full-width-banner.container-fluid.key-features { background-size: auto 100%; } .full-width-banner.container-fluid.key-features > .text-container { margin-top: 0px; } .full-width-banner.container-fluid.key-features .wrapper_bg { margin: 30px; } } @media (min-width: 768px) { .full-width-banner.container-fluid.key-features { background-size: auto 100%; } .full-width-banner.container-fluid.key-features > .text-container { margin-top: 0px; } .full-width-banner.container-fluid.key-features .wrapper_bg { margin: 30px; } } @media (min-width: 992px) { .full-width-banner.container-fluid.key-features { background-size: auto 100%; } .full-width-banner.container-fluid.key-features > .text-container { margin-top: 0px; } .full-width-banner.container-fluid.key-features .wrapper_bg { margin: 30px; } } @media (min-width: 1200px) { .full-width-banner.container-fluid.key-features { background-size: 100% auto; } .full-width-banner.container-fluid.key-features > .text-container { margin-top: 100px; } .full-width-banner.container-fluid.key-features .wrapper_bg { margin: 60px; } } .full-width-banner.container-fluid.key-features img { margin: 0px; padding: 0px; width: auto; } .full-width-banner.container-fluid.key-features .wrapper_bg { background-color: rgba(255, 255, 255, 0.9); padding: 45px; font-size: 0.8em; min-height: 565px; } .full-width-banner.container-fluid.key-features .subtitle { text-transform: uppercase; color: #333333; margin-top: 30px; } .full-width-banner.container-fluid.key-features h2 { font-size: 1.4em; } .full-width-banner.container-fluid.key-features a { text-transform: uppercase; color: #d71921; text-decoration: none; font-weight: 800; margin-top: 1em; } .full-width-banner.container-fluid.key-features a:hover { text-decoration: underline; } .key-feature { border-bottom: solid 1px #dfdfdf; } .key-feature.lms-key-feature { border-bottom: none 0px; } @media (max-width: 768px) { .key-feature > div:first-child { padding-bottom: 0px; margin-bottom: -60px; } } .key-feature.intro > div { margin-bottom: 1em; } .key-feature > div { padding: 60px; } .key-feature.intro > div { text-align: center; } .key-feature > div > .subtitle { text-transform: uppercase; color: #333333; } .key-feature > div h2 { font-size: 2.2em; margin: 0.2em 0 0.5em 0; } .key-feature.intro > div h3 { margin-bottom: 1em; } .key-feature > div p a, .key-feature h3 > a { text-transform: uppercase; color: #d71921; text-decoration: none; font-weight: 800; margin-top: 1em; } .key-feature > div p a:hover { text-decoration: underline; } .key-feature > div ol, .key-feature > div ul { margin-left: 1.3em; } .key-feature.contact-info > div p a { text-transform: none; /*font-family: 'Roboto Slab', serif;*/ } .key-feature.scaling-fault-tolerant > div img { margin: 0px 0px 30px 15px; } .key-feature table > thead > tr > th.dates, .key-feature table > thead > tr > th.date { text-align: left; } .key-feature.conferences table tr > .dates { min-width: 105px; } .key-feature.conferences table tr > .name strong { color: #0e649f; } .key-feature.conferences img.conference-logo { max-width: 160px; max-height: 60px; object-fit: scale-down; } .key-feature.id-programs img, .key-feature.awards img { max-width: 100px; } .key-feature.integration-sso .sso-logos br { clear: left; } .key-feature.integration-sso .sso-logos img { margin-right: 40px; margin-bottom: 30px; max-height: 40px; } .key-feature.integration-sso .reporting img { margin-right: 40px; } #pricing_model.key-feature > div.heading { padding: 60px; text-align: center; } #pricing_model.key-feature > div.heading.text-left { text-align: left; } #pricing_model.key-feature > div.heading h3 { margin: 0px 30px 30px 30px; } #pricing_model.key-feature > div.heading .tip { max-width: 550px; margin: 0px auto 15px auto; } #pricing_model.key-feature > div.heading .benefits { padding: 0px 30px 30px 30px; } #pricing_model.key-feature > div.heading .benefits .benefit { margin-bottom: 30px; } #pricing_model.key-feature > div.heading .benefits .icon #pricing_model.key-feature > div.heading .benefits .text { display: inline-block; } #pricing_model.key-feature > div.heading .benefits .icon { display: inline-block; font-size: 2em; color: #dddddd; padding: 5px; text-align: center; float: left; width: 42px; } #pricing_model.key-feature > div.heading .benefits .icon span { font-size: 39px; font-weight: bold; } #pricing_model.key-feature > div.pricing { padding: 0px 15px; } #pricing_model.key-feature .pricing > .row > div:nth-child(even) { background-color: #edf2f6; border: solid 1px #edf2f6; } #pricing_model.key-feature .pricing > .row > div:nth-child(odd) { background-color: white; border: solid 1px #f4f5f5; } #pricing_model.key-feature .pricing .price { padding: 30px; text-align: center; } #pricing_model.key-feature .pricing .price { padding: 30px; text-align: center; } #pricing_model.key-feature .pricing .price h2 { color: #2ea3f2; font-size: 3em; } #pricing_model.key-feature .pricing .price h2 > small { font-size: 0.3em; } #pricing_model.key-feature .pricing .price h3 { margin-bottom: 15px; text-transform: uppercase; /*font-family: 'Roboto', 'Open Sans', Helvetica, Arial, Lucida, sans-serif;*/ font-size: 1.4em; } #pricing_model.key-feature .pricing .price .peruser { min-height: 3em; line-height: 1em; } #pricing_model.key-feature .pricing .price hr { border-top: 1px solid #dddddd; } #pricing_model.key-feature .pricing .price > div { margin: 10px 0px; } #pricing_model.key-feature .pricing .btn.btn-default { background-color: #2ea3f2; border-color: #2ea3f2; color: white; } #pricing_model.key-feature .pricing > .row > .col-md-12.footnote { background-color: white; border: none 0px; font-size: 0.8em; margin: 30px; } /*#pricing_model.key-feature .pricing.enterprise > .row > div { width: 20%; float: left; } @media (max-width: 992px) { #pricing_model.key-feature .pricing.enterprise > .row > div { width: 50%; } } @media (max-width: 767px) { #pricing_model.key-feature .pricing.enterprise > .row > div { width: 100%; } }*/ #pricing_model.key-feature .pricing.enterprise .price h2 { font-size: 2.6em; } #pricing_model.key-feature .pricing.free .price.free { border: solid 1px #eeeeee; margin: 0px 15px; } #pricing_model.key-feature .pricing.free .price.free .tip { font-weight: 500; color: #706f6f; } #pricing_model.key-feature .pricing.free .price.free hr { margin: 5px 0; } #pricing_model.key-feature .pricing.free .price.free h2 { color: #cc0000; margin-bottom: 10px; } #pricing_model.key-feature .pricing.free .price.free .btn.btn-default { background-color: #cc0000; border-color: #cc0000; margin-bottom: 10px; } #pricing_model.key-feature .pricing.giant .price.giant { border: solid 1px #eeeeee; margin: 0px 15px; } #pricing_model.key-feature .pricing.giant .price.giant .tip { font-weight: 500; color: #706f6f; } #pricing_model.key-feature .pricing.giant .price.giant hr { margin: 5px 0; } #pricing_model.key-feature .pricing.giant .price.giant h2 { color: #cc0000; margin-bottom: 10px; } #pricing_model.key-feature .pricing.giant .price.giant .btn.btn-default { background-color: #cc0000; border-color: #cc0000; margin-bottom: 10px; } #myStandardLicenseModal, #myEnterpriseLicenseModal { z-index: 10500; text-align: left; } #pricing_model.key-feature > div.heading .btn { background-color: white; color: #2ea3f2; border-color: #2ea3f2; } #myStandardLicenseModal .modal-dialog, #myStandardLicenseModal .modal-dialog .modal-content, #myEnterpriseLicenseModal .modal-dialog, #myEnterpriseLicenseModal .modal-dialog .modal-content { border-radius: 0px; } .integration-intro.key-feature > div { padding: 60px 60px 15px 60px; text-align: center; } #tagContainer { text-align: center; margin-bottom: 30px; } #tagContainer .btn { color: #cc0000; background-color: white; padding: 10px 15px; font-weight: 600; } #tagContainer .btn.selected { color: white; background-color: #cc0000; } .container.panels { padding: 60px 0px; } /*.container.panels #matching_results > div, .container.panels #matching_results > div.show {opacity: 1; transition: width 3s linear 0.33s, opacity 0.33s linear; transition-delay: 0s;} .container.panels #matching_results > div.hidden {opacity: 0; transition: width 3s linear 0.33s, opacity 0.33s linear; transition-delay: 0s;}*/ .container.panels.matching_results a { text-decoration: none; } .container.panels.matching_results .panel { border: solid 1px #eeeeee; } .container.panels.matching_results .panel .panel-heading { border: none 0px; padding: 30px; min-height: 120px; text-align: center; background-color: #03051a; background-size: auto 100%; background-position: center center; background-image: url(https://thinkingcap.blob.core.windows.net/learnerview/00000000-0000-0000-0000-000000000000/advanced/panelbg-integration.jpg); } .container.panels.matching_results.solutions .panel .panel-heading { min-height: 260px; } .container.panels.matching_results .panel .panel-heading h2 { margin: 45px 30px 15px 30px; padding: 15px; display: block; background-color: rgba(0, 0, 0, 0.4); text-align: center; color: white; } .container.panels.matching_results a:hover .panel .panel-heading h2 { background-color: #cc0000; } .container.panels.matching_results.solutions a .panel .panel-heading h2 { min-height: 130px; } .container.panels.matching_results .panel .panel-heading > .logo { position: absolute; right: auto; left: 50%; display: inline-block; width: 160px; height: 160px; padding: 15px; margin: 0px 0 0px -70px; background-color: white; border-radius: 50%; border: 1px solid #f6f6f6; text-align: center; line-height: 128px; } .container.panels.matching_results .panel .panel-heading > .logo > img { vertical-align: middle; margin: 15px; width: 80%; } .container.panels.matching_results .panel .panel-body { min-height: 180px; text-align: center; padding: 75px 30px 15px 30px; } @media (min-width: 992px) { .container.panels.matching_results > div:nth-child(3n+1) { clear: left; } } blockquote { max-width: 850px; margin: 1em auto; padding: 0px 75px; border-left: none 0px; position: relative; line-height: 1.5em; } blockquote.inline { max-width: 850px; margin: 1em 0px; padding: 0px 15px; border-left: solid 4px #f3e191; font-size: 1em; } blockquote:before, blockquote:after { position: absolute; top: 40%; color: #eaeaea; font-size: 5em; font-family: "Times New Roman", Georgia, Serif; } blockquote.quote-callout { color: #d71921; font-weight: bold; margin: 0px 30px; } article .blog-container blockquote.quote-callout { font-size: 1.4em; font-weight: 700; line-height: 1.3; color: #333333; border-left: 5px solid #d71921; padding: 10px 20px; margin: 0px; font-style: italic; } article .blog-container blockquote.quote-callout:before, article .blog-container blockquote.quote-callout:after { content: none; display: none; visibility: hidden; } blockquote footer { font-size: 1em; } blockquote.blockquote-reverse footer:before { content: '\00A0 \2014'; display: block; } blockquote.blockquote-reverse footer:after { content: ''; } blockquote.inline:before, blockquote.inline:after { display: none; visibility: hidden; content: ""; } blockquote:before { content: '“'; left: 0px; } blockquote:after { content: '”'; right: 0px; } .row.accordians p { max-width: 650px; margin-left: auto; margin-right: auto; } .panel-group { max-width: 840px; margin: 0px auto 20px auto; } .panel-group .panel { border: none 0px; border-radius: 0px; } .panel-group .panel-heading { background-color: #fbd258; border-width: 0px 0px 1px 0px; border-color: #dfdfdf; padding: 15px; } .panel-group .panel-heading .panel-title a { text-decoration: none; color: #333333; font-size: 0.9em; font-weight: 700; } .panel-group .panel-heading .panel-title a .fa, .panel-group .panel-heading .panel-title a svg { color: #333333; font-size: 1.3em; width: 16px; } /* 1. Set the transition property on the default (un-rotated) state */ .panel-group .panel-heading .panel-title a svg.fa-chevron-down { /* Ensure the icon is treated as a block for rotation */ display: inline-block; /* Add the transition for a smooth 0.3-second animation */ transition: transform 0.3s ease-in-out; /* Default state (collapsed) */ transform: rotate(0deg); } /* 2. Define the rotated state when the panel is *expanded* (when 'collapsed' class is NOT present) */ .panel-group .panel-heading .panel-title a:not(.collapsed) svg.fa-chevron-down { /* Apply the rotation using the transform property */ transform: rotate(180deg); } /* Optional: Ensure the initial collapsed state is explicitly set for safety */ .panel-group .panel-heading .panel-title a.collapsed svg.fa-chevron-down { transform: rotate(0deg); } .panel-group .panel-heading .panel-title a.fa-minus-circle { display: inline-block; visibility: visible; } .panel-group .panel-heading .panel-title a.collapsed .fa-plus-circle { display: inline-block; visibility: visible; } .panel-group .panel-heading .panel-title a .fa-plus-circle { display: none; visibility: hidden; } .panel-group .panel-heading .panel-title a.collapsed .fa-minus-circle { display: none; visibility: hidden; } .panel-group .panel-body:hover { background-color: transparent; } .panel-group .panel-body ul { margin: 15px 0px 15px 1.3em; } .panel-group .panel-body ul li { padding-right: 30px; margin-bottom: 1em; } /*table.table {border:none 0px;} table.table > thead > th {text-transform: uppercase; color: #53A3C6; padding: 8px; vertical-align: bottom; border-width:0px 0px 1px 0px !important; border-bottom:solid 1px #eeeeee !important; background-color:#ffffff;} table.table > tbody > tr td {border-width:0px 0px 1px 0px !important; border-bottom:solid 1px #f6f6f6; background-color:transparent;} table.table > tbody > tr:hover td {background-color: #2ea3f2 !important; color: #ffffff;} table.table > tbody > tr td {border-bottom: solid 1px #E9F2FA !important;} .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th, .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {background-color: #F8FAFC;}*/ .table { background-color: white; border-style: none; margin-top: 30px; } .table thead tr th { background-color: white !important; border-color: #e9f2fa; border-bottom: solid 1px #e9f2fa; color: #53a3c6; font-weight: 400; text-transform: uppercase; white-space: nowrap; } .table-striped > tbody > tr:nth-child(odd) > td { background-color: #f9fbfc; } .table-hover.table-striped > tbody > tr:hover > td, .table-hover.table-striped > tbody > tr:hover > th { background-color: #f0f5f9; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { vertical-align: middle; border: none 0px; } .table > tbody > tr > td { border-bottom: solid 1px #e9f2fa !important; } .table > tbody > tr:hover > td { background-color: #eceff2; } .table.pricing tr > * { text-align: center; } .table.pricing tr > th:first-child, .table.pricing tr > td:first-child { text-align: center; } .table.pricing thead tr th { background-color: #2ea3f2 !important; padding: 15px; } .table.pricing thead tr th h3 { color: white; min-width: 60px; } .table.pricing tr:first-child > * { background-color: #e4ebef; } .table.pricing .btn + br + .btn { margin-top: 1; } .table > thead > tr > .active, .table > tbody > tr > .active, .table > tfoot > tr > .active, .table > thead > .active > td, .table > tbody > .active > td, .table > tfoot > .active > td, .table > thead > .active > th, .table > tbody > .active > th, .table > tfoot > .active > th { background-color: white; } .key-feature table .btn-default { color: #cc0000; background-color: white; width: 100%; } .key-feature table .date { text-align: center; white-space: nowrap; } .key-feature table h3 { min-width: 200px; } .key-feature table .btn, .key-feature table a { border: none 0px; text-decoration: underline; padding: 0px; width: auto; background-color: transparent; color: #d61920; } .key-feature table .btn { border: none 0px; text-decoration: none; padding: 6px 24px; width: auto; border: solid 1px #d61920; color: #d61920; } .key-feature table .btn:hover { text-decoration: none; background-color: #d61920; color: white; } /*SUP*/ sup { top: -0.75em; font-size: 0.5em; } body > #content.container ol > li, body > #content.container ul > li { margin-left: 1em; } /*Form*/ form#demoRequest { margin-left: auto; margin-right: auto; } fieldset { margin: 15px 0; } fieldset legend { padding: 15px; } fieldset label, fieldset .label { font-weight: 600; width: 100%; } input[type="color"] { cursor: pointer; cursor: hand; padding: 0px; } .form-control.col-md-6 { width: 50%; } #url_check .fa-check-circle { color: green; margin-left: 5px; } .form-control.url { max-width: 500px; float: none; display: inline-block; } fieldset *[aria-required="true"] { border-left: solid 5px #a1d2f4; } fieldset *[aria-invalid="true"] { border-left: solid 5px #cc0000 !important; } fieldset #country-code { width: auto; margin-right: 5px; } fieldset input.phone-number { margin-right: 5px; } fieldset .ext-label { line-height: 34px; margin-right: 5px; } form input[type="submit"] { color: #cc0000; border-color: #cc0000; background-color: white; font-weight: 600; border-width: 1px; text-transform: uppercase; margin: 20px 0px; } /*Registration Form*/ /* #RegistrationForm .tc.md.registration.metadata { margin: 10px -15px; } #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group { width: 50%; margin-bottom: 30px; } @media (max-width: 991px) { #RegistrationForm fieldset { padding: 15px 0px; } #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group { width: 100%; margin-bottom: 30px; } } #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group:nth-child(2n-1) { clear: left; } #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group > .col-md-6 { width: 100%; } #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group.Email > .col-md-6 label:nth-child(3), #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group.Password > .col-md-6 label:nth-child(3) { margin-top: 10px; } #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group.Email > .col-md-6 label:nth-child(3) span.failed-warning-async.email, #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group.Email > .col-md-6 label:nth-child(3) span.failed-warning-async.password { margin-bottom: 10px; } #RegistrationForm .tc.md.registration.metadata .fa-asterisk { margin-left: 0px; color: #d71921; } #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group label, #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group .label { font-weight: 300; font-size: 1.2em; } #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group .form-control { border-radius: 0px; padding: 15px !important; height: auto; } #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group .form-control[style*="color: rgb(0, 255, 0);"] { color: black !important; background-color: #d0edd0; } #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group .form-control[style*="color: rgb(255, 0, 0);"] { color: black !important; background-color: #fbbc4c; } #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group[data-field="#027DFFE5-13CE-4CED-8ED9-71C2F78BD552"] .form-control:before { content: "https://"; } #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group[data-field="#027DFFE5-13CE-4CED-8ED9-71C2F78BD552"] .form-control:after { content: ".thinkingcap.com"; } #RegistrationForm #disclaimerFieldset #disclaimerDiv { border: 1px solid #cccccc; padding: 15px; max-height: 200px; overflow: auto; } #RegistrationForm #disclaimerFieldset #disclaimerDiv #disclaimerLabel { white-space: pre-line; } #RegistrationForm .button_container { text-align: center; } #RegistrationForm .button_container .btn { font-size: 1.2em; } #RegistrationForm .button_container .btn.btn-default { background-color: #d71921; color: white; } */ /* Registation Form 2026 */ /* html[data-pagename="Registration"] #log_in_bar.container, html[data-pagename="Registration"] #masthead.container, html[data-pagename="Registration"] #footer.container, */ html[data-pagename="Registration"] #content.container fieldset > legend { display: none; visibility: hidden; } html[data-pagename="Registration"] #content.container #RegistrationPageContent { padding: 0px 30px 30px 30px; } html[data-pagename="Registration"] #content.container .HubSpot-form-container { padding: 30px; } #RegistrationForm #FormPanel > fieldset { padding: 0px; } #RegistrationForm .alert-warning { color: #333333; background-color: #fce184; border-color: #fce184; margin-top: 1em; border-radius: 17px; } #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group { margin: 0px 0px 1em 0px !important; width: 100% !important; } #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group label, #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group .label { font-size: 1em !important; } #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group input[type="text"].form-control, #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group input[type="email"].form-control, #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group input[type="password"].form-control, #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group select.form-control { height: 34px; line-height: 34px; padding: 0px 17px !important; border-radius: 17px; } #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group.Multiline .fr-box.fr-basic.fr-top { border: solid 1px #cccccc; border-radius: 17px; overflow: hidden; } #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group.Multiline .fr-box.fr-basic.fr-top > .fr-toolbar, #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group.Multiline .fr-box.fr-basic.fr-top > .second-toolbar, #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group .form-label span[data-label="email"] svg, #RegistrationForm #langPreferencesDiv, #RegistrationForm #FormPanel .well > span[colspan="2"]:empty, #RegistrationForm #FormPanel > br { display: none !important; visibility: hidden !important; } /* #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group#md_password, */ #RegistrationForm .tc.md.registration.metadata #md_7BA6F026-A41C-4F18-A85D-03999F19E660, #RegistrationForm .tc.md.registration.metadata #md_C47C4555-1AAD-4A36-8F0E-332FEFFDD863, #RegistrationForm .tc.md.registration.metadata #md_FEE27A45-52AB-441B-A1C4-78F91D44AE87, #RegistrationForm .tc.md.registration.metadata #md_0DE22E27-CDDE-4148-9377-A0309701A9FA, #RegistrationForm .tc.md.registration.metadata #md_71ACA6B1-2EDA-4BD7-96FE-79DCAC7BBC06, #RegistrationForm .tc.md.registration.metadata #md_AB1211CE-B3C7-47E6-9732-B920A9EB3586, #RegistrationForm .tc.md.registration.metadata #md_102F6883-F8B0-468C-AC4C-2907C4D3FB26, #RegistrationForm .tc.md.registration.metadata #md_9A751248-1C70-420C-AE8C-EFDA4B5F141D, #RegistrationForm .tc.md.registration.metadata #md_FA5B029F-47CA-464F-83E6-1D34BA68CD38, #RegistrationForm .tc.md.registration.metadata #md_81832F5A-EDA6-4FF7-B2D0-6920E67E45A0, #RegistrationForm .tc.md.registration.metadata #md_password, #RegistrationForm .tc.md.registration.metadata #md_email label[data="confirm-email"], #RegistrationForm .tc.md.registration.metadata #md_email input[data-type="confirm-email"], #RegistrationForm fieldset #passwordRequirementsPanel, #RegistrationForm .well.well-sm.params { width: 0px; height: 0px; font-size: 0px !important; overflow: hidden; float: right; margin: 0px; padding: 0px; border: none 0px !important; display: inline-block; } #RegistrationForm .tc.md.registration.metadata #md_firstName, #RegistrationForm .tc.md.registration.metadata #md_lastName { width: 45% !important; float: left; margin-right: 5% !important; } #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group.Multiline .fr-box.fr-basic.fr-top > .fr-wrapper { border: none 0px; padding: 0px; margin-bottom: 0px; } #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group.Multiline .fr-box.fr-basic.fr-top > .fr-wrapper .fr-element { padding: 17px; margin-bottom: 0px; } #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group .form-label { display: flex; flex-direction: row-reverse; justify-content: flex-end; column-gap: 5px; padding-left: 0px !important; } #RegistrationForm .tc.md.registration.metadata .fa-asterisk { font-size: 12px; margin-left: 0px; } #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group .form-label[data="email"] { text-transform: capitalize; } #RegistrationForm .tc.md.registration.metadata > .tc.metadata.form-group input.form-control[type="email"] { color: black !important; } #RegistrationForm #FormPanel > fieldset { margin: 0px; } #RegistrationForm #detailsPanel > fieldset { padding: 0px; } #RegistrationForm .tc.md.registration.metadata #md_C0054C0C-79AA-4E02-9C71-CE0545BAF98E label.form-label { padding-left: 0px !important; } #RegistrationForm #detailsPanel > fieldset#disclaimerFieldset #disclaimerDiv > span { display: flex; column-count: 2; flex-wrap: nowrap; align-content: flex-start; align-items: flex-start; column-gap: 5px; font-size: 0.8em; } #RegistrationForm #disclaimerFieldset #disclaimerDiv { border-radius: 17px; padding: 17px 17px 0px 17px; border: solid 1px #cccccc; margin-bottom: 0px; } #RegistrationForm .button_container { margin-bottom: 0px; text-align: right; } #RegistrationForm .button_container .btn { border: none 0px; height: 34px; line-height: 34px !important; border-radius: 17px; font-weight: bold; text-transform: none; font-size: 1em !important; padding: 0px 17px; margin: 0px; border: solid 1px #d71921; } #SubmitEnabled.disabled, #SubmitDisabled { cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: 0.65; text-transform: none; font-size: 1em !important; line-height: 34px !important; height: 34px; padding: 0px 17px; margin: 0px; } /*Tabs*/ .nav-tabs > li > a { background-color: rgba(206, 197, 197, 0.22); font-weight: bold; } /*Progress Bars*/ .progress-breakdown .progress.progress-bar { height: 4em; } .progress-breakdown .progress.progress-bar .progress-bar-success { line-height: 4.5em; font-weight: bold; color: black; background-color: #89c402; } /*Panels*/ .panel-default, .panel-default > .panel-heading, .panel-default > .panel-body { border-radius: 0px; } /*Screenshot Thumbnails*/ .thumbnail.screenshot { border: none 0px; padding: 0px; } .thumbnail.screenshot > img { border: 1px solid #dddddd; } .thumbnail.screenshot > .caption { background-color: #eeeeee; border: 1px solid #eeeeee; font-size: 0.8em; font-style: italic; } /* Modals */ #modal_DemoRequest .modal-lg { overflow: hidden; border-radius: 6px; height: calc(100% - 10%); } #modal_DemoRequest .modal-lg .modal-content { height: 100%; } #modal_DemoRequest .modal-lg .modal-content .modal-body { padding: 0px; height: calc(100% - 54px); } #modal_DemoRequest .modal-lg .modal-content .modal-body iframe { border: none 0px; width: 100%; height: 100%; } /* CA Modal */ #ca_modal.modal { z-index: 10500; } #ca_modal.modal .modal-header { display: flex; align-items: center; flex-direction: row-reverse; justify-content: space-between; } #ca_modal.modal .modal-title { color: #d71921; font-size: 1.1em; flex-grow: 1; } #ca_modal.modal b { color: #d71921; } #ca_modal.modal ul.checklist { margin-left: 1em; } #ca_modal.modal ul.checklist li { display: inline-block !important; width: 100%; } #ca_modal.modal ul.checklist li svg { color: #6acb8e; } #ca_modal.modal .logos { display: flex; flex-wrap: wrap; align-content: stretch; align-items: center; justify-content: center; column-gap: 30px; margin: 30px; } #ca_modal.modal .logos + .logo { margin-top: 0px; } #ca_modal.modal .logos > img { max-width: 200px; max-height: 50px; height: 50px; object-fit: scale-down; } #ca_modal.modal .modal-footer .btn.btn-default > svg, #ca_modal.modal .modal-footer .btn.btn-primary > svg { margin: -2px 5px 0px 0px; } /* Intro */ article.solutions section.intro > .container > * { max-width: 800px; margin-left: auto; margin-right: auto; } /* Show more and Show less */ article.solutions section .row.feature > div[data-show="false"], article.solutions section .btn-showmore[data-showstatus="more"] .less, article.solutions section .btn-showmore[data-showstatus="less"] .more { display: none; visibility: hidden; } article.solutions section .row.yellow .btn-showmore, article.solutions section .row.yellow .btn-showless { background-color: #fce184; border-color: #e6cd78; color: black; font-weight: bold; } article.solutions section .row.purple .btn-showmore, article.solutions section .row.purple .btn-showless { background-color: #d7b5fd; border-color: #8a76a3; color: black; font-weight: bold; } /* Company logos */ article.solutions section .customer-logos { display: flex; flex-wrap: wrap; align-content: stretch; justify-content: center; align-items: stretch; } article.solutions section .customer-logos figure { display: inline-block; width: auto; padding: 30px; } article.solutions section .customer-logos figure img { height: 50px; width: auto; } article.solutions section .customer-logos figure figcaption { display: none; visibility: hidden; } /* Use cases */ article.solutions section .use-case-logos { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } article.solutions section .use-case-logos img.client-logo { max-height: 80px; max-width: 180px; margin: 15px; } /* Insights */ article.solutions section div.insight { max-width: 800px; margin: 0px auto; } article.solutions section div.insight + div.insight { max-width: 800px; margin-top: 2em; } article.solutions section div.insight h3 { font-size: 1.4em; margin-bottom: 0px; } /* Testimonials */ article.solutions section figure figcaption { display: flex; align-items: center; } /* Stat items */ article.solutions section .stat-items { display: flex; } article.solutions section .stat-item { height: 100%; } article.solutions section .stat-item > div { padding: 30px; background-color: rgba(132, 216, 252, 0.25); border-radius: 20px; } article.solutions section .stat-item .stat-number { font-size: 4em; line-height: 1.4em; font-weight: 600; color: #eb2a2a; } article.solutions section .stat-item .stat-benefit { min-height: 5em; border-left: solid 4px #d71921; padding-left: 15px; margin-left: 10px; } article.solutions section .stat-item .stat-wihtoutus { font-style: italic; margin-bottom: 0px !important; } /* Watermark */ article.solutions section img.watermark { opacity: 0.08; margin-top: -30px; margin-bottom: -175px; /* filter: invert(48%) sepia(20%) saturate(3207%) hue-rotate(161deg) brightness(95%) contrast(80%); */ } /*Screenshot Accordians*/ /*Now the styles*/ * { margin: 0; padding: 0; } body { background: #cccccc; /*font-family: arial, verdana, tahoma;*/ } /*Time to apply widths for accordian to work Width of image = 640px total images = 5 so width of hovered image = 640px width of un-hovered image = 40px - you can set this to anything so total container width = 640 + 40*4 = 800px; default width = 800/5 = 160px; */ .screenshot_accordian { width: 100%; height: 320px; overflow: hidden; /*Time for some styling*/ margin: 0px auto; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35); } /*A small hack to prevent flickering on some browsers*/ .screenshot_accordian ul { width: 2000px; /*This will give ample space to the last item to move instead of falling down/flickering during hovers.*/ } .screenshot_accordian li { position: relative; display: block; width: 106px; float: left; border-left: 1px solid #888888; box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5); /*Transitions to give animation effect*/ transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; /*If you hover on the images now you should be able to see the basic accordian*/ } /*Reduce with of un-hovered elements*/ .screenshot_accordian ul:hover li { width: 40px; } /*Lets apply hover effects now*/ /*The LI hover style should override the UL hover style*/ .screenshot_accordian ul li:hover { width: 640px; } .screenshot_accordian li img { display: block; width: 640px; } /*Image title styles*/ .image_title { background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; bottom: 0; width: 640px; } .image_title a { display: block; color: white; text-decoration: none; padding: 20px; font-size: 16px; } body.StudentMyCourse > #content.container, body.Login > #content.container { padding: 100px 15px 15px 15px; } /* @media (min-width: 768px) { } */ @media (min-width: 992px) { body.StudentMyCourse > #content.container, body.Login > #content.container { width: 970px; } } @media (min-width: 1200px) { body.StudentMyCourse > #content.container, body.Login > #content.container { width: 1170px; } } /*Log In Page*/ /*Footer*/ .container-fluid.footer_bar { background-color: #171717; color: white; height: 50px; position: absolute; bottom: 0px; width: 100%; } .container-fluid.footer_bar a, .container-fluid.footer_bar .fa, .container-fluid.footer_bar p { color: white; line-height: 50px; margin-bottom: 0px; } .container-fluid.footer_bar a { margin-left: 2em; } /*Blog-------------------------------------------*/ body .full-width-banner.inside-banner.container-fluid.blog-banner { background-image: url(https://thinkingcap.blob.core.windows.net/learnerview/00000000-0000-0000-0000-000000000000/advanced/banner_blog.jpg); background-size: cover; background-position: center center; min-height: 300px; } #blog.Forum_Threads .blog-info .contributors .contributor { margin-bottom: 15px; } #blog.Forum_Threads .blog-info .contributors .contributor .profile_name { padding-left: 5px; } #blog.Forum_Threads .blog-info .contributors .contributor > p { margin-top: 5px; } ol.toplist li { font-size: 3em; /*font-family: 'Roboto Slab', serif;*/ } ol.toplist li > p { /*font-family: 'Roboto', 'Open Sans', Helvetica, Arial, Lucida, sans-serif;*/ font-size: 0.35em; line-height: 1.4em; } #blog.Forum_Threads .blog-threads .post .toplist h3 { margin: 5px 0px 10px 0px; } #blog.Forum_Threads .toplist > div { clear: both; border-bottom: solid 1px #eeeeee; display: inline-block; width: 100%; padding: 30px; } #blog.Forum_Threads .toplist > div:last-child { border: none 0px; margin-bottom: 30px; } #blog.Forum_Threads .toplist > div > .badge { color: red; background-color: transparent; padding: 0px; font-size: 8em; float: left; opacity: 0.5; margin-right: 30px; } #content .full-width-banner.book-demo.container-fluid { display: none; visibility: hidden; } /*2021 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*Home page for 2021 -------------------------------------------*/ body.ThinkingCap.Home { padding-top: 122px; } body.ThinkingCap.Home > #content.container { padding: 0px; } body.ThinkingCap.Home > #content.container > .row, body.ThinkingCap.Home > #content.container > .row > div { width: 100%; padding: 0px; } body.ThinkingCap.Home > #content.container > .row > div .col-md-2-5 { width: 20%; padding: 0px 15px; float: left; } /*Home banner*/ body.ThinkingCap.Home .full-width-banner.home-banner { min-height: 450px; padding: 60px 0px; background-size: cover; background-position: center -65px; background-image: url(https://thinkingcap.blob.core.windows.net/learnerview/00000000-0000-0000-0000-000000000000/advanced/homebanner_1015117648.jpg); } body.ThinkingCap.Home .full-width-banner.home-banner h1 { font-size: 2.4em; line-height: 1em; margin: 0px 0px 0.25em 0px; } /*Sections*/ body.ThinkingCap.Home section { margin: 0px auto; padding: 60px 0px; background-size: cover; background-position: center center; } body.ThinkingCap.Home section.testimonials { background-color: #e8ecec; } body.ThinkingCap.Home section.testimonials .row, body.ThinkingCap.Home section.lms_features .row { flex-wrap: wrap; } body.ThinkingCap.Home section.testimonials .row > div, body.ThinkingCap.Home section.lms_features .row > div { display: flex; align-items: stretch; margin-bottom: 30px; } body.ThinkingCap.Home section .row { display: flex; align-items: stretch; } body.ThinkingCap.Home section .row > div { display: flex-inline; } /*Cards*/ body.ThinkingCap.Home .card.card-solution { background-color: white; } body.ThinkingCap.Home .card.card-feature { background-color: #ddeff5; text-align: center; } body.ThinkingCap.Home .card.card-solution > div, body.ThinkingCap.Home .card.card-feature > div { width: 100%; } body.ThinkingCap.Home .card.card-solution > div.card-screenshot > img { width: 100%; height: 200px; object-fit: cover; } body.ThinkingCap.Home .card.card-solution > div.card-logo > img { max-width: 180px; float: left; background-color: white; padding: 15px; object-fit: scale-down; } body.ThinkingCap.Home .card.card-feature > div.card-icon { text-align: center; padding: 30px; } body.ThinkingCap.Home .card.card-feature > div.card-icon > .fa { display: inline-block; width: 60px; height: 60px; line-height: 60px; background-color: white; font-size: 1em; text-align: center; border-radius: 50%; } body.ThinkingCap.Home .card.card-solution > div.card-body, body.ThinkingCap.Home .card.card-feature > div.card-body { padding: 15px; } /*Thumbnails*/ body.ThinkingCap.Home .thumbnail { height: 100%; border-radius: 0px; padding: 0px; background-color: rgba(255, 255, 255, 0.25); border: none 0px; } body.ThinkingCap.Home .thumbnail > img { width: 100%; height: 150px; object-fit: scale-down; background-color: white; padding: 15px; } body.ThinkingCap.Home .thumbnail > .caption { background-color: transparent; padding: 15px; } /*Log In Page -------------------------------------------*/ body.Login.Login_compressed #log_in_bar.container { display: none; visibility: hidden; } body.Login.Login_compressed #masthead.container { position: relative; top: 0px; margin: 0px auto 0px 5%; } body.Login.Login_compressed #masthead .row.main-brand { width: 100% !important; margin: 0px !important; } body.Login.Login_compressed #masthead #logo { margin: 15px 30px; } body.Login.Login_compressed #content.container, body.Login.Login_compressed #footer.container { margin-left: 5%; } body.Login.Login_compressed #content.container #login_page .login_text { margin-bottom: 1em; } body.Login.Login_compressed #content.container #login_page form input[type="submit"] { margin: 0px; color: white; background-color: #cc0000; border-color: #cc0000; } /*Banners -------------------------------------------*/ /* body > .full-width-banner.inside-banner.container-fluid { margin-top: 120px; } @media (max-width: 575px) { body > .full-width-banner.container-fluid { margin-top: 120px; } } */ /*Blog v2 -------------------------------------------*/ #content.container > .row > div > xhtml > #BlogPost { margin-top: 30px !important; margin-bottom: 30px !important; } #content.container > .row > div > xhtml > #BlogPost .page-header h1 { font-size: 3em; } #content.container > .row > div > xhtml > #BlogPost .img-blog-banner { max-height: 600px; object-fit: cover; object-position: center center; margin-bottom: 60px; } #content.container > .row > div > xhtml > #BlogPost .profile.img-circle { width: 60px; height: 60px; object-fit: cover; margin-right: 15px; } #content.container > .row > div > xhtml > #BlogPost #SharePage { margin-bottom: 60px; } #content.container > .row > div > xhtml > #BlogPost #SharePage a, #content.container > .row > div > xhtml > article #SharePage a { font-size: 2em; color: #d71921; margin-right: 15px; padding: 10px 5px; } #content.container > .row > div > xhtml > #BlogPost #SharePage a:hover, #content.container > .row > div > xhtml > article #SharePage a:hover { color: #23527c; } #content.container > .row > div > xhtml > #BlogPost .col-md-9 > img { height: 340px; object-fit: cover; } #content.container > .row > div > xhtml > #BlogPost blockquote { font-size: 17.5px; color: #d71921; border-left: solid 4px #eeeeee; margin: 30px 45px; padding: 0px 45px; } #content.container > .row > div > xhtml > #BlogPost blockquote:before, #content.container > .row > div > xhtml > #BlogPost blockquote:after { display: none; visibility: hidden; } #content.container > .row > div > xhtml > #BlogPost blockquote h3 { color: #d71921; font-weight: 600; } #BlogPost .thumbnail.thumbnail-blog { border: none 0px; padding: 0px; margin-bottom: 60px; } #BlogPost .thumbnail.thumbnail-blog > img { width: 100%; height: 250px; object-fit: cover; object-position: center center; } @media (max-width: 575px) { #content.container > .row > div > xhtml > #BlogPost blockquote { margin: 30px 15px; padding: 0px 15px; } } /* Share page */ #SharePage > a { width: 42px; height: 42px; text-align: center; display: inline-block; padding: 5px; background-color: #fce184; border-radius: 50%; } #SharePage > a:hover { background-color: #ffed72; } #SharePage > a > img { max-height: 18px; } /*Footer -------------------------------------------*/ .bhg_solutionprovider { margin-top: 1em; } .bhg_solutionprovider img { max-width: 64px; margin-right: 10px; } /*Fonts -------------------------------------------*/ /*Fonts -----------------------------------------------------------------------------------------*/ html body, body form, body textarea, body input, body select, html body.value { font-family: 'Myriad Pro', 'myriad-pro', -apple-system, BlinkMacSystemFont, 'Aptos', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif; font-weight: 400; line-height: 1.5em; } html body b { font-weight: 700; } body h1, body h2, body h3, body h4, body h5, body h6 { font-family: 'Myriad Pro', 'myriad-pro', -apple-system, BlinkMacSystemFont, 'Aptos', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif; font-weight: 700; } body h1 { font-size: 2.4em; } body h2 { font-size: 2em; } body h3 { font-size: 1.4em; } body h4 { font-size: 1em; } body h5 { font-size: 0.9em; } body h6 { font-size: 0.75em; } /*-------------------------------------------------------------------------------------------------*/ /*TC 2022 -----------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------*/ html body.value, body > #content.container, body > #content.container > .row, body.Home > #content.container { width: 100%; padding: 0px; } /* body > #content.container, body.Home > #content.container { padding-bottom:360px; } */ /*Masthead -----------------------------------------------------------------------------------------*/ /*Breadcrumbs -----------------------------------------------------------------------------------------*/ body > #masthead.container > .breadcrumbs { display: none; visibility: hidden; } body > #masthead.container > .breadcrumbs > ol.breadcrumb { background-color: transparent; } /*Content -----------------------------------------------------------------------------------------*/ body > #content.container p:empty { display: none; visibility: hidden; } /* Sections */ section { margin: 0px -30px; position: relative; } body.Home section { margin: 0px; } section:nth-child(odd) { background-color: #f8f9fa; } section:nth-child(even) { background-color: white; } body.Home section.lead { height: 430px; margin: 0px; overflow: visible; } section.lead { height: 230px; margin: 0px -30px; overflow: visible; overflow: hidden; background-size: cover; background-position: center center; } section.lead.primary, section.lead.solutions { height: 330px; } section.lead.registration { margin: 0px 0px 30px 0px; } section.lead:before { content: " "; display: inline-block; background-color: rgba(0, 0, 0, 0.6); /* background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.3) 100%); */ background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, transparent 100%); /* width: 60%; */ width: 70%; min-width: 300px; height: 560px; position: absolute; top: 0px; bottom: 0px; left: 0px; /* border-radius: 0px 0px 100% 0px; -webkit-box-shadow: 0px 2px 7px -4px rgba(0, 0, 0, 0.52); box-shadow: 0px 2px 7px -4px rgba(0, 0, 0, 0.52); */ /* z-index: 0; */ z-index: 2; } html[data-pageid="b32d29bc-75e4-dbdb-7916-c0dc027c390c"] section.lead:before { display: none; visibility: hidden; } body.Home section.lead:before { height: 430px; } section.lead > div.section_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; z-index: 1; } section.lead > div.section_bg img { width: 100%; height: 100%; object-fit: cover; } body.Home section.lead > div.section_bg > video { width: 100%; height: 430px; object-fit: cover; } body.Home section.lead > .container html[data-pageid="31aa20a3-3db2-f2e2-21df-3a67869cb863"] section.lead > .container { z-index: 20; padding: 60px 15px; align-items: flex-start; display: flex; flex-direction: column; align-content: flex-start; justify-content: center; height: 430px; } section.lead > .container { z-index: 20; position: relative; padding: 45px 15px 60px 15px; } section.lead.registration > .container { padding: 45px 0px 60px 0px; } section > .container { z-index: 20; padding: 60px 15px 75px 15px; } article > section.call_to_action:last-child { display: none; visibility: hidden; } section > .container p.subtitle, body.Home section > .container p.subtitle { color: #eb2a2a; /* letter-spacing: 6px; text-transform: uppercase; */ font-weight: 600; font-size: 16px; margin-bottom: 0px !important; background-color: transparent; width: auto; display: inline-block; } body.Home section > .container p.subtitle { width: 100%; display: block; } section.lead p, body.Home section.lead p, body.Home section.lead p.subtitle, html[data-pageid="31aa20a3-3db2-f2e2-21df-3a67869cb863"] section.lead p { color: white; font-size: 0.9em; max-width: 680px; font-weight: 400; } body.Home section.lead p#rotating-benefit, html[data-pageid="31aa20a3-3db2-f2e2-21df-3a67869cb863"] section.lead p#rotating-benefit { transition: opacity 0.6s ease-in-out; font-weight: bold; opacity: 1; } body.Home section.lead p#rotating-benefit.fade-out html[data-pageid="31aa20a3-3db2-f2e2-21df-3a67869cb863"] section.lead p#rotating-benefit.fade-out { opacity: 0; } section.lead > .container p.subtitle { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.35); max-width: 520px; color: #fce184; letter-spacing: 0px; text-transform: none; font-weight: 600; font-size: 1em; } body.Home section > .container h1 { font-size: 72px; line-height: 1em; max-width: 80%; } section.lead > .container h1 { max-width: 600px; } section > .container h1 { color: white; font-weight: 900; font-size: 48px; line-height: 1.2em; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.35); margin-top: 0px; } section > .container h2 { color: black; font-weight: 900; font-size: 2.5em; line-height: 1.4em; margin: 0px 0px 1em 0px; } body.home section > .container h2 { font-size: 3.5em; } section > .container h3 { color: #d71921; margin: 1em 0px 10px 0px; font-size: 1.2em; line-height: 1.2em; font-weight: 900; } /* section > .container > p { max-width: 800px; } */ section.lead > .container .search_panel { display: inline-block; white-space: nowrap; background-color: white; border-radius: 20px; margin-top: 30px; padding: 5px 30px; font-size: 0.8em; color: #212529; } section.lead > .container .search_panel label { width: auto; margin-right: 30px; padding-right: 30px; border-right: solid 1px #eeeeee; color: #212529; letter-spacing: 1px; } section.lead > .container .search_panel .btn.dropdown-toggle { border: none 0px; text-transform: uppercase; color: gray; font-weight: 900; letter-spacing: 1px; } section.lead > .container .search_panel .dropdown-menu > li { margin-left: 0px !important; } section.lead > .container .search_panel .dropdown-menu > li > a { text-decoration: none; } section.lead > .container .search_panel .dropdown-menu > li > a:hover { background-color: #f2d890; } /* Features */ .icon { padding: 15px 15px 30px 0px; } .feature { margin-bottom: 2em; } .feature.feature-sm { margin-bottom: 1em; } .flex-long .feature { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; } body.Home .flex-long .feature { column-gap: 10px; } .row.feature.clear .feature { margin-bottom: 1em; } .feature .icon { width: 60px; height: 60px; padding: 15px; border-radius: 50%; text-align: center; background-color: #fce184; margin-bottom: 1em; margin: 0px auto; } .feature .logo.icon { padding: 0px; background-color: white !important; } .feature.feature-sm .icon.pull-left { margin-bottom: 2em; width: 40px; height: 40px; padding: 5px; } .feature .icon.pull-left { margin: 0px 15px 4em 0px; } .row.yellow .feature .icon { background-color: #fce184; } .row.purple .feature .icon { background-color: #d7b5fd; } .row.green .feature .icon { background-color: #84fcb2; } .row.blue .feature .icon { background-color: #84d8fc; } .row.feature.clear .feature .icon { background-color: transparent; color: #6acb8e; width: 30px; padding: 0px; margin: 0px 5px 0px 0px; } .feature .icon img, .feature .icon svg { width: 30px; height: 30px; } .feature .logo.icon img { width: 60px; height: 60px; } .feature.feature-sm .icon img, .feature.feature-sm .icon svg { width: 20px; height: 20px; } .feature p { font-size: 1em; margin-bottom: 1em; } .feature h4 { margin-bottom: 0; } .flex-long .feature h4 { margin-top: 0; } /* Checkmark lists */ .row.flex.text-left.feature.green.checkmark .feature, .row.flex.text-left.feature.yellow.checkmark .feature { display: flex; align-content: stretch; align-items: flex-start; flex-wrap: nowrap; flex-direction: row; column-gap: 15px; margin: 6px 0px 10px 0px; } .row.flex.text-left.feature.green.checkmark .icon, .row.flex.text-left.feature.yellow.checkmark .icon { width: 30px; height: 30px; background-color: #e8f7ed; padding: 6px; margin: 6px 0px 0px 0px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .row.flex.text-left.feature.yellow.checkmark .icon { background-color: #fce184; } .row.flex.text-left.feature.green.checkmark .icon svg, .row.flex.text-left.feature.yellow.checkmark .icon svg { color: #16a34a; width: 14px; } .row.flex.text-left.feature.yellow.checkmark .icon svg { color: #333333; width: 14px; max-height: 14px; } /* Pricing Callout */ /* ── THE CALLOUT — copy from here ── */ .tc-calc-callout { /* font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; */ max-width: 380px; background: white; border: 1px solid #f0f0f0; border-radius: 24px; padding: 32px; box-shadow: 0 8px 30px -8px rgba(0, 0, 0, 0.08); position: relative; overflow: hidden; transition: box-shadow 0.3s ease, transform 0.3s ease; } .tc-calc-callout:hover { box-shadow: 0 12px 40px -8px rgba(227, 30, 36, 0.12); transform: translateY(-2px); } /* Red accent bar */ .tc-calc-callout::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #e31e24 0%, #ff6b6b 100%); border-radius: 24px 24px 0 0; } .tc-calc-callout__badge { display: inline-flex; align-items: center; gap: 6px; background: #fef2f2; color: #e31e24; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.15em; padding: 5px 12px; border-radius: 100px; margin-bottom: 16px; } .tc-calc-callout__badge svg { width: 14px; height: 14px; } .tc-calc-callout__title { /* font-family: 'Montserrat', 'Inter', sans-serif; */ font-size: 22px; font-weight: 800; color: #1a1a1a; line-height: 1.25; margin: 0 0 8px 0; } .tc-calc-callout__title span { color: #e31e24; } .tc-calc-callout__desc { font-size: 14px; color: #6b7280; line-height: 1.6; margin: 0 0 20px 0; } .tc-calc-callout__features { list-style: none; padding: 0; margin: 0 0 24px 0; display: flex; flex-direction: column; gap: 10px; } .tc-calc-callout__features li { display: flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 500; color: #374151; line-height: 1.5; } .tc-calc-callout__features li .icon-check { flex-shrink: 0; width: 20px; height: 20px; background: #f0fdf4; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-top: 1px; } .tc-calc-callout__features li .icon-check svg { width: 12px; height: 12px; color: #16a34a; } .tc-calc-callout__cta { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 14px 24px; background: #e31e24; color: white; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.15em; border: none; border-radius: 100px; cursor: pointer; text-decoration: none; transition: all 0.2s ease; box-shadow: 0 4px 12px rgba(227, 30, 36, 0.25); } .tc-calc-callout__cta:hover { background: #cc1a1f; color: white; transform: translateY(-1px); box-shadow: 0 6px 16px rgba(227, 30, 36, 0.35); } .tc-calc-callout__cta:active { transform: scale(0.98); } .tc-calc-callout__cta svg { width: 16px; height: 16px; transition: transform 0.2s ease; } .tc-calc-callout__cta:hover svg { transform: translateX(3px); } .tc-calc-callout__footer { text-align: center; margin-top: 12px; font-size: 11px; color: #9ca3af; } /* ── END CALLOUT ── */ /* resources */ .resource { padding: 0px 30px; } .resource div.icon { margin: 0px auto 15px auto; width: 60px; height: 60px; padding: 20px; border-radius: 50%; background-color: #fce184; } .resource div.image { margin: 0px auto 15px auto; width: 100%; height: 120px; padding: 0px; border-radius: 50%; } .resource div.image img { margin: 0px auto 15px auto; width: 100%; height: 120px; object-fit: cover; object-position: center center; padding: 0px; border-radius: 10px; } /* Cards */ .row.cards, .row.flex { display: flex; flex-wrap: wrap; align-content: stretch; justify-content: flex-start; align-items: stretch; } .row.cards.events { max-width: none !important; } .row.cards > div { margin-bottom: 30px; } .card { width: 100%; height: 100%; overflow: hidden; z-index: 0; border: none 0px; border-radius: 6px; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15) !important; } .card.poster { min-height: 300px; } .card.feature.logos { background-color: white; } .row.cards.events .card.card-event .card-img-top { border-bottom: solid 1px #eeeeee; } .row.cards.events .card.card-event > .date { position: absolute; top: 15px; left: 15px; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; padding: 5px; background-color: white; border-radius: 6px; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15) !important; font-weight: 600; font-size: 1.2em; } .row.cards.events .card.card-event > .card-logo { object-fit: scale-down; padding: 15px; background-color: #fce184; } .row.cards.events .card.card-event.card-org > .card-logo { background-color: #c1dcf5; } .row.cards.events .card.card-event .card-title { margin-bottom: 0px; } .row.cards.events .card.card-event .event-dates { color: #d71921; font-weight: bold; margin-bottom: 0.5em; } .row.cards.events .card.card-event label { display: block; font-weight: bold; width: 100%; margin: 0.5em 0px 0px 0px; } .row.cards.events .card.card-event a.btn { margin-top: 0.5em; } .card.testimonial { overflow: visible; margin-left: 60px; padding-left: 60px; width: auto; } .card.feature.quote { margin-bottom: 0px; } .card .card-img-top { width: 100%; height: 180px; object-fit: cover; } .card div.card-img-top { width: 100%; height: 180px; object-fit: cover; background-color: #fce184; } .card.poster .card-img-top { width: 100%; height: 180px; object-fit: cover; } .card .card-img-top.card-icon { width: 60px; height: 60px; position: relative; left: auto; margin: 30px auto; } .card.poster .card-img-top { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; z-index: 1; } .card.feature.logos .card-img-top.logo { background-color: #fbf7f7; padding: 10%; object-fit: scale-down; border-bottom: solid 1px #eeeeee; } .card.feature.quote > .icon.logo { width: auto; border-radius: 6px; padding: 10px; height: 80px; top: 115px; border: solid 1px #cccccc; } .card.feature.quote > .icon.logo img { width: 100%; object-fit: scale-down; max-height: 60px; max-width: 200px; } .card.testimonial .profile-pic { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; position: absolute; top: 60px; left: -60px; padding: 5px; background-color: white; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15) !important; } .card.feature .icon { position: absolute; top: 150px; right: 15px; } .card.testimonial cite { display: block; } .card .card-body { padding: 20px; } .card.poster .card-body { z-index: 20; background: linear-gradient(180deg, #dfdfdf 0%, rgba(12, 12, 12, 0.42) 40%); height: 100%; bottom: 0px; padding: 70% 20px 20px 20px; font-size: 1.1em; color: white; } .card .card-body h5.card-title { font-size: 1.1em; color: #333333; } .card.poster .card-body h5.card-title { font-size: 1.1em; text-transform: uppercase; } .card.feature .card-text { min-height: 8em; } .card.feature.logos .card-text { min-height: 0px; } .card.poster .card-body a { color: white; text-decoration: none; } .card.poster .card-body a:hover { color: #f0eeee; text-decoration: none; } .card.feature .card-body a { text-decoration: none; } .card.feature .card-body a:hover { text-decoration: none; } .card.feature a .btn { line-height: 1em; } .card.feature a svg { height: 1em; margin-left: 5px; float: right; } .card .card-body a .card-text { color: black; } .row-cards-solutions { row-gap: 30px; } .card.card-solution .icon { position: absolute; bottom: -30px; right: -30px; background-color: transparent; color: #fce184; font-size: 8em; opacity: 0.5; } .card.card-solution .card-body { position: relative; } .card.card-solution .card-body > div, .card.card-solution .card-body > h3 + p, .card.card-solution .card-body > h3 + ul, .card.card-solution .card-body > h3 + p + ul { padding-right: 30%; } /* Alerts */ .alert.alert-example { border-left: solid 4px #d7b5fd; padding: 0px 15px; margin: 1em 0px; } .alert.alert-example h4 { font-size: 0.8em; margin-bottom: 0px; color: #9553da; letter-spacing: 6px; text-transform: uppercase; font-weight: 900; } /* Highlights */ em.highlight { /* background-color:#f2da4c; */ font-weight: 900; font-style: normal; } /* Accordion */ .accordion_expand, .accordion_collapse { height: 23px; line-height: 23px; position: absolute; right: 15px; } .panel-group .panel-heading .panel-title a .accordion_collapse { display: none; visibility: hidden; } .panel-group .panel-heading .panel-title a .accordion_expand { display: inline-block; visibility: visible; } .panel-group .panel-heading .panel-title a.collapsed .accordion_expand { display: none; visibility: hidden; } .panel-group .panel-heading .panel-title a.collapsed .accordion_collapse { display: inline-block; visibility: visible; } /* Checklist */ ul.checklist { display: flex; flex-wrap: wrap; align-content: stretch; justify-content: flex-start; align-items: stretch; margin: 15px 0px; } ul.checklist.vertical { flex-direction: column; flex-wrap: nowrap; } ul.checklist > li { width: 45%; margin: 0px 5% 1em 0px; } ul.checklist.vertical li { width: 100%; } ul.checklist > li:nth-child(even) { margin: 0px 0px 1em 0px; } ul.checklist > li::marker { color: #d71921; } /* Buttons */ .btn, .btn.btn-default, #footer.container .btn.btn-default { border: solid 1px #d71921; color: #d71921; background-color: white; border-radius: 18px; height: 36px; align-items: center; display: inline-flex; flex-wrap: nowrap; flex-direction: row; font-weight: 600; } .btn:hover, .btn:active, .btn:focus, .btn.btn-default:hover, .btn.btn-default:active, .btn.btn-default:focus { border: solid 1px #fce184; color: #d71921; background-color: #fce184; } .btn.btn-primary { border: solid 2px #d71921; color: white; background-color: #d71921; border-radius: 18px; height: 36px; align-items: center; display: inline-flex; flex-wrap: nowrap; flex-direction: row; font-weight: 600; } .btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus { border: solid 2px #b8141b; background-color: #b8141b; } .btn.btn-default.navbar-btn, .btn.btn-primary.navbar-btn, .btn.btn-outline-secondary { background-color: #fce184; border: none 0px; height: 34px; line-height: 34px; border-radius: 17px; font-weight: bold; color: #333333; margin: 0px 0px 0px 5px; padding: 0px 15px; } .btn.btn-default.navbar-btn:hover { background-color: #edd37c; } .btn.btn-primary.navbar-btn { background-color: #d71921; color: white; } .btn.btn-primary.navbar-btn:hover { background-color: #b8141b; } .btn.btn-default.navbar-btn svg, .btn.btn-primary.navbar-btn svg { margin: -2px 5px 0px 0px; } .btn.btn-default img { width: auto; height: 10px; object-fit: scale-down; margin: -2px 0px 0px 3px; } .btn.btn-default .fa, .btn.btn-default svg { width: auto; height: 10px; object-fit: scale-down; margin: -2px 0px 0px 3px; } .btn.btn-primary svg { width: auto; height: 1em; object-fit: scale-down; margin: -2px 0px 0px 3px; } .btn .embed-responsive { display: none; visibility: hidden; } article section .btn-ctas { display: flex; gap: 10px; } section a.anchor_pagedropdown { display: block; position: relative; top: -100px; visibility: hidden; } /* Tables */ p.subtitle + table { margin-top: 45px; } table > thead > tr > th { background-color: #cc0000 !important; border-color: #cc0000 !important; } table > tbody > tr > td h3 { color: #333333 !important; } td.name { font-weight: 700; } td.logo img.logo { width: 200px; height: 100px; object-fit: scale-down; } html[data-pageid="7e8b9e36-47d7-ad43-c4af-31033f26a07e"] table tbody td { white-space: pre-line; } /* Images */ .logo.logo-sm, .image.img-sm, .conference-logo { width: 300px; height: 100px; object-fit: scale-down; object-position: left; } .conference-logo { width: 100%; max-width: 300px; height: 100%; max-height: 100px; } .logo.logo-right, .image.img-right { float: right; margin: 0px 0px 15px 15px; } section .profile { width: 60px; height: 60px; object-fit: cover; border-radius: 50%; float: left; margin: 0px 10px 10px 0px; } section .profile.profile-sm { width: 40px; height: 40px; } .screenshot { max-height: 300px; width: 100%; object-fit: cover; object-position: top center; margin-bottom: -75px; box-shadow: 7px 4px 16px rgba(0, 0, 0, 0.14) !important; } /* Podcast icons */ .podcast-icons a { text-decoration: none; display: inline-block; border: solid 1px #eeeeee; border-radius: 10px; width: 100%; padding: 8px; margin: 0px 0px 1em 0px; } .podcast-icons img.icon { width: 30px; height: auto; padding: 0px; margin-right: 5px; } section .badge { color: #333333; background-color: #fce184; padding: 8px 12px; border-radius: 14px 0px; margin-bottom: 1em; } /* Solutions Timelines */ .solutions-timeline { position: relative; display: inline-block; width: 100%; } .solutions-timeline:before { content: " "; width: 2px; background-color: #cccccc; height: 100%; position: absolute; top: 0px; left: 50%; } .solutions-timeline .timeline-event { clear: both; padding: 0px; margin: 30px -1px; position: relative; background-color: #f6f6f6; width: calc(50% - 10px); } .solutions-timeline .timeline-event:nth-child(odd):before, .solutions-timeline .timeline-event:nth-child(even):after { content: " "; display: inline-block; width: 20px; height: 20px; border-radius: 50%; background-color: white; border: solid 5px #fce184; position: absolute; top: 35px; z-index: 1; } /* .solutions-timeline .timeline-event:nth-child(odd):before { } */ .solutions-timeline .timeline-event:nth-child(odd) { float: left; text-align: right; padding: 0px 0px 0px 45px; border-radius: 10px 0px 0px 10px; } .solutions-timeline .timeline-event:nth-child(odd):before { right: -20px; } .solutions-timeline .timeline-event:nth-child(even) { float: right; text-align: left; padding: 0px 45px 0px 0px; border-radius: 0px 10px 10px 0px; } .solutions-timeline .timeline-event:nth-child(even):after { left: -20px; } .solutions-timeline .timeline-event h3 { font-size: 1.2em !important; text-transform: uppercase; padding: 0px 30px !important; margin: 10px 0px !important; position: relative; } .solutions-timeline .timeline-event .icon { position: absolute; top: 15px; z-index: 1; background-color: #fce184; width: 60px; height: 60px; padding: 15px; border-radius: 50%; text-align: center; } .solutions-timeline .timeline-event.col-md-6:nth-child(odd) .icon { left: 15px; } .solutions-timeline .timeline-event.col-md-6:nth-child(even) .icon { right: 15px; } .solutions-timeline .timeline-event h4 { font-size: 1.2em; border-top: dotted 3px #cccccc; padding: 15px 30px 0px 30px; margin: 0px 0px 5px 0px; position: relative; } .solutions-timeline .timeline-event.col-md-6:nth-child(odd) > h4:after, .solutions-timeline .timeline-event.col-md-6:nth-child(even) > h4:before { font-family: 'FontAwesome'; position: absolute; top: -14px; color: #fce184; /* content: "\f111"; */ } .solutions-timeline .timeline-event.col-md-6:nth-child(odd) > h4:after { left: -1em; } .solutions-timeline .timeline-event.col-md-6:nth-child(even) > h4:before { right: -1em; } .solutions-timeline .timeline-event > div { padding: 0px 30px 30px 30px; line-height: 1.4em; } /* Solutions 2025 */ img.rounded-circle { width: 60px; height: 60px; object-fit: cover; border-radius: 50%; margin-right: 15px; } .poster-container { position: relative; } .poster-container img { width: 100%; height: 100%; object-fit: cover; } .poster-container:before { content: "\f144"; display: inline-block; font-family: 'FontAwesome'; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 0%; right: auto; z-index: 1; width: 100%; text-align: center; font-size: 80px; color: #fce184; top: calc(50% - 40px); } .embed-responsive:hover .poster-container:before { color: #ffed72; } /* New pricing page */ .lms-pricing section.lead > div.section_bg { background-image: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 0px, rgba(0, 0, 0, 0.05) 3px, transparent 3px, transparent 15px), radial-gradient(circle at top left, #ffab91/* Stop 1: The warm core */ 0%, #376297/* Stop 2: Transition through Brand Blue/Neutral for complexity */ 35%, #fce184/* Stop 3: Fade out through the Accent Yellow to the edge */ 75%, #e9edf3/* Stop 4: Final blend to the light background color */ 100%); background: linear-gradient(90deg, black 0%, #eda402 50%, #ff7171 75%, #d52929 100%); } .lms-pricing section .container p, .lms-pricing section .container ul, .lms-pricing section .container ol { max-width: 800px; } .lms-pricing section .container ul li + li { margin-top: 1em; } .lms-pricing section .container.text-center p, .lms-pricing section .container p.text-center { margin-left: auto; margin-right: auto; } .lms-pricing section .container img.img-responsive.chart { margin-bottom: 5px; border-radius: 20px; overflow: hidden; } hr { height: 1px; background-color: #dddddd; } .lms-pricing .btn.btn-default.navbar-btn { background-color: #fce184; border: solid 2px #fce184; color: #333333; } li.active .btn.btn-default.navbar-btn, .lms-pricing .btn.btn-default.navbar-btn:hover, .lms-pricing .btn.btn-default.navbar-btn:focus { background-color: #d71921; border-color: #d71921; color: white; } #pricing-tier-list.btn-group > button.btn.dropdown-toggle { min-width: 160px; display: flex; justify-content: center; gap: 5px; } #pricing-tier-list.btn-group.open > .dropdown-menu { padding: 0px; } #pricing-tier-list.btn-group.open > .dropdown-menu li { margin: 0px; } #pricing-tier-list.btn-group.open > .dropdown-menu li a { text-decoration: none; text-align: center; } .lms-pricing .nav.nav-tabs { display: flex; justify-content: center; padding: 0px 30px; font-size: 1.2em; max-width: 100% !important; } .lms-pricing .nav.nav-tabs li small { font-weight: normal; } .lms-pricing section.plan-selector-section .row.feature { display: flex; flex-direction: row; flex-wrap: wrap; } .lms-pricing .row.feature { margin-bottom: 0px; } .lms-pricing .row.feature.feature-small .feature .icon { width: 40px; height: 40px; padding: 10px; } .lms-pricing .row.feature.feature-small .feature .icon svg { width: 20px; height: 20px; } .lms-pricing section.pricing-logic h2 { font-size: 1.6em !important; } .lms-pricing section .table-responsive { border-radius: 20px; overflow: hidden; border: solid 1px #dddddd; width: 100%; } .lms-pricing section .table-responsive table.pricing-table { box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15) !important; border-radius: 20px; overflow: hidden; width: 100%; max-width: 100%; margin: 0px auto; } .lms-pricing section .table-responsive.price-toggle-cad, .lms-pricing section .table-responsive.price-toggle-eur, .lms-pricing section .table-responsive.price-toggle-usd { display: none; visibility: hidden; } /* US and Other Region Pricing */ .lms-pricing section .table-responsive.price-toggle-usd { display: table; visibility: visible; } /* Canadian Pricing */ html[data-usercountry="Canada"] .lms-pricing section .table-responsive.price-toggle-cad { display: table; visibility: visible; } html[data-usercountry="Canada"] .lms-pricing section .table-responsive.price-toggle-usd { display: none; visibility: hidden; } /* EU Pricing */ /* html[data-usercountry="Austria"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-eur, html[data-usercountry="Belgium"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-eur, html[data-usercountry="Croatia"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-eur, html[data-usercountry="Cyprus"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-eur, html[data-usercountry="Estonia"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-eur, html[data-usercountry="Finland"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-eur, html[data-usercountry="France"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-eur, html[data-usercountry="Germany"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-eur, html[data-usercountry="Greece"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-eur, html[data-usercountry="Ireland"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-eur, html[data-usercountry="Italy"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-eur, html[data-usercountry="Latvia"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-eur, html[data-usercountry="Lithuania"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-eur, html[data-usercountry="Luxembourg"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-eur, html[data-usercountry="Malta"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-eur, html[data-usercountry="Netherlands"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-eur, html[data-usercountry="Portugal"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-eur, html[data-usercountry="Slovakia"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-eur, html[data-usercountry="Slovenia"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-eur, html[data-usercountry="Spain"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-eur { display: table; visibility: visible; } html[data-usercountry="Austria"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-usd, html[data-usercountry="Belgium"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-usd, html[data-usercountry="Croatia"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-usd, html[data-usercountry="Cyprus"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-usd, html[data-usercountry="Estonia"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-usd, html[data-usercountry="Finland"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-usd, html[data-usercountry="France"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-usd, html[data-usercountry="Germany"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-usd, html[data-usercountry="Greece"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-usd, html[data-usercountry="Ireland"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-usd, html[data-usercountry="Italy"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-usd, html[data-usercountry="Latvia"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-usd, html[data-usercountry="Lithuania"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-usd, html[data-usercountry="Luxembourg"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-usd, html[data-usercountry="Malta"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-usd, html[data-usercountry="Netherlands"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-usd, html[data-usercountry="Portugal"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-usd, html[data-usercountry="Slovakia"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-usd, html[data-usercountry="Slovenia"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-usd, html[data-usercountry="Spain"] .lms-pricing section .table-responsive table.pricing-table.pricing-table-usd { display: none; visibility: hidden; } */ .lms-pricing section .table-responsive table.pricing-table thead { background: linear-gradient(135deg, #eda402 0%, #ff7171 50%, #d52929 100%); border-bottom: solid 1px #cccccc; color: white; } .lms-pricing section .table-responsive table.pricing-table thead tr th { background-color: transparent !important; font-weight: bold; text-transform: none; color: white; padding: 15px; } .lms-pricing section .table-responsive table.pricing-table thead tr th small { font-weight: normal; } .lms-pricing section .table-responsive table.pricing-table tbody tr td { padding: 15px; } @media screen and (max-width: 767px) { .lms-pricing section .table-responsive table.pricing-table thead { display: none; visibility: hidden; } .lms-pricing section .table-responsive table.pricing-table tbody tr td { padding: 3px 15px; } .lms-pricing section .table-responsive table.pricing-table td:first-child { font-weight: bold; padding-top: 15px; } .lms-pricing section .table-responsive table.pricing-table td:last-child { padding-bottom: 15px; } .lms-pricing section .table-responsive table.pricing-table td.number { text-align: left; } .lms-pricing section .table-responsive table.pricing-table .price-col strong { font-weight: normal; } .lms-pricing section .table-responsive table.pricing-table td.overage-col::before { content: attr(data-title); display: inline-block; margin-right: 5px; } } .lms-pricing section .ct-chart.ct-golden-section { height: 360px; } .lms-pricing section .ct-chart.ct-golden-section g text.ct-label.ct-horizontal { dy: 265 !important; } .lms-pricing section .ct-chart.ct-golden-section .ct-label { fill: rgba(0, 0, 0, 0.4); font-size: 0.9em; } /* Ensure Chartist draws areas */ .ct-area { fill-opacity: 0.5 !important; /* Force visibility */ display: block !important; } /* Series A: Baseline (Red) */ #chart-pricingscneario-seats .ct-series-a .ct-line, #chart-pricingscneario-hybrid .ct-series-a .ct-line, #chart-pricingscneario-pure .ct-series-a .ct-line { stroke: #d71921 !important; fill: transparent !important; stroke-width: 3px; } #chart-pricingscneario-seats .ct-series-a .ct-point, #chart-pricingscneario-hybrid .ct-series-a .ct-point, #chart-pricingscneario-pure .ct-series-a .ct-point { stroke: #d71921; color: #d71921; fill: #d71921; } /* Series B: Actual Usage (Yellow) */ #chart-pricingscneario-seats .ct-series-b .ct-line, #chart-pricingscneario-hybrid .ct-series-b .ct-line, #chart-pricingscneario-pure .ct-series-b .ct-line { stroke: #ffd851 !important; fill: #ffd851 !important; fill-opacity: 0.6 !important; stroke-width: 2px; } #chart-pricingscneario-seats .ct-series-b .ct-point, #chart-pricingscneario-hybrid .ct-series-b .ct-point, #chart-pricingscneario-pure .ct-series-b .ct-point { stroke: #ffd851; color: #ffd851; fill: #ffd851; } /* #chart-pricingscneario-seats .ct-series-b .ct-area, #chart-pricingscneario-hybrid .ct-series-b .ct-area, #chart-pricingscneario-pure .ct-series-b .ct-area { fill: #ffd851 !important; fill-opacity: 0.6 !important; } */ form#calcForm label { width: 100%; } .row-cards-vertical { display: flex; flex-direction: column; row-gap: 1em; } table.table-pricing { width: auto; margin: 1em auto; } table.table-pricing tr > * { text-align: center; } .row.pricing-cards { margin-bottom: 30px; display: flex; align-items: stretch; } .row.pricing-cards .card.pricing-card { border-radius: 20px; text-align: left; } .card.pricing-card > .card-header { font-size: 1.6em; padding: 30px; } .card.pricing-card .card-img-top { height: auto; background: linear-gradient(135deg, #eda402 0%, #ff7171 50%, #d52929 100%); border-bottom: solid 1px #cccccc; padding: 30px 30px 15px 30px; font-size: 1.4em; color: white; } .card.pricing-card .card-footer { background: linear-gradient(135deg, #eda402 0%, #ff7171 50%, #d52929 100%); } .card.pricing-card .card-img-top h3.card-title.tier-name, .card.pricing-card .card-img-top h4.card-title.tier-name { font-size: 1.6em; color: white; } .card.pricing-card .card-img-top div { font-size: 1.3em; font-weight: bold; } .card.pricing-card .card-body { padding: 15px 30px; } .card.pricing-card .card-body:nth-child(even) { background-color: #dbddde33; border-top: solid 1px #dbddde; border-bottom: solid 1px #dbddde; } /* .card.pricing-card .card-body.pricing-lmsfeatures { background: linear-gradient(135deg, #eda40211 0%, #eda40222 100%); border-top:solid 1px #dbddde; border-bottom:solid 1px #dbddde; } .card.pricing-card .card-body.pricing-everywherefeatures { background: linear-gradient(135deg, #9a29d511 0%, #9a29d522 100%); border-bottom:solid 1px #dbddde; } */ .card.pricing-card .card-body h4 { margin-bottom: 0px; } .card.pricing-card .card-body .comparison-section { margin-bottom: 1em; } .card.pricing-card .card-body .comparison-section svg { margin-right: 5px; } .card.pricing-card .card-body .comparison-section.pick-model { min-height: 10em; } .card.pricing-card .card-footer { padding: 15px 30px 30px 30px; } .card.pricing-card .card-footer .btn + .btn { margin-top: 5px; } section.features-included-section .row.features > div { padding-bottom: 30px; } section.features-included-section .row.features .feature { display: flex; } .lms-pricing ul.list-unstyled { padding-left: 15px; list-style-type: none; margin-left: 0px !important; } .lms-pricing ul.list-unstyled li { list-style-type: none; padding-left: 10px; margin-left: 0px !important; position: relative; } .lms-pricing ul.list-unstyled li > svg, .lms-pricing ul.list-unstyled li > .glyphicon { position: absolute; left: -15px; top: 2px; } /* HubSpot Forms */ .HubSpot-form-container, .Hatchery-form-container { border: solid 1px #eeeeee; border-radius: 20px; box-shadow: 2px 2px 13px 4px rgba(0, 0, 0, 0.22); margin-top: -100px; z-index: 1000; background-color: white; overflow: auto; } .HubSpot-form-container form.hs-form, .HubSpot-form-container form.hsfc-Form, .HubSpot-form-container form.hs-form label, .HubSpot-form-container form.hsfc-Form label, .HubSpot-form-container form.hs-form input, .HubSpot-form-container form.hsfc-Form input, .HubSpot-form-container form.hs-form textarea, .HubSpot-form-container form.hsfc-Form textarea, .HubSpot-form-container form.hs-form select .HubSpot-form-container form.hsfc-Form select, .HubSpot-form-container form.hs-form .hsfc-RichText, .HubSpot-form-container form.hsfc-Form .hsfc-RichText { font-family: 'Myriad Pro', 'myriad-pro', -apple-system, BlinkMacSystemFont, 'Aptos', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif; font-weight: 400; line-height: 1.5em; } .HubSpot-form-container form.hs-form label, .HubSpot-form-container form.hsfc-Form label { width: auto; } .row.flex.feature { row-gap: 30px; } .row.feature .feature.feature-box { background-color: #fff9d8; margin-bottom: 0px; display: flex; border-radius: 20px; flex-direction: row; flex-wrap: nowrap; column-gap: 15px; padding: 5px 15px; height: 100%; font-size: 0.9em; } .row.feature .feature.feature-box svg { margin-top: 12px; font-size: 1.5em; } /* Calculators */ .card .card-img-top.count-value { padding: 30px; height: auto; display: flex; flex-direction: row; align-items: center; justify-content: center; column-gap: 10px; } .card .card-img-top.count-value .credit-number, .card .card-img-top.count-value .number { font-size: 2.6em; font-weight: bold; margin-bottom: 10px; } .card .card-body .credit-logo > img { max-width: 150px; max-height: 100px; object-fit: scale-down; } /*Footer -----------------------------------------------------------------------------------------*/ #footer.container { width: 100%; padding: 0px 15px; background-color: #e9ecef; color: #343a40; /* position: absolute; bottom: 0px; */ } #footer.container .row.logo-copyright .footer-logo { display: none; visibility: hidden; } #footer.container .row.logo-copyright .copyright { width: 100%; text-align: left; line-height: 1.5em; padding: 0px; } #footer.container .sticky-cta { position: fixed; bottom: 30px; right: 30px; z-index: 1050; padding: 0.75em 1.5em; font-size: 1em; font-weight: bold; border: solid 2px #d71921; color: white; background-color: #d71921; border-radius: 50px; transition: all 0.3s ease; } #footer.container .sticky-cta:hover { transform: scale(1.05); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); border: solid 2px #fce184; color: black; background-color: #fce184; } @media (max-width: 767px) { #footer.container .sticky-cta { bottom: 20px; right: 20px; font-size: 0.9em; padding: 0.6em 1.2em; } } #footer.container .row.logo-copyright .copyright .footer-tc-links { padding: 25px 0px; } #footer.container .row.logo-copyright .copyright .footer-tc-links h3 { text-transform: uppercase; letter-spacing: 1px; margin-bottom: 1em; } #footer.container .row.logo-copyright .copyright .footer-tc-links .contact-email a, #footer.container .row.logo-copyright .copyright .footer-tc-links .contact-phonelocal a, #footer.container .row.logo-copyright .copyright .footer-tc-links .contact-phonetollfree a { text-decoration: none; } #footer.container .row.logo-copyright .copyright .footer-tc-links .contact-email a:hover span, #footer.container .row.logo-copyright .copyright .footer-tc-links .contact-phonelocal a:hover span, #footer.container .row.logo-copyright .copyright .footer-tc-links .contact-phonetollfree a:hover span { text-decoration: underline; } #footer.container .row.logo-copyright .copyright .footer-tc-links .contact-address .fa, #footer.container .row.logo-copyright .copyright .footer-tc-links .contact-email a .fa, #footer.container .row.logo-copyright .copyright .footer-tc-links .contact-phonelocal a .fa, #footer.container .row.logo-copyright .copyright .footer-tc-links .contact-phonetollfree a .fa { width: 16px; margin: 5px 8px 3px 0px; float: left; clear: left; } #footer.container .row.logo-copyright .copyright .footer-tc-links .social-media .icon { background-color: #d71921; width: 32px; height: 32px; border-radius: 50%; display: inline-block; padding: 0px; text-align: center !important; line-height: 32px; color: white; } #footer.container .row.logo-copyright .copyright .footer-tc-links .social-media .icon .fa { width: 32px; } #footer.container .row.logo-copyright .copyright .footer-tc-links .btn.btn-default { margin-bottom: 5px; color: #4a738b; } #footer.container .row.logo-copyright .copyright .footer-tc-copyright { background-color: #343a40; color: white; padding: 25px 0px; } #footer.container .row.logo-copyright .copyright .footer-tc-copyright a { color: white; } /*Footer (2024) -----------------------------------------------------------------------------------------*/ #footer.container { width: 100%; padding: 0px; background-color: #e9ecef; color: #868e96; } #footer.container > .row, #footer.container > .row > div { width: 100%; padding: 0px; margin: 0px; } #footer.container .row.logo-copyright .footer-logo { display: none; visibility: hidden; } #footer.container .row.logo-copyright .copyright { width: 100%; text-align: left; line-height: 1.5em; padding: 0px; } /* #footer .footer-2024 { display:none; visibility:hidden; } */ /* Call to action */ #footer .footer-call-to-action { background-color: #a8ddb9; background-color: #fbe876; padding: 30px 0px 45px 0px; } #footer .footer-call-to-action .row, section.plan-selector-section .footer-call-to-action .row { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 30px; } #footer .footer-call-to-action .row > div, section.plan-selector-section .footer-call-to-action .row > div { margin-top: 1em; margin-bottom: 1em; } #footer .footer-call-to-action .row > div > a, #footer .footer-call-to-action .row > div > button, section.plan-selector-section .footer-call-to-action .row > div > a, section.plan-selector-section .footer-call-to-action .row > div > button { cursor: pointer; cursor: hand; text-decoration: none; border: none 0px; background-color: transparent; outline: none; text-align: left; height: 100%; padding: 0px; } #footer .footer-call-to-action .card, section.plan-selector-section .footer-call-to-action .card { width: 100%; height: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: stretch; justify-content: flex-start; align-items: center; padding: 15px; border-radius: 60px; } #footer .footer-call-to-action a:hover .card, section.plan-selector-section .footer-call-to-action a:hover .card { background-color: #ffdc11; background: #e7a9a9; background: linear-gradient(90deg, #eda402 0%, #ff7171 50%, #d52929 100%); color: white; } #footer .footer-call-to-action a:hover .card .card-body .card-title, section.plan-selector-section .footer-call-to-action a:hover .card .card-body .card-title { color: white; } #footer .footer-call-to-action a:hover .card .card-img-top, section.plan-selector-section .footer-call-to-action a:hover .card .card-img-top { border-color: #ffffff99; filter: brightness(0) invert(1); } #footer .footer-call-to-action .card .card-img-top, section.plan-selector-section .footer-call-to-action .card .card-img-top { max-width: 48px; max-height: 48px; object-fit: scale-down; margin-left: 30px; padding-right: 15px; border-right: solid 2px #ff7171; } #footer .footer-call-to-action .card .card-body, section.plan-selector-section .footer-call-to-action .card .card-body { background-color: transparent; padding: 0px 15px; } #footer .footer-call-to-action .card .card-body .card-title, section.plan-selector-section .footer-call-to-action .card .card-body .card-title { background-color: transparent; margin: 0px 0px 2px 0px; } #footer .footer-call-to-action .card .card-body p.card-text, section.plan-selector-section .footer-call-to-action .card .card-body p.card-text { font-size: 0.9em; line-height: 1.2em; max-width: 90%; } /* Footer Links */ #footer .footer-quick-links { padding: 30px 0px 45px 0px; font-size: 0.9em; } #footer .footer-quick-links h4 { font-size: 1.1em; } #footer .footer-quick-links p { max-width: 250px; margin-bottom: 2em; line-height: 1.4em; } #footer .footer-quick-links .footer-contact-links img { width: 1em; margin-right: 10px; } #footer .footer-quick-links .footer-social-links { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; margin-top: 2em; } #footer .footer-quick-links .footer-social-links a { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; } #footer .footer-quick-links .footer-social-links img { height: 16px; margin-right: 15px; } #footer .footer-quick-links .trusted img { max-width: 60px; margin-right: 10px; } #footer .footer-quick-links .trusted p { line-height: 1.2em; } #footer .footer-quick-links .trusted p b { margin-bottom: 5px; } #footer .footer-copyright { font-size: 0.8em; background-color: #343a40; color: white; padding: 5px 0px; } #footer .footer-copyright a { color: white; } /*Responsive -----------------------------------------------------------------------------------------*/ @media (max-width: 767px) { #masthead.container { padding-bottom: 0px; } #masthead.container #logo { margin: 0px; } #masthead.container #main_menu_bar, #masthead.container .masthead_menu #main_menu_bar .navbar-default > .container > .navbar-collapse { width: 100%; } body.Home section.lead { height: 300px; } body.Home section.lead > .container { padding: 20px 15px 15px 15px; } body.Home section > .container h1 { font-size: 2.6em; line-height: 1em; margin-top: 15px; max-width: 100%; } section.lead > .container .search_panel label { padding-right: 5px; margin-right: 0px; } body #content.container section .row.text-center h2 { max-width: 90%; margin: 15px auto; } } /* survey form */ form#CourseFeedback { padding: 30px; } form#CourseFeedback ol#feedback.container, form#CourseFeedback ol#feedback.container li.form-group { margin: 0px; padding: 0px; list-style-type: none !important; display: block !important; } form#CourseFeedback ol#feedback.container li.form-group .h3.question-text { font-size: 1em; font-family: 'Myriad Pro', 'myriad-pro', -apple-system, BlinkMacSystemFont, 'Aptos', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif; font-weight: 600; line-height: 1.5em; } form#CourseFeedback ol#feedback.container li.form-group { display: none; visibility: hidden; } form#CourseFeedback ol#feedback.container.ready li.form-group { display: block !important; visibility: visible !important; } form#CourseFeedback ol#feedback.container.ready li.form-group[question_type="textbox"] { display: flex !important; flex-wrap: nowrap; align-items: center; column-gap: 15px; } form#CourseFeedback ol#feedback.container.ready li.form-group[question_type="textbox"] > div:first-child { width: 160px; } form#CourseFeedback ol#feedback.container.ready li.form-group[question_type="textbox"] > div:last-child { flex-grow: 1; } form#CourseFeedback ol#feedback.container li.form-group[data-lead-hidden="true"], form#CourseFeedback ol#feedback.container.ready li.form-group[data-lead-hidden="true"] { width: 0px; height: 0px; font-size: 0px; overflow: hidden; margin: 0px; padding: 0px; display: inline-block; position: absolute; top: 0px; right: 0px; } form#CourseFeedback ol#feedback.container .form-group > .textarea .fr-box.fr-basic.fr-top { border: solid 1px #cccccc; border-radius: 17px; overflow: hidden; } form#CourseFeedback ol#feedback.container .form-group > .textarea .fr-box.fr-basic.fr-top > .fr-toolbar, form#CourseFeedback ol#feedback.container .form-group > .textarea .fr-box.fr-basic.fr-top > .second-toolbar { display: none !important; visibility: hidden !important; } #CourseFeedback .button_container { margin: 0px; } #CourseFeedback .button_container #FeedbackSubmit { float: left !important; } #html[data-pagename="SurveyFeedback"] div.info { background-color: white; } #html[data-pagename="SurveyFeedback"] div.info > * { display: none; visibility: hidden; } #html[data-pagename="SurveyFeedback"] div.info > .form_submitted_confirmation { display: block; visibility: visible; } /* Redirects */ html[data-programid="7e855035-28bb-4f2e-a17c-a64362c6f2d4"] #masthead.container { top: 0px; } html[data-programid="7e855035-28bb-4f2e-a17c-a64362c6f2d4"] #masthead .masthead_search.masthead_menu { display: none; visibility: hidden; }