diff --git a/video_xblock/public/fonts/OpenSans/OpenSans-Bold-webfont.ttf b/video_xblock/public/fonts/OpenSans/OpenSans-Bold-webfont.ttf new file mode 100755 index 00000000..e71279d2 Binary files /dev/null and b/video_xblock/public/fonts/OpenSans/OpenSans-Bold-webfont.ttf differ diff --git a/video_xblock/public/fonts/OpenSans/OpenSans-Bold-webfont.woff b/video_xblock/public/fonts/OpenSans/OpenSans-Bold-webfont.woff new file mode 100755 index 00000000..21288dfc Binary files /dev/null and b/video_xblock/public/fonts/OpenSans/OpenSans-Bold-webfont.woff differ diff --git a/video_xblock/public/fonts/OpenSans/OpenSans-Bold-webfont.woff2 b/video_xblock/public/fonts/OpenSans/OpenSans-Bold-webfont.woff2 new file mode 100755 index 00000000..c80b2d2a Binary files /dev/null and b/video_xblock/public/fonts/OpenSans/OpenSans-Bold-webfont.woff2 differ diff --git a/video_xblock/public/fonts/OpenSans/OpenSans-BoldItalic-webfont.ttf b/video_xblock/public/fonts/OpenSans/OpenSans-BoldItalic-webfont.ttf new file mode 100755 index 00000000..0796612e Binary files /dev/null and b/video_xblock/public/fonts/OpenSans/OpenSans-BoldItalic-webfont.ttf differ diff --git a/video_xblock/public/fonts/OpenSans/OpenSans-BoldItalic-webfont.woff b/video_xblock/public/fonts/OpenSans/OpenSans-BoldItalic-webfont.woff new file mode 100755 index 00000000..f8a69140 Binary files /dev/null and b/video_xblock/public/fonts/OpenSans/OpenSans-BoldItalic-webfont.woff differ diff --git a/video_xblock/public/fonts/OpenSans/OpenSans-BoldItalic-webfont.woff2 b/video_xblock/public/fonts/OpenSans/OpenSans-BoldItalic-webfont.woff2 new file mode 100755 index 00000000..60d8de4f Binary files /dev/null and b/video_xblock/public/fonts/OpenSans/OpenSans-BoldItalic-webfont.woff2 differ diff --git a/video_xblock/public/fonts/OpenSans/OpenSans-Italic-webfont.ttf b/video_xblock/public/fonts/OpenSans/OpenSans-Italic-webfont.ttf new file mode 100755 index 00000000..88a72b3e Binary files /dev/null and b/video_xblock/public/fonts/OpenSans/OpenSans-Italic-webfont.ttf differ diff --git a/video_xblock/public/fonts/OpenSans/OpenSans-Italic-webfont.woff b/video_xblock/public/fonts/OpenSans/OpenSans-Italic-webfont.woff new file mode 100755 index 00000000..0fc3e445 Binary files /dev/null and b/video_xblock/public/fonts/OpenSans/OpenSans-Italic-webfont.woff differ diff --git a/video_xblock/public/fonts/OpenSans/OpenSans-Italic-webfont.woff2 b/video_xblock/public/fonts/OpenSans/OpenSans-Italic-webfont.woff2 new file mode 100755 index 00000000..440b74c3 Binary files /dev/null and b/video_xblock/public/fonts/OpenSans/OpenSans-Italic-webfont.woff2 differ diff --git a/video_xblock/public/fonts/OpenSans/OpenSans-Light-webfont.ttf b/video_xblock/public/fonts/OpenSans/OpenSans-Light-webfont.ttf new file mode 100755 index 00000000..d4fb7217 Binary files /dev/null and b/video_xblock/public/fonts/OpenSans/OpenSans-Light-webfont.ttf differ diff --git a/video_xblock/public/fonts/OpenSans/OpenSans-Light-webfont.woff b/video_xblock/public/fonts/OpenSans/OpenSans-Light-webfont.woff new file mode 100755 index 00000000..8dd610ce Binary files /dev/null and b/video_xblock/public/fonts/OpenSans/OpenSans-Light-webfont.woff differ diff --git a/video_xblock/public/fonts/OpenSans/OpenSans-Light-webfont.woff2 b/video_xblock/public/fonts/OpenSans/OpenSans-Light-webfont.woff2 new file mode 100755 index 00000000..d0b43e0a Binary files /dev/null and b/video_xblock/public/fonts/OpenSans/OpenSans-Light-webfont.woff2 differ diff --git a/video_xblock/public/fonts/OpenSans/OpenSans-LightItalic-webfont.ttf b/video_xblock/public/fonts/OpenSans/OpenSans-LightItalic-webfont.ttf new file mode 100755 index 00000000..913b0f53 Binary files /dev/null and b/video_xblock/public/fonts/OpenSans/OpenSans-LightItalic-webfont.ttf differ diff --git a/video_xblock/public/fonts/OpenSans/OpenSans-LightItalic-webfont.woff b/video_xblock/public/fonts/OpenSans/OpenSans-LightItalic-webfont.woff new file mode 100755 index 00000000..f0204140 Binary files /dev/null and b/video_xblock/public/fonts/OpenSans/OpenSans-LightItalic-webfont.woff differ diff --git a/video_xblock/public/fonts/OpenSans/OpenSans-LightItalic-webfont.woff2 b/video_xblock/public/fonts/OpenSans/OpenSans-LightItalic-webfont.woff2 new file mode 100755 index 00000000..21a92a7e Binary files /dev/null and b/video_xblock/public/fonts/OpenSans/OpenSans-LightItalic-webfont.woff2 differ diff --git a/video_xblock/public/fonts/OpenSans/OpenSans-Regular-webfont.ttf b/video_xblock/public/fonts/OpenSans/OpenSans-Regular-webfont.ttf new file mode 100755 index 00000000..1638039b Binary files /dev/null and b/video_xblock/public/fonts/OpenSans/OpenSans-Regular-webfont.ttf differ diff --git a/video_xblock/public/fonts/OpenSans/OpenSans-Regular-webfont.woff b/video_xblock/public/fonts/OpenSans/OpenSans-Regular-webfont.woff new file mode 100755 index 00000000..0ad69fb5 Binary files /dev/null and b/video_xblock/public/fonts/OpenSans/OpenSans-Regular-webfont.woff differ diff --git a/video_xblock/public/fonts/OpenSans/OpenSans-Regular-webfont.woff2 b/video_xblock/public/fonts/OpenSans/OpenSans-Regular-webfont.woff2 new file mode 100755 index 00000000..f778f9c8 Binary files /dev/null and b/video_xblock/public/fonts/OpenSans/OpenSans-Regular-webfont.woff2 differ diff --git a/video_xblock/public/fonts/OpenSans/OpenSans-Semibold-webfont.ttf b/video_xblock/public/fonts/OpenSans/OpenSans-Semibold-webfont.ttf new file mode 100755 index 00000000..0e5dfbe8 Binary files /dev/null and b/video_xblock/public/fonts/OpenSans/OpenSans-Semibold-webfont.ttf differ diff --git a/video_xblock/public/fonts/OpenSans/OpenSans-Semibold-webfont.woff b/video_xblock/public/fonts/OpenSans/OpenSans-Semibold-webfont.woff new file mode 100755 index 00000000..22544e6a Binary files /dev/null and b/video_xblock/public/fonts/OpenSans/OpenSans-Semibold-webfont.woff differ diff --git a/video_xblock/public/fonts/OpenSans/OpenSans-Semibold-webfont.woff2 b/video_xblock/public/fonts/OpenSans/OpenSans-Semibold-webfont.woff2 new file mode 100755 index 00000000..852f7106 Binary files /dev/null and b/video_xblock/public/fonts/OpenSans/OpenSans-Semibold-webfont.woff2 differ diff --git a/video_xblock/public/fonts/OpenSans/OpenSans-SemiboldItalic-webfont.ttf b/video_xblock/public/fonts/OpenSans/OpenSans-SemiboldItalic-webfont.ttf new file mode 100755 index 00000000..96240a6e Binary files /dev/null and b/video_xblock/public/fonts/OpenSans/OpenSans-SemiboldItalic-webfont.ttf differ diff --git a/video_xblock/public/fonts/OpenSans/OpenSans-SemiboldItalic-webfont.woff b/video_xblock/public/fonts/OpenSans/OpenSans-SemiboldItalic-webfont.woff new file mode 100755 index 00000000..8956812e Binary files /dev/null and b/video_xblock/public/fonts/OpenSans/OpenSans-SemiboldItalic-webfont.woff differ diff --git a/video_xblock/public/fonts/OpenSans/OpenSans-SemiboldItalic-webfont.woff2 b/video_xblock/public/fonts/OpenSans/OpenSans-SemiboldItalic-webfont.woff2 new file mode 100755 index 00000000..b0c2a26b Binary files /dev/null and b/video_xblock/public/fonts/OpenSans/OpenSans-SemiboldItalic-webfont.woff2 differ diff --git a/video_xblock/public/images/drag-handles.png b/video_xblock/public/images/drag-handles.png new file mode 100644 index 00000000..f3ae6868 Binary files /dev/null and b/video_xblock/public/images/drag-handles.png differ diff --git a/video_xblock/public/images/large-advanced-icon.png b/video_xblock/public/images/large-advanced-icon.png new file mode 100644 index 00000000..4e15c9e5 Binary files /dev/null and b/video_xblock/public/images/large-advanced-icon.png differ diff --git a/video_xblock/public/images/large-discussion-icon.png b/video_xblock/public/images/large-discussion-icon.png new file mode 100644 index 00000000..82a7b368 Binary files /dev/null and b/video_xblock/public/images/large-discussion-icon.png differ diff --git a/video_xblock/public/images/large-html-icon.png b/video_xblock/public/images/large-html-icon.png new file mode 100644 index 00000000..0aaf73ac Binary files /dev/null and b/video_xblock/public/images/large-html-icon.png differ diff --git a/video_xblock/public/images/large-problem-icon.png b/video_xblock/public/images/large-problem-icon.png new file mode 100644 index 00000000..21daa0c7 Binary files /dev/null and b/video_xblock/public/images/large-problem-icon.png differ diff --git a/video_xblock/public/images/large-video-icon.png b/video_xblock/public/images/large-video-icon.png new file mode 100644 index 00000000..b9d3b073 Binary files /dev/null and b/video_xblock/public/images/large-video-icon.png differ diff --git a/video_xblock/settings.py b/video_xblock/settings.py new file mode 100644 index 00000000..41582563 --- /dev/null +++ b/video_xblock/settings.py @@ -0,0 +1,193 @@ +# -*- coding: utf-8 -*- +""" +This is the common settings file, intended to set defaults +""" + +ALL_LANGUAGES = ( + [u"aa", u"Afar"], + [u"ab", u"Abkhazian"], + [u"af", u"Afrikaans"], + [u"ak", u"Akan"], + [u"sq", u"Albanian"], + [u"am", u"Amharic"], + [u"ar", u"Arabic"], + [u"an", u"Aragonese"], + [u"hy", u"Armenian"], + [u"as", u"Assamese"], + [u"av", u"Avaric"], + [u"ae", u"Avestan"], + [u"ay", u"Aymara"], + [u"az", u"Azerbaijani"], + [u"ba", u"Bashkir"], + [u"bm", u"Bambara"], + [u"eu", u"Basque"], + [u"be", u"Belarusian"], + [u"bn", u"Bengali"], + [u"bh", u"Bihari languages"], + [u"bi", u"Bislama"], + [u"bs", u"Bosnian"], + [u"br", u"Breton"], + [u"bg", u"Bulgarian"], + [u"my", u"Burmese"], + [u"ca", u"Catalan"], + [u"ch", u"Chamorro"], + [u"ce", u"Chechen"], + [u"zh", u"Chinese"], + [u"zh_HANS", u"Simplified Chinese"], + [u"zh_HANT", u"Traditional Chinese"], + [u"cu", u"Church Slavic"], + [u"cv", u"Chuvash"], + [u"kw", u"Cornish"], + [u"co", u"Corsican"], + [u"cr", u"Cree"], + [u"cs", u"Czech"], + [u"da", u"Danish"], + [u"dv", u"Divehi"], + [u"nl", u"Dutch"], + [u"dz", u"Dzongkha"], + [u"en", u"English"], + [u"eo", u"Esperanto"], + [u"et", u"Estonian"], + [u"ee", u"Ewe"], + [u"fo", u"Faroese"], + [u"fj", u"Fijian"], + [u"fi", u"Finnish"], + [u"fr", u"French"], + [u"fy", u"Western Frisian"], + [u"ff", u"Fulah"], + [u"ka", u"Georgian"], + [u"de", u"German"], + [u"gd", u"Gaelic"], + [u"ga", u"Irish"], + [u"gl", u"Galician"], + [u"gv", u"Manx"], + [u"el", u"Greek"], + [u"gn", u"Guarani"], + [u"gu", u"Gujarati"], + [u"ht", u"Haitian"], + [u"ha", u"Hausa"], + [u"he", u"Hebrew"], + [u"hz", u"Herero"], + [u"hi", u"Hindi"], + [u"ho", u"Hiri Motu"], + [u"hr", u"Croatian"], + [u"hu", u"Hungarian"], + [u"ig", u"Igbo"], + [u"is", u"Icelandic"], + [u"io", u"Ido"], + [u"ii", u"Sichuan Yi"], + [u"iu", u"Inuktitut"], + [u"ie", u"Interlingue"], + [u"ia", u"Interlingua"], + [u"id", u"Indonesian"], + [u"ik", u"Inupiaq"], + [u"it", u"Italian"], + [u"jv", u"Javanese"], + [u"ja", u"Japanese"], + [u"kl", u"Kalaallisut"], + [u"kn", u"Kannada"], + [u"ks", u"Kashmiri"], + [u"kr", u"Kanuri"], + [u"kk", u"Kazakh"], + [u"km", u"Central Khmer"], + [u"ki", u"Kikuyu"], + [u"rw", u"Kinyarwanda"], + [u"ky", u"Kirghiz"], + [u"kv", u"Komi"], + [u"kg", u"Kongo"], + [u"ko", u"Korean"], + [u"kj", u"Kuanyama"], + [u"ku", u"Kurdish"], + [u"lo", u"Lao"], + [u"la", u"Latin"], + [u"lv", u"Latvian"], + [u"li", u"Limburgan"], + [u"ln", u"Lingala"], + [u"lt", u"Lithuanian"], + [u"lb", u"Luxembourgish"], + [u"lu", u"Luba-Katanga"], + [u"lg", u"Ganda"], + [u"mk", u"Macedonian"], + [u"mh", u"Marshallese"], + [u"ml", u"Malayalam"], + [u"mi", u"Maori"], + [u"mr", u"Marathi"], + [u"ms", u"Malay"], + [u"mg", u"Malagasy"], + [u"mt", u"Maltese"], + [u"mn", u"Mongolian"], + [u"na", u"Nauru"], + [u"nv", u"Navajo"], + [u"nr", u"Ndebele, South"], + [u"nd", u"Ndebele, North"], + [u"ng", u"Ndonga"], + [u"ne", u"Nepali"], + [u"nn", u"Norwegian Nynorsk"], + [u"nb", u"Bokmål, Norwegian"], + [u"no", u"Norwegian"], + [u"ny", u"Chichewa"], + [u"oc", u"Occitan"], + [u"oj", u"Ojibwa"], + [u"or", u"Oriya"], + [u"om", u"Oromo"], + [u"os", u"Ossetian"], + [u"pa", u"Panjabi"], + [u"fa", u"Persian"], + [u"pi", u"Pali"], + [u"pl", u"Polish"], + [u"pt", u"Portuguese"], + [u"ps", u"Pushto"], + [u"qu", u"Quechua"], + [u"rm", u"Romansh"], + [u"ro", u"Romanian"], + [u"rn", u"Rundi"], + [u"ru", u"Russian"], + [u"sg", u"Sango"], + [u"sa", u"Sanskrit"], + [u"si", u"Sinhala"], + [u"sk", u"Slovak"], + [u"sl", u"Slovenian"], + [u"se", u"Northern Sami"], + [u"sm", u"Samoan"], + [u"sn", u"Shona"], + [u"sd", u"Sindhi"], + [u"so", u"Somali"], + [u"st", u"Sotho, Southern"], + [u"es", u"Spanish"], + [u"sc", u"Sardinian"], + [u"sr", u"Serbian"], + [u"ss", u"Swati"], + [u"su", u"Sundanese"], + [u"sw", u"Swahili"], + [u"sv", u"Swedish"], + [u"ty", u"Tahitian"], + [u"ta", u"Tamil"], + [u"tt", u"Tatar"], + [u"te", u"Telugu"], + [u"tg", u"Tajik"], + [u"tl", u"Tagalog"], + [u"th", u"Thai"], + [u"bo", u"Tibetan"], + [u"ti", u"Tigrinya"], + [u"to", u"Tonga (Tonga Islands)"], + [u"tn", u"Tswana"], + [u"ts", u"Tsonga"], + [u"tk", u"Turkmen"], + [u"tr", u"Turkish"], + [u"tw", u"Twi"], + [u"ug", u"Uighur"], + [u"uk", u"Ukrainian"], + [u"ur", u"Urdu"], + [u"uz", u"Uzbek"], + [u"ve", u"Venda"], + [u"vi", u"Vietnamese"], + [u"vo", u"Volapük"], + [u"cy", u"Welsh"], + [u"wa", u"Walloon"], + [u"wo", u"Wolof"], + [u"xh", u"Xhosa"], + [u"yi", u"Yiddish"], + [u"yo", u"Yoruba"], + [u"za", u"Zhuang"], + [u"zu", u"Zulu"] +) diff --git a/video_xblock/static/css/studio-main-v1.css b/video_xblock/static/css/studio-main-v1.css new file mode 100644 index 00000000..0efb8a61 --- /dev/null +++ b/video_xblock/static/css/studio-main-v1.css @@ -0,0 +1,18433 @@ +* { + text-rendering: optimizeLegibility; +} +html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +html, body { + height: 100%} +article, aside, details, figcaption, figure, footer, header, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, q:before, q:after { + content: ''; + content: none; +} +ins { + text-decoration: none; +} +del { + text-decoration: line-through; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +abbr[title] { + border-bottom: none; + text-decoration: none; + cursor: help; +} +.ui-col-wide, .view-signup .content-primary, .view-signin .content-primary, .view-util .content-primary, .view-uploads .content-primary, .view-dashboard .content-primary, .view-export .content-primary, .view-import .content-primary, .view-outline .content-primary, .view-settings .content-primary, .view-team .content-primary, .view-textbooks .content-primary, .view-video-uploads .content-primary { + width: 74.46809%; + margin-right: 2.12766%; + float: left; +} +.ui-col-narrow, .view-signup .content-supplementary, .view-signin .content-supplementary, .view-util .content-supplementary, .view-uploads .content-supplementary, .view-dashboard .content-supplementary, .view-export .content-supplementary, .view-import .content-supplementary, .view-outline .content-supplementary, .view-settings .content-supplementary, .view-team .content-supplementary, .view-textbooks .content-supplementary, .view-video-uploads .content-supplementary { + width: 23.40426%; + float: left; +} +.outline-complex .outline-section, .form-create, body.uxdesign.alerts .content-primary, .course-handouts, .view-dashboard .courses-processing .wrapper-course, .view-export .export-controls, .view-import .export-controls, .view-import .import-form, .view-settings .content-primary, .edit-static-page .static-page-details, .view-team .user-list .user-item, .view-textbooks .content-primary .textbook, .view-export-git .export-git-controls, .view-group-configurations .content-primary .wrapper-collection, .view-certificates .wrapper-collection, .view-certificates .certificates .signatory-details, .view-certificates .certificates .signatory-edit { + border-radius: 2px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + margin-bottom: 20px; + border: 1px solid #b2b2b2; + background: #fff; +} +.outline-complex .outline-section:after, .form-create:after, body.uxdesign.alerts .content-primary:after, .course-handouts:after, .view-dashboard .courses-processing .wrapper-course:after, .view-export .export-controls:after, .view-import .export-controls:after, .view-import .import-form:after, .view-settings .content-primary:after, .edit-static-page .static-page-details:after, .view-team .user-list .user-item:after, .view-textbooks .content-primary .textbook:after, .view-export-git .export-git-controls:after, .view-group-configurations .content-primary .wrapper-collection:after, .view-certificates .wrapper-collection:after, .view-certificates .certificates .signatory-details:after, .view-certificates .certificates .signatory-edit:after { + content: ""; + display: table; + clear: both; +} +.outline-complex .outline-section:hover, .form-create:hover, body.uxdesign.alerts .content-primary:hover, .course-handouts:hover, .view-dashboard .courses-processing .wrapper-course:hover, .view-export .export-controls:hover, .view-import .export-controls:hover, .view-import .import-form:hover, .view-settings .content-primary:hover, .edit-static-page .static-page-details:hover, .view-team .user-list .user-item:hover, .view-textbooks .content-primary .textbook:hover, .view-export-git .export-git-controls:hover, .view-group-configurations .content-primary .wrapper-collection:hover, .view-certificates .wrapper-collection:hover, .view-certificates .certificates .signatory-details:hover, .view-certificates .certificates .signatory-edit:hover, .outline-complex .outline-section:active, .form-create:active, body.uxdesign.alerts .content-primary:active, .course-handouts:active, .view-dashboard .courses-processing .wrapper-course:active, .view-export .export-controls:active, .view-import .export-controls:active, .view-import .import-form:active, .view-settings .content-primary:active, .edit-static-page .static-page-details:active, .view-team .user-list .user-item:active, .view-textbooks .content-primary .textbook:active, .view-export-git .export-git-controls:active, .view-group-configurations .content-primary .wrapper-collection:active, .view-certificates .wrapper-collection:active, .view-certificates .certificates .signatory-details:active, .view-certificates .certificates .signatory-edit:active { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); +} +.fake-link, .wrapper-header .nav-dd .title:hover, .wrapper-header .nav-dd .title:active, .view-outline .outline-complex .outline-section.is-collapsible .ui-toggle-expansion:hover, .view-outline .outline-complex .outline-subsection.is-collapsible .ui-toggle-expansion:hover, .view-outline .outline-complex .outline-section.is-collapsible .ui-toggle-expansion:active, .view-outline .outline-complex .outline-subsection.is-collapsible .ui-toggle-expansion:active, .view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints .proofpoint:hover, .view-textbooks .content-primary .textbook .view-textbook.is-selectable, .view-group-configurations .content-primary .wrapper-collection .collection-header .title .toggle.is-selectable, .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .modal-ui-icon, .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-link, .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal, .xmodule_display.xmodule_CourseModule .sequence-nav ol li button, .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .modal-ui-icon, .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-link, .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal, .xmodule_display.xmodule_AnnotatableModule .annotatable-span, .xmodule_display.xmodule_CapaModule div.problem .annotation-input ul.tags li .tag, .xmodule_display.xmodule_PollModule div.poll_question .poll_answer .question .button, .xmodule_display.xmodule_PollModule div.poll_question .poll_answer .question .text, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .slider .ui-slider-handle, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container .volume-slider .ui-slider-handle, .xmodule_display.xmodule_VideoModule .video .subtitles .subtitles-menu li, .xmodule_display.xmodule_VideoModule .a11y-menu-container .a11y-menu-list li, .xmodule_display.xmodule_VideoAnnotationModule .annotatable-span, .xmodule_display.xmodule_AboutModule .wrapper-modal-image .modal-ui-icon, .xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-link, .xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal, .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input ul.tags li .tag, .xmodule_display.xmodule_SequenceModule .sequence-nav ol li button, .xmodule_display.xmodule_TextAnnotationModule .annotatable-span, .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .modal-ui-icon, .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-link, .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal, .xmodule_display.xmodule_ImageAnnotationModule .annotatable-span { + cursor: pointer; +} +.wrapper-mast .mast.has-navigation .navigation-link.navigation-current, .is-disabled, .wrapper-mast .mast.has-navigation .navigation-item.navigation-current, .view-static-pages .course-nav-item.is-fixed, .view-container .content-supplementary .unit-location .wrapper-unit-tree-location .is-current .unit-title a, .view-container .content-supplementary .library-location .wrapper-unit-tree-location .is-current .unit-title a, .view-certificates .wrapper-collection .collection-edit .disableClick { + pointer-events: none; + outline: none; + cursor: default; +} +.wrapper-sock .wrapper-inner, .xmodule_display.xmodule_VideoModule .video.closed .subtitles.html5 { + z-index: 0; +} +.wrapper-xblock .container-paging-header .pagination .current-page, .wrapper-xblock .container-paging-footer .pagination .current-page, .wrapper-assets .assets-library .pagination .current-page, .wrapper-sock .list-cta, .view-uploads .assets-library .pagination .current-page, .view-dashboard .wrapper-creationrights .ui-toggle-target, .view-static-pages .component .drag-handle, .view-static-pages .course-nav-item .drag-handle, .xmodule_display.xmodule_CapaModule div.problem .CodeMirror pre.CodeMirror-cursor, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container, .xmodule_display.xmodule_ConditionalModule div.problem .CodeMirror pre.CodeMirror-cursor { + z-index: 10; +} +.view-team .user-list .user-item .is-hanging.flag-role, .wrapper-xblock .container-paging-header .pagination .pagination-form, .wrapper-xblock .container-paging-footer .pagination .pagination-form, .wrapper-assets .assets-library .pagination .pagination-form, .wrapper-alert, .view-uploads .assets-library .pagination .pagination-form, .view-uploads .assets-library table th.nav-dd .wrapper-nav-sub, .view-dashboard .wrapper-creationrights .ui-toggle-control, .view-dashboard .course-item .course-link, .view-dashboard .courses-processing .course-details, .xmodule_display.xmodule_CourseModule .sequence-nav .sequence-list-wrapper, .xmodule_display.xmodule_CourseModule .sequence-nav ol li button .sequence-tooltip, .xmodule_display.xmodule_SequenceModule .sequence-nav .sequence-list-wrapper, .xmodule_display.xmodule_SequenceModule .sequence-nav ol li button .sequence-tooltip { + z-index: 100; +} +.is-draggable .draggable-drop-indicator, .wrapper-header, .modal-cover, [class*="view-"] .modal-window, [class*="view-"] .modal-window-overlay, .view-dashboard .course-item:hover .view-live-button, .view-dashboard .course-item .course-actions, .view-outline .ui-splint-indicator .draggable-drop-indicator, .xmodule_display.xmodule_CourseModule .sequence-nav-button, .xmodule_display.xmodule_VideoModule .video .video-pre-roll, .xmodule_display.xmodule_VideoModule .a11y-menu-container .a11y-menu-list, .xmodule_display.xmodule_SequenceModule .sequence-nav-button { + z-index: 1000; +} +.is-dragging, .modal, #lean_overlay, .course-updates .update-list>li.editing, .edit-handouts-form, .view-static-pages .unit-body .wrapper-component-editor, .xmodule_display.xmodule_VideoModule .video.video-fullscreen, .xmodule_display.xmodule_VideoModule .video.video-fullscreen .tc-wrapper .video-controls, .xmodule_display.xmodule_VideoModule .overlay { + z-index: 10000; +} +.wrapper-prompt, .wrapper-notification, .tooltip, .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal, .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal, .xmodule_display.xmodule_VideoModule .contextmenu, .xmodule_display.xmodule_VideoModule .submenu, .xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal, .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal { + z-index: 100000; +} +.bit .list-actions .action-item:last-child, .bit .list-details .item-detail:last-child, .bit .nav-related .nav-item:last-child, .bit .nav-page .nav-item:last-child, [class*="view-"] .xblock-visibility_view .visibility-controls-group:last-child, [class*="view-"] .xblock-visibility_view .list-fields .field:last-child, [class*="view-"] .xblock-visibility_view .is-not-configured .copy p:last-child, .view-export .export-contents .export-includes .item-detail:last-child, .view-export .export-contents .export-excludes .item-detail:last-child, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field:last-child, .view-certificates .wrapper-collection .collection-edit .field:last-child, .view-certificates .certificates .signatory-edit .field:last-child { + margin-bottom: 0; + border-bottom: none; + padding-bottom: 0; +} +.wrapper-mast .mast.has-actions .nav-actions .button, .wrapper-sock .sock .support .list-actions .action-primary, .wrapper-sock .sock .feedback .list-actions .action-primary, .notice-incontext.has-actions .list-actions .action-primary, .notice-instruction.has-actions .list-actions .action-primary, .view-dashboard .status-creationrights .list-actions .action-primary, .view-dashboard .status-creationrights .form-actions .action-primary, .view-dashboard .course-item:hover .view-live-button, .view-export .export-controls .action-export, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish, .view-export-git .export-git-controls .action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary, .view-certificates .wrapper-collection .collection-edit .actions .action-primary, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action, [class*="view-"] .xblock-visibility_view .is-not-configured .button, .view-outline .content-primary .no-content .button, .view-static-pages .content-primary .add-pages .button, .view-container .content-primary .no-container-content .button, .view-textbooks .content-primary .no-textbook-content .button, .view-group-configurations .content-primary .no-content .button, .view-certificates .content-primary .no-content .button, [class*="view-"] .xblock-visibility_view .is-not-configured .action, .view-outline .content-primary .no-content .action, .view-static-pages .content-primary .add-pages .action, .view-container .content-primary .no-container-content .action, .view-textbooks .content-primary .no-textbook-content .action, .view-group-configurations .content-primary .no-content .action, .view-certificates .content-primary .no-content .action, .add-xblock-component .new-component .new-component-type .add-xblock-component-button, .wrapper-mast .mast.has-actions .nav-actions .button.new-button, .wrapper-mast .mast.has-actions .nav-actions .button.button-new, .notice-create.has-actions .list-actions .action-primary, .view-uploads .no-asset-content .new-button, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-program, .view-import .action-choose-file, .view-import .wrapper-file-name .submit-button, .view-settings .group-settings.assignment-types .actions .new-button, .view-settings .group-settings.course-learning-info .actions .new-button, .view-settings .group-settings.instructor-types .actions .new-button, .view-team .content .notice-create.has-actions .list-actions .action-primary, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .button, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .action, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab, .view-dashboard .wrapper-creationrights .ui-toggle-control, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-secondary, .view-certificates .wrapper-collection .collection-edit .actions .action-secondary, .alert .action-dismiss .button, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .button, .wrapper-header .nav-dd .title { + box-sizing: border-box; + transition: color 0.25s ease-in-out 0s, border-color 0.25s ease-in-out 0s, background 0.25s ease-in-out 0s, box-shadow 0.25s ease-in-out 0s; + display: inline-block; + cursor: pointer; +} +.wrapper-mast .mast.has-actions .nav-actions .disabled.button, .wrapper-sock .sock .support .list-actions .disabled.action-primary, .wrapper-sock .sock .feedback .list-actions .disabled.action-primary, .notice-incontext.has-actions .list-actions .disabled.action-primary, .notice-instruction.has-actions .list-actions .disabled.action-primary, .view-dashboard .status-creationrights .list-actions .disabled.action-primary, .view-dashboard .status-creationrights .form-actions .disabled.action-primary, .view-dashboard .course-item:hover .disabled.view-live-button, .view-export .export-controls .disabled.action-export, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .disabled.action-primary, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .disabled.action-primary, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .disabled.action-publish, .view-export-git .export-git-controls .disabled.action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .disabled.action-primary, .view-certificates .wrapper-collection .collection-edit .actions .disabled.action-primary, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .disabled.action, [class*="view-"] .xblock-visibility_view .is-not-configured .disabled.button, .view-outline .content-primary .no-content .disabled.button, .view-static-pages .content-primary .add-pages .disabled.button, .view-container .content-primary .no-container-content .disabled.button, .view-textbooks .content-primary .no-textbook-content .disabled.button, .view-group-configurations .content-primary .no-content .disabled.button, .view-certificates .content-primary .no-content .disabled.button, [class*="view-"] .xblock-visibility_view .is-not-configured .disabled.action, .view-outline .content-primary .no-content .disabled.action, .view-static-pages .content-primary .add-pages .disabled.action, .view-container .content-primary .no-container-content .disabled.action, .view-textbooks .content-primary .no-textbook-content .disabled.action, .view-group-configurations .content-primary .no-content .disabled.action, .view-certificates .content-primary .no-content .disabled.action, .add-xblock-component .new-component .new-component-type .disabled.add-xblock-component-button, .notice-create.has-actions .list-actions .disabled.action-primary, .view-uploads .no-asset-content .disabled.new-button, .view-dashboard .content .notice-incontext.has-actions .list-actions .disabled.action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions .disabled.action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions .disabled.action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .disabled.action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .disabled.action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .disabled.action-create-program, .view-import .disabled.action-choose-file, .view-import .wrapper-file-name .disabled.submit-button, .view-settings .group-settings.assignment-types .actions .disabled.new-button, .view-settings .group-settings.course-learning-info .actions .disabled.new-button, .view-settings .group-settings.instructor-types .actions .disabled.new-button, .view-team .content .notice-create.has-actions .list-actions .disabled.action-primary, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .disabled.button, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .disabled.action, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .disabled.editor-button, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .disabled.settings-button, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.disabled.tab, .view-dashboard .wrapper-creationrights .disabled.ui-toggle-control, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .disabled.action-secondary, .view-certificates .wrapper-collection .collection-edit .actions .disabled.action-secondary, .alert .action-dismiss .disabled.button, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .disabled.button, .wrapper-header .nav-dd .disabled.title, .wrapper-mast .mast.has-actions .nav-actions [disabled].button, .wrapper-sock .sock .support .list-actions [disabled].action-primary, .wrapper-sock .sock .feedback .list-actions [disabled].action-primary, .notice-incontext.has-actions .list-actions [disabled].action-primary, .notice-instruction.has-actions .list-actions [disabled].action-primary, .view-dashboard .status-creationrights .list-actions [disabled].action-primary, .view-dashboard .status-creationrights .form-actions [disabled].action-primary, .view-dashboard .course-item:hover [disabled].view-live-button, .view-export .export-controls [disabled].action-export, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions [disabled].action-primary, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions [disabled].action-primary, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions [disabled].action-publish, .view-export-git .export-git-controls [disabled].action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions [disabled].action-primary, .view-certificates .wrapper-collection .collection-edit .actions [disabled].action-primary, .wrapper-comp-settings.basic_metadata_edit .transcripts-status [disabled].action, [class*="view-"] .xblock-visibility_view .is-not-configured [disabled].button, .view-outline .content-primary .no-content [disabled].button, .view-static-pages .content-primary .add-pages [disabled].button, .view-container .content-primary .no-container-content [disabled].button, .view-textbooks .content-primary .no-textbook-content [disabled].button, .view-group-configurations .content-primary .no-content [disabled].button, .view-certificates .content-primary .no-content [disabled].button, [class*="view-"] .xblock-visibility_view .is-not-configured [disabled].action, .view-outline .content-primary .no-content [disabled].action, .view-static-pages .content-primary .add-pages [disabled].action, .view-container .content-primary .no-container-content [disabled].action, .view-textbooks .content-primary .no-textbook-content [disabled].action, .view-group-configurations .content-primary .no-content [disabled].action, .view-certificates .content-primary .no-content [disabled].action, .add-xblock-component .new-component .new-component-type [disabled].add-xblock-component-button, .notice-create.has-actions .list-actions [disabled].action-primary, .view-uploads .no-asset-content [disabled].new-button, .view-dashboard .content .notice-incontext.has-actions .list-actions [disabled].action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions [disabled].action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions [disabled].action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions [disabled].action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions [disabled].action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions [disabled].action-create-program, .view-import [disabled].action-choose-file, .view-import .wrapper-file-name [disabled].submit-button, .view-settings .group-settings.assignment-types .actions [disabled].new-button, .view-settings .group-settings.course-learning-info .actions [disabled].new-button, .view-settings .group-settings.instructor-types .actions [disabled].new-button, .view-team .content .notice-create.has-actions .list-actions [disabled].action-primary, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content [disabled].button, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content [disabled].action, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item [disabled].editor-button, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item [disabled].settings-button, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a[disabled].tab, .view-dashboard .wrapper-creationrights [disabled].ui-toggle-control, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions [disabled].action-secondary, .view-certificates .wrapper-collection .collection-edit .actions [disabled].action-secondary, .alert .action-dismiss [disabled].button, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions [disabled].button, .wrapper-header .nav-dd [disabled].title, .wrapper-mast .mast.has-actions .nav-actions .is-disabled.button, .wrapper-sock .sock .support .list-actions .is-disabled.action-primary, .wrapper-sock .sock .feedback .list-actions .is-disabled.action-primary, .notice-incontext.has-actions .list-actions .is-disabled.action-primary, .notice-instruction.has-actions .list-actions .is-disabled.action-primary, .view-dashboard .status-creationrights .list-actions .is-disabled.action-primary, .view-dashboard .status-creationrights .form-actions .is-disabled.action-primary, .view-dashboard .course-item:hover .is-disabled.view-live-button, .view-export .export-controls .is-disabled.action-export, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .is-disabled.action-primary, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .is-disabled.action-primary, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .is-disabled.action-publish, .view-export-git .export-git-controls .is-disabled.action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .is-disabled.action-primary, .view-certificates .wrapper-collection .collection-edit .actions .is-disabled.action-primary, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .is-disabled.action, [class*="view-"] .xblock-visibility_view .is-not-configured .is-disabled.button, .view-outline .content-primary .no-content .is-disabled.button, .view-static-pages .content-primary .add-pages .is-disabled.button, .view-container .content-primary .no-container-content .is-disabled.button, .view-textbooks .content-primary .no-textbook-content .is-disabled.button, .view-group-configurations .content-primary .no-content .is-disabled.button, .view-certificates .content-primary .no-content .is-disabled.button, [class*="view-"] .xblock-visibility_view .is-not-configured .is-disabled.action, .view-outline .content-primary .no-content .is-disabled.action, .view-static-pages .content-primary .add-pages .is-disabled.action, .view-container .content-primary .no-container-content .is-disabled.action, .view-textbooks .content-primary .no-textbook-content .is-disabled.action, .view-group-configurations .content-primary .no-content .is-disabled.action, .view-certificates .content-primary .no-content .is-disabled.action, .add-xblock-component .new-component .new-component-type .is-disabled.add-xblock-component-button, .notice-create.has-actions .list-actions .is-disabled.action-primary, .view-uploads .no-asset-content .is-disabled.new-button, .view-dashboard .content .notice-incontext.has-actions .list-actions .is-disabled.action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions .is-disabled.action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions .is-disabled.action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .is-disabled.action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .is-disabled.action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .is-disabled.action-create-program, .view-import .is-disabled.action-choose-file, .view-import .wrapper-file-name .is-disabled.submit-button, .view-settings .group-settings.assignment-types .actions .is-disabled.new-button, .view-settings .group-settings.course-learning-info .actions .is-disabled.new-button, .view-settings .group-settings.instructor-types .actions .is-disabled.new-button, .view-team .content .notice-create.has-actions .list-actions .is-disabled.action-primary, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .is-disabled.button, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .is-disabled.action, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .is-disabled.editor-button, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .is-disabled.settings-button, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.is-disabled.tab, .view-dashboard .wrapper-creationrights .is-disabled.ui-toggle-control, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .is-disabled.action-secondary, .view-certificates .wrapper-collection .collection-edit .actions .is-disabled.action-secondary, .alert .action-dismiss .is-disabled.button, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .is-disabled.button, .wrapper-header .nav-dd .is-disabled.title { + cursor: default; + pointer-events: none; + border: 1px solid #ccc; + background-color: #ccc; + color: #f2f2f2; +} +.wrapper-mast .mast.has-actions .nav-actions .button .icon-inline, .wrapper-sock .sock .support .list-actions .action-primary .icon-inline, .wrapper-sock .sock .feedback .list-actions .action-primary .icon-inline, .notice-incontext.has-actions .list-actions .action-primary .icon-inline, .notice-instruction.has-actions .list-actions .action-primary .icon-inline, .view-dashboard .status-creationrights .list-actions .action-primary .icon-inline, .view-dashboard .status-creationrights .form-actions .action-primary .icon-inline, .view-dashboard .course-item:hover .view-live-button .icon-inline, .view-export .export-controls .action-export .icon-inline, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary .icon-inline, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary .icon-inline, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish .icon-inline, .view-export-git .export-git-controls .action-export-git .icon-inline, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary .icon-inline, .view-certificates .wrapper-collection .collection-edit .actions .action-primary .icon-inline, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action .icon-inline, [class*="view-"] .xblock-visibility_view .is-not-configured .button .icon-inline, .view-outline .content-primary .no-content .button .icon-inline, .view-static-pages .content-primary .add-pages .button .icon-inline, .view-container .content-primary .no-container-content .button .icon-inline, .view-textbooks .content-primary .no-textbook-content .button .icon-inline, .view-group-configurations .content-primary .no-content .button .icon-inline, .view-certificates .content-primary .no-content .button .icon-inline, [class*="view-"] .xblock-visibility_view .is-not-configured .action .icon-inline, .view-outline .content-primary .no-content .action .icon-inline, .view-static-pages .content-primary .add-pages .action .icon-inline, .view-container .content-primary .no-container-content .action .icon-inline, .view-textbooks .content-primary .no-textbook-content .action .icon-inline, .view-group-configurations .content-primary .no-content .action .icon-inline, .view-certificates .content-primary .no-content .action .icon-inline, .add-xblock-component .new-component .new-component-type .add-xblock-component-button .icon-inline, .notice-create.has-actions .list-actions .action-primary .icon-inline, .view-uploads .no-asset-content .new-button .icon-inline, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course .icon-inline, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library .icon-inline, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-program .icon-inline, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course .icon-inline, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library .icon-inline, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-program .icon-inline, .view-import .action-choose-file .icon-inline, .view-import .wrapper-file-name .submit-button .icon-inline, .view-settings .group-settings.assignment-types .actions .new-button .icon-inline, .view-settings .group-settings.course-learning-info .actions .new-button .icon-inline, .view-settings .group-settings.instructor-types .actions .new-button .icon-inline, .view-team .content .notice-create.has-actions .list-actions .action-primary .icon-inline, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .button .icon-inline, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .action .icon-inline, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button .icon-inline, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button .icon-inline, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab .icon-inline, .view-dashboard .wrapper-creationrights .ui-toggle-control .icon-inline, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-secondary .icon-inline, .view-certificates .wrapper-collection .collection-edit .actions .action-secondary .icon-inline, .alert .action-dismiss .button .icon-inline, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .button .icon-inline, .wrapper-header .nav-dd .title .icon-inline { + display: inline-block; + vertical-align: middle; + margin-right: 5px; +} +.wrapper-mast .mast.has-actions .nav-actions .button, .wrapper-sock .sock .support .list-actions .action-primary, .wrapper-sock .sock .feedback .list-actions .action-primary, .notice-incontext.has-actions .list-actions .action-primary, .notice-instruction.has-actions .list-actions .action-primary, .view-dashboard .status-creationrights .list-actions .action-primary, .view-dashboard .status-creationrights .form-actions .action-primary, .view-dashboard .course-item:hover .view-live-button, .view-export .export-controls .action-export, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish, .view-export-git .export-git-controls .action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary, .view-certificates .wrapper-collection .collection-edit .actions .action-primary, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action, [class*="view-"] .xblock-visibility_view .is-not-configured .button, .view-outline .content-primary .no-content .button, .view-static-pages .content-primary .add-pages .button, .view-container .content-primary .no-container-content .button, .view-textbooks .content-primary .no-textbook-content .button, .view-group-configurations .content-primary .no-content .button, .view-certificates .content-primary .no-content .button, [class*="view-"] .xblock-visibility_view .is-not-configured .action, .view-outline .content-primary .no-content .action, .view-static-pages .content-primary .add-pages .action, .view-container .content-primary .no-container-content .action, .view-textbooks .content-primary .no-textbook-content .action, .view-group-configurations .content-primary .no-content .action, .view-certificates .content-primary .no-content .action, .add-xblock-component .new-component .new-component-type .add-xblock-component-button, .wrapper-mast .mast.has-actions .nav-actions .button.new-button, .wrapper-mast .mast.has-actions .nav-actions .button.button-new, .notice-create.has-actions .list-actions .action-primary, .view-uploads .no-asset-content .new-button, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-program, .view-import .action-choose-file, .view-import .wrapper-file-name .submit-button, .view-settings .group-settings.assignment-types .actions .new-button, .view-settings .group-settings.course-learning-info .actions .new-button, .view-settings .group-settings.instructor-types .actions .new-button, .view-team .content .notice-create.has-actions .list-actions .action-primary, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .button, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .action, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab, .view-dashboard .wrapper-creationrights .ui-toggle-control, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-secondary, .view-certificates .wrapper-collection .collection-edit .actions .action-secondary, .alert .action-dismiss .button, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .button, .incontext-editor.is-editable .incontext-editor-open-action, .view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .edit, .view-certificates .wrapper-collection .collection-details .actions .action .edit, .view-certificates .wrapper-collection .collection-details .actions .action .edit-signatory, .wrapper-comp-settings .file-uploader .download-setting, .view-team .user-list .user-item .item-actions .delete, .view-textbooks .content-primary .textbook .view-textbook .actions .action .delete, .view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .delete, .view-video-uploads .button, .view-certificates .wrapper-collection .collection-details .actions .action .delete, .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .download-setting, .wrapper-header .nav-dd .title, .wrapper-sock .list-cta .cta-show-sock { + border-radius: 4px; +} +.wrapper-mast .mast.has-actions .nav-actions .button, .wrapper-sock .sock .support .list-actions .action-primary, .wrapper-sock .sock .feedback .list-actions .action-primary, .notice-incontext.has-actions .list-actions .action-primary, .notice-instruction.has-actions .list-actions .action-primary, .view-dashboard .status-creationrights .list-actions .action-primary, .view-dashboard .status-creationrights .form-actions .action-primary, .view-dashboard .course-item:hover .view-live-button, .view-export .export-controls .action-export, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish, .view-export-git .export-git-controls .action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary, .view-certificates .wrapper-collection .collection-edit .actions .action-primary, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action, [class*="view-"] .xblock-visibility_view .is-not-configured .button, .view-outline .content-primary .no-content .button, .view-static-pages .content-primary .add-pages .button, .view-container .content-primary .no-container-content .button, .view-textbooks .content-primary .no-textbook-content .button, .view-group-configurations .content-primary .no-content .button, .view-certificates .content-primary .no-content .button, [class*="view-"] .xblock-visibility_view .is-not-configured .action, .view-outline .content-primary .no-content .action, .view-static-pages .content-primary .add-pages .action, .view-container .content-primary .no-container-content .action, .view-textbooks .content-primary .no-textbook-content .action, .view-group-configurations .content-primary .no-content .action, .view-certificates .content-primary .no-content .action, .add-xblock-component .new-component .new-component-type .add-xblock-component-button, .wrapper-mast .mast.has-actions .nav-actions .button.new-button, .wrapper-mast .mast.has-actions .nav-actions .button.button-new, .notice-create.has-actions .list-actions .action-primary, .view-uploads .no-asset-content .new-button, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-program, .view-import .action-choose-file, .view-import .wrapper-file-name .submit-button, .view-settings .group-settings.assignment-types .actions .new-button, .view-settings .group-settings.course-learning-info .actions .new-button, .view-settings .group-settings.instructor-types .actions .new-button, .view-team .content .notice-create.has-actions .list-actions .action-primary, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .button, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .action { + padding: 10px 20px; + border-width: 1px; + border-style: solid; + box-shadow: none; + line-height: 1.5em; + text-align: center; +} +.wrapper-mast .mast.has-actions .nav-actions .button:hover, .wrapper-sock .sock .support .list-actions .action-primary:hover, .wrapper-sock .sock .feedback .list-actions .action-primary:hover, .notice-incontext.has-actions .list-actions .action-primary:hover, .notice-instruction.has-actions .list-actions .action-primary:hover, .view-dashboard .status-creationrights .list-actions .action-primary:hover, .view-dashboard .status-creationrights .form-actions .action-primary:hover, .view-dashboard .course-item:hover .view-live-button:hover, .view-export .export-controls .action-export:hover, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary:hover, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary:hover, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish:hover, .view-export-git .export-git-controls .action-export-git:hover, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary:hover, .view-certificates .wrapper-collection .collection-edit .actions .action-primary:hover, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action:hover, [class*="view-"] .xblock-visibility_view .is-not-configured .button:hover, .view-outline .content-primary .no-content .button:hover, .view-static-pages .content-primary .add-pages .button:hover, .view-container .content-primary .no-container-content .button:hover, .view-textbooks .content-primary .no-textbook-content .button:hover, .view-group-configurations .content-primary .no-content .button:hover, .view-certificates .content-primary .no-content .button:hover, [class*="view-"] .xblock-visibility_view .is-not-configured .action:hover, .view-outline .content-primary .no-content .action:hover, .view-static-pages .content-primary .add-pages .action:hover, .view-container .content-primary .no-container-content .action:hover, .view-textbooks .content-primary .no-textbook-content .action:hover, .view-group-configurations .content-primary .no-content .action:hover, .view-certificates .content-primary .no-content .action:hover, .add-xblock-component .new-component .new-component-type .add-xblock-component-button:hover, .notice-create.has-actions .list-actions .action-primary:hover, .view-uploads .no-asset-content .new-button:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-program:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-program:hover, .view-import .action-choose-file:hover, .view-import .wrapper-file-name .submit-button:hover, .view-settings .group-settings.assignment-types .actions .new-button:hover, .view-settings .group-settings.course-learning-info .actions .new-button:hover, .view-settings .group-settings.instructor-types .actions .new-button:hover, .view-team .content .notice-create.has-actions .list-actions .action-primary:hover, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .button:hover, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .action:hover, .wrapper-mast .mast.has-actions .nav-actions .button:active, .wrapper-sock .sock .support .list-actions .action-primary:active, .wrapper-sock .sock .feedback .list-actions .action-primary:active, .notice-incontext.has-actions .list-actions .action-primary:active, .notice-instruction.has-actions .list-actions .action-primary:active, .view-dashboard .status-creationrights .list-actions .action-primary:active, .view-dashboard .status-creationrights .form-actions .action-primary:active, .view-dashboard .course-item:hover .view-live-button:active, .view-export .export-controls .action-export:active, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary:active, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary:active, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish:active, .view-export-git .export-git-controls .action-export-git:active, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary:active, .view-certificates .wrapper-collection .collection-edit .actions .action-primary:active, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action:active, [class*="view-"] .xblock-visibility_view .is-not-configured .button:active, .view-outline .content-primary .no-content .button:active, .view-static-pages .content-primary .add-pages .button:active, .view-container .content-primary .no-container-content .button:active, .view-textbooks .content-primary .no-textbook-content .button:active, .view-group-configurations .content-primary .no-content .button:active, .view-certificates .content-primary .no-content .button:active, [class*="view-"] .xblock-visibility_view .is-not-configured .action:active, .view-outline .content-primary .no-content .action:active, .view-static-pages .content-primary .add-pages .action:active, .view-container .content-primary .no-container-content .action:active, .view-textbooks .content-primary .no-textbook-content .action:active, .view-group-configurations .content-primary .no-content .action:active, .view-certificates .content-primary .no-content .action:active, .add-xblock-component .new-component .new-component-type .add-xblock-component-button:active, .notice-create.has-actions .list-actions .action-primary:active, .view-uploads .no-asset-content .new-button:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-program:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-program:active, .view-import .action-choose-file:active, .view-import .wrapper-file-name .submit-button:active, .view-settings .group-settings.assignment-types .actions .new-button:active, .view-settings .group-settings.course-learning-info .actions .new-button:active, .view-settings .group-settings.instructor-types .actions .new-button:active, .view-team .content .notice-create.has-actions .list-actions .action-primary:active, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .button:active, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .action:active, .wrapper-mast .mast.has-actions .nav-actions .button:focus, .wrapper-sock .sock .support .list-actions .action-primary:focus, .wrapper-sock .sock .feedback .list-actions .action-primary:focus, .notice-incontext.has-actions .list-actions .action-primary:focus, .notice-instruction.has-actions .list-actions .action-primary:focus, .view-dashboard .status-creationrights .list-actions .action-primary:focus, .view-dashboard .status-creationrights .form-actions .action-primary:focus, .view-dashboard .course-item:hover .view-live-button:focus, .view-export .export-controls .action-export:focus, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary:focus, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary:focus, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish:focus, .view-export-git .export-git-controls .action-export-git:focus, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary:focus, .view-certificates .wrapper-collection .collection-edit .actions .action-primary:focus, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action:focus, [class*="view-"] .xblock-visibility_view .is-not-configured .button:focus, .view-outline .content-primary .no-content .button:focus, .view-static-pages .content-primary .add-pages .button:focus, .view-container .content-primary .no-container-content .button:focus, .view-textbooks .content-primary .no-textbook-content .button:focus, .view-group-configurations .content-primary .no-content .button:focus, .view-certificates .content-primary .no-content .button:focus, [class*="view-"] .xblock-visibility_view .is-not-configured .action:focus, .view-outline .content-primary .no-content .action:focus, .view-static-pages .content-primary .add-pages .action:focus, .view-container .content-primary .no-container-content .action:focus, .view-textbooks .content-primary .no-textbook-content .action:focus, .view-group-configurations .content-primary .no-content .action:focus, .view-certificates .content-primary .no-content .action:focus, .add-xblock-component .new-component .new-component-type .add-xblock-component-button:focus, .notice-create.has-actions .list-actions .action-primary:focus, .view-uploads .no-asset-content .new-button:focus, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course:focus, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library:focus, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-program:focus, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course:focus, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library:focus, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-program:focus, .view-import .action-choose-file:focus, .view-import .wrapper-file-name .submit-button:focus, .view-settings .group-settings.assignment-types .actions .new-button:focus, .view-settings .group-settings.course-learning-info .actions .new-button:focus, .view-settings .group-settings.instructor-types .actions .new-button:focus, .view-team .content .notice-create.has-actions .list-actions .action-primary:focus, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .button:focus, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .action:focus { + box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2); +} +.wrapper-mast .mast.has-actions .nav-actions .current.button, .wrapper-sock .sock .support .list-actions .current.action-primary, .wrapper-sock .sock .feedback .list-actions .current.action-primary, .notice-incontext.has-actions .list-actions .current.action-primary, .notice-instruction.has-actions .list-actions .current.action-primary, .view-dashboard .status-creationrights .list-actions .current.action-primary, .view-dashboard .status-creationrights .form-actions .current.action-primary, .view-dashboard .course-item:hover .current.view-live-button, .view-export .export-controls .current.action-export, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .current.action-primary, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .current.action-primary, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .current.action-publish, .view-export-git .export-git-controls .current.action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .current.action-primary, .view-certificates .wrapper-collection .collection-edit .actions .current.action-primary, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .current.action, [class*="view-"] .xblock-visibility_view .is-not-configured .current.button, .view-outline .content-primary .no-content .current.button, .view-static-pages .content-primary .add-pages .current.button, .view-container .content-primary .no-container-content .current.button, .view-textbooks .content-primary .no-textbook-content .current.button, .view-group-configurations .content-primary .no-content .current.button, .view-certificates .content-primary .no-content .current.button, [class*="view-"] .xblock-visibility_view .is-not-configured .current.action, .view-outline .content-primary .no-content .current.action, .view-static-pages .content-primary .add-pages .current.action, .view-container .content-primary .no-container-content .current.action, .view-textbooks .content-primary .no-textbook-content .current.action, .view-group-configurations .content-primary .no-content .current.action, .view-certificates .content-primary .no-content .current.action, .add-xblock-component .new-component .new-component-type .current.add-xblock-component-button, .notice-create.has-actions .list-actions .current.action-primary, .view-uploads .no-asset-content .current.new-button, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-program, .view-import .current.action-choose-file, .view-import .wrapper-file-name .current.submit-button, .view-settings .group-settings.assignment-types .actions .current.new-button, .view-settings .group-settings.course-learning-info .actions .current.new-button, .view-settings .group-settings.instructor-types .actions .current.new-button, .view-team .content .notice-create.has-actions .list-actions .current.action-primary, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.button, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.action, .wrapper-mast .mast.has-actions .nav-actions .active.button, .wrapper-sock .sock .support .list-actions .active.action-primary, .wrapper-sock .sock .feedback .list-actions .active.action-primary, .notice-incontext.has-actions .list-actions .active.action-primary, .notice-instruction.has-actions .list-actions .active.action-primary, .view-dashboard .status-creationrights .list-actions .active.action-primary, .view-dashboard .status-creationrights .form-actions .active.action-primary, .view-dashboard .course-item:hover .active.view-live-button, .view-export .export-controls .active.action-export, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .active.action-primary, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .active.action-primary, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .active.action-publish, .view-export-git .export-git-controls .active.action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .active.action-primary, .view-certificates .wrapper-collection .collection-edit .actions .active.action-primary, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .active.action, [class*="view-"] .xblock-visibility_view .is-not-configured .active.button, .view-outline .content-primary .no-content .active.button, .view-static-pages .content-primary .add-pages .active.button, .view-container .content-primary .no-container-content .active.button, .view-textbooks .content-primary .no-textbook-content .active.button, .view-group-configurations .content-primary .no-content .active.button, .view-certificates .content-primary .no-content .active.button, [class*="view-"] .xblock-visibility_view .is-not-configured .active.action, .view-outline .content-primary .no-content .active.action, .view-static-pages .content-primary .add-pages .active.action, .view-container .content-primary .no-container-content .active.action, .view-textbooks .content-primary .no-textbook-content .active.action, .view-group-configurations .content-primary .no-content .active.action, .view-certificates .content-primary .no-content .active.action, .add-xblock-component .new-component .new-component-type .active.add-xblock-component-button, .notice-create.has-actions .list-actions .active.action-primary, .view-uploads .no-asset-content .active.new-button, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-program, .view-import .active.action-choose-file, .view-import .wrapper-file-name .active.submit-button, .view-settings .group-settings.assignment-types .actions .active.new-button, .view-settings .group-settings.course-learning-info .actions .active.new-button, .view-settings .group-settings.instructor-types .actions .active.new-button, .view-team .content .notice-create.has-actions .list-actions .active.action-primary, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.button, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.action { + box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4); +} +.wrapper-mast .mast.has-actions .nav-actions .current.button:hover, .wrapper-sock .sock .support .list-actions .current.action-primary:hover, .wrapper-sock .sock .feedback .list-actions .current.action-primary:hover, .notice-incontext.has-actions .list-actions .current.action-primary:hover, .notice-instruction.has-actions .list-actions .current.action-primary:hover, .view-dashboard .status-creationrights .list-actions .current.action-primary:hover, .view-dashboard .status-creationrights .form-actions .current.action-primary:hover, .view-dashboard .course-item:hover .current.view-live-button:hover, .view-export .export-controls .current.action-export:hover, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .current.action-primary:hover, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .current.action-primary:hover, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .current.action-publish:hover, .view-export-git .export-git-controls .current.action-export-git:hover, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .current.action-primary:hover, .view-certificates .wrapper-collection .collection-edit .actions .current.action-primary:hover, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .current.action:hover, [class*="view-"] .xblock-visibility_view .is-not-configured .current.button:hover, .view-outline .content-primary .no-content .current.button:hover, .view-static-pages .content-primary .add-pages .current.button:hover, .view-container .content-primary .no-container-content .current.button:hover, .view-textbooks .content-primary .no-textbook-content .current.button:hover, .view-group-configurations .content-primary .no-content .current.button:hover, .view-certificates .content-primary .no-content .current.button:hover, [class*="view-"] .xblock-visibility_view .is-not-configured .current.action:hover, .view-outline .content-primary .no-content .current.action:hover, .view-static-pages .content-primary .add-pages .current.action:hover, .view-container .content-primary .no-container-content .current.action:hover, .view-textbooks .content-primary .no-textbook-content .current.action:hover, .view-group-configurations .content-primary .no-content .current.action:hover, .view-certificates .content-primary .no-content .current.action:hover, .add-xblock-component .new-component .new-component-type .current.add-xblock-component-button:hover, .notice-create.has-actions .list-actions .current.action-primary:hover, .view-uploads .no-asset-content .current.new-button:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-course:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-library:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-program:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-course:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-library:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-program:hover, .view-import .current.action-choose-file:hover, .view-import .wrapper-file-name .current.submit-button:hover, .view-settings .group-settings.assignment-types .actions .current.new-button:hover, .view-settings .group-settings.course-learning-info .actions .current.new-button:hover, .view-settings .group-settings.instructor-types .actions .current.new-button:hover, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.button:hover, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.action:hover, .wrapper-mast .mast.has-actions .nav-actions .current.button:active, .wrapper-sock .sock .support .list-actions .current.action-primary:active, .wrapper-sock .sock .feedback .list-actions .current.action-primary:active, .notice-incontext.has-actions .list-actions .current.action-primary:active, .notice-instruction.has-actions .list-actions .current.action-primary:active, .view-dashboard .status-creationrights .list-actions .current.action-primary:active, .view-dashboard .status-creationrights .form-actions .current.action-primary:active, .view-dashboard .course-item:hover .current.view-live-button:active, .view-export .export-controls .current.action-export:active, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .current.action-primary:active, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .current.action-primary:active, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .current.action-publish:active, .view-export-git .export-git-controls .current.action-export-git:active, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .current.action-primary:active, .view-certificates .wrapper-collection .collection-edit .actions .current.action-primary:active, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .current.action:active, [class*="view-"] .xblock-visibility_view .is-not-configured .current.button:active, .view-outline .content-primary .no-content .current.button:active, .view-static-pages .content-primary .add-pages .current.button:active, .view-container .content-primary .no-container-content .current.button:active, .view-textbooks .content-primary .no-textbook-content .current.button:active, .view-group-configurations .content-primary .no-content .current.button:active, .view-certificates .content-primary .no-content .current.button:active, [class*="view-"] .xblock-visibility_view .is-not-configured .current.action:active, .view-outline .content-primary .no-content .current.action:active, .view-static-pages .content-primary .add-pages .current.action:active, .view-container .content-primary .no-container-content .current.action:active, .view-textbooks .content-primary .no-textbook-content .current.action:active, .view-group-configurations .content-primary .no-content .current.action:active, .view-certificates .content-primary .no-content .current.action:active, .add-xblock-component .new-component .new-component-type .current.add-xblock-component-button:active, .notice-create.has-actions .list-actions .current.action-primary:active, .view-uploads .no-asset-content .current.new-button:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-course:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-library:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-program:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-course:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-library:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-program:active, .view-import .current.action-choose-file:active, .view-import .wrapper-file-name .current.submit-button:active, .view-settings .group-settings.assignment-types .actions .current.new-button:active, .view-settings .group-settings.course-learning-info .actions .current.new-button:active, .view-settings .group-settings.instructor-types .actions .current.new-button:active, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.button:active, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.action:active, .wrapper-mast .mast.has-actions .nav-actions .current.button:focus, .wrapper-sock .sock .support .list-actions .current.action-primary:focus, .wrapper-sock .sock .feedback .list-actions .current.action-primary:focus, .notice-incontext.has-actions .list-actions .current.action-primary:focus, .notice-instruction.has-actions .list-actions .current.action-primary:focus, .view-dashboard .status-creationrights .list-actions .current.action-primary:focus, .view-dashboard .status-creationrights .form-actions .current.action-primary:focus, .view-dashboard .course-item:hover .current.view-live-button:focus, .view-export .export-controls .current.action-export:focus, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .current.action-primary:focus, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .current.action-primary:focus, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .current.action-publish:focus, .view-export-git .export-git-controls .current.action-export-git:focus, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .current.action-primary:focus, .view-certificates .wrapper-collection .collection-edit .actions .current.action-primary:focus, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .current.action:focus, [class*="view-"] .xblock-visibility_view .is-not-configured .current.button:focus, .view-outline .content-primary .no-content .current.button:focus, .view-static-pages .content-primary .add-pages .current.button:focus, .view-container .content-primary .no-container-content .current.button:focus, .view-textbooks .content-primary .no-textbook-content .current.button:focus, .view-group-configurations .content-primary .no-content .current.button:focus, .view-certificates .content-primary .no-content .current.button:focus, [class*="view-"] .xblock-visibility_view .is-not-configured .current.action:focus, .view-outline .content-primary .no-content .current.action:focus, .view-static-pages .content-primary .add-pages .current.action:focus, .view-container .content-primary .no-container-content .current.action:focus, .view-textbooks .content-primary .no-textbook-content .current.action:focus, .view-group-configurations .content-primary .no-content .current.action:focus, .view-certificates .content-primary .no-content .current.action:focus, .add-xblock-component .new-component .new-component-type .current.add-xblock-component-button:focus, .notice-create.has-actions .list-actions .current.action-primary:focus, .view-uploads .no-asset-content .current.new-button:focus, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-course:focus, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-library:focus, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-program:focus, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-course:focus, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-library:focus, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-program:focus, .view-import .current.action-choose-file:focus, .view-import .wrapper-file-name .current.submit-button:focus, .view-settings .group-settings.assignment-types .actions .current.new-button:focus, .view-settings .group-settings.course-learning-info .actions .current.new-button:focus, .view-settings .group-settings.instructor-types .actions .current.new-button:focus, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.button:focus, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.action:focus, .wrapper-mast .mast.has-actions .nav-actions .active.button:hover, .wrapper-sock .sock .support .list-actions .active.action-primary:hover, .wrapper-sock .sock .feedback .list-actions .active.action-primary:hover, .notice-incontext.has-actions .list-actions .active.action-primary:hover, .notice-instruction.has-actions .list-actions .active.action-primary:hover, .view-dashboard .status-creationrights .list-actions .active.action-primary:hover, .view-dashboard .status-creationrights .form-actions .active.action-primary:hover, .view-dashboard .course-item:hover .active.view-live-button:hover, .view-export .export-controls .active.action-export:hover, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .active.action-primary:hover, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .active.action-primary:hover, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .active.action-publish:hover, .view-export-git .export-git-controls .active.action-export-git:hover, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .active.action-primary:hover, .view-certificates .wrapper-collection .collection-edit .actions .active.action-primary:hover, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .active.action:hover, [class*="view-"] .xblock-visibility_view .is-not-configured .active.button:hover, .view-outline .content-primary .no-content .active.button:hover, .view-static-pages .content-primary .add-pages .active.button:hover, .view-container .content-primary .no-container-content .active.button:hover, .view-textbooks .content-primary .no-textbook-content .active.button:hover, .view-group-configurations .content-primary .no-content .active.button:hover, .view-certificates .content-primary .no-content .active.button:hover, [class*="view-"] .xblock-visibility_view .is-not-configured .active.action:hover, .view-outline .content-primary .no-content .active.action:hover, .view-static-pages .content-primary .add-pages .active.action:hover, .view-container .content-primary .no-container-content .active.action:hover, .view-textbooks .content-primary .no-textbook-content .active.action:hover, .view-group-configurations .content-primary .no-content .active.action:hover, .view-certificates .content-primary .no-content .active.action:hover, .add-xblock-component .new-component .new-component-type .active.add-xblock-component-button:hover, .notice-create.has-actions .list-actions .active.action-primary:hover, .view-uploads .no-asset-content .active.new-button:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-course:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-library:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-program:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-course:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-library:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-program:hover, .view-import .active.action-choose-file:hover, .view-import .wrapper-file-name .active.submit-button:hover, .view-settings .group-settings.assignment-types .actions .active.new-button:hover, .view-settings .group-settings.course-learning-info .actions .active.new-button:hover, .view-settings .group-settings.instructor-types .actions .active.new-button:hover, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.button:hover, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.action:hover, .wrapper-mast .mast.has-actions .nav-actions .active.button:active, .wrapper-sock .sock .support .list-actions .active.action-primary:active, .wrapper-sock .sock .feedback .list-actions .active.action-primary:active, .notice-incontext.has-actions .list-actions .active.action-primary:active, .notice-instruction.has-actions .list-actions .active.action-primary:active, .view-dashboard .status-creationrights .list-actions .active.action-primary:active, .view-dashboard .status-creationrights .form-actions .active.action-primary:active, .view-dashboard .course-item:hover .active.view-live-button:active, .view-export .export-controls .active.action-export:active, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .active.action-primary:active, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .active.action-primary:active, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .active.action-publish:active, .view-export-git .export-git-controls .active.action-export-git:active, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .active.action-primary:active, .view-certificates .wrapper-collection .collection-edit .actions .active.action-primary:active, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .active.action:active, [class*="view-"] .xblock-visibility_view .is-not-configured .active.button:active, .view-outline .content-primary .no-content .active.button:active, .view-static-pages .content-primary .add-pages .active.button:active, .view-container .content-primary .no-container-content .active.button:active, .view-textbooks .content-primary .no-textbook-content .active.button:active, .view-group-configurations .content-primary .no-content .active.button:active, .view-certificates .content-primary .no-content .active.button:active, [class*="view-"] .xblock-visibility_view .is-not-configured .active.action:active, .view-outline .content-primary .no-content .active.action:active, .view-static-pages .content-primary .add-pages .active.action:active, .view-container .content-primary .no-container-content .active.action:active, .view-textbooks .content-primary .no-textbook-content .active.action:active, .view-group-configurations .content-primary .no-content .active.action:active, .view-certificates .content-primary .no-content .active.action:active, .add-xblock-component .new-component .new-component-type .active.add-xblock-component-button:active, .notice-create.has-actions .list-actions .active.action-primary:active, .view-uploads .no-asset-content .active.new-button:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-course:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-library:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-program:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-course:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-library:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-program:active, .view-import .active.action-choose-file:active, .view-import .wrapper-file-name .active.submit-button:active, .view-settings .group-settings.assignment-types .actions .active.new-button:active, .view-settings .group-settings.course-learning-info .actions .active.new-button:active, .view-settings .group-settings.instructor-types .actions .active.new-button:active, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.button:active, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.action:active, .wrapper-mast .mast.has-actions .nav-actions .active.button:focus, .wrapper-sock .sock .support .list-actions .active.action-primary:focus, .wrapper-sock .sock .feedback .list-actions .active.action-primary:focus, .notice-incontext.has-actions .list-actions .active.action-primary:focus, .notice-instruction.has-actions .list-actions .active.action-primary:focus, .view-dashboard .status-creationrights .list-actions .active.action-primary:focus, .view-dashboard .status-creationrights .form-actions .active.action-primary:focus, .view-dashboard .course-item:hover .active.view-live-button:focus, .view-export .export-controls .active.action-export:focus, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .active.action-primary:focus, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .active.action-primary:focus, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .active.action-publish:focus, .view-export-git .export-git-controls .active.action-export-git:focus, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .active.action-primary:focus, .view-certificates .wrapper-collection .collection-edit .actions .active.action-primary:focus, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .active.action:focus, [class*="view-"] .xblock-visibility_view .is-not-configured .active.button:focus, .view-outline .content-primary .no-content .active.button:focus, .view-static-pages .content-primary .add-pages .active.button:focus, .view-container .content-primary .no-container-content .active.button:focus, .view-textbooks .content-primary .no-textbook-content .active.button:focus, .view-group-configurations .content-primary .no-content .active.button:focus, .view-certificates .content-primary .no-content .active.button:focus, [class*="view-"] .xblock-visibility_view .is-not-configured .active.action:focus, .view-outline .content-primary .no-content .active.action:focus, .view-static-pages .content-primary .add-pages .active.action:focus, .view-container .content-primary .no-container-content .active.action:focus, .view-textbooks .content-primary .no-textbook-content .active.action:focus, .view-group-configurations .content-primary .no-content .active.action:focus, .view-certificates .content-primary .no-content .active.action:focus, .add-xblock-component .new-component .new-component-type .active.add-xblock-component-button:focus, .notice-create.has-actions .list-actions .active.action-primary:focus, .view-uploads .no-asset-content .active.new-button:focus, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-course:focus, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-library:focus, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-program:focus, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-course:focus, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-library:focus, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-program:focus, .view-import .active.action-choose-file:focus, .view-import .wrapper-file-name .active.submit-button:focus, .view-settings .group-settings.assignment-types .actions .active.new-button:focus, .view-settings .group-settings.course-learning-info .actions .active.new-button:focus, .view-settings .group-settings.instructor-types .actions .active.new-button:focus, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.button:focus, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.action:focus { + box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4); +} +[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab, .view-dashboard .wrapper-creationrights .ui-toggle-control, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-secondary, .view-certificates .wrapper-collection .collection-edit .actions .action-secondary, .alert .action-dismiss .button, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .button { + border-width: 1px; + border-style: solid; + padding: 10px 20px; + background: transparent; + line-height: 1.5em; + text-align: center; +} +.wrapper-comp-settings .file-uploader .upload-setting, .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .create-setting, .wrapper-comp-settings .list-input.settings-list .metadata-dict .create-setting, .outline-content .add-item .button-new, .bit .external-help-button, .view-outline .new-subsection-item, .view-outline .new-unit-item, .view-outline .outline-complex .add-item .button-new, .view-settings .group-settings #field-course-image .wrapper-input .action-upload-image, .view-settings .group-settings #field-banner-image .wrapper-input .action-upload-image, .view-settings .group-settings #field-video-thumbnail-image .wrapper-input .action-upload-image, .view-settings .group-settings.instructor-types .field-group .wrapper-input .action-upload-instructor-image, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field .action-upload, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .field .action-upload, .view-textbooks .content-primary .textbook .edit-textbook .action-add-chapter, .view-group-configurations .content-primary .wrapper-collection .action-add-item, .view-group-configurations .content-primary .action-add, .view-certificates .wrapper-collection .collection-edit .action-add-signatory, .view-certificates .wrapper-collection .action-add-item, .view-certificates .action-add, .view-certificates .certificates .signatory-edit .field .signature-upload-wrapper .action-upload-signature, .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .create-setting, .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .upload-setting { + transition: all 0.15s; + text-align: center; + border-radius: 5px; + border: 1px solid #0075b4; + padding: 1px 10px 2px 10px; + background-color: #fff; + color: #0075b4; +} +.wrapper-comp-settings .file-uploader .upload-setting:hover, .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .create-setting:hover, .wrapper-comp-settings .list-input.settings-list .metadata-dict .create-setting:hover, .outline-content .add-item .button-new:hover, .bit .external-help-button:hover, .view-outline .new-subsection-item:hover, .view-outline .new-unit-item:hover, .view-outline .outline-complex .add-item .button-new:hover, .view-settings .group-settings #field-course-image .wrapper-input .action-upload-image:hover, .view-settings .group-settings #field-banner-image .wrapper-input .action-upload-image:hover, .view-settings .group-settings #field-video-thumbnail-image .wrapper-input .action-upload-image:hover, .view-settings .group-settings.instructor-types .field-group .wrapper-input .action-upload-instructor-image:hover, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field .action-upload:hover, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .field .action-upload:hover, .view-textbooks .content-primary .textbook .edit-textbook .action-add-chapter:hover, .view-group-configurations .content-primary .wrapper-collection .action-add-item:hover, .view-group-configurations .content-primary .action-add:hover, .view-certificates .wrapper-collection .collection-edit .action-add-signatory:hover, .view-certificates .wrapper-collection .action-add-item:hover, .view-certificates .action-add:hover, .view-certificates .certificates .signatory-edit .field .signature-upload-wrapper .action-upload-signature:hover, .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .create-setting:hover, .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .upload-setting:hover, .wrapper-comp-settings .file-uploader .upload-setting:focus, .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .create-setting:focus, .wrapper-comp-settings .list-input.settings-list .metadata-dict .create-setting:focus, .outline-content .add-item .button-new:focus, .bit .external-help-button:focus, .view-outline .new-subsection-item:focus, .view-outline .new-unit-item:focus, .view-outline .outline-complex .add-item .button-new:focus, .view-settings .group-settings #field-course-image .wrapper-input .action-upload-image:focus, .view-settings .group-settings #field-banner-image .wrapper-input .action-upload-image:focus, .view-settings .group-settings #field-video-thumbnail-image .wrapper-input .action-upload-image:focus, .view-settings .group-settings.instructor-types .field-group .wrapper-input .action-upload-instructor-image:focus, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field .action-upload:focus, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .field .action-upload:focus, .view-textbooks .content-primary .textbook .edit-textbook .action-add-chapter:focus, .view-group-configurations .content-primary .wrapper-collection .action-add-item:focus, .view-group-configurations .content-primary .action-add:focus, .view-certificates .wrapper-collection .collection-edit .action-add-signatory:focus, .view-certificates .wrapper-collection .action-add-item:focus, .view-certificates .action-add:focus, .view-certificates .certificates .signatory-edit .field .signature-upload-wrapper .action-upload-signature:focus, .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .create-setting:focus, .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .upload-setting:focus { + border: 1px solid #065683; + background-color: #065683; + color: #fff; +} +.wrapper-comp-settings .file-uploader .is-disabled.upload-setting, .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .is-disabled.create-setting, .wrapper-comp-settings .list-input.settings-list .metadata-dict .is-disabled.create-setting, .outline-content .add-item .is-disabled.button-new, .bit .is-disabled.external-help-button, .view-outline .is-disabled.new-subsection-item, .view-outline .is-disabled.new-unit-item, .view-outline .outline-complex .add-item .is-disabled.button-new, .view-settings .group-settings #field-course-image .wrapper-input .is-disabled.action-upload-image, .view-settings .group-settings #field-banner-image .wrapper-input .is-disabled.action-upload-image, .view-settings .group-settings #field-video-thumbnail-image .wrapper-input .is-disabled.action-upload-image, .view-settings .group-settings.instructor-types .field-group .wrapper-input .is-disabled.action-upload-instructor-image, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field .is-disabled.action-upload, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .field .is-disabled.action-upload, .view-textbooks .content-primary .textbook .edit-textbook .is-disabled.action-add-chapter, .view-group-configurations .content-primary .wrapper-collection .is-disabled.action-add-item, .view-group-configurations .content-primary .is-disabled.action-add, .view-certificates .wrapper-collection .collection-edit .is-disabled.action-add-signatory, .view-certificates .wrapper-collection .is-disabled.action-add-item, .view-certificates .is-disabled.action-add, .view-certificates .certificates .signatory-edit .field .signature-upload-wrapper .is-disabled.action-upload-signature, .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .is-disabled.create-setting, .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .is-disabled.upload-setting, .wrapper-comp-settings .file-uploader [disabled="disabled"].upload-setting, .wrapper-comp-settings .list-input.settings-list .metadata-list-enum [disabled="disabled"].create-setting, .wrapper-comp-settings .list-input.settings-list .metadata-dict [disabled="disabled"].create-setting, .outline-content .add-item [disabled="disabled"].button-new, .bit [disabled="disabled"].external-help-button, .view-outline [disabled="disabled"].new-subsection-item, .view-outline [disabled="disabled"].new-unit-item, .view-outline .outline-complex .add-item [disabled="disabled"].button-new, .view-settings .group-settings #field-course-image .wrapper-input [disabled="disabled"].action-upload-image, .view-settings .group-settings #field-banner-image .wrapper-input [disabled="disabled"].action-upload-image, .view-settings .group-settings #field-video-thumbnail-image .wrapper-input [disabled="disabled"].action-upload-image, .view-settings .group-settings.instructor-types .field-group .wrapper-input [disabled="disabled"].action-upload-instructor-image, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field [disabled="disabled"].action-upload, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .field [disabled="disabled"].action-upload, .view-textbooks .content-primary .textbook .edit-textbook [disabled="disabled"].action-add-chapter, .view-group-configurations .content-primary .wrapper-collection [disabled="disabled"].action-add-item, .view-group-configurations .content-primary [disabled="disabled"].action-add, .view-certificates .wrapper-collection .collection-edit [disabled="disabled"].action-add-signatory, .view-certificates .wrapper-collection [disabled="disabled"].action-add-item, .view-certificates [disabled="disabled"].action-add, .view-certificates .certificates .signatory-edit .field .signature-upload-wrapper [disabled="disabled"].action-upload-signature, .wrapper-comp-settings .list-input.settings-list .metadata-video-translations [disabled="disabled"].create-setting, .wrapper-comp-settings .list-input.settings-list .metadata-video-translations [disabled="disabled"].upload-setting { + border: 1px solid #b2b2b2; + background-color: #e5e5e5; + color: #b2b2b2; + pointer-events: none; +} +.incontext-editor.is-editable .incontext-editor-open-action, .view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .edit, .view-certificates .wrapper-collection .collection-details .actions .action .edit, .view-certificates .wrapper-collection .collection-details .actions .action .edit-signatory, .wrapper-comp-settings .file-uploader .download-setting, .view-team .user-list .user-item .item-actions .delete, .view-textbooks .content-primary .textbook .view-textbook .actions .action .delete, .view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .delete, .view-video-uploads .button, .view-certificates .wrapper-collection .collection-details .actions .action .delete, .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .download-setting { + transition: all 0.15s; + transition: all 0.25s linear 0s; + display: inline-block; + vertical-align: middle; + border: none; + padding: 3px 10px; + background: none; + color: #999; +} +.incontext-editor.is-editable .incontext-editor-open-action:hover, .view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .edit:hover, .view-certificates .wrapper-collection .collection-details .actions .action .edit:hover, .view-certificates .wrapper-collection .collection-details .actions .action .edit-signatory:hover, .wrapper-comp-settings .file-uploader .download-setting:hover, .view-team .user-list .user-item .item-actions .delete:hover, .view-textbooks .content-primary .textbook .view-textbook .actions .action .delete:hover, .view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .delete:hover, .view-video-uploads .button:hover, .view-certificates .wrapper-collection .collection-details .actions .action .delete:hover, .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .download-setting:hover, .incontext-editor.is-editable .incontext-editor-open-action:focus, .view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .edit:focus, .view-certificates .wrapper-collection .collection-details .actions .action .edit:focus, .view-certificates .wrapper-collection .collection-details .actions .action .edit-signatory:focus, .wrapper-comp-settings .file-uploader .download-setting:focus, .view-team .user-list .user-item .item-actions .delete:focus, .view-textbooks .content-primary .textbook .view-textbook .actions .action .delete:focus, .view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .delete:focus, .view-video-uploads .button:focus, .view-certificates .wrapper-collection .collection-details .actions .action .delete:focus, .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .download-setting:focus { + background-color: #999; + color: #fff; +} +.incontext-editor.is-editable .incontext-editor-open-action:hover, .view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .edit:hover, .view-certificates .wrapper-collection .collection-details .actions .action .edit:hover, .view-certificates .wrapper-collection .collection-details .actions .action .edit-signatory:hover, .incontext-editor.is-editable .incontext-editor-open-action:focus, .view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .edit:focus, .view-certificates .wrapper-collection .collection-details .actions .action .edit:focus, .view-certificates .wrapper-collection .collection-details .actions .action .edit-signatory:focus { + background-color: #0075b4; + color: #fff; +} +[class*="view-"] .xblock-visibility_view .is-not-configured, .view-outline .content-primary .no-content, .view-static-pages .content-primary .add-pages, .view-container .content-primary .no-container-content, .view-textbooks .content-primary .no-textbook-content, .view-group-configurations .content-primary .no-content, .view-certificates .content-primary .no-content, .ui-loading, .notice-incontext, .view-uploads .no-asset-content, .view-import .wrapper-file-name, .view-group-configurations .content-primary .notice-moduledisabled, .view-certificates .content-primary .notice-moduledisabled { + box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.2); + padding: 15px 20px; +} +[class*="view-"] .xblock-visibility_view .is-not-configured, .view-outline .content-primary .no-content, .view-static-pages .content-primary .add-pages, .view-container .content-primary .no-container-content, .view-textbooks .content-primary .no-textbook-content, .view-group-configurations .content-primary .no-content, .view-certificates .content-primary .no-content { + padding: 40px; + background-color: #e5e5e5; + text-align: center; + color: #7f7f7f; +} +[class*="view-"] .xblock-visibility_view .is-not-configured .button, .view-outline .content-primary .no-content .button, .view-static-pages .content-primary .add-pages .button, .view-container .content-primary .no-container-content .button, .view-textbooks .content-primary .no-textbook-content .button, .view-group-configurations .content-primary .no-content .button, .view-certificates .content-primary .no-content .button, [class*="view-"] .xblock-visibility_view .is-not-configured .action, .view-outline .content-primary .no-content .action, .view-static-pages .content-primary .add-pages .action, .view-container .content-primary .no-container-content .action, .view-textbooks .content-primary .no-textbook-content .action, .view-group-configurations .content-primary .no-content .action, .view-certificates .content-primary .no-content .action { + margin-left: 20px; +} +[class*="view-"] .xblock-visibility_view .is-not-configured .button .icon, .view-outline .content-primary .no-content .button .icon, .view-static-pages .content-primary .add-pages .button .icon, .view-container .content-primary .no-container-content .button .icon, .view-textbooks .content-primary .no-textbook-content .button .icon, .view-group-configurations .content-primary .no-content .button .icon, .view-certificates .content-primary .no-content .button .icon, [class*="view-"] .xblock-visibility_view .is-not-configured .action .icon, .view-outline .content-primary .no-content .action .icon, .view-static-pages .content-primary .add-pages .action .icon, .view-container .content-primary .no-container-content .action .icon, .view-textbooks .content-primary .no-textbook-content .action .icon, .view-group-configurations .content-primary .no-content .action .icon, .view-certificates .content-primary .no-content .action .icon { + margin-right: 10px; +} +.ui-loading { + animation: fadeIn 0.25s linear 1; + opacity: .6; + background-color: #fff; + padding: 30px 20px; + text-align: center; +} +.ui-loading .spin { + display: inline-block; +} +.ui-loading .copy { + padding-left: 5px; +} +.is-hidden, .xmodule_display.xmodule_VideoModule .video.closed .subtitles, .mast.has-actions .nav-actions .button.is-hidden { + display: none; +} +.wrapper-comp-settings .list-input.settings-list, nav ol, nav ul, .form-create .list-input, .bit .list-actions, .bit .list-details, .bit .nav-related, .bit .nav-page, .view-signup .content-primary form .list-input, .view-signin .content-primary form .list-input, .view-util .content-primary form .list-input, .view-settings .group-settings .list-input, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields, .view-group-configurations .content-primary .wrapper-collection .collection-edit .collection-fields, .view-video-uploads .active-video-upload-container .active-video-upload-list, .view-certificates .wrapper-collection .collection-edit .collection-fields { + list-style: none; + margin: 0; + padding: 0; + text-indent: 0; +} +.wrapper-comp-settings .list-input.settings-list li, nav ol li, nav ul li, .form-create .list-input li, .bit .list-actions li, .bit .list-details li, .bit .nav-related li, .bit .nav-page li, .view-signup .content-primary form .list-input li, .view-signin .content-primary form .list-input li, .view-util .content-primary form .list-input li, .view-settings .group-settings .list-input li, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields li, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields li, .view-group-configurations .content-primary .wrapper-collection .collection-edit .collection-fields li, .view-video-uploads .active-video-upload-container .active-video-upload-list li, .view-certificates .wrapper-collection .collection-edit .collection-fields li { + margin: 0; + padding: 0; +} +hr.divide, .sr, .view-uploads .assets-library .pagination .nav-label, .view-uploads .assets-library .pagination .pagination-form .page-number-label, .view-uploads .assets-library .pagination .pagination-form .submit-pagination-form, .sr-only, hr.divider, .content-modal .action-modal-close .label, .wrapper-xblock .container-paging-header .pagination .nav-label, .wrapper-xblock .container-paging-footer .pagination .nav-label, .wrapper-assets .assets-library .pagination .nav-label, .wrapper-xblock .container-paging-header .pagination .pagination-form .page-number-label, .wrapper-xblock .container-paging-footer .pagination .pagination-form .page-number-label, .wrapper-assets .assets-library .pagination .pagination-form .page-number-label, .wrapper-xblock .container-paging-header .pagination .pagination-form .submit-pagination-form, .wrapper-xblock .container-paging-footer .pagination .pagination-form .submit-pagination-form, .wrapper-assets .assets-library .pagination .pagination-form .submit-pagination-form, form .checkbox-cosmetic .input-checkbox, .wrapper-sock .sock .support .list-actions .action-item .tip, .wrapper-sock .sock .feedback .list-actions .action-item .tip, .notification.mini .copy p, .alert .action-alert-close .label, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-staff-lock .checkbox-cosmetic .input-checkbox, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-verification-access .checkbox-cosmetic .input-checkbox, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-staff-lock .checkbox-cosmetic .input-checkbox, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-verification-access .checkbox-cosmetic .input-checkbox, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-staff-lock .checkbox-cosmetic .input-checkbox, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-verification-access .checkbox-cosmetic .input-checkbox, [class*="view-"] .course-outline-modal .edit-staff-lock .checkbox-cosmetic .input-checkbox, [class*="view-"] .course-outline-modal .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox, [class*="view-"] .course-outline-modal .edit-verification-access .checkbox-cosmetic .input-checkbox, .view-dashboard .status-creationrights .status-update .label, .view-dashboard .status-creationrights.is-unrequested .title, .view-dashboard .course-item .course-metadata .metadata-item .label, .view-export .introduction .title, .view-export-git .introduction .title { + clip: rect(1px 1px 1px 1px); + clip: rect(1px, 1px, 1px, 1px); + position: absolute; + margin: -1px; + height: 1px; + width: 1px; + border: 0; + padding: 0; + overflow: hidden; + word-wrap: normal; +} +.view-container .content-supplementary .bit-publishing .wrapper-last-draft .user, .view-container .content-supplementary .unit-publish-history .wrapper-last-publish .user, .view-container .content-supplementary .unit-location .wrapper-unit-tree-location .item-title, .view-container .content-supplementary .library-location .wrapper-unit-tree-location .item-title { + word-wrap: break-word; +} +.wrapper-mast .mast.has-navigation .navigation-link, .wrapper-xblock .xblock-header-primary .header-details, .wrapper-mast .mast.has-navigation .navigation-item, .incontext-editor.is-editable .incontext-editor-value, .incontext-editor.is-editable .incontext-editor-action-wrapper, .notification.mini .title, .view-group-configurations .content-primary .wrapper-collection .collection-header .title, .view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload .video-detail-name, .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .wrapper-translations-settings .list-settings .list-settings-item .list-settings-buttons { + box-sizing: border-box; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.correct p.status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.ui-icon-check p.status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.partially-correct p.status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.ui-icon-close p.status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.incorrect p.status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.incomplete p.status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.incorrect .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.incorrect .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.partially-correct .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.partially-correct .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.correct .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.correct .status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .annotation-input .correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .annotation-input .incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .annotation-input .partially-correct .status-icon:after, .xmodule_display.xmodule_VideoModule .video-tracks .a11y-menu-container>a:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.correct p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.ui-icon-check p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.partially-correct p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.ui-icon-close p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.incorrect p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.incomplete p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.incorrect .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.incorrect .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.partially-correct .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.partially-correct .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.correct .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.correct .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .partially-correct .status-icon:after { + display: inline-block; + font-family: FontAwesome; + -webkit-font-smoothing: antialiased; + speak: none; +} +.alert.confirm button, .notification.confirm button, .prompt.confirm button, .alert.warning button, .notification.warning button, .prompt.warning button, .alert.error button, .notification.error button, .prompt.error button, .alert.announcement button, .notification.announcement button, .prompt.announcement button, .alert.confirmation button, .notification.confirmation button, .prompt.confirmation button, .alert.step-required button, .notification.step-required button, .prompt.step-required button { + background: transparent; + border: 0; + padding: 0; + margin: 0; +} +.faded-hr-divider, .horizontal-divider { + background-image: -webkit-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0)); + background-image: linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0)); + height: 1px; + width: 100%} +.faded-hr-divider-medium { + background-image: -webkit-linear-gradient(180deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%, rgba(240, 240, 240, 0)); + background-image: linear-gradient(180deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%, rgba(240, 240, 240, 0)); + height: 1px; + width: 100%} +.faded-hr-divider-light, .horizontal-divider::after { + background-image: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0)); + background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0)); + height: 1px; + width: 100%} +.faded-vertical-divider, .vertical-divider { + background-image: -webkit-linear-gradient(90deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0)); + background-image: linear-gradient(90deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0)); + height: 100%; + width: 1px; +} +.faded-vertical-divider-light, .vertical-divider::after { + background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0)); + background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0)); + height: 100%; + width: 1px; +} +.vertical-divider { + position: relative; +} +.vertical-divider::after { + content: ""; + display: block; + position: absolute; + left: 1px; +} +.horizontal-divider { + border: none; + position: relative; +} +.horizontal-divider::after { + content: ""; + display: block; + position: absolute; + top: 1px; +} +.fade-right-hr-divider { + background-image: -webkit-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8); + background-image: linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8); + border: none; +} +.fade-left-hr-divider { + background-image: -webkit-linear-gradient(180deg, #c8c8c8 0%, rgba(200, 200, 200, 0)); + background-image: linear-gradient(180deg, #c8c8c8 0%, rgba(200, 200, 200, 0)); + border: none; +} +.window { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + border-radius: 3px; + margin-bottom: 20px; + border: 1px solid #b2b2b2; + background: #fff; +} +.window:after { + content: ""; + display: table; + clear: both; +} +.gray-button, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .link_lti_new_window { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.25); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0)); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset; + border: 1px solid #666; + border-radius: 3px; + background-color: #4c4c4c; + color: #ccc; +} +.gray-button.disabled, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .disabled.link_lti_new_window, .gray-button.is-disabled, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .is-disabled.link_lti_new_window { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.gray-button.disabled:hover, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .disabled.link_lti_new_window:hover, .gray-button.disabled:focus, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .disabled.link_lti_new_window:focus, .gray-button.is-disabled:hover, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .is-disabled.link_lti_new_window:hover, .gray-button.is-disabled:focus, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .is-disabled.link_lti_new_window:focus { + box-shadow: 0 0 0 0 !important; +} +.gray-button:hover, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .link_lti_new_window:hover, .gray-button:focus, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .link_lti_new_window:focus, .gray-button:active, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .link_lti_new_window:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.gray-button:hover, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .link_lti_new_window:hover, .gray-button:focus, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .link_lti_new_window:focus { + background-color: #333; + color: #fff; +} +@font-face { + font-family: 'Open Sans'; + src: url("{{ path_to_fonts }}OpenSans/OpenSans-Light-webfont.woff2") format("woff2"), url("{{ path_to_fonts }}OpenSans/OpenSans-Light-webfont.woff") format("woff"), url("{{ path_to_fonts }}OpenSans/OpenSans-Light-webfont.ttf") format("truetype"); + font-weight: 300; + font-style: normal; +} +@font-face { + font-family: 'Open Sans'; + src: url("{{ path_to_fonts }}OpenSans/OpenSans-LightItalic-webfont.woff2") format("woff2"), url("{{ path_to_fonts }}OpenSans/OpenSans-LightItalic-webfont.woff") format("woff"), url("{{ path_to_fonts }}OpenSans/OpenSans-LightItalic-webfont.ttf") format("truetype"); + font-weight: 300; + font-style: italic; +} +@font-face { + font-family: 'Open Sans'; + src: url("{{ path_to_fonts }}OpenSans/OpenSans-Regular-webfont.woff2") format("woff2"), url("{{ path_to_fonts }}OpenSans/OpenSans-Regular-webfont.woff") format("woff"), url("{{ path_to_fonts }}OpenSans/OpenSans-Regular-webfont.ttf") format("truetype"); + font-weight: 400; + font-style: normal; +} +@font-face { + font-family: 'Open Sans'; + src: url("{{ path_to_fonts }}OpenSans/OpenSans-Italic-webfont.woff2") format("woff2"), url("{{ path_to_fonts }}OpenSans/OpenSans-Italic-webfont.woff") format("woff"), url("{{ path_to_fonts }}OpenSans/OpenSans-Italic-webfont.ttf") format("truetype"); + font-weight: 400; + font-style: italic; +} +@font-face { + font-family: 'Open Sans'; + src: url("{{ path_to_fonts }}OpenSans/OpenSans-Semibold-webfont.woff2") format("woff2"), url("{{ path_to_fonts }}OpenSans/OpenSans-Semibold-webfont.woff") format("woff"), url("{{ path_to_fonts }}OpenSans/OpenSans-Semibold-webfont.ttf") format("truetype"); + font-weight: 600; + font-style: normal; +} +@font-face { + font-family: 'Open Sans'; + src: url("{{ path_to_fonts }}OpenSans/OpenSans-SemiboldItalic-webfont.woff2") format("woff2"), url("{{ path_to_fonts }}OpenSans/OpenSans-SemiboldItalic-webfont.woff") format("woff"), url("{{ path_to_fonts }}OpenSans/OpenSans-SemiboldItalic-webfont.ttf") format("truetype"); + font-weight: 600; + font-style: italic; +} +@font-face { + font-family: 'Open Sans'; + src: url("{{ path_to_fonts }}OpenSans/OpenSans-Bold-webfont.woff2") format("woff2"), url("{{ path_to_fonts }}OpenSans/OpenSans-Bold-webfont.woff") format("woff"), url("{{ path_to_fonts }}OpenSans/OpenSans-Bold-webfont.ttf") format("truetype"); + font-weight: 700; + font-style: normal; +} +@font-face { + font-family: 'Open Sans'; + src: url("{{ path_to_fonts }}OpenSans/OpenSans-BoldItalic-webfont.woff2") format("woff2"), url("{{ path_to_fonts }}OpenSans/OpenSans-BoldItalic-webfont.woff") format("woff"), url("{{ path_to_fonts }}OpenSans/OpenSans-BoldItalic-webfont.ttf") format("truetype"); + font-weight: 700; + font-style: italic; +} +.drag-handle { + display: inline-block; + float: right; + width: 7px; + height: 22px; + margin-left: 10px; + background: url("{{ path_to_images }}drag-handles.png") no-repeat; + cursor: move; +} +.large-advanced-icon { + display: inline-block; + width: 60px; + height: 60px; + background: url("{{ path_to_images }}large-advanced-icon.png") center no-repeat; +} +.large-discussion-icon { + display: inline-block; + width: 60px; + height: 60px; + background: url("{{ path_to_images }}large-discussion-icon.png") center no-repeat; +} +.large-html-icon { + display: inline-block; + width: 60px; + height: 60px; + background: url("{{ path_to_images }}large-html-icon.png") center no-repeat; +} +.large-problem-icon { + display: inline-block; + width: 60px; + height: 60px; + background: url("{{ path_to_images }}large-problem-icon.png") center no-repeat; +} +.large-video-icon { + display: inline-block; + width: 60px; + height: 60px; + background: url("{{ path_to_images }}large-video-icon.png") center no-repeat; +} +@-webkit-keyframes fadeIn { + 0% { + opacity: 0.0; +} +50% { + opacity: 0.5; +} +100% { + opacity: 1.0; +} +}@-moz-keyframes fadeIn { + 0% { + opacity: 0.0; +} +50% { + opacity: 0.5; +} +100% { + opacity: 1.0; +} +}@keyframes fadeIn { + 0% { + opacity: 0.0; +} +50% { + opacity: 0.5; +} +100% { + opacity: 1.0; +} +}.form-create .list-input .field.error .is-showing { + animation: fadeIn 0.25s linear 1; +} +@-webkit-keyframes fadeOut { + 0% { + opacity: 1.0; +} +50% { + opacity: 0.5; +} +100% { + opacity: 0.0; +} +}@-moz-keyframes fadeOut { + 0% { + opacity: 1.0; +} +50% { + opacity: 0.5; +} +100% { + opacity: 0.0; +} +}@keyframes fadeOut { + 0% { + opacity: 1.0; +} +50% { + opacity: 0.5; +} +100% { + opacity: 0.0; +} +}.form-create .list-input .field.error .is-hiding { + animation: fadeOut 0.25s linear 1; +} +@-webkit-keyframes rotateUp { + 0% { +} +50% { +} +100% { +} +} +@-moz-keyframes rotateUp { + 0% { +} +50% { +} +100% { +} +} +@keyframes rotateUp { + 0% { + transform: rotate(0deg); +} +50% { + transform: rotate(-90deg); +} +100% { + transform: rotate(-180deg); +} +}@-webkit-keyframes rotateDown { + 0% { +} +50% { +} +100% { +} +} +@-moz-keyframes rotateDown { + 0% { +} +50% { +} +100% { +} +} +@keyframes rotateDown { + 0% { + transform: rotate(0deg); +} +50% { + transform: rotate(90deg); +} +100% { + transform: rotate(180deg); +} +}@-webkit-keyframes rotateCW { + 0% { +} +50% { +} +100% { +} +} +@-moz-keyframes rotateCW { + 0% { +} +50% { +} +100% { +} +} +@keyframes rotateCW { + 0% { + transform: rotate(0deg); +} +50% { + transform: rotate(180deg); +} +100% { + transform: rotate(360deg); +} +}.ui-loading .spin { + animation: rotateCW 1s linear infinite; +} +@-webkit-keyframes rotateCCW { + 0% { +} +50% { +} +100% { +} +} +@-moz-keyframes rotateCCW { + 0% { +} +50% { +} +100% { +} +} +@keyframes rotateCCW { + 0% { + transform: rotate(0deg); +} +50% { + transform: rotate(-180deg); +} +100% { + transform: rotate(-360deg); +} +}@-webkit-keyframes notificationSlideUp { + 0% { +} +90% { +} +100% { +} +} +@-moz-keyframes notificationSlideUp { + 0% { +} +90% { +} +100% { +} +} +@keyframes notificationSlideUp { + 0% { + transform: translateY(0); +} +90% { + transform: translateY(-200px); +} +100% { + transform: translateY(-198px); +} +}@-webkit-keyframes notificationSlideDown { + 0% { +} +10% { +} +100% { +} +} +@-moz-keyframes notificationSlideDown { + 0% { +} +10% { +} +100% { +} +} +@keyframes notificationSlideDown { + 0% { + transform: translateY(-198px); +} +10% { + transform: translateY(-200px); +} +100% { + transform: translateY(0); +} +}@-webkit-keyframes bounceIn { + 0% { + opacity: 0.0; +} +50% { + opacity: 1.0; +} +100% { +} +} +@-moz-keyframes bounceIn { + 0% { + opacity: 0.0; +} +50% { + opacity: 1.0; +} +100% { +} +} +@keyframes bounceIn { + 0% { + opacity: 0.0; + transform: scale(0.3); +} +50% { + opacity: 1.0; + transform: scale(1.05); +} +100% { + transform: scale(1); +} +}@-webkit-keyframes bounceOut { + 0% { +} +50% { + opacity: 1.0; +} +100% { + opacity: 0.0; +} +}@-moz-keyframes bounceOut { + 0% { +} +50% { + opacity: 1.0; +} +100% { + opacity: 0.0; +} +}@keyframes bounceOut { + 0% { + transform: scale(1); +} +50% { + opacity: 1.0; + transform: scale(1.05); +} +100% { + opacity: 0.0; + transform: scale(0.3); +} +}@-webkit-keyframes flash { + 0%, 100% { + opacity: 1.0; +} +50% { + opacity: 0.0; +} +}@-moz-keyframes flash { + 0%, 100% { + opacity: 1.0; +} +50% { + opacity: 0.0; +} +}@keyframes flash { + 0%, 100% { + opacity: 1.0; +} +50% { + opacity: 0.0; +} +}@-webkit-keyframes flashDouble { + 0%, 50%, 100% { + opacity: 1.0; +} +25%, 75% { + opacity: 0.0; +} +}@-moz-keyframes flashDouble { + 0%, 50%, 100% { + opacity: 1.0; +} +25%, 75% { + opacity: 0.0; +} +}@keyframes flashDouble { + 0%, 50%, 100% { + opacity: 1.0; +} +25%, 75% { + opacity: 0.0; +} +}@-webkit-keyframes pulse { + 0% { + opacity: 0.0; +} +50% { + opacity: 1.0; +} +100% { + opacity: 0.0; +} +}@-moz-keyframes pulse { + 0% { + opacity: 0.0; +} +50% { + opacity: 1.0; +} +100% { + opacity: 0.0; +} +}@keyframes pulse { + 0% { + opacity: 0.0; +} +50% { + opacity: 1.0; +} +100% { + opacity: 0.0; +} +}@-webkit-keyframes was-dropped { + 0% { + opacity: 1.0; +} +50% { + opacity: 0.5; +} +100% { + opacity: 1.0; +} +}@-moz-keyframes was-dropped { + 0% { + opacity: 1.0; +} +50% { + opacity: 0.5; +} +100% { + opacity: 1.0; +} +}@keyframes was-dropped { + 0% { + opacity: 1.0; +} +50% { + opacity: 0.5; +} +100% { + opacity: 1.0; +} +}html { + font-size: 62.5%; + height: 102%} +body { + min-width: 900px; + background: #f5f5f5; + color: #333; +} +body, input, button { + font-family: 'Open Sans', sans-serif; +} +[tabindex="-1"] { + outline: none; +} +a { + transition: color 0.25s ease-in-out 0s; + text-decoration: none; + color: #0075b4; +} +a:hover { + color: #065683; +} +.waiting { + opacity: 0.1; +} +.page-actions { + margin-bottom: 30px; +} +.wrapper { + box-sizing: border-box; + width: 100%} +.wrapper:after { + content: ""; + display: table; + clear: both; +} +.page-header { + display: block; + color: #333; +} +.page-header .navigation, .page-header .subtitle { + position: relative; + top: 5px; + display: block; + color: #4c4c4c; +} +.content-primary .section-header { + color: #333; +} +.content-primary .section-header .subtitle { + color: #b2b2b2; +} +.content-primary .content-header { + color: #333; +} +.content-primary .content-header .subtitle { + color: #b2b2b2; +} +.content-primary .area-header { + color: #333; +} +.content-primary .area-header .subtitle { + color: #b2b2b2; +} +.content-primary .area-subheader { + color: #333; +} +.content-primary .area-subheader .subtitle { + color: #b2b2b2; +} +.content-secondary .section-header { + color: #333; +} +.content-secondary .section-header .subtitle { + color: #b2b2b2; +} +.content-secondary .content-header { + color: #333; +} +.content-secondary .content-header .subtitle { + color: #b2b2b2; +} +.content-secondary .content-header { + color: #333; +} +.content-secondary .content-header .subtitle { + color: #b2b2b2; +} +.title-1 { + margin-bottom: 30px; +} +.title-2 { + margin-bottom: 20px; +} +.title-3 { + margin-bottom: 10px; +} +.title-4 { + margin-bottom: 20px; +} +.title-5 { + color: #999; + margin-bottom: 20px; +} +.title-6 { + color: #b2b2b2; + margin-bottom: 20px; +} +p, ul, ol, dl { + margin-bottom: 10px; +} +p:last-child, ul:last-child, ol:last-child, dl:last-child { + margin-bottom: 0; +} +.wrapper-mast { + margin: 30px 0 0 0; + padding: 0 20px; + position: relative; +} +.wrapper-mast .mast, .wrapper-mast .metadata { + position: relative; + max-width: 1280px; + min-width: 900px; + width: 100%; + margin: 0 auto 20px auto; + color: #4c4c4c; +} +.wrapper-mast .mast:after, .wrapper-mast .metadata:after { + content: ""; + display: table; + clear: both; +} +.wrapper-mast .mast { + border-bottom: 1px solid #e5e5e5; + padding-bottom: 10px; +} +.wrapper-mast .mast .page-header { + width: 100%} +.wrapper-mast .mast.has-actions:after { + content: ""; + display: table; + clear: both; +} +.wrapper-mast .mast.has-actions .page-header { + float: left; + margin-right: 2.12766%; + width: 48.93617%} +.wrapper-mast .mast.has-actions .nav-actions { + float: left; + text-align: right; + position: relative; + bottom: -15px; + width: 48.93617%} +.wrapper-mast .mast.has-actions .nav-actions .nav-item { + display: inline-block; + vertical-align: top; + margin-right: 10px; +} +.wrapper-mast .mast.has-actions .nav-actions .nav-item:last-child { + margin-right: 0; +} +.wrapper-mast .mast.has-actions .nav-actions .button { + padding: 5px 10px 6.66667px 10px; +} +.wrapper-mast .mast.has-subtitle .nav-actions { + bottom: -30px; +} +.wrapper-mast .mast.has-navigation .nav-actions { + bottom: -30px; +} +.wrapper-mast .mast.has-navigation .navigation-link { + display: inline-block; + vertical-align: bottom; + max-width: 250px; +} +.wrapper-mast .mast.has-navigation .navigation-link.navigation-current { + color: #7f7f7f; + max-width: 250px; +} +.wrapper-mast .mast.has-navigation .navigation-link.navigation-current:before { + color: #7f7f7f; +} +.wrapper-mast .mast.has-navigation .navigation-link:before { + content: " / "; + margin: 5px; + color: #7f7f7f; +} +.wrapper-mast .mast.has-navigation .navigation-link:before:hover { + color: #7f7f7f; +} +.wrapper-mast .mast.has-navigation .navigation .navigation-link:first-child:before { + content: ""; + margin: 0; +} +.wrapper-mast .mast-wizard .page-header-sub { + color: #7f7f7f; + font-weight: 300; +} +.wrapper-mast .mast-wizard .page-header-super { + float: left; + width: 100%; + margin-top: 10px; + border-top: 1px solid #e5e5e5; + padding-top: 10px; + font-weight: 600; +} +.wrapper-content { + margin: 0; + padding: 0 20px; + position: relative; +} +.content { + max-width: 1280px; + min-width: 900px; + width: 100%; + margin: 0 auto; + color: #4c4c4c; +} +.content:after { + content: ""; + display: table; + clear: both; +} +.content header { + position: relative; + margin-bottom: 20px; + border-bottom: 1px solid #e5e5e5; + padding-bottom: 10px; +} +.content header .title-sub { + display: block; + margin: 0; + color: #b2b2b2; +} +.content header .title-1 { + margin: 0; + padding: 0; + font-weight: 600; + color: #333; +} +.content-primary, .content-supplementary { + box-sizing: border-box; +} +.content-primary .title-2 { + margin: 0 0 10px 0; +} +.content-primary .title-3 { + margin: 0 0 10px 0; +} +.content-primary header:after { + content: ""; + display: table; + clear: both; +} +.content-primary header .title-2 { + width: 40.42553%; + margin: 0 2.12766% 0 0; + float: left; +} +.content-primary header .tip { + text-align: right; + float: right; + width: 57.44681%; + margin-top: 10px; + color: #666; +} +.content-supplementary>section { + margin: 0 0 20px 0; +} +.main-wrapper { + position: relative; + margin: 0 40px; +} +.inner-wrapper { + position: relative; + max-width: 1280px; + margin: auto; +} +.inner-wrapper:after { + content: ""; + display: table; + clear: both; +} +.inner-wrapper>article { + clear: both; +} +.main-column { + clear: both; + float: left; + width: 70%} +.sidebar { + float: right; + width: 28%} +.left { + float: left; +} +.right { + float: right; +} +.new-unit-item, .new-subsection-item, .new-policy-item { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + border: 1px solid #4c4c4c; + border-radius: 3px; + background-color: #d1dae3; + color: #6d788b; + margin: 10px; + padding: 3px 10px 4px 10px; +} +.new-unit-item.disabled, .new-unit-item.is-disabled, .new-subsection-item.disabled, .new-subsection-item.is-disabled, .new-policy-item.disabled, .new-policy-item.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.new-unit-item.disabled:hover, .new-unit-item.disabled:focus, .new-unit-item.is-disabled:hover, .new-unit-item.is-disabled:focus, .new-subsection-item.disabled:hover, .new-subsection-item.disabled:focus, .new-subsection-item.is-disabled:hover, .new-subsection-item.is-disabled:focus, .new-policy-item.disabled:hover, .new-policy-item.disabled:focus, .new-policy-item.is-disabled:hover, .new-policy-item.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.new-unit-item:hover, .new-unit-item:focus, .new-unit-item:active, .new-subsection-item:hover, .new-subsection-item:focus, .new-subsection-item:active, .new-policy-item:hover, .new-policy-item:focus, .new-policy-item:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.new-unit-item:hover, .new-subsection-item:hover, .new-policy-item:hover { + background-color: #d9e3ee; + color: #6d788b; +} +.new-unit-item .new-folder-icon, .new-unit-item .new-policy-icon, .new-unit-item .new-unit-icon, .new-subsection-item .new-folder-icon, .new-subsection-item .new-policy-icon, .new-subsection-item .new-unit-icon, .new-policy-item .new-folder-icon, .new-policy-item .new-policy-icon, .new-policy-item .new-unit-icon { + position: relative; + top: 2px; +} +.item-actions { + position: absolute; + top: 5px; + right: 5px; +} +.item-actions .edit-button, .item-actions .delete-button, .item-actions .visibility-toggle { + float: left; + margin-right: 13px; + color: #a4aab7; +} +.item-details { + float: left; + padding: 10px 0; +} +.details { + display: none; + margin-bottom: 30px; +} +.window .window-contents { + padding: 20px; +} +.window .header { + background-color: rgba(255, 255, 255, 0.4); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + padding: 6px 14px; + border-bottom: 1px solid #b0b6c2; + border-radius: 2px 2px 0 0; + background-color: #c5cfdf; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); +} +.window label { + display: block; + margin-bottom: 6px; +} +.window label.inline-label { + display: inline; +} +.window label .description { + display: block; + font-style: italic; + color: #999; +} +.window .row { + margin-bottom: 10px; + padding-bottom: 10px; + border-bottom: 1px solid #cbd1db; +} +.nav-skip, .transcript-skip { + display: inline-block; + position: absolute; + left: 0px; + top: -600px; + overflow: hidden; + background: #fff; + border-bottom: 1px solid #e5e5e5; + padding: 15px 10px; +} +.nav-skip:focus, .nav-skip:active, .transcript-skip:focus, .transcript-skip:active { + position: relative; + top: auto; + width: auto; + height: auto; + margin: 0; +} +.content-modal { + -webkit-border-bottom-left-radius: 2px; + -moz-border-bottomleft-radius: 2px; + border-bottom-left-radius: 2px; + -webkit-border-bottom-right-radius: 2px; + -moz-border-bottomright-radius: 2px; + border-bottom-right-radius: 2px; + box-sizing: border-box; + position: relative; + display: none; + width: 700px; + padding: 20px; + border: 1px solid #666; + background: #fff; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); + overflow: hidden; +} +.content-modal .action-modal-close { + transition: top 0.125s ease-in-out 0s; + -webkit-border-bottom-left-radius: 3px; + -moz-border-bottomleft-radius: 3px; + border-bottom-left-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + -moz-border-bottomright-radius: 3px; + border-bottom-right-radius: 3px; + position: absolute; + top: -3px; + right: 20px; + padding: 5px 10px 0 10px; + background: #ccc; + text-align: center; +} +.content-modal .action-modal-close .icon { + color: #fff; +} +.content-modal .action-modal-close:hover, .content-modal .action-modal-close:active { + top: 0; + background: #0075b4; +} +.content-modal img { + box-sizing: border-box; + width: 100%; + overflow-y: scroll; + padding: 2px; + border: 1px solid #e5e5e5; +} +.content-modal .title { + margin: 0 0 10px 0; + color: #333; +} +.content-modal .description { + margin-top: 10px; + color: #999; +} +body strong, body b { + font-weight: 700; +} +.wrapper-mast .mast.has-actions .nav-actions .button, .wrapper-sock .sock .support .list-actions .action-primary, .wrapper-sock .sock .feedback .list-actions .action-primary, .notice-incontext.has-actions .list-actions .action-primary, .notice-instruction.has-actions .list-actions .action-primary, .view-dashboard .status-creationrights .list-actions .action-primary, .view-dashboard .status-creationrights .form-actions .action-primary, .view-dashboard .course-item:hover .view-live-button, .view-export .export-controls .action-export, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish, .view-export-git .export-git-controls .action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary, .view-certificates .wrapper-collection .collection-edit .actions .action-primary, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action, [class*="view-"] .xblock-visibility_view .is-not-configured .button, .view-outline .content-primary .no-content .button, .view-static-pages .content-primary .add-pages .button, .view-container .content-primary .no-container-content .button, .view-textbooks .content-primary .no-textbook-content .button, .view-group-configurations .content-primary .no-content .button, .view-certificates .content-primary .no-content .button, [class*="view-"] .xblock-visibility_view .is-not-configured .action, .view-outline .content-primary .no-content .action, .view-static-pages .content-primary .add-pages .action, .view-container .content-primary .no-container-content .action, .view-textbooks .content-primary .no-textbook-content .action, .view-group-configurations .content-primary .no-content .action, .view-certificates .content-primary .no-content .action, .add-xblock-component .new-component .new-component-type .add-xblock-component-button, .wrapper-mast .mast.has-actions .nav-actions .button.new-button, .wrapper-mast .mast.has-actions .nav-actions .button.button-new, .notice-create.has-actions .list-actions .action-primary, .view-uploads .no-asset-content .new-button, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-program, .view-import .action-choose-file, .view-import .wrapper-file-name .submit-button, .view-settings .group-settings.assignment-types .actions .new-button, .view-settings .group-settings.course-learning-info .actions .new-button, .view-settings .group-settings.instructor-types .actions .new-button, .view-team .content .notice-create.has-actions .list-actions .action-primary, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .button, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .action, .wrapper-comp-settings .file-uploader .upload-setting, .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .create-setting, .wrapper-comp-settings .list-input.settings-list .metadata-dict .create-setting, .outline-content .add-item .button-new, .bit .external-help-button, .view-outline .new-subsection-item, .view-outline .new-unit-item, .view-outline .outline-complex .add-item .button-new, .view-settings .group-settings #field-course-image .wrapper-input .action-upload-image, .view-settings .group-settings #field-banner-image .wrapper-input .action-upload-image, .view-settings .group-settings #field-video-thumbnail-image .wrapper-input .action-upload-image, .view-settings .group-settings.instructor-types .field-group .wrapper-input .action-upload-instructor-image, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field .action-upload, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .field .action-upload, .view-textbooks .content-primary .textbook .edit-textbook .action-add-chapter, .view-group-configurations .content-primary .wrapper-collection .action-add-item, .view-group-configurations .content-primary .action-add, .view-certificates .wrapper-collection .collection-edit .action-add-signatory, .view-certificates .wrapper-collection .action-add-item, .view-certificates .action-add, .view-certificates .certificates .signatory-edit .field .signature-upload-wrapper .action-upload-signature, .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .create-setting, .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .upload-setting, .gray-button, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .link_lti_new_window, .page-header, .section-header, .area-header, .area-subheader, .title-1, .title-2, .title-3, .title-4, .title-5, .title-6, .new-unit-item, .new-subsection-item, .new-policy-item, .window label, .content-modal .title, .view-team .user-list .user-item .flag-role, .wrapper-xblock .container-paging-header .pagination .current-page, .wrapper-xblock .container-paging-footer .pagination .current-page, .wrapper-assets .assets-library .pagination .current-page, .wrapper-xblock .container-paging-header .pagination .page-number-input, .wrapper-xblock .container-paging-footer .pagination .page-number-input, .wrapper-assets .assets-library .pagination .page-number-input, .wrapper-xblock .container-paging-header .pagination .total-pages, .wrapper-xblock .container-paging-footer .pagination .total-pages, .wrapper-assets .assets-library .pagination .total-pages, .wrapper-xblock .container-paging-header .meta .count-current-shown, .wrapper-xblock .container-paging-header .meta .count-total, .wrapper-xblock .container-paging-header .meta .sort-order, .wrapper-comp-settings .file-uploader .download-setting, .wrapper-comp-settings .list-input.settings-list .setting-label, .wrapper-license .license-types .action.license-button, .wrapper-license .license-types .action.license-button.is-selected, .wrapper-license .wrapper-license-options .license-options .license-option .option-name, .view-container .content-supplementary .bit-publishing .bar-mod-title, .view-container .content-supplementary .unit-location .bar-mod-title, .view-container .content-supplementary .library-location .bar-mod-title, .view-container .content-supplementary .bit-publishing .bar-mod-content .title, .view-container .content-supplementary .unit-location .bar-mod-content .title, .view-container .content-supplementary .library-location .bar-mod-content .title, .add-xblock-component .new-component h5, .add-xblock-component .new-component-templates .cancel-button, .outline-complex .outline-section .section-status, .outline-complex .outline-subsection .subsection-status, .outline-complex .outline-unit .unit-status, .outline-simple .outline-section .section-status, .outline-simple .outline-subsection .subsection-status, .outline-simple .outline-unit .unit-status, .outline-complex .outline-section .section-title, .outline-simple .outline-section .section-title, .content header .title-1, form .field-checkbox .input-checkbox:checked ~ label, form .field-radio .input-radio:checked ~ label, .form-create .title, .form-create .list-input .field.required label, .form-create .actions .action, .form-create .actions .action-primary, .form-create .actions .action-secondary, .wrapper-header nav>ol>.nav-item, .wrapper-header .info-course .course-title, .not-signedin .wrapper-header .nav-pitch .action-signup, .view-util .wrapper-header .nav-pitch .action-signup, .not-signedin .wrapper-header .nav-pitch .action-signin, .view-util .wrapper-header .nav-pitch .action-signin, .message-status, .alert.confirm .nav-actions .action-primary, .notification.confirm .nav-actions .action-primary, .prompt.confirm .nav-actions .action-primary, .alert.warning .nav-actions .action-primary, .notification.warning .nav-actions .action-primary, .prompt.warning .nav-actions .action-primary, .alert.error .nav-actions .action-primary, .notification.error .nav-actions .action-primary, .prompt.error .nav-actions .action-primary, .alert.announcement .nav-actions .action-primary, .notification.announcement .nav-actions .action-primary, .prompt.announcement .nav-actions .action-primary, .alert.confirmation .nav-actions .action-primary, .notification.confirmation .nav-actions .action-primary, .prompt.confirmation .nav-actions .action-primary, .alert.step-required .nav-actions .action-primary, .notification.step-required .nav-actions .action-primary, .prompt.step-required .nav-actions .action-primary, .wrapper-prompt .prompt .nav-actions .action-primary, .notification strong, .notification.has-actions .action-primary, .alert strong, .alert.has-actions .nav-actions .nav-item .action-primary, .main-wrapper .alert strong, .main-wrapper .alert .alert-action.secondary, body.error .back-button, .content .introduction .title, .content .introduction strong, .notice-incontext .title, .notice-incontext strong, .bit h3, .bit .title, .modal .revert-button, .modal .close-button, [class*="view-"] .modal-window .modal-subsection-title, [class*="view-"] .modal-window .modal-chin .action-primary, [class*="view-"] .modal-window .xblock-actions .action-primary, [class*="view-"] .modal-window .modal-actions .action-primary, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .component-name, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field label, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field label, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field label, [class*="view-"] .course-outline-modal .list-fields .field label, .wrapper-assets .assets-library .assets-title, .wrapper-assets .assets-library .meta .count-current-shown, .wrapper-assets .assets-library .meta .count-total, .wrapper-assets .assets-library .meta .sort-order, .wrapper-assets .assets-library .assets-table th .current-sort, .wrapper-assets .assets-library .assets-table tbody tr .name-col, .view-signup .content header h1, .view-signin .content header h1, .view-util .content header h1, .view-signup .content-primary form .form-actions .action-primary, .view-signin .content-primary form .form-actions .action-primary, .view-util .content-primary form .form-actions .action-primary, .view-signup .content-primary form .list-input .field.required label, .view-signin .content-primary form .list-input .field.required label, .view-util .content-primary form .list-input .field.required label, .view-signup .content-supplementary .bit h3, .view-signin .content-supplementary .bit h3, .view-util .content-supplementary .bit h3, .view-uploads .assets-library .meta .count-current-shown, .view-uploads .assets-library .meta .count-total, .view-uploads .assets-library .meta .filter-column, .view-uploads .assets-library .meta .sort-order, .view-uploads .assets-library .pagination .current-page, .view-uploads .assets-library .pagination .page-number-input, .view-uploads .assets-library .pagination .total-pages, .view-uploads .assets-library table th .current-sort, .view-uploads .assets-library table th.nav-dd .wrapper-nav-sub>ol>.nav-item, .view-uploads .show-xml, .view-uploads .upload-modal .choose-file-button, .view-uploads .upload-modal .embeddable label, .view-uploads .upload-modal .copy-button, .course-updates .update-list>li h2, .course-updates .update-list>li h3, .course-updates .new-update-form h5, .course-updates .new-update-form .save-button, .course-updates .new-update-form .cancel-button, .course-updates .post-actions .edit-button, .course-updates .post-actions .delete-button, .course-handouts .edit-button, .edit-handouts-form h5, .edit-handouts-form .save-button, .edit-handouts-form .cancel-button, .view-dashboard .status-creationrights .title, .view-dashboard .status-creationrights .status-update .value-formal, .view-dashboard .create-course label, .view-dashboard .create-library label, .view-dashboard .create-course .new-course-save, .view-dashboard .create-library .new-course-save, .view-dashboard .create-course .new-course-cancel, .view-dashboard .create-library .new-course-cancel, .view-dashboard .create-course .message-status, .view-dashboard .create-library .message-status, .view-export .description h2, .view-export .description strong, .view-export .export-form-wrapper .export-form .button-export, .view-howitworks.not-signedin .content-header h1, .view-howitworks.not-signedin .content-header .logo, .view-howitworks.not-signedin .content-features .feature .copy h3, .view-howitworks.not-signedin .content-features .feature .copy strong, .view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints .proofpoint .title, .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary, .view-course-create .rerun-course .rerun-course-save, .view-course-create .rerun-course .rerun-course-cancel, .view-course-create .rerun-course .actions .action-primary, .view-course-create .rerun-course .actions .action-secondary, .view-import .wrapper-file-name .title .file-name, .view-import .wrapper-status .list-progress .status-detail .title, .view-outline .new-section-name-save, .view-outline .new-subsection-name-save, .view-outline .new-section-name-cancel, .view-outline .new-subsection-name-cancel, .view-outline .course-status .status-release-value, .view-outline .course-status .status-pacing-value, .view-outline .outline-complex .outline-section .section-header .incontext-editor-input, .view-settings .message-status, .view-settings .settings-details .is-not-editable input, .view-settings .settings-details .is-not-editable textarea, .view-settings .group-settings .remove-item, .view-settings .group-settings .list-input .field.required label, .view-settings .group-settings .list-input .field label, .view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li .letter-grade, .view-settings .group-settings.advanced-policies .course-advanced-policy-list-item .title, .view-static-pages .unit-body .component-editor h5, .view-static-pages .unit-body .component-editor .save-button, .view-static-pages .unit-body .component-editor .cancel-button, .view-static-pages .static-page-item .page-name, .view-container .content-supplementary .bit-publishing .wrapper-release .release-date, .view-container .content-supplementary .bit-publishing .wrapper-visibility .copy, .view-container .content-supplementary .unit-location .wrapper-unit-id .unit-id-value, .view-container .content-supplementary .unit-location .wrapper-unit-id .library-id-value, .view-container .content-supplementary .unit-location .wrapper-library-id .unit-id-value, .view-container .content-supplementary .unit-location .wrapper-library-id .library-id-value, .view-container .content-supplementary .library-location .wrapper-unit-id .unit-id-value, .view-container .content-supplementary .library-location .wrapper-unit-id .library-id-value, .view-container .content-supplementary .library-location .wrapper-library-id .unit-id-value, .view-container .content-supplementary .library-location .wrapper-library-id .library-id-value, .view-container .wrapper-mast .mast .page-header .page-header-title, .view-container .wrapper-mast .mast .page-header .is-editable .incontext-editor-input, .view-container .content-supplementary .bit-publishing .wrapper-last-draft .date, .view-container .content-supplementary .bit-publishing .wrapper-last-draft .user, .view-container .content-supplementary .unit-publish-history .wrapper-last-publish .date, .view-container .content-supplementary .unit-publish-history .wrapper-last-publish .user, .view-container .content-supplementary .unit-location .wrapper-unit-tree-location .is-current .unit-title a, .view-container .content-supplementary .library-location .wrapper-unit-tree-location .is-current .unit-title a, .view-team .user-list .user-item .flag-role .msg-you, .view-team .user-list .user-item .item-metadata .user-username, .view-team .user-list .user-item .item-actions .action-role .add-admin-role, .view-team .user-list .user-item .item-actions .action-role .remove-admin-role, .view-textbooks .content-primary .textbook .view-textbook .textbook-title, .view-textbooks .content-primary .textbook .view-textbook .actions .action .view, .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary, .view-textbooks .content-primary .textbook .edit-textbook .copy strong, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field.required label, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field.required label, .view-export-git h3, .view-export-git .export-git-info-block dt, .view-group-configurations .content-primary .wrapper-groups .title, .view-group-configurations .content-primary .wrapper-collection .collection-header .title, .view-group-configurations .content-primary .wrapper-collection .collection-references .usage .usage-unit a, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field.required label, .view-group-configurations .content-primary .wrapper-collection .collection-edit label.required, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field.add-collection-name .group-configuration-id .group-configuration-value, .view-group-configurations .content-primary .wrapper-collection .collection-edit .copy strong, .view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload .video-detail-name, .view-certificates .content-primary .wrapper-certificates .title, .view-certificates .content-primary .actual-course-title, .view-certificates .wrapper-collection .collection-references .usage .usage-unit a, .view-certificates .wrapper-collection .collection-edit .wrapper-form label, .view-certificates .wrapper-collection .collection-edit .field.required label, .view-certificates .wrapper-collection .collection-edit label.required, .view-certificates .wrapper-collection .collection-edit .field.add-collection-name .certificate-id .certificate-value, .view-certificates .wrapper-collection .collection-edit .copy strong, .view-certificates .certificates .certificate-details .title, .view-certificates .certificates .certificate-edit .title, .view-certificates .certificates .signatory-details .signatory-panel-header, .view-certificates .certificates .signatory-edit .signatory-panel-header, .view-certificates .certificates .signatory-edit .field.required label, .xmodule_display.xmodule_CapaModule div.problem div p.answer:before, .xmodule_display.xmodule_CapaModule div.problem dl dt, .xmodule_display.xmodule_CapaModule div.problem table th, .xmodule_display.xmodule_CapaModule div.problem .detailed-solution>p:first-child, .xmodule_display.xmodule_CapaModule div.problem .detailed-targeted-feedback>p:first-child, .xmodule_display.xmodule_CapaModule div.problem .detailed-targeted-feedback-partially-correct>p:first-child, .xmodule_display.xmodule_CapaModule div.problem .detailed-targeted-feedback-correct>p:first-child, .xmodule_display.xmodule_CapaModule div.problem .hints h3, .xmodule_display.xmodule_CapaModule div.problem .test header h3, .xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .shortform, .xmodule_display.xmodule_CapaModule div.problem .annotation-input .annotation-header, .xmodule_display.xmodule_CapaModule div.problem .annotation-input .debug-value:before, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .control, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .vcr .vidtime, .xmodule_display.xmodule_ConditionalModule div.problem div p.answer:before, .xmodule_display.xmodule_ConditionalModule div.problem dl dt, .xmodule_display.xmodule_ConditionalModule div.problem table th, .xmodule_display.xmodule_ConditionalModule div.problem .detailed-solution>p:first-child, .xmodule_display.xmodule_ConditionalModule div.problem .detailed-targeted-feedback>p:first-child, .xmodule_display.xmodule_ConditionalModule div.problem .detailed-targeted-feedback-partially-correct>p:first-child, .xmodule_display.xmodule_ConditionalModule div.problem .detailed-targeted-feedback-correct>p:first-child, .xmodule_display.xmodule_ConditionalModule div.problem .hints h3, .xmodule_display.xmodule_ConditionalModule div.problem .test header h3, .xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .shortform, .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .annotation-header, .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .debug-value:before, .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .collapse-setting, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-message-status, .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .download-setting { + font-weight: 600; +} +.add-xblock-component .new-component-template .button-component, input[type="text"], input[type="email"], input[type="password"], textarea.text, [class*="view-"] .modal-window .title { + font-weight: 500; +} +.page-header .navigation, .page-header .subtitle, .title-4, .title-5, .title-6, .window label .description, .wrapper-xblock .container-paging-header .pagination .page-divider, .wrapper-xblock .container-paging-footer .pagination .page-divider, .wrapper-assets .assets-library .pagination .page-divider, .nav-dd .nav-sub .nav-item, .ui-tabs-nav a, .problem-type-tabs li:ui-state-active, [class*="view-"] .modal-window .modal-section .settings-tabs-header li.settings-tab-buttons .settings-tab-button, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab, [class*="view-"] .xblock-visibility_view .field-visibility-verification .note, [class*="view-"] .xblock-visibility_view .field-visibility-content-group.was-removed .note, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-staff-lock .note, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-timed-examination .note, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-verification-access .note, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-staff-lock .note, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-timed-examination .note, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-verification-access .note, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-staff-lock .note, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-timed-examination .note, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-verification-access .note, [class*="view-"] .course-outline-modal .edit-staff-lock .note, [class*="view-"] .course-outline-modal .edit-settings-timed-examination .note, [class*="view-"] .course-outline-modal .edit-verification-access .note, .tooltip, .view-uploads .assets-library .pagination .page-divider, .course-updates .post-actions .edit-button, .course-updates .post-actions .delete-button, .course-handouts .edit-button, .view-container .wrapper-mast .mast.has-actions .nav-actions .button { + font-weight: 400; +} +h1, .wrapper-xblock.level-element .xblock-header-primary, body.error h1, .modal h2, .view-uploads .upload-modal .title, .course-updates .update-list>li h1, .course-handouts .title, .view-dashboard .create-course .new-course-name, .view-dashboard .create-library .new-course-name, .view-export .export-form-wrapper .export-form h2 { + font-weight: 300; +} +body.error h1, .view-howitworks.not-signedin .content-header h1, h1, .section-header, .title-2, .wrapper-mast .mast-wizard .page-header-sub, .wrapper-mast .mast-wizard .page-header-super, .content-primary .title-2, .wrapper-xblock .container-paging-header .pagination .page-divider, .wrapper-xblock .container-paging-footer .pagination .page-divider, .wrapper-assets .assets-library .pagination .page-divider, .form-create .title, .wrapper-sock .sock header .title, .content .introduction .title, .view-uploads .assets-library .pagination .page-divider, .course-updates .update-list>li h1, .course-handouts .title, .view-dashboard .course-item .course-title, .view-export .export-controls .title, .view-export .export-form-wrapper .export-form h2, .view-howitworks.not-signedin .content-header .tagline, .view-howitworks.not-signedin .content-features .feature .copy h3, .view-import .import-form>.title, .view-import .wrapper-status>.title, .view-static-pages .course-nav-item .course-nav-item-header .title, .view-static-pages .xblock-student_view, .view-container .wrapper-mast .mast .page-header .page-header-title, .view-container .wrapper-mast .mast .page-header .is-editable .incontext-editor-input, .view-team .user-list .user-item .item-metadata .user-username, .view-textbooks .content-primary .textbook .view-textbook .textbook-title, .view-export-git .export-git-controls .title, .view-group-configurations .content-primary .wrapper-groups .title, .view-certificates .content-primary .wrapper-certificates .title, .view-certificates .certificates .certificate-details .title, .view-certificates .certificates .certificate-edit .title, .title-3, .content-modal .title, .wrapper-xblock h2, .add-xblock-component .new-component h5, .outline-complex .outline-section .section-title, .outline-simple .outline-section .section-title, .modal h2, [class*="view-"] .modal-window .title, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .component-name, .view-dashboard .status-creationrights .status-update .value-formal, .view-dashboard .create-course .new-course-name, .view-dashboard .create-library .new-course-name, .view-export .description h2, .view-course-create .mast .page-header-super .course-original-title-id, .view-course-create .rerun-course .rerun-course-name, .view-import .wrapper-status .list-progress .status-detail .title, .view-outline .outline-complex .outline-section .section-header .incontext-editor-input, .view-static-pages .static-page-item .page-name, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field.add-textbook-name label, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field.add-textbook-name label, .view-export-git h3, .view-group-configurations .content-primary .wrapper-collection .collection-header .title, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field.add-collection-name label, .view-certificates .wrapper-collection .collection-edit .field.add-collection-name label, .area-header, .content-primary .title-3, .view-container .content-supplementary .bit-publishing .bar-mod-title, .view-container .content-supplementary .unit-location .bar-mod-title, .view-container .content-supplementary .library-location .bar-mod-title, .outline-complex .outline-subsection .subsection-title, .outline-simple .outline-subsection .subsection-title, .wrapper-sock .sock .support .title, .wrapper-sock .sock .feedback .title, .notice-incontext .title, [class*="view-"] .modal-window .modal-section-title, [class*="view-"] .xblock-visibility_view .is-not-configured .title, .course-updates .update-list>li h3, .view-dashboard .courses .title, .view-dashboard .libraries .title, .view-dashboard .programs .title, .view-outline .outline-complex .outline-subsection .subsection-header .incontext-editor-input, .view-team .user-list .user-item .item-metadata .user-email, .page-header .navigation, .page-header .subtitle, .section-header .subtitle, .area-subheader, .title-4, .title-5, .title-6, .window .header, .wrapper-xblock .xblock-license, .wrapper-xblock .xmodule_display.xmodule_HtmlModule .xblock-license, .wrapper-xblock .xmodule_VideoModule .xblock-license, .wrapper-xblock .wrapper-groups .title, .outline-complex .outline-unit .unit-title, .outline-simple .outline-unit .unit-title, .notification .copy .title, .alert .copy .title, .bit h3, .bit .title, .view-signup .content-supplementary .bit h3, .view-signin .content-supplementary .bit h3, .view-util .content-supplementary .bit h3, .course-updates .update-list>li h2, .view-dashboard .status-creationrights .title, .view-dashboard .create-course label, .view-dashboard .create-library label, .view-course-create .rerun-course label, .view-outline .bulkpublish-section-modal .outline-unit .unit-title, .view-outline .bulkpublish-subsection-modal .outline-unit .unit-title, .view-outline .bulkpublish-unit-modal .outline-unit .unit-title, .view-static-pages .course-nav-item .course-nav-item-header .title-sub, .view-container .content-supplementary .bit-publishing .wrapper-release .release-date, .view-container .content-supplementary .bit-publishing .wrapper-visibility .copy, .view-container .content-supplementary .unit-location .wrapper-unit-id .unit-id-value, .view-container .content-supplementary .unit-location .wrapper-unit-id .library-id-value, .view-container .content-supplementary .unit-location .wrapper-library-id .unit-id-value, .view-container .content-supplementary .unit-location .wrapper-library-id .library-id-value, .view-container .content-supplementary .library-location .wrapper-unit-id .unit-id-value, .view-container .content-supplementary .library-location .wrapper-unit-id .library-id-value, .view-container .content-supplementary .library-location .wrapper-library-id .unit-id-value, .view-container .content-supplementary .library-location .wrapper-library-id .library-id-value, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .control, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .vcr .vidtime, .area-header .subtitle, .view-container .content-supplementary .bit-publishing .bar-mod-content .title, .view-container .content-supplementary .unit-location .bar-mod-content .title, .view-container .content-supplementary .library-location .bar-mod-content .title, [class*="view-"] .modal-window .modal-subsection-title, .view-outline .bulkpublish-section-modal .outline-subsection .subsection-title, .view-outline .bulkpublish-subsection-modal .outline-subsection .subsection-title, .view-outline .bulkpublish-unit-modal .outline-subsection .subsection-title, .view-container .content-supplementary .bit-publishing .wrapper-release .release-with, .view-container .content-supplementary .bit-publishing .wrapper-visibility .inherited-from, .view-container .content-supplementary .bit-publishing .wrapper-visibility .note-visibility, .view-container .content-supplementary label, .area-subheader .subtitle, .view-team .user-list .user-item .flag-role { + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; +} +body.error h1 { + font-size: 60px; + font-size: 6rem; + line-height: 88.8px; + line-height: 8.88rem; +} +.view-howitworks.not-signedin .content-header h1 { + font-size: 48px; + font-size: 4.8rem; + line-height: 71.04px; + line-height: 7.104rem; +} +.page-header, .title-1, .content header .title-1, .content-primary .title-1, .view-signup .content header h1, .view-signin .content header h1, .view-util .content header h1, .view-uploads .upload-modal .title { + font-size: 36px; + font-size: 3.6rem; + line-height: 53.28px; + line-height: 5.328rem; +} +h1, .section-header, .title-2, .wrapper-mast .mast-wizard .page-header-sub, .wrapper-mast .mast-wizard .page-header-super, .content-primary .title-2, .wrapper-xblock .container-paging-header .pagination .page-divider, .wrapper-xblock .container-paging-footer .pagination .page-divider, .wrapper-assets .assets-library .pagination .page-divider, .form-create .title, .wrapper-sock .sock header .title, .content .introduction .title, .view-uploads .assets-library .pagination .page-divider, .course-updates .update-list>li h1, .course-handouts .title, .view-dashboard .course-item .course-title, .view-export .export-controls .title, .view-export .export-form-wrapper .export-form h2, .view-howitworks.not-signedin .content-header .tagline, .view-howitworks.not-signedin .content-features .feature .copy h3, .view-import .import-form>.title, .view-import .wrapper-status>.title, .view-static-pages .course-nav-item .course-nav-item-header .title, .view-static-pages .xblock-student_view, .view-container .wrapper-mast .mast .page-header .page-header-title, .view-container .wrapper-mast .mast .page-header .is-editable .incontext-editor-input, .view-team .user-list .user-item .item-metadata .user-username, .view-textbooks .content-primary .textbook .view-textbook .textbook-title, .view-export-git .export-git-controls .title, .view-group-configurations .content-primary .wrapper-groups .title, .view-certificates .content-primary .wrapper-certificates .title, .view-certificates .certificates .certificate-details .title, .view-certificates .certificates .certificate-edit .title { + font-size: 24px; + font-size: 2.4rem; + line-height: 35.52px; + line-height: 3.552rem; +} +.title-3, .content-modal .title, .wrapper-xblock h2, .add-xblock-component .new-component h5, .outline-complex .outline-section .section-title, .outline-simple .outline-section .section-title, .modal h2, [class*="view-"] .modal-window .title, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .component-name, .view-dashboard .status-creationrights .status-update .value-formal, .view-dashboard .create-course .new-course-name, .view-dashboard .create-library .new-course-name, .view-export .description h2, .view-course-create .mast .page-header-super .course-original-title-id, .view-course-create .rerun-course .rerun-course-name, .view-import .wrapper-status .list-progress .status-detail .title, .view-outline .outline-complex .outline-section .section-header .incontext-editor-input, .view-static-pages .static-page-item .page-name, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field.add-textbook-name label, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field.add-textbook-name label, .view-export-git h3, .view-group-configurations .content-primary .wrapper-collection .collection-header .title, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field.add-collection-name label, .view-certificates .wrapper-collection .collection-edit .field.add-collection-name label { + font-size: 18px; + font-size: 1.8rem; + line-height: 26.64px; + line-height: 2.664rem; +} +.area-header, .content-primary .title-3, .view-container .content-supplementary .bit-publishing .bar-mod-title, .view-container .content-supplementary .unit-location .bar-mod-title, .view-container .content-supplementary .library-location .bar-mod-title, .outline-complex .outline-subsection .subsection-title, .outline-simple .outline-subsection .subsection-title, .wrapper-sock .sock .support .title, .wrapper-sock .sock .feedback .title, .notice-incontext .title, [class*="view-"] .modal-window .modal-section-title, [class*="view-"] .xblock-visibility_view .is-not-configured .title, .course-updates .update-list>li h3, .view-dashboard .courses .title, .view-dashboard .libraries .title, .view-dashboard .programs .title, .view-outline .outline-complex .outline-subsection .subsection-header .incontext-editor-input, .view-team .user-list .user-item .item-metadata .user-email { + font-size: 16px; + font-size: 1.6rem; + line-height: 23.68px; + line-height: 2.368rem; +} +.page-header .navigation, .page-header .subtitle, .section-header .subtitle, .area-subheader, .title-4, .title-5, .title-6, .window .header, .wrapper-xblock .xblock-license, .wrapper-xblock .xmodule_display.xmodule_HtmlModule .xblock-license, .wrapper-xblock .xmodule_VideoModule .xblock-license, .wrapper-xblock .wrapper-groups .title, .outline-complex .outline-unit .unit-title, .outline-simple .outline-unit .unit-title, .notification .copy .title, .alert .copy .title, .bit h3, .bit .title, .view-signup .content-supplementary .bit h3, .view-signin .content-supplementary .bit h3, .view-util .content-supplementary .bit h3, .course-updates .update-list>li h2, .view-dashboard .status-creationrights .title, .view-dashboard .create-course label, .view-dashboard .create-library label, .view-course-create .rerun-course label, .view-outline .bulkpublish-section-modal .outline-unit .unit-title, .view-outline .bulkpublish-subsection-modal .outline-unit .unit-title, .view-outline .bulkpublish-unit-modal .outline-unit .unit-title, .view-static-pages .course-nav-item .course-nav-item-header .title-sub, .view-container .content-supplementary .bit-publishing .wrapper-release .release-date, .view-container .content-supplementary .bit-publishing .wrapper-visibility .copy, .view-container .content-supplementary .unit-location .wrapper-unit-id .unit-id-value, .view-container .content-supplementary .unit-location .wrapper-unit-id .library-id-value, .view-container .content-supplementary .unit-location .wrapper-library-id .unit-id-value, .view-container .content-supplementary .unit-location .wrapper-library-id .library-id-value, .view-container .content-supplementary .library-location .wrapper-unit-id .unit-id-value, .view-container .content-supplementary .library-location .wrapper-unit-id .library-id-value, .view-container .content-supplementary .library-location .wrapper-library-id .unit-id-value, .view-container .content-supplementary .library-location .wrapper-library-id .library-id-value, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .control, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .vcr .vidtime { + font-size: 14px; + font-size: 1.4rem; + line-height: 20.72px; + line-height: 2.072rem; +} +.area-header .subtitle, .view-container .content-supplementary .bit-publishing .bar-mod-content .title, .view-container .content-supplementary .unit-location .bar-mod-content .title, .view-container .content-supplementary .library-location .bar-mod-content .title, [class*="view-"] .modal-window .modal-subsection-title, .view-outline .bulkpublish-section-modal .outline-subsection .subsection-title, .view-outline .bulkpublish-subsection-modal .outline-subsection .subsection-title, .view-outline .bulkpublish-unit-modal .outline-subsection .subsection-title, .view-container .content-supplementary .bit-publishing .wrapper-release .release-with, .view-container .content-supplementary .bit-publishing .wrapper-visibility .inherited-from, .view-container .content-supplementary .bit-publishing .wrapper-visibility .note-visibility, .view-container .content-supplementary label { + font-size: 12px; + font-size: 1.2rem; + line-height: 17.76px; + line-height: 1.776rem; +} +.area-subheader .subtitle, .view-team .user-list .user-item .flag-role { + font-size: 11px; + font-size: 1.1rem; + line-height: 16.28px; + line-height: 1.628rem; +} +.ui-loading, body, .content, .wrapper-xblock .container-paging-header .pagination .current-page, .wrapper-xblock .container-paging-footer .pagination .current-page, .wrapper-assets .assets-library .pagination .current-page, .wrapper-xblock .container-paging-header .pagination .page-number-input, .wrapper-xblock .container-paging-footer .pagination .page-number-input, .wrapper-assets .assets-library .pagination .page-number-input, .wrapper-xblock .container-paging-header .pagination .total-pages, .wrapper-xblock .container-paging-footer .pagination .total-pages, .wrapper-assets .assets-library .pagination .total-pages, .wrapper-comp-settings .list-input.settings-list input, .wrapper-comp-settings .list-input.settings-list select, .wrapper-comp-settings .list-input.settings-list input[type="number"], .form-create .list-input .field input, .form-create .list-input .field textarea, .incontext-editor.is-editable .incontext-editor-open-action, .ui-widget, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field input, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field textarea, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field input, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field textarea, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field input, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field textarea, [class*="view-"] .course-outline-modal .list-fields .field input, [class*="view-"] .course-outline-modal .list-fields .field textarea, .view-signup .content, .view-signin .content, .view-util .content, .view-signup .content-primary form .list-input .field input, .view-signup .content-primary form .list-input .field textarea, .view-signin .content-primary form .list-input .field input, .view-signin .content-primary form .list-input .field textarea, .view-util .content-primary form .list-input .field input, .view-util .content-primary form .list-input .field textarea, .view-uploads .assets-library .pagination .current-page, .view-uploads .assets-library .pagination .page-number-input, .view-uploads .assets-library .pagination .total-pages, .course-updates .update-contents p, .course-updates .update-contents pre, .view-howitworks.not-signedin .content, .view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints .proofpoint .title, .view-import .wrapper-status .list-progress .status-detail .copy, .view-outline .new-section-name, .view-outline .new-subsection-name-input, .view-outline .course-status .status-release, .view-outline .course-status .status-pacing, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field input, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field textarea, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field input, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field textarea, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field input, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field textarea, .view-outline .course-outline-modal .list-fields .field input, .view-outline .course-outline-modal .list-fields .field textarea, .view-settings .group-settings .list-input .field input, .view-settings .group-settings .list-input .field textarea, .view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li .letter-grade, .view-settings .group-settings.advanced-policies .CodeMirror, .view-static-pages .content-primary .notice-incontext .copy, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field textarea, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field textarea, .view-export-git .export-git-info-block dd, .view-group-configurations .content-primary .notice-moduledisabled, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field input, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field textarea, .view-certificates .content-primary .notice-moduledisabled, .view-certificates .wrapper-collection .collection-edit .field input, .view-certificates .wrapper-collection .collection-edit .field textarea, .view-certificates .certificates .signatory-edit .field input, .view-certificates .certificates .signatory-edit .field textarea, .view-howitworks.not-signedin .content-features .feature .copy>p, .view-import .wrapper-file-name .title, .view-settings .settings-details .is-not-editable input, .view-settings .settings-details .is-not-editable textarea, .view-settings .group-settings.basic .note-promotion-courseURL .copy .link-courseURL, .edit-static-page .page-display-name-input, .view-export-git .export-git-info-block dt, .view-group-configurations .content-primary .wrapper-collection .collection-items .item, .view-group-configurations .content-primary .experiment-groups .group-configuration-details .groups .group, .view-certificates .wrapper-collection .collection-items .item, .wrapper-comp-settings.basic_metadata_edit .progress-bar, body.error .description, .content header .title-sub, .details, .wrapper-xblock .wrapper-xblock-message .xblock-message, .wrapper-xblock .wrapper-xblock-message .xblock-message.information, .wrapper-comp-settings .list-input.settings-list .setting-label, .view-container .content-supplementary .bit-publishing .bar-mod-content, .view-container .content-supplementary .unit-location .bar-mod-content, .view-container .content-supplementary .library-location .bar-mod-content, form input[type="file"], .form-create .list-input .field label, .CodeMirror, .message, .wrapper-notification .copy, .wrapper-alert .copy, .prompt .copy, .notification .copy, .alert .action-dismiss .button-copy, .wrapper-message .message, .wrapper-message .message.information, .main-wrapper .alert, .content .introduction .copy, .notice-incontext .copy, .bit, [class*="view-"] .modal-window .message, [class*="view-"] .modal-window .summary-message .copy, [class*="view-"] .modal-window .modal-section .settings-tabs-header li.settings-tab-buttons .settings-tab-button, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab, [class*="view-"] .xblock-visibility_view .list-fields .field label, [class*="view-"] .xblock-visibility_view .is-not-configured .copy, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field label, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field label, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field label, [class*="view-"] .course-outline-modal .list-fields .field label, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field .tip, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field .tip, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field .tip, [class*="view-"] .course-outline-modal .list-fields .field .tip, .wrapper-assets .assets-library .assets-table tbody .name-col .title, .view-signup .content .introduction, .view-signin .content .introduction, .view-util .content .introduction, .view-signup .content-primary form .list-input .field label, .view-signin .content-primary form .list-input .field label, .view-util .content-primary form .list-input .field label, .view-signup .content-supplementary .bit, .view-signin .content-supplementary .bit, .view-util .content-supplementary .bit, .view-uploads .assets-library table tbody .name-col .title, .view-uploads .upload-modal .progress-fill, .course-handouts .handouts-content, .view-dashboard .status-creationrights .status-update .value-description, .view-dashboard .wrapper-course.has-status .course-status .value .copy, .view-dashboard .wrapper-course.has-status .status-message, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .button-copy, .view-dashboard .course-item .course-metadata, .view-export .export-contents .export-includes .item-detail, .view-export .export-contents .export-excludes .item-detail, .view-export .description, .view-export .export-form-wrapper .export-form .error-block, .view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field label, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field label, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field label, .view-outline .course-outline-modal .list-fields .field label, .view-settings .message, .view-settings .group-settings .instructions, .view-settings .group-settings .message-error, .view-settings .group-settings .list-input .field label, .view-settings .group-settings.basic .note-promotion-courseURL .title, .edit-static-page .page-contents, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-discard, .view-team .content .introduction, .view-team .user-list .user-item .item-actions .action-role .notoggleforyou, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field label, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field label, .view-group-configurations .content-primary .wrapper-groups .copy, .view-group-configurations .content-primary .wrapper-collection .collection-info, .view-group-configurations .content-primary .wrapper-collection .collection-references, .view-group-configurations .content-primary .wrapper-collection .usage-validation, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field label, .view-group-configurations .content-primary .experiment-groups .group-configuration-details .group-configuration-info, .view-certificates .content-primary .wrapper-certificates .copy, .view-certificates .content-primary .wrapper-certificates .instructions, .view-certificates .wrapper-collection .collection-info, .view-certificates .wrapper-collection .collection-references, .view-certificates .wrapper-collection .collection-edit .field label, .view-certificates .certificates .signatory-edit .field label, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-error-message, .content-primary header .tip, .window label .description, .content-modal .description, .wrapper-xblock .container-paging-header .meta, .wrapper-xblock.level-element .wrapper-xblock-message .xblock-message.information, .wrapper-comp-settings .list-input.settings-list .setting-help, .wrapper-license .license-types .tip, .wrapper-license .wrapper-license-options .tip, .view-container .content-supplementary .bit-publishing .bar-mod-content .meta, .view-container .content-supplementary .unit-location .bar-mod-content .meta, .view-container .content-supplementary .library-location .bar-mod-content .meta, .outline-complex .outline-section .section-status, .outline-complex .outline-subsection .subsection-status, .outline-complex .outline-unit .unit-status, .outline-simple .outline-section .section-status, .outline-simple .outline-subsection .subsection-status, .outline-simple .outline-unit .unit-status, input[type="text"], input[type="email"], input[type="password"], textarea.text, .form-create .list-input .field .tip, label, .wrapper-footer footer.primary, .wrapper-sock .sock, .wrapper-sock .sock .support .copy, .wrapper-sock .sock .feedback .copy, .content .introduction.has-links .nav-introduction-supplementary, .ui-datepicker, [class*="view-"] .xblock-visibility_view .field-visibility-verification .note, [class*="view-"] .xblock-visibility_view .field-visibility-content-group.was-removed .note, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-staff-lock .note, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-timed-examination .note, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-verification-access .note, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-staff-lock .note, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-timed-examination .note, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-verification-access .note, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-staff-lock .note, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-timed-examination .note, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-verification-access .note, [class*="view-"] .course-outline-modal .edit-staff-lock .note, [class*="view-"] .course-outline-modal .edit-settings-timed-examination .note, [class*="view-"] .course-outline-modal .edit-verification-access .note, .wrapper-assets .assets-library .meta, .wrapper-assets .assets-library .assets-table th, .wrapper-assets .assets-library .assets-table tbody .date-col, .wrapper-assets .assets-library .assets-table tbody .embed-col .embeddable-xml-input, .view-signup .content-primary form .list-input .field .tip, .view-signin .content-primary form .list-input .field .tip, .view-util .content-primary form .list-input .field .tip, .view-uploads .assets-library .meta, .view-uploads .assets-library table th, .view-uploads .assets-library table tbody .thumb-col, .view-uploads .assets-library table tbody .type-col, .view-uploads .assets-library table tbody .date-col, .view-uploads .assets-library table tbody .embed-col, .view-uploads .assets-library table tbody .embed-col .embeddable-xml-input, .view-export .export-form-wrapper .export-form .message-status, .view-outline .bulkpublish-section-modal .outline-unit .unit-status, .view-outline .bulkpublish-subsection-modal .outline-unit .unit-status, .view-outline .bulkpublish-unit-modal .outline-unit .unit-status, .view-settings .group-settings header .tip, .view-settings .group-settings .tip, .view-settings .group-settings #field-course-image .current-course-image .msg, .view-settings .group-settings #field-banner-image .current-course-image .msg, .view-settings .group-settings #field-video-thumbnail-image .current-course-image .msg, .view-settings .group-settings.instructor-types .field-group .field-course-instructor-image .msg, .view-container .content-supplementary .unit-publish-history .wrapper-last-publish .copy, .view-container .content-supplementary .unit-location .wrapper-unit-id .tip, .view-container .content-supplementary .unit-location .wrapper-library-id .tip, .view-container .content-supplementary .library-location .wrapper-unit-id .tip, .view-container .content-supplementary .library-location .wrapper-library-id .tip, .view-textbooks .content-primary .textbook .view-textbook .chapters .chapter, .view-textbooks .content-primary .textbook .edit-textbook .copy, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field .tip, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field .tip, .view-group-configurations .content-primary .wrapper-collection .collection-edit .tip, .view-group-configurations .content-primary .wrapper-collection .collection-edit .copy, .view-certificates .wrapper-collection .collection-edit .tip, .view-certificates .wrapper-collection .collection-edit .copy, .view-certificates .certificates .signatory-edit .tip, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-message, .view-uploads .nav-actions .fa-cloud-upload, .view-video-uploads .nav-actions .fa-cloud-upload { + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; +} +.ui-loading, body, .content, .wrapper-xblock .container-paging-header .pagination .current-page, .wrapper-xblock .container-paging-footer .pagination .current-page, .wrapper-assets .assets-library .pagination .current-page, .wrapper-xblock .container-paging-header .pagination .page-number-input, .wrapper-xblock .container-paging-footer .pagination .page-number-input, .wrapper-assets .assets-library .pagination .page-number-input, .wrapper-xblock .container-paging-header .pagination .total-pages, .wrapper-xblock .container-paging-footer .pagination .total-pages, .wrapper-assets .assets-library .pagination .total-pages, .wrapper-comp-settings .list-input.settings-list input, .wrapper-comp-settings .list-input.settings-list select, .wrapper-comp-settings .list-input.settings-list input[type="number"], .form-create .list-input .field input, .form-create .list-input .field textarea, .incontext-editor.is-editable .incontext-editor-open-action, .ui-widget, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field input, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field textarea, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field input, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field textarea, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field input, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field textarea, [class*="view-"] .course-outline-modal .list-fields .field input, [class*="view-"] .course-outline-modal .list-fields .field textarea, .view-signup .content, .view-signin .content, .view-util .content, .view-signup .content-primary form .list-input .field input, .view-signup .content-primary form .list-input .field textarea, .view-signin .content-primary form .list-input .field input, .view-signin .content-primary form .list-input .field textarea, .view-util .content-primary form .list-input .field input, .view-util .content-primary form .list-input .field textarea, .view-uploads .assets-library .pagination .current-page, .view-uploads .assets-library .pagination .page-number-input, .view-uploads .assets-library .pagination .total-pages, .course-updates .update-contents p, .course-updates .update-contents pre, .view-howitworks.not-signedin .content, .view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints .proofpoint .title, .view-import .wrapper-status .list-progress .status-detail .copy, .view-outline .new-section-name, .view-outline .new-subsection-name-input, .view-outline .course-status .status-release, .view-outline .course-status .status-pacing, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field input, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field textarea, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field input, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field textarea, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field input, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field textarea, .view-outline .course-outline-modal .list-fields .field input, .view-outline .course-outline-modal .list-fields .field textarea, .view-settings .group-settings .list-input .field input, .view-settings .group-settings .list-input .field textarea, .view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li .letter-grade, .view-settings .group-settings.advanced-policies .CodeMirror, .view-static-pages .content-primary .notice-incontext .copy, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field textarea, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field textarea, .view-export-git .export-git-info-block dd, .view-group-configurations .content-primary .notice-moduledisabled, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field input, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field textarea, .view-certificates .content-primary .notice-moduledisabled, .view-certificates .wrapper-collection .collection-edit .field input, .view-certificates .wrapper-collection .collection-edit .field textarea, .view-certificates .certificates .signatory-edit .field input, .view-certificates .certificates .signatory-edit .field textarea { + font-size: 16px; + font-size: 1.6rem; + line-height: 23.68px; + line-height: 2.368rem; +} +.view-howitworks.not-signedin .content-features .feature .copy>p, .view-import .wrapper-file-name .title, .view-settings .settings-details .is-not-editable input, .view-settings .settings-details .is-not-editable textarea, .view-settings .group-settings.basic .note-promotion-courseURL .copy .link-courseURL, .edit-static-page .page-display-name-input, .view-export-git .export-git-info-block dt, .view-group-configurations .content-primary .wrapper-collection .collection-items .item, .view-group-configurations .content-primary .experiment-groups .group-configuration-details .groups .group, .view-certificates .wrapper-collection .collection-items .item, .wrapper-comp-settings.basic_metadata_edit .progress-bar { + font-size: 18px; + font-size: 1.8rem; + line-height: 26.64px; + line-height: 2.664rem; +} +body.error .description { + font-size: 24px; + font-size: 2.4rem; + line-height: 35.52px; + line-height: 3.552rem; +} +.content header .title-sub, .details, .wrapper-xblock .wrapper-xblock-message .xblock-message, .wrapper-xblock .wrapper-xblock-message .xblock-message.information, .wrapper-comp-settings .list-input.settings-list .setting-label, .view-container .content-supplementary .bit-publishing .bar-mod-content, .view-container .content-supplementary .unit-location .bar-mod-content, .view-container .content-supplementary .library-location .bar-mod-content, form input[type="file"], .form-create .list-input .field label, .CodeMirror, .message, .wrapper-notification .copy, .wrapper-alert .copy, .prompt .copy, .notification .copy, .alert .action-dismiss .button-copy, .wrapper-message .message, .wrapper-message .message.information, .main-wrapper .alert, .content .introduction .copy, .notice-incontext .copy, .bit, [class*="view-"] .modal-window .message, [class*="view-"] .modal-window .summary-message .copy, [class*="view-"] .modal-window .modal-section .settings-tabs-header li.settings-tab-buttons .settings-tab-button, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab, [class*="view-"] .xblock-visibility_view .list-fields .field label, [class*="view-"] .xblock-visibility_view .is-not-configured .copy, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field label, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field label, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field label, [class*="view-"] .course-outline-modal .list-fields .field label, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field .tip, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field .tip, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field .tip, [class*="view-"] .course-outline-modal .list-fields .field .tip, .wrapper-assets .assets-library .assets-table tbody .name-col .title, .view-signup .content .introduction, .view-signin .content .introduction, .view-util .content .introduction, .view-signup .content-primary form .list-input .field label, .view-signin .content-primary form .list-input .field label, .view-util .content-primary form .list-input .field label, .view-signup .content-supplementary .bit, .view-signin .content-supplementary .bit, .view-util .content-supplementary .bit, .view-uploads .assets-library table tbody .name-col .title, .view-uploads .upload-modal .progress-fill, .course-handouts .handouts-content, .view-dashboard .status-creationrights .status-update .value-description, .view-dashboard .wrapper-course.has-status .course-status .value .copy, .view-dashboard .wrapper-course.has-status .status-message, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .button-copy, .view-dashboard .course-item .course-metadata, .view-export .export-contents .export-includes .item-detail, .view-export .export-contents .export-excludes .item-detail, .view-export .description, .view-export .export-form-wrapper .export-form .error-block, .view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints, .view-outline .new-subsection-name-input, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field label, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field label, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field label, .view-outline .course-outline-modal .list-fields .field label, .view-settings .message, .view-settings .group-settings .instructions, .view-settings .group-settings .message-error, .view-settings .group-settings .list-input .field label, .view-settings .group-settings.basic .note-promotion-courseURL .title, .edit-static-page .page-contents, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-discard, .view-team .content .introduction, .view-team .user-list .user-item .item-actions .action-role .notoggleforyou, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field label, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field label, .view-group-configurations .content-primary .wrapper-groups .copy, .view-group-configurations .content-primary .wrapper-collection .collection-info, .view-group-configurations .content-primary .wrapper-collection .collection-references, .view-group-configurations .content-primary .wrapper-collection .usage-validation, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field label, .view-group-configurations .content-primary .experiment-groups .group-configuration-details .group-configuration-info, .view-certificates .content-primary .wrapper-certificates .copy, .view-certificates .content-primary .wrapper-certificates .instructions, .view-certificates .wrapper-collection .collection-info, .view-certificates .wrapper-collection .collection-references, .view-certificates .wrapper-collection .collection-edit .field label, .view-certificates .certificates .signatory-edit .field label, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-error-message { + font-size: 14px; + font-size: 1.4rem; + line-height: 20.72px; + line-height: 2.072rem; +} +.content-primary header .tip, .window label .description, .content-modal .description, .wrapper-xblock .container-paging-header .meta, .wrapper-xblock.level-element .wrapper-xblock-message .xblock-message.information, .wrapper-comp-settings .list-input.settings-list .setting-help, .wrapper-license .license-types .tip, .wrapper-license .wrapper-license-options .tip, .view-container .content-supplementary .bit-publishing .bar-mod-content .meta, .view-container .content-supplementary .unit-location .bar-mod-content .meta, .view-container .content-supplementary .library-location .bar-mod-content .meta, .outline-complex .outline-section .section-status, .outline-complex .outline-subsection .subsection-status, .outline-complex .outline-unit .unit-status, .outline-simple .outline-section .section-status, .outline-simple .outline-subsection .subsection-status, .outline-simple .outline-unit .unit-status, input[type="text"], input[type="email"], input[type="password"], textarea.text, .form-create .list-input .field .tip, label, .wrapper-footer footer.primary, .wrapper-sock .sock, .wrapper-sock .sock .support .copy, .wrapper-sock .sock .feedback .copy, .content .introduction.has-links .nav-introduction-supplementary, .ui-datepicker, [class*="view-"] .xblock-visibility_view .field-visibility-verification .note, [class*="view-"] .xblock-visibility_view .field-visibility-content-group.was-removed .note, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-staff-lock .note, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-timed-examination .note, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-verification-access .note, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-staff-lock .note, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-timed-examination .note, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-verification-access .note, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-staff-lock .note, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-timed-examination .note, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-verification-access .note, [class*="view-"] .course-outline-modal .edit-staff-lock .note, [class*="view-"] .course-outline-modal .edit-settings-timed-examination .note, [class*="view-"] .course-outline-modal .edit-verification-access .note, .wrapper-assets .assets-library .meta, .wrapper-assets .assets-library .assets-table th, .wrapper-assets .assets-library .assets-table tbody .date-col, .wrapper-assets .assets-library .assets-table tbody .embed-col .embeddable-xml-input, .view-signup .content-primary form .list-input .field .tip, .view-signin .content-primary form .list-input .field .tip, .view-util .content-primary form .list-input .field .tip, .view-uploads .assets-library .meta, .view-uploads .assets-library table th, .view-uploads .assets-library table tbody .thumb-col, .view-uploads .assets-library table tbody .type-col, .view-uploads .assets-library table tbody .date-col, .view-uploads .assets-library table tbody .embed-col, .view-uploads .assets-library table tbody .embed-col .embeddable-xml-input, .view-export .export-form-wrapper .export-form .message-status, .view-outline .bulkpublish-section-modal .outline-unit .unit-status, .view-outline .bulkpublish-subsection-modal .outline-unit .unit-status, .view-outline .bulkpublish-unit-modal .outline-unit .unit-status, .view-settings .group-settings header .tip, .view-settings .group-settings .tip, .view-settings .group-settings #field-course-image .current-course-image .msg, .view-settings .group-settings #field-banner-image .current-course-image .msg, .view-settings .group-settings #field-video-thumbnail-image .current-course-image .msg, .view-settings .group-settings.instructor-types .field-group .field-course-instructor-image .msg, .view-container .content-supplementary .unit-publish-history .wrapper-last-publish .copy, .view-container .content-supplementary .unit-location .wrapper-unit-id .tip, .view-container .content-supplementary .unit-location .wrapper-library-id .tip, .view-container .content-supplementary .library-location .wrapper-unit-id .tip, .view-container .content-supplementary .library-location .wrapper-library-id .tip, .view-textbooks .content-primary .textbook .view-textbook .chapters .chapter, .view-textbooks .content-primary .textbook .edit-textbook .copy, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field .tip, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field .tip, .view-group-configurations .content-primary .wrapper-collection .collection-edit .tip, .view-group-configurations .content-primary .wrapper-collection .collection-edit .copy, .view-certificates .wrapper-collection .collection-edit .tip, .view-certificates .wrapper-collection .collection-edit .copy, .view-certificates .certificates .signatory-edit .tip, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-message { + font-size: 12px; + font-size: 1.2rem; + line-height: 17.76px; + line-height: 1.776rem; +} +.content-modal .action-modal-close .icon, .wrapper-xblock .wrapper-xblock.is-collapsible .expand-collapse .ui-toggle-expansion, .wrapper-xblock .wrapper-xblock.xblock-type-container .expand-collapse .ui-toggle-expansion, .view-outline .expand-collapse .ui-toggle-expansion, .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .remove-setting, .wrapper-comp-settings .list-input.settings-list .metadata-dict .remove-setting, body.error .back-button, .view-uploads .upload-modal .close-button .icon, .view-dashboard .wrapper-creationrights .ui-toggle-control .fa-times-circle, .view-export .export-controls .action-export, .view-export .export-form-wrapper .export-form .button-export, .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary, .view-import .action-choose-file, .view-import .wrapper-file-name .submit-button, .view-textbooks .content-primary .textbook .view-textbook .ui-toggle-expansion, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .action-close, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .action-close, .view-textbooks .content-primary .textbook .edit-textbook .action-add-chapter, .view-export-git .export-git-controls .action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-header .title .toggle .ui-toggle-expansion, .view-group-configurations .content-primary .experiment-groups .group-configuration-edit .field-group .action-close, .view-certificates .certificates .certificate-edit .field-group .action-close, .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .remove-setting { + font-size: 18px; + font-size: 1.8rem; + line-height: 26.64px; + line-height: 2.664rem; +} +.wrapper-license .license-types .action.license-button, .form-create .actions .action-primary, .form-create .actions .action-secondary, .wrapper-header .nav-dd .title, .wrapper-header .info-course .course-title, .view-signup .content-primary form .form-actions .action-primary, .view-signin .content-primary form .form-actions .action-primary, .view-util .content-primary form .form-actions .action-primary, .view-uploads .upload-modal .choose-file-button, .view-course-create .rerun-course .actions .action-primary, .view-course-create .rerun-course .actions .action-secondary, .view-outline .outline-complex .outline-section .section-header-actions .actions-list, .view-outline .outline-complex .outline-subsection .subsection-header-actions .actions-list, .view-outline .outline-complex .outline-unit .unit-header-actions .actions-list, .view-team .user-list .user-item .item-actions .action-role .add-admin-role, .view-team .user-list .user-item .item-actions .action-role .remove-admin-role, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary, .view-group-configurations .content-primary .wrapper-collection .action-add-item, .view-certificates .wrapper-collection .action-add-item { + font-size: 16px; + font-size: 1.6rem; + line-height: 23.68px; + line-height: 2.368rem; +} +[class*="view-"] .xblock-visibility_view .is-not-configured .button, .view-outline .content-primary .no-content .button, .view-static-pages .content-primary .add-pages .button, .view-container .content-primary .no-container-content .button, .view-textbooks .content-primary .no-textbook-content .button, .view-group-configurations .content-primary .no-content .button, .view-certificates .content-primary .no-content .button, [class*="view-"] .xblock-visibility_view .is-not-configured .action, .view-outline .content-primary .no-content .action, .view-static-pages .content-primary .add-pages .action, .view-container .content-primary .no-container-content .action, .view-textbooks .content-primary .no-textbook-content .action, .view-group-configurations .content-primary .no-content .action, .view-certificates .content-primary .no-content .action, .gray-button, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .link_lti_new_window, .new-unit-item, .new-subsection-item, .new-policy-item, .nav-skip, .transcript-skip, .wrapper-comp-settings .file-uploader .upload-setting, .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .create-setting, .wrapper-comp-settings .list-input.settings-list .metadata-dict .create-setting, .wrapper-license .license-types .action.license-button, .wrapper-license .license-types .action.license-button.is-selected, .wrapper-license .wrapper-license-options .license-options .license-option .option-name, .add-xblock-component .new-component .new-component-type .add-xblock-component-button, .add-xblock-component .new-component-templates .cancel-button, .add-xblock-component .problem-type-tabs a, .nav-dd .nav-sub .nav-item, .form-create .actions .action-primary, .form-create .actions .action-secondary, .wrapper-header nav>ol>.nav-item, .not-signedin .wrapper-header .nav-pitch .action-signup, .view-util .wrapper-header .nav-pitch .action-signup, .not-signedin .wrapper-header .nav-pitch .action-signin, .view-util .wrapper-header .nav-pitch .action-signin, .wrapper-footer footer.primary .nav-peripheral .nav-item a .icon, .wrapper-sock .sock .support .list-actions .action-primary, .wrapper-sock .sock .feedback .list-actions .action-primary, .alert.confirm .nav-actions .action-primary, .notification.confirm .nav-actions .action-primary, .prompt.confirm .nav-actions .action-primary, .alert.warning .nav-actions .action-primary, .notification.warning .nav-actions .action-primary, .prompt.warning .nav-actions .action-primary, .alert.error .nav-actions .action-primary, .notification.error .nav-actions .action-primary, .prompt.error .nav-actions .action-primary, .alert.announcement .nav-actions .action-primary, .notification.announcement .nav-actions .action-primary, .prompt.announcement .nav-actions .action-primary, .alert.confirmation .nav-actions .action-primary, .notification.confirmation .nav-actions .action-primary, .prompt.confirmation .nav-actions .action-primary, .alert.step-required .nav-actions .action-primary, .notification.step-required .nav-actions .action-primary, .prompt.step-required .nav-actions .action-primary, .notification.has-actions .action-primary, .main-wrapper .alert .alert-action.secondary, body.error .back-button, .content .introduction.has-links .nav-introduction-supplementary .icon, .notice-incontext.has-actions .list-actions .action-primary, .notice-instruction.has-actions .list-actions .action-primary, .notice-create.has-actions .list-actions .action-primary, .modal .revert-button, .modal .close-button, [class*="view-"] .modal-window .modal-chin .action-item, [class*="view-"] .modal-window .xblock-actions .action-item, [class*="view-"] .modal-window .modal-actions .action-item, [class*="view-"] .modal-window .modal-chin .action-primary, [class*="view-"] .modal-window .xblock-actions .action-primary, [class*="view-"] .modal-window .modal-actions .action-primary, .view-signup .content header .action, .view-signin .content header .action, .view-util .content header .action, .view-signup .content-primary form .form-actions .action-primary, .view-signin .content-primary form .form-actions .action-primary, .view-util .content-primary form .form-actions .action-primary, .view-signup #field-password .action-forgotpassword, .view-signin #field-password .action-forgotpassword, .view-util #field-password .action-forgotpassword, .view-uploads .no-asset-content .new-button, .view-uploads .assets-library table th.nav-dd .wrapper-nav-sub>ol>.nav-item, .view-uploads .show-xml, .view-uploads .upload-modal .choose-file-button, .view-uploads .upload-modal .copy-button, .course-updates .new-update-form .save-button, .course-updates .new-update-form .cancel-button, .course-updates .post-actions .edit-button, .course-updates .post-actions .delete-button, .course-handouts .edit-button, .edit-handouts-form .save-button, .edit-handouts-form .cancel-button, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-program, .view-dashboard .wrapper-creationrights .ui-toggle-control .label, .view-dashboard .status-creationrights .list-actions .action-primary, .view-dashboard .status-creationrights .form-actions .action-primary, .view-dashboard .course-item .course-actions .button, .view-dashboard .create-course .new-course-save, .view-dashboard .create-library .new-course-save, .view-dashboard .create-course .new-course-cancel, .view-dashboard .create-library .new-course-cancel, .view-export .export-form-wrapper .export-form .button-export, .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary, .view-howitworks.not-signedin .content-cta .list-actions .action.action-secondary, .view-course-create .rerun-course .rerun-course-save, .view-course-create .rerun-course .rerun-course-cancel, .view-course-create .rerun-course .actions .action-primary, .view-course-create .rerun-course .actions .action-secondary, .view-outline .new-section-name-save, .view-outline .new-subsection-name-save, .view-outline .new-section-name-cancel, .view-outline .new-subsection-name-cancel, .view-settings .group-settings .remove-item, .view-settings .group-settings .new-button, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary, .view-static-pages .unit-body .component-editor .save-button, .view-static-pages .unit-body .component-editor .cancel-button, .view-container .wrapper-mast .mast.has-actions .nav-actions .button, .view-team .user-list .user-item .item-actions .action-role .add-admin-role, .view-team .user-list .user-item .item-actions .action-role .remove-admin-role, .view-textbooks .content-primary .textbook .view-textbook .actions .action .view, .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary, .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .collapse-setting, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action, .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .create-setting, .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .upload-setting { + font-size: 14px; + font-size: 1.4rem; + line-height: 20.72px; + line-height: 2.072rem; +} +.wrapper-comp-settings .file-uploader .upload-setting, .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .create-setting, .wrapper-comp-settings .list-input.settings-list .metadata-dict .create-setting, .outline-content .add-item .button-new, .bit .external-help-button, .view-outline .new-subsection-item, .view-outline .new-unit-item, .view-outline .outline-complex .add-item .button-new, .view-settings .group-settings #field-course-image .wrapper-input .action-upload-image, .view-settings .group-settings #field-banner-image .wrapper-input .action-upload-image, .view-settings .group-settings #field-video-thumbnail-image .wrapper-input .action-upload-image, .view-settings .group-settings.instructor-types .field-group .wrapper-input .action-upload-instructor-image, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field .action-upload, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .field .action-upload, .view-textbooks .content-primary .textbook .edit-textbook .action-add-chapter, .view-group-configurations .content-primary .wrapper-collection .action-add-item, .view-group-configurations .content-primary .action-add, .view-certificates .wrapper-collection .collection-edit .action-add-signatory, .view-certificates .wrapper-collection .action-add-item, .view-certificates .action-add, .view-certificates .certificates .signatory-edit .field .signature-upload-wrapper .action-upload-signature, .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .create-setting, .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .upload-setting, .wrapper-mast .mast.has-actions .nav-actions .button, .wrapper-mast .mast.has-actions .nav-actions .button.new-button, .wrapper-mast .mast.has-actions .nav-actions .button.button-new, .view-dashboard .course-item:hover .view-live-button, .wrapper-comp-settings .file-uploader .download-setting, .wrapper-comp-settings .list-input.settings-list .action.setting-clear, .wrapper-license .wrapper-license-options .license-options .license-option .explanation, .wrapper-header .info-course .course-org, .wrapper-header .info-course .course-number, .wrapper-sock .list-cta .cta-show-sock, .wrapper-sock .sock .support .list-actions .action-item .action, .wrapper-sock .sock .feedback .list-actions .action-item .action, .alert.confirm .nav-actions .action-primary, .notification.confirm .nav-actions .action-primary, .prompt.confirm .nav-actions .action-primary, .alert.warning .nav-actions .action-primary, .notification.warning .nav-actions .action-primary, .prompt.warning .nav-actions .action-primary, .alert.error .nav-actions .action-primary, .notification.error .nav-actions .action-primary, .prompt.error .nav-actions .action-primary, .alert.announcement .nav-actions .action-primary, .notification.announcement .nav-actions .action-primary, .prompt.announcement .nav-actions .action-primary, .alert.confirmation .nav-actions .action-primary, .notification.confirmation .nav-actions .action-primary, .prompt.confirmation .nav-actions .action-primary, .alert.step-required .nav-actions .action-primary, .notification.step-required .nav-actions .action-primary, .prompt.step-required .nav-actions .action-primary, .wrapper-prompt .prompt .nav-actions .action-primary, .wrapper-prompt .prompt .nav-actions .action-secondary, .notification.has-actions .action-secondary, .alert.has-actions .nav-actions .nav-item .action-primary, .alert.has-actions .nav-actions .nav-item .action-secondary, .course-updates .post-actions .edit-button, .course-updates .post-actions .delete-button, .course-handouts .edit-button, .view-textbooks .content-primary .textbook .view-textbook .actions .action .view, .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit, .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .download-setting { + font-size: 12px; + font-size: 1.2rem; + line-height: 17.76px; + line-height: 1.776rem; +} +.new-unit-item, .new-subsection-item, .new-policy-item, .view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li .remove-button { + font-size: 10px; + font-size: 1rem; + line-height: 14.8px; + line-height: 1.48rem; +} +.view-export .export-controls .action .icon, .view-import .action-choose-file .icon, .view-export-git .export-git-controls .action .icon { + font-size: 36px; + font-size: 3.6rem; + line-height: 53.28px; + line-height: 5.328rem; +} +.notification .feedback-symbol, .alert .feedback-symbol, .view-outline .outline-complex .outline-section.is-collapsible .ui-toggle-expansion { + font-size: 24px; + font-size: 2.4rem; + line-height: 35.52px; + line-height: 3.552rem; +} +.wrapper-sock .sock .support .list-actions .action-item .action .icon, .wrapper-sock .sock .feedback .list-actions .action-item .action .icon, .alert .action-dismiss .icon, [class*="view-"] .modal-window .summary-message .icon, [class*="view-"] .modal-window .modal-section-content .list-actions .action-button, .view-dashboard .status-creationrights .list-actions .action-request .fa-cog, .view-dashboard .status-creationrights .form-actions .action-request .fa-cog, .view-dashboard .wrapper-course.has-status .course-status .value .icon, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .icon, .view-howitworks.not-signedin .content-features .feature .img a .action-zoom .icon, .view-import .wrapper-status .list-progress .status-visual .icon, .view-outline .outline-complex .outline-subsection.is-collapsible .ui-toggle-expansion, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-message-status .icon, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-message-status [class*=" fa-"] { + font-size: 18px; + font-size: 1.8rem; + line-height: 26.64px; + line-height: 2.664rem; +} +.is-draggable .draggable-drop-indicator .fa-caret-right, .outline-complex .outline-section .section-status .icon, .outline-complex .outline-subsection .subsection-status .icon, .outline-complex .outline-unit .unit-status .icon, .outline-simple .outline-section .section-status .icon, .outline-simple .outline-subsection .subsection-status .icon, .outline-simple .outline-unit .unit-status .icon, .message-status .feedback-symbol, .view-outline .ui-splint-indicator .draggable-drop-indicator .fa-caret-right, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary .icon { + font-size: 16px; + font-size: 1.6rem; + line-height: 23.68px; + line-height: 2.368rem; +} +.wrapper-sock .list-cta .cta-show-sock .icon, .alert .action-alert-close .icon { + font-size: 14px; + font-size: 1.4rem; + line-height: 20.72px; + line-height: 2.072rem; +} +.icon { + font-style: normal; +} +.icon-inline { + display: inline-block; + vertical-align: middle; + margin-right: 5px; +} +.wrapper-ui-badge { + position: absolute; + top: -1px; + left: 30px; + width: 100%} +.view-team .user-list .user-item .flag-role { + position: relative; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + padding: 5px 10px 5px 10px; + text-transform: uppercase; +} +.view-team .user-list .user-item .flag-role .icon { + margin-right: 4px; +} +.view-team .user-list .user-item .is-hanging.flag-role { + box-sizing: border-box; + top: -5px; +} +.view-team .user-list .user-item .is-hanging.flag-role:after { + position: absolute; + top: 0; + right: -5px; + display: block; + height: 0; + width: 0; + border-bottom: 5px solid rgba(0, 0, 0, 0.75); + border-right: 5px solid transparent; + content: ""; + opacity: 0.5; +} +.wrapper-mast .mast.has-actions .nav-actions .button, .wrapper-mast .mast.has-actions .nav-actions .button.new-button, .wrapper-mast .mast.has-actions .nav-actions .button.button-new, .bit .external-help-button, .view-dashboard .course-item:hover .view-live-button { + padding: 5px 10px 6.66667px 10px; +} +.wrapper-mast .mast.has-actions .nav-actions .button, .wrapper-sock .sock .support .list-actions .action-primary, .wrapper-sock .sock .feedback .list-actions .action-primary, .notice-incontext.has-actions .list-actions .action-primary, .notice-instruction.has-actions .list-actions .action-primary, .view-dashboard .status-creationrights .list-actions .action-primary, .view-dashboard .status-creationrights .form-actions .action-primary, .view-dashboard .course-item:hover .view-live-button, .view-export .export-controls .action-export, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish, .view-export-git .export-git-controls .action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary, .view-certificates .wrapper-collection .collection-edit .actions .action-primary, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action { + background: #0075b4; + border-color: #0075b4; + color: #fff; +} +.wrapper-mast .mast.has-actions .nav-actions .button:hover, .wrapper-sock .sock .support .list-actions .action-primary:hover, .wrapper-sock .sock .feedback .list-actions .action-primary:hover, .notice-incontext.has-actions .list-actions .action-primary:hover, .notice-instruction.has-actions .list-actions .action-primary:hover, .view-dashboard .status-creationrights .list-actions .action-primary:hover, .view-dashboard .status-creationrights .form-actions .action-primary:hover, .view-dashboard .course-item:hover .view-live-button:hover, .view-export .export-controls .action-export:hover, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary:hover, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary:hover, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish:hover, .view-export-git .export-git-controls .action-export-git:hover, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary:hover, .view-certificates .wrapper-collection .collection-edit .actions .action-primary:hover, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action:hover, .wrapper-mast .mast.has-actions .nav-actions .button:active, .wrapper-sock .sock .support .list-actions .action-primary:active, .wrapper-sock .sock .feedback .list-actions .action-primary:active, .notice-incontext.has-actions .list-actions .action-primary:active, .notice-instruction.has-actions .list-actions .action-primary:active, .view-dashboard .status-creationrights .list-actions .action-primary:active, .view-dashboard .status-creationrights .form-actions .action-primary:active, .view-dashboard .course-item:hover .view-live-button:active, .view-export .export-controls .action-export:active, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary:active, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary:active, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish:active, .view-export-git .export-git-controls .action-export-git:active, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary:active, .view-certificates .wrapper-collection .collection-edit .actions .action-primary:active, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action:active { + background: #065683; + border-color: #065683; +} +.wrapper-mast .mast.has-actions .nav-actions .current.button, .wrapper-sock .sock .support .list-actions .current.action-primary, .wrapper-sock .sock .feedback .list-actions .current.action-primary, .notice-incontext.has-actions .list-actions .current.action-primary, .notice-instruction.has-actions .list-actions .current.action-primary, .view-dashboard .status-creationrights .list-actions .current.action-primary, .view-dashboard .status-creationrights .form-actions .current.action-primary, .view-dashboard .course-item:hover .current.view-live-button, .view-export .export-controls .current.action-export, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .current.action-primary, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .current.action-primary, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .current.action-publish, .view-export-git .export-git-controls .current.action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .current.action-primary, .view-certificates .wrapper-collection .collection-edit .actions .current.action-primary, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .current.action, .wrapper-mast .mast.has-actions .nav-actions .active.button, .wrapper-sock .sock .support .list-actions .active.action-primary, .wrapper-sock .sock .feedback .list-actions .active.action-primary, .notice-incontext.has-actions .list-actions .active.action-primary, .notice-instruction.has-actions .list-actions .active.action-primary, .view-dashboard .status-creationrights .list-actions .active.action-primary, .view-dashboard .status-creationrights .form-actions .active.action-primary, .view-dashboard .course-item:hover .active.view-live-button, .view-export .export-controls .active.action-export, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .active.action-primary, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .active.action-primary, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .active.action-publish, .view-export-git .export-git-controls .active.action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .active.action-primary, .view-certificates .wrapper-collection .collection-edit .actions .active.action-primary, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .active.action { + background: #065683; + border-color: #065683; + color: #ccecfa; +} +.wrapper-mast .mast.has-actions .nav-actions .current.button:hover, .wrapper-sock .sock .support .list-actions .current.action-primary:hover, .wrapper-sock .sock .feedback .list-actions .current.action-primary:hover, .notice-incontext.has-actions .list-actions .current.action-primary:hover, .notice-instruction.has-actions .list-actions .current.action-primary:hover, .view-dashboard .status-creationrights .list-actions .current.action-primary:hover, .view-dashboard .status-creationrights .form-actions .current.action-primary:hover, .view-dashboard .course-item:hover .current.view-live-button:hover, .view-export .export-controls .current.action-export:hover, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .current.action-primary:hover, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .current.action-primary:hover, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .current.action-publish:hover, .view-export-git .export-git-controls .current.action-export-git:hover, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .current.action-primary:hover, .view-certificates .wrapper-collection .collection-edit .actions .current.action-primary:hover, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .current.action:hover, .wrapper-mast .mast.has-actions .nav-actions .current.button:active, .wrapper-sock .sock .support .list-actions .current.action-primary:active, .wrapper-sock .sock .feedback .list-actions .current.action-primary:active, .notice-incontext.has-actions .list-actions .current.action-primary:active, .notice-instruction.has-actions .list-actions .current.action-primary:active, .view-dashboard .status-creationrights .list-actions .current.action-primary:active, .view-dashboard .status-creationrights .form-actions .current.action-primary:active, .view-dashboard .course-item:hover .current.view-live-button:active, .view-export .export-controls .current.action-export:active, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .current.action-primary:active, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .current.action-primary:active, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .current.action-publish:active, .view-export-git .export-git-controls .current.action-export-git:active, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .current.action-primary:active, .view-certificates .wrapper-collection .collection-edit .actions .current.action-primary:active, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .current.action:active, .wrapper-mast .mast.has-actions .nav-actions .active.button:hover, .wrapper-sock .sock .support .list-actions .active.action-primary:hover, .wrapper-sock .sock .feedback .list-actions .active.action-primary:hover, .notice-incontext.has-actions .list-actions .active.action-primary:hover, .notice-instruction.has-actions .list-actions .active.action-primary:hover, .view-dashboard .status-creationrights .list-actions .active.action-primary:hover, .view-dashboard .status-creationrights .form-actions .active.action-primary:hover, .view-dashboard .course-item:hover .active.view-live-button:hover, .view-export .export-controls .active.action-export:hover, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .active.action-primary:hover, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .active.action-primary:hover, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .active.action-publish:hover, .view-export-git .export-git-controls .active.action-export-git:hover, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .active.action-primary:hover, .view-certificates .wrapper-collection .collection-edit .actions .active.action-primary:hover, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .active.action:hover, .wrapper-mast .mast.has-actions .nav-actions .active.button:active, .wrapper-sock .sock .support .list-actions .active.action-primary:active, .wrapper-sock .sock .feedback .list-actions .active.action-primary:active, .notice-incontext.has-actions .list-actions .active.action-primary:active, .notice-instruction.has-actions .list-actions .active.action-primary:active, .view-dashboard .status-creationrights .list-actions .active.action-primary:active, .view-dashboard .status-creationrights .form-actions .active.action-primary:active, .view-dashboard .course-item:hover .active.view-live-button:active, .view-export .export-controls .active.action-export:active, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .active.action-primary:active, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .active.action-primary:active, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .active.action-publish:active, .view-export-git .export-git-controls .active.action-export-git:active, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .active.action-primary:active, .view-certificates .wrapper-collection .collection-edit .actions .active.action-primary:active, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .active.action:active { + background: #065683; +} +[class*="view-"] .xblock-visibility_view .is-not-configured .button, .view-outline .content-primary .no-content .button, .view-static-pages .content-primary .add-pages .button, .view-container .content-primary .no-container-content .button, .view-textbooks .content-primary .no-textbook-content .button, .view-group-configurations .content-primary .no-content .button, .view-certificates .content-primary .no-content .button, [class*="view-"] .xblock-visibility_view .is-not-configured .action, .view-outline .content-primary .no-content .action, .view-static-pages .content-primary .add-pages .action, .view-container .content-primary .no-container-content .action, .view-textbooks .content-primary .no-textbook-content .action, .view-group-configurations .content-primary .no-content .action, .view-certificates .content-primary .no-content .action, .add-xblock-component .new-component .new-component-type .add-xblock-component-button, .wrapper-mast .mast.has-actions .nav-actions .button.new-button, .wrapper-mast .mast.has-actions .nav-actions .button.button-new, .notice-create.has-actions .list-actions .action-primary, .view-uploads .no-asset-content .new-button, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-program, .view-import .action-choose-file, .view-import .wrapper-file-name .submit-button, .view-settings .group-settings.assignment-types .actions .new-button, .view-settings .group-settings.course-learning-info .actions .new-button, .view-settings .group-settings.instructor-types .actions .new-button, .view-team .content .notice-create.has-actions .list-actions .action-primary, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .button, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .action { + background: #008100; + border-color: #008100; + color: #fff; +} +[class*="view-"] .xblock-visibility_view .is-not-configured .button:hover, .view-outline .content-primary .no-content .button:hover, .view-static-pages .content-primary .add-pages .button:hover, .view-container .content-primary .no-container-content .button:hover, .view-textbooks .content-primary .no-textbook-content .button:hover, .view-group-configurations .content-primary .no-content .button:hover, .view-certificates .content-primary .no-content .button:hover, [class*="view-"] .xblock-visibility_view .is-not-configured .action:hover, .view-outline .content-primary .no-content .action:hover, .view-static-pages .content-primary .add-pages .action:hover, .view-container .content-primary .no-container-content .action:hover, .view-textbooks .content-primary .no-textbook-content .action:hover, .view-group-configurations .content-primary .no-content .action:hover, .view-certificates .content-primary .no-content .action:hover, .add-xblock-component .new-component .new-component-type .add-xblock-component-button:hover, .wrapper-mast .mast.has-actions .nav-actions .button.new-button:hover, .wrapper-mast .mast.has-actions .nav-actions .button.button-new:hover, .notice-create.has-actions .list-actions .action-primary:hover, .view-uploads .no-asset-content .new-button:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-program:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-program:hover, .view-import .action-choose-file:hover, .view-import .wrapper-file-name .submit-button:hover, .view-settings .group-settings.assignment-types .actions .new-button:hover, .view-settings .group-settings.course-learning-info .actions .new-button:hover, .view-settings .group-settings.instructor-types .actions .new-button:hover, .view-team .content .notice-create.has-actions .list-actions .action-primary:hover, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .button:hover, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .action:hover, [class*="view-"] .xblock-visibility_view .is-not-configured .button:active, .view-outline .content-primary .no-content .button:active, .view-static-pages .content-primary .add-pages .button:active, .view-container .content-primary .no-container-content .button:active, .view-textbooks .content-primary .no-textbook-content .button:active, .view-group-configurations .content-primary .no-content .button:active, .view-certificates .content-primary .no-content .button:active, [class*="view-"] .xblock-visibility_view .is-not-configured .action:active, .view-outline .content-primary .no-content .action:active, .view-static-pages .content-primary .add-pages .action:active, .view-container .content-primary .no-container-content .action:active, .view-textbooks .content-primary .no-textbook-content .action:active, .view-group-configurations .content-primary .no-content .action:active, .view-certificates .content-primary .no-content .action:active, .add-xblock-component .new-component .new-component-type .add-xblock-component-button:active, .wrapper-mast .mast.has-actions .nav-actions .button.new-button:active, .wrapper-mast .mast.has-actions .nav-actions .button.button-new:active, .notice-create.has-actions .list-actions .action-primary:active, .view-uploads .no-asset-content .new-button:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-program:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-program:active, .view-import .action-choose-file:active, .view-import .wrapper-file-name .submit-button:active, .view-settings .group-settings.assignment-types .actions .new-button:active, .view-settings .group-settings.course-learning-info .actions .new-button:active, .view-settings .group-settings.instructor-types .actions .new-button:active, .view-team .content .notice-create.has-actions .list-actions .action-primary:active, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .button:active, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .action:active { + background: #009b00; + border-color: #009b00; +} +[class*="view-"] .xblock-visibility_view .is-not-configured .current.button, .view-outline .content-primary .no-content .current.button, .view-static-pages .content-primary .add-pages .current.button, .view-container .content-primary .no-container-content .current.button, .view-textbooks .content-primary .no-textbook-content .current.button, .view-group-configurations .content-primary .no-content .current.button, .view-certificates .content-primary .no-content .current.button, [class*="view-"] .xblock-visibility_view .is-not-configured .current.action, .view-outline .content-primary .no-content .current.action, .view-static-pages .content-primary .add-pages .current.action, .view-container .content-primary .no-container-content .current.action, .view-textbooks .content-primary .no-textbook-content .current.action, .view-group-configurations .content-primary .no-content .current.action, .view-certificates .content-primary .no-content .current.action, .add-xblock-component .new-component .new-component-type .current.add-xblock-component-button, .wrapper-mast .mast.has-actions .nav-actions .current.button.new-button, .wrapper-mast .mast.has-actions .nav-actions .current.button.button-new, .notice-create.has-actions .list-actions .current.action-primary, .view-uploads .no-asset-content .current.new-button, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-program, .view-import .current.action-choose-file, .view-import .wrapper-file-name .current.submit-button, .view-settings .group-settings.assignment-types .actions .current.new-button, .view-settings .group-settings.course-learning-info .actions .current.new-button, .view-settings .group-settings.instructor-types .actions .current.new-button, .view-team .content .notice-create.has-actions .list-actions .current.action-primary, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.button, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.action, [class*="view-"] .xblock-visibility_view .is-not-configured .active.button, .view-outline .content-primary .no-content .active.button, .view-static-pages .content-primary .add-pages .active.button, .view-container .content-primary .no-container-content .active.button, .view-textbooks .content-primary .no-textbook-content .active.button, .view-group-configurations .content-primary .no-content .active.button, .view-certificates .content-primary .no-content .active.button, [class*="view-"] .xblock-visibility_view .is-not-configured .active.action, .view-outline .content-primary .no-content .active.action, .view-static-pages .content-primary .add-pages .active.action, .view-container .content-primary .no-container-content .active.action, .view-textbooks .content-primary .no-textbook-content .active.action, .view-group-configurations .content-primary .no-content .active.action, .view-certificates .content-primary .no-content .active.action, .add-xblock-component .new-component .new-component-type .active.add-xblock-component-button, .wrapper-mast .mast.has-actions .nav-actions .active.button.new-button, .wrapper-mast .mast.has-actions .nav-actions .active.button.button-new, .notice-create.has-actions .list-actions .active.action-primary, .view-uploads .no-asset-content .active.new-button, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-program, .view-import .active.action-choose-file, .view-import .wrapper-file-name .active.submit-button, .view-settings .group-settings.assignment-types .actions .active.new-button, .view-settings .group-settings.course-learning-info .actions .active.new-button, .view-settings .group-settings.instructor-types .actions .active.new-button, .view-team .content .notice-create.has-actions .list-actions .active.action-primary, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.button, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.action { + background: #009b00; + color: #fff; + border-color: #009b00; +} +[class*="view-"] .xblock-visibility_view .is-not-configured .current.button:hover, .view-outline .content-primary .no-content .current.button:hover, .view-static-pages .content-primary .add-pages .current.button:hover, .view-container .content-primary .no-container-content .current.button:hover, .view-textbooks .content-primary .no-textbook-content .current.button:hover, .view-group-configurations .content-primary .no-content .current.button:hover, .view-certificates .content-primary .no-content .current.button:hover, [class*="view-"] .xblock-visibility_view .is-not-configured .current.action:hover, .view-outline .content-primary .no-content .current.action:hover, .view-static-pages .content-primary .add-pages .current.action:hover, .view-container .content-primary .no-container-content .current.action:hover, .view-textbooks .content-primary .no-textbook-content .current.action:hover, .view-group-configurations .content-primary .no-content .current.action:hover, .view-certificates .content-primary .no-content .current.action:hover, .add-xblock-component .new-component .new-component-type .current.add-xblock-component-button:hover, .wrapper-mast .mast.has-actions .nav-actions .current.button.new-button:hover, .wrapper-mast .mast.has-actions .nav-actions .current.button.button-new:hover, .notice-create.has-actions .list-actions .current.action-primary:hover, .view-uploads .no-asset-content .current.new-button:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-course:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-library:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-program:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-course:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-library:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-program:hover, .view-import .current.action-choose-file:hover, .view-import .wrapper-file-name .current.submit-button:hover, .view-settings .group-settings.assignment-types .actions .current.new-button:hover, .view-settings .group-settings.course-learning-info .actions .current.new-button:hover, .view-settings .group-settings.instructor-types .actions .current.new-button:hover, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.button:hover, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.action:hover, [class*="view-"] .xblock-visibility_view .is-not-configured .current.button:active, .view-outline .content-primary .no-content .current.button:active, .view-static-pages .content-primary .add-pages .current.button:active, .view-container .content-primary .no-container-content .current.button:active, .view-textbooks .content-primary .no-textbook-content .current.button:active, .view-group-configurations .content-primary .no-content .current.button:active, .view-certificates .content-primary .no-content .current.button:active, [class*="view-"] .xblock-visibility_view .is-not-configured .current.action:active, .view-outline .content-primary .no-content .current.action:active, .view-static-pages .content-primary .add-pages .current.action:active, .view-container .content-primary .no-container-content .current.action:active, .view-textbooks .content-primary .no-textbook-content .current.action:active, .view-group-configurations .content-primary .no-content .current.action:active, .view-certificates .content-primary .no-content .current.action:active, .add-xblock-component .new-component .new-component-type .current.add-xblock-component-button:active, .wrapper-mast .mast.has-actions .nav-actions .current.button.new-button:active, .wrapper-mast .mast.has-actions .nav-actions .current.button.button-new:active, .notice-create.has-actions .list-actions .current.action-primary:active, .view-uploads .no-asset-content .current.new-button:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-course:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-library:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-program:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-course:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-library:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-program:active, .view-import .current.action-choose-file:active, .view-import .wrapper-file-name .current.submit-button:active, .view-settings .group-settings.assignment-types .actions .current.new-button:active, .view-settings .group-settings.course-learning-info .actions .current.new-button:active, .view-settings .group-settings.instructor-types .actions .current.new-button:active, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.button:active, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.action:active, [class*="view-"] .xblock-visibility_view .is-not-configured .active.button:hover, .view-outline .content-primary .no-content .active.button:hover, .view-static-pages .content-primary .add-pages .active.button:hover, .view-container .content-primary .no-container-content .active.button:hover, .view-textbooks .content-primary .no-textbook-content .active.button:hover, .view-group-configurations .content-primary .no-content .active.button:hover, .view-certificates .content-primary .no-content .active.button:hover, [class*="view-"] .xblock-visibility_view .is-not-configured .active.action:hover, .view-outline .content-primary .no-content .active.action:hover, .view-static-pages .content-primary .add-pages .active.action:hover, .view-container .content-primary .no-container-content .active.action:hover, .view-textbooks .content-primary .no-textbook-content .active.action:hover, .view-group-configurations .content-primary .no-content .active.action:hover, .view-certificates .content-primary .no-content .active.action:hover, .add-xblock-component .new-component .new-component-type .active.add-xblock-component-button:hover, .wrapper-mast .mast.has-actions .nav-actions .active.button.new-button:hover, .wrapper-mast .mast.has-actions .nav-actions .active.button.button-new:hover, .notice-create.has-actions .list-actions .active.action-primary:hover, .view-uploads .no-asset-content .active.new-button:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-course:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-library:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-program:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-course:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-library:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-program:hover, .view-import .active.action-choose-file:hover, .view-import .wrapper-file-name .active.submit-button:hover, .view-settings .group-settings.assignment-types .actions .active.new-button:hover, .view-settings .group-settings.course-learning-info .actions .active.new-button:hover, .view-settings .group-settings.instructor-types .actions .active.new-button:hover, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.button:hover, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.action:hover, [class*="view-"] .xblock-visibility_view .is-not-configured .active.button:active, .view-outline .content-primary .no-content .active.button:active, .view-static-pages .content-primary .add-pages .active.button:active, .view-container .content-primary .no-container-content .active.button:active, .view-textbooks .content-primary .no-textbook-content .active.button:active, .view-group-configurations .content-primary .no-content .active.button:active, .view-certificates .content-primary .no-content .active.button:active, [class*="view-"] .xblock-visibility_view .is-not-configured .active.action:active, .view-outline .content-primary .no-content .active.action:active, .view-static-pages .content-primary .add-pages .active.action:active, .view-container .content-primary .no-container-content .active.action:active, .view-textbooks .content-primary .no-textbook-content .active.action:active, .view-group-configurations .content-primary .no-content .active.action:active, .view-certificates .content-primary .no-content .active.action:active, .add-xblock-component .new-component .new-component-type .active.add-xblock-component-button:active, .wrapper-mast .mast.has-actions .nav-actions .active.button.new-button:active, .wrapper-mast .mast.has-actions .nav-actions .active.button.button-new:active, .notice-create.has-actions .list-actions .active.action-primary:active, .view-uploads .no-asset-content .active.new-button:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-course:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-library:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-program:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-course:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-library:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-program:active, .view-import .active.action-choose-file:active, .view-import .wrapper-file-name .active.submit-button:active, .view-settings .group-settings.assignment-types .actions .active.new-button:active, .view-settings .group-settings.course-learning-info .actions .active.new-button:active, .view-settings .group-settings.instructor-types .actions .active.new-button:active, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.button:active, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.action:active { + background: #009b00; +} +[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab, .view-dashboard .wrapper-creationrights .ui-toggle-control, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-secondary, .view-certificates .wrapper-collection .collection-edit .actions .action-secondary { + border-color: #ccc; + color: #999; +} +[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button:hover, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button:hover, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab:hover, .view-dashboard .wrapper-creationrights .ui-toggle-control:hover, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-secondary:hover, .view-certificates .wrapper-collection .collection-edit .actions .action-secondary:hover, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button:active, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button:active, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab:active, .view-dashboard .wrapper-creationrights .ui-toggle-control:active, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-secondary:active, .view-certificates .wrapper-collection .collection-edit .actions .action-secondary:active { + background: #ccc; + color: #4c4c4c; +} +[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .current.editor-button, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .current.settings-button, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.current.tab, .view-dashboard .wrapper-creationrights .current.ui-toggle-control, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .current.action-secondary, .view-certificates .wrapper-collection .collection-edit .actions .current.action-secondary, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .active.editor-button, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .active.settings-button, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.active.tab, .view-dashboard .wrapper-creationrights .active.ui-toggle-control, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .active.action-secondary, .view-certificates .wrapper-collection .collection-edit .actions .active.action-secondary { + background: #4c4c4c; + color: #f2f2f2; +} +[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .current.editor-button:hover, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .current.settings-button:hover, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.current.tab:hover, .view-dashboard .wrapper-creationrights .current.ui-toggle-control:hover, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .current.action-secondary:hover, .view-certificates .wrapper-collection .collection-edit .actions .current.action-secondary:hover, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .current.editor-button:active, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .current.settings-button:active, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.current.tab:active, .view-dashboard .wrapper-creationrights .current.ui-toggle-control:active, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .current.action-secondary:active, .view-certificates .wrapper-collection .collection-edit .actions .current.action-secondary:active, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .active.editor-button:hover, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .active.settings-button:hover, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.active.tab:hover, .view-dashboard .wrapper-creationrights .active.ui-toggle-control:hover, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .active.action-secondary:hover, .view-certificates .wrapper-collection .collection-edit .actions .active.action-secondary:hover, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .active.editor-button:active, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .active.settings-button:active, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.active.tab:active, .view-dashboard .wrapper-creationrights .active.ui-toggle-control:active, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .active.action-secondary:active, .view-certificates .wrapper-collection .collection-edit .actions .active.action-secondary:active { + background: #4c4c4c; +} +.alert .action-dismiss .button, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .button { + border-color: rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, 0.75); +} +.alert .action-dismiss .button:hover, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .button:hover, .alert .action-dismiss .button:active, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .button:active { + border-color: #fff; + color: #fff; +} +.alert .action-dismiss .current.button, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .current.button, .alert .action-dismiss .active.button, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .active.button { + background: #4c4c4c; + color: #f2f2f2; +} +.alert .action-dismiss .current.button:hover, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .current.button:hover, .alert .action-dismiss .current.button:active, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .current.button:active, .alert .action-dismiss .active.button:hover, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .active.button:hover, .alert .action-dismiss .active.button:active, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .active.button:active { + background: #4c4c4c; +} +.button .icon { + margin-right: 5px; + display: inline-block; + vertical-align: middle; +} +.wrapper-header .nav-dd .title { + padding: 5px 10px; + border-width: 1px; + border-style: solid; + border-color: transparent; + text-align: center; +} +.wrapper-header .nav-dd .title:hover, .wrapper-header .nav-dd .title:active { + border-color: #ccc; +} +.wrapper-header .nav-dd .current.title, .wrapper-header .nav-dd .active.title, .wrapper-header .nav-dd .is-selected.title { + box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.1); + border-color: #ccc; +} +.wrapper-header .nav-dd .title { + background: #fff; + border-color: #fff; + color: #666; +} +.wrapper-header .nav-dd .title:hover, .wrapper-header .nav-dd .title:active { + background: #fff; + color: #065683; +} +.wrapper-header .nav-dd .current.title, .wrapper-header .nav-dd .active.title { + background: #fff; + color: #191919; +} +.wrapper-header .nav-dd .current.title:hover, .wrapper-header .nav-dd .current.title:active, .wrapper-header .nav-dd .active.title:hover, .wrapper-header .nav-dd .active.title:active { + color: #065683; +} +.wrapper-xblock .wrapper-xblock .header-actions .actions-list, .wrapper-xblock .wrapper-xblock-message .xblock-message-actions .actions-list, .wrapper-message .message-actions .actions-list, [class*="view-"] .modal-window .modal-section-content .list-actions, .view-uploads .actions-list, .view-outline .course-status .status-actions, .view-outline .outline-complex .outline-section .section-header-actions .actions-list, .view-outline .outline-complex .outline-subsection .subsection-header-actions .actions-list, .view-outline .outline-complex .outline-unit .unit-header-actions .actions-list, .view-video-uploads .assets-library .actions-list { + display: inline-block; + margin-bottom: 0; +} +.wrapper-xblock .wrapper-xblock .header-actions .actions-list .action-item, .wrapper-xblock .wrapper-xblock-message .xblock-message-actions .actions-list .action-item, .wrapper-message .message-actions .actions-list .action-item, [class*="view-"] .modal-window .modal-section-content .list-actions .action-item, .view-uploads .actions-list .action-item, .view-outline .course-status .status-actions .action-item, .view-outline .outline-complex .outline-section .section-header-actions .actions-list .action-item, .view-outline .outline-complex .outline-subsection .subsection-header-actions .actions-list .action-item, .view-outline .outline-complex .outline-unit .unit-header-actions .actions-list .action-item, .view-video-uploads .assets-library .actions-list .action-item { + position: relative; + display: inline-block; + vertical-align: middle; + margin: 2px 0 2px 2px; +} +.wrapper-xblock .wrapper-xblock .header-actions .actions-list .action-item .action-button, .wrapper-xblock .wrapper-xblock-message .xblock-message-actions .actions-list .action-item .action-button, .wrapper-message .message-actions .actions-list .action-item .action-button, [class*="view-"] .modal-window .modal-section-content .list-actions .action-item .action-button, .view-uploads .actions-list .action-item .action-button, .view-outline .course-status .status-actions .action-item .action-button, .view-outline .outline-complex .outline-section .section-header-actions .actions-list .action-item .action-button, .view-outline .outline-complex .outline-subsection .subsection-header-actions .actions-list .action-item .action-button, .view-outline .outline-complex .outline-unit .unit-header-actions .actions-list .action-item .action-button, .view-video-uploads .assets-library .actions-list .action-item .action-button { + transition: all 0.125s linear 0s; + display: block; + border-radius: 3px; + padding: 3px 10px; + color: #999; +} +.wrapper-xblock .wrapper-xblock .header-actions .actions-list .action-item .action-button:hover, .wrapper-xblock .wrapper-xblock-message .xblock-message-actions .actions-list .action-item .action-button:hover, .wrapper-message .message-actions .actions-list .action-item .action-button:hover, [class*="view-"] .modal-window .modal-section-content .list-actions .action-item .action-button:hover, .view-uploads .actions-list .action-item .action-button:hover, .view-outline .course-status .status-actions .action-item .action-button:hover, .view-outline .outline-complex .outline-section .section-header-actions .actions-list .action-item .action-button:hover, .view-outline .outline-complex .outline-subsection .subsection-header-actions .actions-list .action-item .action-button:hover, .view-outline .outline-complex .outline-unit .unit-header-actions .actions-list .action-item .action-button:hover, .view-video-uploads .assets-library .actions-list .action-item .action-button:hover { + background-color: #0075b4; + color: #f9f9f9; +} +.wrapper-xblock .wrapper-xblock .header-actions .actions-list .action-item .action-button .action-button-text, .wrapper-xblock .wrapper-xblock-message .xblock-message-actions .actions-list .action-item .action-button .action-button-text, .wrapper-message .message-actions .actions-list .action-item .action-button .action-button-text, [class*="view-"] .modal-window .modal-section-content .list-actions .action-item .action-button .action-button-text, .view-uploads .actions-list .action-item .action-button .action-button-text, .view-outline .course-status .status-actions .action-item .action-button .action-button-text, .view-outline .outline-complex .outline-section .section-header-actions .actions-list .action-item .action-button .action-button-text, .view-outline .outline-complex .outline-subsection .subsection-header-actions .actions-list .action-item .action-button .action-button-text, .view-outline .outline-complex .outline-unit .unit-header-actions .actions-list .action-item .action-button .action-button-text, .view-video-uploads .assets-library .actions-list .action-item .action-button .action-button-text { + padding-left: 1px; + text-transform: uppercase; +} +.wrapper-xblock .wrapper-xblock .header-actions .actions-list .action-item .action-button.delete-button:hover, .wrapper-xblock .wrapper-xblock-message .xblock-message-actions .actions-list .action-item .action-button.delete-button:hover, .wrapper-message .message-actions .actions-list .action-item .action-button.delete-button:hover, [class*="view-"] .modal-window .modal-section-content .list-actions .action-item .action-button.delete-button:hover, .view-uploads .actions-list .action-item .action-button.delete-button:hover, .view-outline .course-status .status-actions .action-item .action-button.delete-button:hover, .view-outline .outline-complex .outline-section .section-header-actions .actions-list .action-item .action-button.delete-button:hover, .view-outline .outline-complex .outline-subsection .subsection-header-actions .actions-list .action-item .action-button.delete-button:hover, .view-outline .outline-complex .outline-unit .unit-header-actions .actions-list .action-item .action-button.delete-button:hover, .view-video-uploads .assets-library .actions-list .action-item .action-button.delete-button:hover { + background-color: #999; +} +.wrapper-xblock .wrapper-xblock .header-actions .actions-list .action-item .action-button .icon, .wrapper-xblock .wrapper-xblock-message .xblock-message-actions .actions-list .action-item .action-button .icon, .wrapper-message .message-actions .actions-list .action-item .action-button .icon, [class*="view-"] .modal-window .modal-section-content .list-actions .action-item .action-button .icon, .view-uploads .actions-list .action-item .action-button .icon, .view-outline .course-status .status-actions .action-item .action-button .icon, .view-outline .outline-complex .outline-section .section-header-actions .actions-list .action-item .action-button .icon, .view-outline .outline-complex .outline-subsection .subsection-header-actions .actions-list .action-item .action-button .icon, .view-outline .outline-complex .outline-unit .unit-header-actions .actions-list .action-item .action-button .icon, .view-video-uploads .assets-library .actions-list .action-item .action-button .icon { + font-style: normal; +} +.wrapper-xblock .wrapper-xblock .header-actions .actions-list .action-item .drag-handle, .wrapper-xblock .wrapper-xblock-message .xblock-message-actions .actions-list .action-item .drag-handle, .wrapper-message .message-actions .actions-list .action-item .drag-handle, [class*="view-"] .modal-window .modal-section-content .list-actions .action-item .drag-handle, .view-uploads .actions-list .action-item .drag-handle, .view-outline .course-status .status-actions .action-item .drag-handle, .view-outline .outline-complex .outline-section .section-header-actions .actions-list .action-item .drag-handle, .view-outline .outline-complex .outline-subsection .subsection-header-actions .actions-list .action-item .drag-handle, .view-outline .outline-complex .outline-unit .unit-header-actions .actions-list .action-item .drag-handle, .view-video-uploads .assets-library .actions-list .action-item .drag-handle { + display: block; + float: none; + height: 24px; + width: 20px; + margin: 0; + background: transparent url("{{ path_to_images }}drag-handles.png") no-repeat right center; +} +.wrapper-xblock .wrapper-xblock.is-collapsible .expand-collapse, .wrapper-xblock .wrapper-xblock.xblock-type-container .expand-collapse, .view-outline .expand-collapse { + transition: all 0.25s linear 0s; + display: inline-block; + color: #b2b2b2; + vertical-align: top; +} +.wrapper-xblock .wrapper-xblock.is-collapsible .expand-collapse:hover, .wrapper-xblock .wrapper-xblock.xblock-type-container .expand-collapse:hover, .view-outline .expand-collapse:hover { + color: #0075b4; +} +.wrapper-xblock .wrapper-xblock.is-collapsible .expand-collapse .ui-toggle-expansion, .wrapper-xblock .wrapper-xblock.xblock-type-container .expand-collapse .ui-toggle-expansion, .view-outline .expand-collapse .ui-toggle-expansion { + transition: all 0.25s ease-in-out 0s; + margin-right: 5px; + display: inline-block; + color: #ccc; + vertical-align: middle; +} +.wrapper-xblock .wrapper-xblock.is-collapsible .expand.expand-collapse .ui-toggle-expansion, .wrapper-xblock .wrapper-xblock.xblock-type-container .expand.expand-collapse .ui-toggle-expansion, .view-outline .expand.expand-collapse .ui-toggle-expansion { + transform: rotate(-90deg); + transform-origin: 50% 50%} +.view-outline .outline-complex .outline-section.is-collapsible, .view-outline .outline-complex .outline-subsection.is-collapsible { + transition: all 0.25s linear 0s; +} +.view-outline .outline-complex .outline-section.is-collapsible .ui-toggle-expansion, .view-outline .outline-complex .outline-subsection.is-collapsible .ui-toggle-expansion { + transition: all 0.25s ease-in-out 0s; + display: inline-block; + vertical-align: middle; +} +.view-outline .outline-complex .outline-section.is-collapsible .ui-toggle-expansion .icon, .view-outline .outline-complex .outline-subsection.is-collapsible .ui-toggle-expansion .icon { + transition: all 0.25s ease-in-out 0s; +} +.view-outline .outline-complex .outline-section.is-collapsible .ui-toggle-expansion:hover, .view-outline .outline-complex .outline-subsection.is-collapsible .ui-toggle-expansion:hover, .view-outline .outline-complex .outline-section.is-collapsible .ui-toggle-expansion:active, .view-outline .outline-complex .outline-subsection.is-collapsible .ui-toggle-expansion:active { + color: #0075b4; +} +.view-outline .outline-complex .is-collapsed.outline-section.is-collapsible .ui-toggle-expansion .icon, .view-outline .outline-complex .is-collapsed.outline-subsection.is-collapsible .ui-toggle-expansion .icon { + transform: rotate(-90deg); + transform-origin: 50% 50%} +.drag-handle:hover, .drag-handle:focus { + cursor: move; +} +.is-draggable { + transition: border-color 0.25s ease-in-out 0, box-shadow 0.25s ease-in-out 0, margin 0.25s ease-in-out 0; + position: relative; +} +.is-draggable .draggable-drop-indicator { + transition: opacity 0.25s linear 0s; + height: auto; + width: 100%; + position: absolute; + border-top: 1px solid #33b2eb; + opacity: 0.0; +} +.is-draggable .draggable-drop-indicator .fa-caret-right { + position: absolute; + top: -12px; + left: -5px; + color: #007fb8; +} +.is-draggable .draggable-drop-indicator-before { + top: -10px; +} +.is-draggable .draggable-drop-indicator-after { + bottom: -10px; +} +.is-dragging { + left: -5px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); + cursor: move; + opacity: 0.65; + border: 1px solid #333; +} +.is-dragging.valid-drop { + border-color: #009fe6; + box-shadow: 0 1px 2px 0 rgba(0, 159, 230, 0.5); +} +.was-dragging { + transition: transform 0.25s ease-in-out 0; +} +.drop-target.drop-target-before { + margin-top: 30px; +} +.drop-target.drop-target-before>.draggable-drop-indicator-before { + opacity: 1.0; +} +.drop-target.drop-target-after { + margin-bottom: 30px; +} +.drop-target.drop-target-after>.draggable-drop-indicator-after { + opacity: 1.0; +} +.was-dropped { + animation: was-dropped 0.75s ease-in-out 1; + border-color: #009fe6; + box-shadow: 0 1px 2px 0 rgba(0, 159, 230, 0.5); +} +.wrapper-xblock .container-paging-header .pagination, .wrapper-xblock .container-paging-footer .pagination, .wrapper-assets .assets-library .pagination { + display: inline-block; + width: 23.40426%} +.wrapper-xblock .container-paging-header .pagination:after, .wrapper-xblock .container-paging-footer .pagination:after, .wrapper-assets .assets-library .pagination:after { + content: ""; + display: table; + clear: both; +} +.wrapper-xblock .container-paging-header .pagination-compact.pagination, .wrapper-xblock .container-paging-footer .pagination-compact.pagination, .wrapper-assets .assets-library .pagination-compact.pagination { + text-align: right; +} +.wrapper-xblock .container-paging-header .pagination-full.pagination, .wrapper-xblock .container-paging-footer .pagination-full.pagination, .wrapper-assets .assets-library .pagination-full.pagination { + display: block; + width: 31.91489%; + margin: 20px auto; +} +.wrapper-xblock .container-paging-header .pagination .nav-item, .wrapper-xblock .container-paging-footer .pagination .nav-item, .wrapper-assets .assets-library .pagination .nav-item { + position: relative; + display: inline-block; + vertical-align: middle; +} +.wrapper-xblock .container-paging-header .pagination .nav-link, .wrapper-xblock .container-paging-footer .pagination .nav-link, .wrapper-assets .assets-library .pagination .nav-link { + transition: all 0.25s ease-in-out 0s; + display: block; + border: 0; + padding: 5px 15px; +} +.wrapper-xblock .container-paging-header .pagination .nav-link.previous, .wrapper-xblock .container-paging-footer .pagination .nav-link.previous, .wrapper-assets .assets-library .pagination .nav-link.previous { + margin-right: 10px; +} +.wrapper-xblock .container-paging-header .pagination .nav-link.next, .wrapper-xblock .container-paging-footer .pagination .nav-link.next, .wrapper-assets .assets-library .pagination .nav-link.next { + margin-left: 10px; +} +.wrapper-xblock .container-paging-header .pagination .nav-link:hover, .wrapper-xblock .container-paging-footer .pagination .nav-link:hover, .wrapper-assets .assets-library .pagination .nav-link:hover { + background-color: #009fe6; + border-radius: 3px; + color: #fff; +} +.wrapper-xblock .container-paging-header .pagination .nav-link.is-disabled, .wrapper-xblock .container-paging-footer .pagination .nav-link.is-disabled, .wrapper-assets .assets-library .pagination .nav-link.is-disabled { + background-color: transparent; + color: #b2b2b2; + pointer-events: none; +} +.wrapper-xblock .container-paging-header .pagination .pagination-form, .wrapper-xblock .container-paging-footer .pagination .pagination-form, .wrapper-assets .assets-library .pagination .pagination-form, .wrapper-xblock .container-paging-header .pagination .current-page, .wrapper-xblock .container-paging-footer .pagination .current-page, .wrapper-assets .assets-library .pagination .current-page, .wrapper-xblock .container-paging-header .pagination .page-divider, .wrapper-xblock .container-paging-footer .pagination .page-divider, .wrapper-assets .assets-library .pagination .page-divider, .wrapper-xblock .container-paging-header .pagination .total-pages, .wrapper-xblock .container-paging-footer .pagination .total-pages, .wrapper-assets .assets-library .pagination .total-pages { + display: inline-block; +} +.wrapper-xblock .container-paging-header .pagination .current-page, .wrapper-xblock .container-paging-footer .pagination .current-page, .wrapper-assets .assets-library .pagination .current-page, .wrapper-xblock .container-paging-header .pagination .page-number-input, .wrapper-xblock .container-paging-footer .pagination .page-number-input, .wrapper-assets .assets-library .pagination .page-number-input, .wrapper-xblock .container-paging-header .pagination .total-pages, .wrapper-xblock .container-paging-footer .pagination .total-pages, .wrapper-assets .assets-library .pagination .total-pages { + width: 50px; + margin: 0 15px; + padding: 5px; + text-align: center; + color: #4c4c4c; +} +.wrapper-xblock .container-paging-header .pagination .current-page, .wrapper-xblock .container-paging-footer .pagination .current-page, .wrapper-assets .assets-library .pagination .current-page { + position: absolute; + left: -5px; +} +.wrapper-xblock .container-paging-header .pagination .page-divider, .wrapper-xblock .container-paging-footer .pagination .page-divider, .wrapper-assets .assets-library .pagination .page-divider { + vertical-align: middle; + color: #7f7f7f; +} +.wrapper-xblock .container-paging-header .pagination .pagination-form, .wrapper-xblock .container-paging-footer .pagination .pagination-form, .wrapper-assets .assets-library .pagination .pagination-form { + position: relative; +} +.wrapper-xblock .container-paging-header .pagination .pagination-form .page-number-input, .wrapper-xblock .container-paging-footer .pagination .pagination-form .page-number-input, .wrapper-assets .assets-library .pagination .pagination-form .page-number-input { + transition: all 0.25s ease-in-out 0s; + border: 1px solid transparent; + border-bottom: 1px dotted #b2b2b2; + border-radius: 0; + box-shadow: none; + background: none; +} +.wrapper-xblock .container-paging-header .pagination .pagination-form .page-number-input:hover, .wrapper-xblock .container-paging-footer .pagination .pagination-form .page-number-input:hover, .wrapper-assets .assets-library .pagination .pagination-form .page-number-input:hover { + background-color: #fff; + opacity: 0.6; +} +.wrapper-xblock .container-paging-header .pagination .pagination-form .page-number-input:focus, .wrapper-xblock .container-paging-footer .pagination .pagination-form .page-number-input:focus, .wrapper-assets .assets-library .pagination .pagination-form .page-number-input:focus { + background-color: #fffcf1; + background-image: -webkit-linear-gradient(#fffcf1, #fffffe); + background-image: linear-gradient(#fffcf1, #fffffe); + opacity: 1.0; + box-shadow: 0 0 3px rgba(0, 0, 0, 0.4) inset; + background-color: #fff; + border: 1px solid transparent; + border-radius: 3px; +} +.wrapper-xblock { + margin: 10px; + border: 1px solid #e5e5e5; + border-radius: 4px; + background: #fff; + box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); +} +.wrapper-xblock:hover, .wrapper-xblock:focus { + box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); +} +.wrapper-xblock .xblock-header-primary { + box-sizing: border-box; + border-bottom: 1px solid #e5e5e5; + border-radius: 4px 4px 0 0; + min-height: 50px; + background-color: #f9f9f9; + padding: 10px 10px 10px 20px; +} +.wrapper-xblock .xblock-header-primary .header-details { + display: inline-block; + width: 50%; + vertical-align: middle; +} +.wrapper-xblock .xblock-header-primary .header-details .xblock-display-name { + display: inline-block; + vertical-align: middle; +} +.wrapper-xblock .xblock-header-primary .header-actions { + display: inline-block; + width: 49%; + vertical-align: middle; + text-align: right; +} +.wrapper-xblock .xblock-header-secondary { + overflow: hidden; + border-top: 1px solid #ccc; + background-color: #f2f2f2; + padding: 10px 20px; +} +.wrapper-xblock .xblock-header-secondary .meta-info { + display: inline-block; + vertical-align: middle; + width: 65%; + font-style: italic; + color: #7f7f7f; +} +.wrapper-xblock .xblock-header-secondary .actions-list { + width: 34%; + display: inline-block; + vertical-align: middle; + text-align: right; +} +.wrapper-xblock .xblock-header-secondary .actions-list .action-item { + display: inline-block; +} +.wrapper-xblock .xblock-header-secondary .actions-list .action-item .action-button { + transition: all 0.125s linear 0s; + display: block; + width: auto; + height: 30px; + border-radius: 3px; + padding: 3px 10px 0 10px; + color: #999; +} +.wrapper-xblock .xblock-header-secondary .actions-list .action-item .action-button:hover { + background-color: #009fe6; + color: #f9f9f9; +} +.wrapper-xblock .xblock-header-secondary .actions-list .action-item .action-button .action-button-text { + display: inline-block; + vertical-align: middle; + padding: 0 1px; + text-transform: uppercase; +} +.wrapper-xblock .xblock-header-secondary .actions-list .action-item .action-button.delete-button:hover { + background-color: #999; +} +.wrapper-xblock .xblock-header-secondary .actions-list .action-item .icon { + display: inline-block; + vertical-align: middle; +} +.wrapper-xblock .xblock-license, .wrapper-xblock .xmodule_display.xmodule_HtmlModule .xblock-license, .wrapper-xblock .xmodule_VideoModule .xblock-license { + text-align: right; + display: block; + width: auto; + border-top: 1px solid #ccc; + padding: 5px 0; + color: #7f7f7f; + text-align: right; +} +.wrapper-xblock .xblock-license .license-label, .wrapper-xblock .xblock-license .license-value, .wrapper-xblock .xblock-license .license-actions, .wrapper-xblock .xmodule_display.xmodule_HtmlModule .xblock-license .license-label, .wrapper-xblock .xmodule_display.xmodule_HtmlModule .xblock-license .license-value, .wrapper-xblock .xmodule_display.xmodule_HtmlModule .xblock-license .license-actions, .wrapper-xblock .xmodule_VideoModule .xblock-license .license-label, .wrapper-xblock .xmodule_VideoModule .xblock-license .license-value, .wrapper-xblock .xmodule_VideoModule .xblock-license .license-actions { + display: inline-block; + vertical-align: middle; + margin-bottom: 0; +} +.wrapper-xblock .xblock-license a, .wrapper-xblock .xmodule_display.xmodule_HtmlModule .xblock-license a, .wrapper-xblock .xmodule_VideoModule .xblock-license a { + color: #7f7f7f; +} +.wrapper-xblock .xblock-license a:hover, .wrapper-xblock .xmodule_display.xmodule_HtmlModule .xblock-license a:hover, .wrapper-xblock .xmodule_VideoModule .xblock-license a:hover { + color: #2392c4; +} +.wrapper-xblock .xblock-license i, .wrapper-xblock .xmodule_display.xmodule_HtmlModule .xblock-license i, .wrapper-xblock .xmodule_VideoModule .xblock-license i { + font-style: normal; +} +.wrapper-xblock .xmodule_VideoModule .xblock-license { + border: 0; +} +.wrapper-xblock .container-paging-header .meta-wrap { + margin: 20px 10px; +} +.wrapper-xblock .container-paging-header .meta { + display: inline-block; + vertical-align: top; + width: 74.46809%; + color: #666; +} +.wrapper-xblock h2 { + margin: 30px 40px 30px 0; + color: #7f7f7f; + letter-spacing: 1px; + text-transform: uppercase; +} +.wrapper-xblock .wrapper-xblock.is-collapsible .icon, .wrapper-xblock .wrapper-xblock.xblock-type-container .icon { + font-style: normal; +} +.wrapper-xblock .wrapper-xblock.is-collapsible .expand-collapse, .wrapper-xblock .wrapper-xblock.xblock-type-container .expand-collapse { + margin: 0 5px; + height: 25px; + width: 20px; +} +.wrapper-xblock .wrapper-xblock.is-collapsible .expand-collapse:focus, .wrapper-xblock .wrapper-xblock.xblock-type-container .expand-collapse:focus { + outline: 0; +} +.wrapper-xblock .wrapper-xblock.is-collapsible .action-view .action-button, .wrapper-xblock .wrapper-xblock.xblock-type-container .action-view .action-button { + transition: none; +} +.wrapper-xblock .wrapper-xblock.is-collapsible .action-view .action-button-text, .wrapper-xblock .wrapper-xblock.xblock-type-container .action-view .action-button-text { + padding-right: 4px; + padding-left: 0; +} +.wrapper-xblock .wrapper-xblock.has-group-visibility-set .action-visibility .visibility-button.visibility-button { + color: #000; +} +.wrapper-xblock .wrapper-xblock-message .xblock-message { + background-color: #4c4c4c; + padding: 15px; + color: #fff; +} +.wrapper-xblock .wrapper-xblock-message .xblock-message .icon { + font-style: normal; +} +.wrapper-xblock .wrapper-xblock-message .xblock-message.information { + background-color: #f2f2f2; + color: #4c4c4c; +} +.wrapper-xblock .wrapper-xblock-message .xblock-message.validation { + background-color: #4c4c4c; + color: #fff; +} +.wrapper-xblock .wrapper-xblock-message .xblock-message.validation a { + color: #66c5f0; +} +.wrapper-xblock .wrapper-xblock-message .xblock-message.validation.has-warnings { + border-top: 3px solid #edbd3c; +} +.wrapper-xblock .wrapper-xblock-message .xblock-message.validation.has-warnings .fa-exclamation-triangle { + margin-right: 10px; + color: #edbd3c; +} +.wrapper-xblock .wrapper-xblock-message .xblock-message.validation.has-errors { + border-top: 3px solid #d16a70; +} +.wrapper-xblock .wrapper-xblock-message .xblock-message.validation.has-errors .fa-exclamation-circle { + margin-right: 10px; + color: #d16a70; +} +.wrapper-xblock .wrapper-xblock-message .xblock-message-list { + margin-bottom: 0; +} +.wrapper-xblock .wrapper-xblock-message .xblock-message-actions { + padding: 10px 20px; + background-color: #666; +} +.wrapper-xblock.level-page { + margin: 0; + box-shadow: none; + border: 0; +} +.wrapper-xblock.level-page .xblock-header { + display: none; +} +.wrapper-xblock.level-page .xblock-message.validation { + padding-top: 15px; +} +.wrapper-xblock.level-page .xblock-message .xblock-message-list { + margin: 0 45px; + list-style-type: disc; + color: #ccc; +} +.wrapper-xblock.level-page .xblock-message .xblock-message-item { + padding-bottom: 5px; +} +.wrapper-xblock.level-page .xblock-message.information { + padding: 10px 0; + background-color: #f2f2f2; + color: #666; +} +.wrapper-xblock.level-page .no-container-content .xblock-message-list { + margin: 0; + list-style-type: none; + color: #4c4c4c; +} +.wrapper-xblock.level-nesting { + transition: all 0.25s linear 0s; + border: 1px solid #ccc; + padding-bottom: 20px; +} +.wrapper-xblock.level-nesting .reorderable-container { + min-height: 20px; +} +.wrapper-xblock.level-nesting .xblock-header { + display: block; +} +.wrapper-xblock.level-nesting .xblock-header-primary { + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + margin-bottom: 0; + border-bottom: none; + background: none; +} +.wrapper-xblock.level-nesting .xblock-render { + margin: 10px; +} +.wrapper-xblock.level-nesting.collapsed { + padding-bottom: 0; + background-color: #fefefe; + box-shadow: 0 0 1px rgba(0, 0, 0, 0.6) inset; +} +.wrapper-xblock.level-element { + transition: all 0.25s linear 0s; + box-shadow: none; +} +.wrapper-xblock.level-element:hover { + border-color: #009fe6; +} +.wrapper-xblock.level-element .xblock-header { + display: block; +} +.wrapper-xblock.level-element .xblock-header-primary { + display: flex; + margin-bottom: 0; + border-bottom: 1px solid #e5e5e5; + background-color: #f9f9f9; +} +.wrapper-xblock.level-element .xblock-header-primary.is-collapsed { + border-bottom: 0; + border-radius: 3px; +} +.wrapper-xblock.level-element .xblock-render { + margin: 10px; + padding: 10px; +} +.wrapper-xblock.level-element.xblock-type-container .xblock-header-primary { + margin-bottom: 0; + border-bottom: 0; + border-radius: 4px; +} +.wrapper-xblock.level-element.xblock-type-container .xblock-render { + display: none; +} +.wrapper-xblock.level-element .wrapper-xblock-message .xblock-message.information { + padding: 0 20px 15px 20px; + color: #999; +} +.wrapper-xblock .wrapper-groups .title { + margin-left: 10px; + color: #999; +} +.wrapper-xblock .wrapper-groups.is-active .wrapper-xblock.level-nesting>.xblock-header .action-delete { + display: none; +} +.wrapper-xblock .wrapper-groups.is-inactive { + margin: 30px 0 0 0; + border-top: 2px dotted #b2b2b2; + padding: 15px 0; + background-color: #e5e5e5; +} +.wrapper-xblock .wrapper-groups.is-inactive .wrapper-xblock.level-nesting { + transition: all 0.25s linear 0s; + opacity: .7; +} +.wrapper-xblock .wrapper-groups.is-inactive .wrapper-xblock.level-nesting:hover { + opacity: 1; +} +.wrapper-xblock .wrapper-groups.is-inactive .new-component-item { + display: none; +} +.wrapper-comp-editor { + display: block; +} +.wrapper-comp-editor.is-inactive { + display: none; +} +.wrapper-comp-settings { + display: none; +} +.wrapper-comp-settings.is-active { + display: block; +} +.wrapper-comp-settings .file-uploader .upload-setting { + box-sizing: border-box; + display: inline-block; + padding: 10px; + width: 49%; + margin-right: 2%} +.wrapper-comp-settings .file-uploader .download-setting { + box-sizing: border-box; + display: inline-block; + padding: 10px; + width: 49%; + text-align: center; + color: #009fe6; +} +.wrapper-comp-settings .file-uploader .download-setting:hover { + background-color: #009fe6; +} +.wrapper-comp-settings .file-uploader .wrapper-uploader-actions { + width: 45%; + display: inline-block; + min-width: 100px; +} +.wrapper-comp-settings .list-input.settings-list { + overflow: auto; + max-height: 400px; +} +.wrapper-comp-settings .list-input.settings-list::-webkit-scrollbar { + -webkit-appearance: none; + width: 11px; + height: 11px; +} +.wrapper-comp-settings .list-input.settings-list::-webkit-scrollbar-thumb { + border-radius: 8px; + border: 2px solid #b2b2b2; + background-color: rgba(0, 0, 0, 0.5); +} +.wrapper-comp-settings .list-input.settings-list .field.comp-setting-entry { + opacity: 0.7; + margin: 0 20px; + border-top: 1px solid #e5e5e5; + background-color: #fff; + padding: 20px 10px; +} +.wrapper-comp-settings .list-input.settings-list .field.comp-setting-entry:first-child { + border-top: 0; +} +.wrapper-comp-settings .list-input.settings-list .field.comp-setting-entry:hover, .wrapper-comp-settings .list-input.settings-list .field.comp-setting-entry:focus { + opacity: 1.0; +} +.wrapper-comp-settings .list-input.settings-list .field.comp-setting-entry.is-set { + opacity: 1.0; + background-color: #fff; +} +.wrapper-comp-settings .list-input.settings-list .field.comp-setting-entry.is-set .setting-input { + color: #33b2eb; +} +.wrapper-comp-settings .list-input.settings-list .wrapper-comp-setting, .wrapper-comp-settings .list-input.settings-list .wrapper-comp-setting-text { + min-width: 300px; + top: 0; + vertical-align: top; + margin-bottom: 5px; + position: relative; +} +.wrapper-comp-settings .list-input.settings-list .setting-label { + transition: color 0.25s ease-in-out 0s; + vertical-align: middle; + display: inline-block; + position: relative; + left: 0; + width: 25%; + min-width: 100px; + margin-right: 10px; +} +.wrapper-comp-settings .list-input.settings-list .setting-label.is-focused { + color: #009fe6; +} +.wrapper-comp-settings .list-input.settings-list input, .wrapper-comp-settings .list-input.settings-list select, .wrapper-comp-settings .list-input.settings-list input[type="number"] { + height: 100%; + width: 100%; + width: 45%; + min-width: 100px; + padding: 10px; + border-radius: 3px; + border: 1px solid #b2b2b2; + text-overflow: ellipsis; +} +.wrapper-comp-settings .list-input.settings-list input :-moz-placeholder, .wrapper-comp-settings .list-input.settings-list select :-moz-placeholder, .wrapper-comp-settings .list-input.settings-list input[type="number"] :-moz-placeholder { + color: #e5e5e5; +} +.wrapper-comp-settings .list-input.settings-list input ::-webkit-input-placeholder, .wrapper-comp-settings .list-input.settings-list select ::-webkit-input-placeholder, .wrapper-comp-settings .list-input.settings-list input[type="number"] ::-webkit-input-placeholder { + color: #e5e5e5; +} +.wrapper-comp-settings .list-input.settings-list input :-ms-input-placeholder, .wrapper-comp-settings .list-input.settings-list select :-ms-input-placeholder, .wrapper-comp-settings .list-input.settings-list input[type="number"] :-ms-input-placeholder { + color: #e5e5e5; +} +.wrapper-comp-settings .list-input.settings-list input.is-disabled { + text-overflow: clip; + opacity: .5; +} +.wrapper-comp-settings .list-input.settings-list input[type="number"] { + width: 42%; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; + -moz-column-width-width: 32%} +.wrapper-comp-settings .list-input.settings-list input[type="number"]:active { + background-color: #FFFCF1; +} +.wrapper-comp-settings .list-input.settings-list select:focus { + box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); + transition: opacity 0.25s ease-in-out 0s; + background-color: #fffedf; +} +.wrapper-comp-settings .list-input.settings-list select:active { + background-color: #fffedf; +} +.wrapper-comp-settings .list-input.settings-list .action.setting-clear { + color: #7f7f7f; + width: 25px; + height: 25px; + vertical-align: middle; + padding: 5px; + border-radius: 50%; + margin: 0 10px; + box-shadow: none; + text-shadow: none; + border: 1px solid #999; + background-color: #e5e5e5; +} +.wrapper-comp-settings .list-input.settings-list .action.setting-clear:hover { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); + transition: opacity 0.25s ease-in-out 0s; + background-color: #009fe6; + border: 1px solid #009fe6; + color: #fff; +} +.wrapper-comp-settings .list-input.settings-list .action.setting-clear.inactive { + visibility: hidden; +} +.wrapper-comp-settings .list-input.settings-list .setting-help { + display: inline-block; + font-color: #f9f9f9; + min-width: 200px; + vertical-align: top; +} +.wrapper-comp-settings .list-input.settings-list .setting-text { + display: inline; + white-space: nowrap; +} +.wrapper-comp-settings .list-input.settings-list .metadata-list-enum * { + box-sizing: border-box; +} +.wrapper-comp-settings .list-input.settings-list .metadata-list-enum .setting-label { + vertical-align: top; + margin-top: 10px; +} +.wrapper-comp-settings .list-input.settings-list .metadata-list-enum .wrapper-list-settings { + height: 100%; + width: 45%; + display: inline-block; + min-width: 100px; +} +.wrapper-comp-settings .list-input.settings-list .metadata-list-enum .wrapper-list-settings .list-settings { + margin: 0; +} +.wrapper-comp-settings .list-input.settings-list .metadata-list-enum .wrapper-list-settings .list-settings .list-settings-item { + margin-bottom: 10px; +} +.wrapper-comp-settings .list-input.settings-list .metadata-list-enum .wrapper-list-settings .list-settings .input { + width: 80%; + margin-right: 10px; + vertical-align: middle; +} +.wrapper-comp-settings .list-input.settings-list .metadata-list-enum .setting-clear { + vertical-align: top; + margin-top: 5px; +} +.wrapper-comp-settings .list-input.settings-list .metadata-list-enum .create-setting { + display: block; + width: 100%; + padding: 10px; +} +.wrapper-comp-settings .list-input.settings-list .metadata-list-enum .create-setting .icon { + margin-right: 5px; +} +.wrapper-comp-settings .list-input.settings-list .metadata-list-enum .remove-setting { + transition: color 0.25s ease-in-out; + display: inline-block; + background: transparent; + color: #99d9f5; +} +.wrapper-comp-settings .list-input.settings-list .metadata-list-enum .remove-setting:hover { + color: #009fe6; +} +.wrapper-comp-settings .list-input.settings-list .metadata-dict * { + box-sizing: border-box; +} +.wrapper-comp-settings .list-input.settings-list .metadata-dict .setting-label { + vertical-align: top; + margin-top: 15px; +} +.wrapper-comp-settings .list-input.settings-list .metadata-dict .wrapper-dict-settings { + width: 55%; + display: inline-block; + min-width: 240px; +} +.wrapper-comp-settings .list-input.settings-list .metadata-dict .wrapper-dict-settings .list-settings { + margin: 10px 0 0; +} +.wrapper-comp-settings .list-input.settings-list .metadata-dict .wrapper-dict-settings .list-settings .list-settings-item { + margin-bottom: 10px; +} +.wrapper-comp-settings .list-input.settings-list .metadata-dict .wrapper-dict-settings .list-settings .input { + width: 43%; + margin-right: 5px; + vertical-align: middle; + display: inline-block; +} +.wrapper-comp-settings .list-input.settings-list .metadata-dict .wrapper-dict-settings .list-settings .input.input-value { + margin-right: 10px; +} +.wrapper-comp-settings .list-input.settings-list .metadata-dict .setting-clear { + vertical-align: top; + margin: 15px 0 0 0; +} +.wrapper-comp-settings .list-input.settings-list .metadata-dict .create-setting { + display: block; + width: 88%; + padding: 10px; +} +.wrapper-comp-settings .list-input.settings-list .metadata-dict .create-setting .icon { + margin-right: 5px; +} +.wrapper-comp-settings .list-input.settings-list .metadata-dict .remove-setting { + transition: color 0.25s ease-in-out; + display: inline-block; + background: transparent; + color: #99d9f5; +} +.wrapper-comp-settings .list-input.settings-list .metadata-dict .remove-setting:hover { + color: #009fe6; +} +.wrapper-comp-editor.latex-problem { + margin-top: 50px; +} +.launch-latex-compiler { + position: absolute; + width: 100%; + top: 0; + background-color: #fff; + padding: 10px 0 10px 20px; + border-bottom: 1px solid #b2b2b2; +} +div.wrapper-comp-editor.is-inactive ~ div.launch-latex-compiler { + display: none; +} +.wrapper-xblock .discussion-preview { + color: #999; + font-style: italic; +} +.wrapper-license .license-types { + text-align: center; + vertical-align: middle; + display: inline-block; +} +.wrapper-license .license-types .license-type { + display: inline-block; +} +.wrapper-license .license-types .action.license-button { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + border: 1px solid #4c4c4c; + border-radius: 3px; + background-color: #d1dae3; + color: #6d788b; + display: inline-block; + text-align: center; + width: 220px; + height: 40px; + cursor: pointer; +} +.wrapper-license .license-types .action.license-button.disabled, .wrapper-license .license-types .action.license-button.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.wrapper-license .license-types .action.license-button.disabled:hover, .wrapper-license .license-types .action.license-button.disabled:focus, .wrapper-license .license-types .action.license-button.is-disabled:hover, .wrapper-license .license-types .action.license-button.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.wrapper-license .license-types .action.license-button:hover, .wrapper-license .license-types .action.license-button:focus, .wrapper-license .license-types .action.license-button:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.wrapper-license .license-types .action.license-button:hover { + background-color: #d9e3ee; + color: #6d788b; +} +.wrapper-license .license-types .action.license-button.is-selected { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #0075b4; + border-radius: 3px; + background-color: #0075b4; + color: #fff; +} +.wrapper-license .license-types .action.license-button.is-selected.disabled, .wrapper-license .license-types .action.license-button.is-selected.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.wrapper-license .license-types .action.license-button.is-selected.disabled:hover, .wrapper-license .license-types .action.license-button.is-selected.disabled:focus, .wrapper-license .license-types .action.license-button.is-selected.is-disabled:hover, .wrapper-license .license-types .action.license-button.is-selected.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.wrapper-license .license-types .action.license-button.is-selected:hover, .wrapper-license .license-types .action.license-button.is-selected:focus, .wrapper-license .license-types .action.license-button.is-selected:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.wrapper-license .license-types .action.license-button.is-selected:hover, .wrapper-license .license-types .action.license-button.is-selected:focus, .wrapper-license .license-types .action.license-button.is-selected:active { + background-color: #065683; + color: #fff; +} +.wrapper-license .license-types .action.license-button.is-selected.disabled, .wrapper-license .license-types .action.license-button.is-selected.is-disabled { + box-shadow: none; + border: 1px solid #99d9f5 !important; + background: #99d9f5 !important; + color: #fff !important; +} +.wrapper-license .wrapper-license-options { + margin-bottom: 10px; +} +.wrapper-license .wrapper-license-options .license-options { + padding-bottom: 10px; +} +.wrapper-license .wrapper-license-options .license-options .license-option { + line-height: 1.5; + border-bottom: 1px solid #e5e5e5; + padding: 10px 0 8px; +} +.wrapper-license .wrapper-license-options .license-options .license-option.is-clickable { + cursor: pointer; +} +.wrapper-license .wrapper-license-options .license-options .license-option:last-child { + border-bottom: none; +} +.wrapper-license .wrapper-license-options .license-options .license-option input[type=checkbox] { + vertical-align: top; + width: auto; + min-width: auto; + height: auto; + border: 0; + margin: 3px 15px 0px; +} +.wrapper-license .wrapper-license-options .license-options .license-option .option-name { + display: inline-block; + width: 15%; + vertical-align: top; + cursor: pointer; +} +.wrapper-license .wrapper-license-options .license-options .license-option .explanation { + display: inline-block; + width: 75%; + vertical-align: top; + color: #7f7f7f; +} +.wrapper-license .license-preview a { + color: #7f7f7f; +} +.wrapper-license .license-preview a:hover { + color: #2392c4; +} +.wrapper-license .list-input.settings-list ul.license-options li { + padding: 10px 0 8px; +} +.view-container .content-supplementary .bit-publishing.is-live, .view-container .content-supplementary .bit-publishing.is-ready, .view-container .content-supplementary .bit-publishing.has-warnings, .view-container .content-supplementary .bit-publishing.has-errors, .view-container .content-supplementary .bit-publishing.staff-only, .view-container .content-supplementary .bit-publishing.is-staff-only, .view-container .content-supplementary .bit-publishing.is-gated, .view-container .content-supplementary .bit-publishing, .view-container .content-supplementary .unit-location, .view-container .content-supplementary .library-location { + margin-bottom: 20px; + border-top: 5px solid #999; + background-color: #fff; +} +.view-container .content-supplementary .bit-publishing .bar-mod-title, .view-container .content-supplementary .unit-location .bar-mod-title, .view-container .content-supplementary .library-location .bar-mod-title { + display: block; + padding: 10px 15px; + background-color: #e5e5e5; +} +.view-container .content-supplementary .bit-publishing .bar-mod-content, .view-container .content-supplementary .unit-location .bar-mod-content, .view-container .content-supplementary .library-location .bar-mod-content { + border-bottom: 1px solid #e5e5e5; + padding: 15px 15px 20px 15px; +} +.view-container .content-supplementary .bit-publishing .bar-mod-content .title, .view-container .content-supplementary .unit-location .bar-mod-content .title, .view-container .content-supplementary .library-location .bar-mod-content .title { + margin-bottom: 5px; + color: #4c4c4c; + text-transform: uppercase; +} +.view-container .content-supplementary .bit-publishing .bar-mod-content .meta, .view-container .content-supplementary .unit-location .bar-mod-content .meta, .view-container .content-supplementary .library-location .bar-mod-content .meta { + color: #4c4c4c; +} +.view-container .content-supplementary .bit-publishing.is-live { + border-top: 5px solid #009fe6; +} +.view-container .content-supplementary .bit-publishing.is-live .bar-mod-title { + background-color: rgba(0, 159, 230, 0.125); +} +.view-container .content-supplementary .bit-publishing.is-ready { + border-top: 5px solid #25b85a; +} +.view-container .content-supplementary .bit-publishing.is-ready .bar-mod-title { + background-color: #e9f8ef; +} +.view-container .content-supplementary .bit-publishing.has-warnings { + border-top: 5px solid #f4d78a; +} +.view-container .content-supplementary .bit-publishing.has-warnings .bar-mod-title { + background-color: #fdf8ec; +} +.view-container .content-supplementary .bit-publishing.has-errors { + border-top: 5px solid #d16a70; +} +.view-container .content-supplementary .bit-publishing.has-errors .bar-mod-title { + background-color: #f7e6e7; +} +.view-container .content-supplementary .bit-publishing.staff-only, .view-container .content-supplementary .bit-publishing.is-staff-only, .view-container .content-supplementary .bit-publishing.is-gated { + border-top: 5px solid #000; +} +.view-container .content-supplementary .bit-publishing.staff-only .bar-mod-title, .view-container .content-supplementary .bit-publishing.is-staff-only .bar-mod-title, .view-container .content-supplementary .bit-publishing.is-gated .bar-mod-title { + background-color: #e5e5e5; +} +.add-xblock-component { + margin: 20px 10px; + border: 1px solid #ccc; + border-radius: 5px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; + background-color: #f2f2f2; + padding: 10px; +} +.add-xblock-component .new-component { + text-align: center; +} +.add-xblock-component .new-component h5 { + margin-bottom: 15px; + color: #008100; +} +.add-xblock-component .new-component .new-component-type:after { + content: ""; + display: table; + clear: both; +} +.add-xblock-component .new-component .new-component-type li { + display: inline-block; +} +.add-xblock-component .new-component .new-component-type .add-xblock-component-button { + margin-right: 15px; + position: relative; + display: inline-block; + width: 100px; + height: 100px; + margin-bottom: 10px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4) inset; + border-radius: 5px; + padding: 0; + text-align: center; +} +.add-xblock-component .new-component .new-component-type .add-xblock-component-button .name { + box-sizing: border-box; + display: block; + color: #fff; +} +.add-xblock-component .new-component-templates { + display: none; + margin: 20px 40px; + border-radius: 3px; + border: 1px solid #b0b6c2; + background-color: #fff; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4) inset; +} +.add-xblock-component .new-component-templates:after { + content: ""; + display: table; + clear: both; +} +.add-xblock-component .new-component-templates .cancel-button { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.6); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + border: 1px solid #b0b6c2; + border-radius: 3px; + background-color: #dfe5eb; + color: #5c677a; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + margin: 20px 0 10px 10px; +} +.add-xblock-component .new-component-templates .cancel-button.disabled, .add-xblock-component .new-component-templates .cancel-button.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.add-xblock-component .new-component-templates .cancel-button.disabled:hover, .add-xblock-component .new-component-templates .cancel-button.disabled:focus, .add-xblock-component .new-component-templates .cancel-button.is-disabled:hover, .add-xblock-component .new-component-templates .cancel-button.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.add-xblock-component .new-component-templates .cancel-button:hover, .add-xblock-component .new-component-templates .cancel-button:focus, .add-xblock-component .new-component-templates .cancel-button:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.add-xblock-component .new-component-templates .cancel-button:hover, .add-xblock-component .new-component-templates .cancel-button:focus { + background-color: #deecf7; + color: #5c677a; +} +.add-xblock-component .new-component-templates .problem-type-tabs { + display: none; +} +.add-xblock-component .new-component-templates.new-component-problem .problem-type-tabs { + display: inline-block; +} +.add-xblock-component .new-component-templates .support-documentation { + float: right; + margin: 20px 0 10px 10px; + font-size: 14px; + font-size: 1.4rem; +} +.add-xblock-component .new-component-templates .support-documentation .support-documentation-level { + padding-right: 10px; +} +.add-xblock-component .new-component-templates .support-documentation .support-documentation-link { + color: #0075b4; + text-decoration: none; + padding-right: 10px; +} +.add-xblock-component .new-component-templates .support-documentation .support-documentation-link:hover { + color: #065683; + text-decoration: underline; +} +.add-xblock-component .new-component-templates .support-level { + padding-right: 10px; +} +.add-xblock-component .new-component-templates .icon { + color: #0ea6ec; +} +.add-xblock-component .new-component-template { + margin-bottom: 0; +} +.add-xblock-component .new-component-template:after { + content: ""; + display: table; + clear: both; +} +.add-xblock-component .new-component-template li { + border: none; + border-bottom: 1px dashed #edf1f5; +} +.add-xblock-component .new-component-template li:first-child { + border-radius: 3px 3px 0 0; +} +.add-xblock-component .new-component-template .button-component { + transition: none; + display: block; + width: 100%; + border: 0px; + padding: 7px 20px; + background: #fff; + color: #333; + text-align: left; + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; +} +.add-xblock-component .new-component-template .button-component:after { + content: ""; + display: table; + clear: both; +} +.add-xblock-component .new-component-template .button-component:hover { + transition: background-color 0.25s linear 0s; + background: #66cd8c; + color: #fff; +} +.add-xblock-component .new-component-template .button-component:hover .icon { + color: #fff; +} +.add-xblock-component .problem-type-tabs { + background-color: rgba(255, 255, 255, 0.4); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + list-style-type: none; + width: 100%; + border-radius: 0; + background-color: #c5cfdf; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset; +} +.add-xblock-component .problem-type-tabs li:first-child { + margin-left: 20px; +} +.add-xblock-component .problem-type-tabs li { + background-color: rgba(255, 255, 255, 0.4); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + opacity: 0.8; + float: left; + display: inline-block; + width: auto; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset; + background-color: #cbd4e2; + text-align: center; +} +.add-xblock-component .problem-type-tabs li:hover { + opacity: 0.9; + background-color: #d1d9e5; +} +.add-xblock-component .problem-type-tabs li.ui-state-active { + background-color: rgba(255, 255, 255, 0.4); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 0 #fff inset; + background-color: rgba(255, 255, 255, 0.3); + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + border: 0px; + opacity: 1.0; +} +.add-xblock-component .problem-type-tabs li a.link-tab { + float: none; +} +.add-xblock-component .problem-type-tabs a { + display: block; + padding: 15px 25px; + text-align: center; + color: #333; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); +} +.outline-content { + margin-top: 5px; +} +.outline-content .unit-content { + margin-top: 0; +} +.outline-content .add-item { + margin-top: 15px; +} +.outline-content .add-item .button-new { + padding: 10px 20px; + display: block; +} +.outline-content .add-item .button-new .icon { + display: inline-block; + vertical-align: middle; + margin-right: 10px; +} +.outline-complex .outline-section .section-status, .outline-complex .outline-subsection .subsection-status, .outline-complex .outline-unit .unit-status, .outline-simple .outline-section .section-status, .outline-simple .outline-subsection .subsection-status, .outline-simple .outline-unit .unit-status { + color: #666; +} +.outline-complex .outline-section .section-status .icon, .outline-complex .outline-subsection .subsection-status .icon, .outline-complex .outline-unit .unit-status .icon, .outline-simple .outline-section .section-status .icon, .outline-simple .outline-subsection .subsection-status .icon, .outline-simple .outline-unit .unit-status .icon { + margin-right: 5px; +} +.outline-complex .outline-section .item-title, .outline-complex .outline-subsection .item-title, .outline-complex .outline-unit .item-title { + transition: color 0.25s ease-in-out 0s; +} +.outline-complex .outline-section:last-child, .outline-complex .outline-subsection:last-child, .outline-complex .outline-unit:last-child { + margin-bottom: 0; +} +.outline-complex .is-staff-only.outline-section>.section-status .status-message .icon, .outline-complex .is-staff-only.outline-subsection>.section-status .status-message .icon, .outline-complex .is-staff-only.outline-unit>.section-status .status-message .icon, .outline-complex .is-staff-only.outline-section>.subsection-status .status-message .icon, .outline-complex .is-staff-only.outline-subsection>.subsection-status .status-message .icon, .outline-complex .is-staff-only.outline-unit>.subsection-status .status-message .icon, .outline-complex .is-staff-only.outline-section>.unit-status .status-message .icon, .outline-complex .is-staff-only.outline-subsection>.unit-status .status-message .icon, .outline-complex .is-staff-only.outline-unit>.unit-status .status-message .icon { + color: #000; +} +.outline-complex .is-gated.outline-section>.section-status .status-message .icon, .outline-complex .is-gated.outline-subsection>.section-status .status-message .icon, .outline-complex .is-gated.outline-unit>.section-status .status-message .icon, .outline-complex .is-gated.outline-section>.subsection-status .status-message .icon, .outline-complex .is-gated.outline-subsection>.subsection-status .status-message .icon, .outline-complex .is-gated.outline-unit>.subsection-status .status-message .icon, .outline-complex .is-gated.outline-section>.unit-status .status-message .icon, .outline-complex .is-gated.outline-subsection>.unit-status .status-message .icon, .outline-complex .is-gated.outline-unit>.unit-status .status-message .icon { + color: #000; +} +.outline-complex .has-warnings.outline-section>.section-status .status-message .icon, .outline-complex .has-warnings.outline-subsection>.section-status .status-message .icon, .outline-complex .has-warnings.outline-unit>.section-status .status-message .icon, .outline-complex .has-warnings.outline-section>.subsection-status .status-message .icon, .outline-complex .has-warnings.outline-subsection>.subsection-status .status-message .icon, .outline-complex .has-warnings.outline-unit>.subsection-status .status-message .icon, .outline-complex .has-warnings.outline-section>.unit-status .status-message .icon, .outline-complex .has-warnings.outline-subsection>.unit-status .status-message .icon, .outline-complex .has-warnings.outline-unit>.unit-status .status-message .icon { + color: #f4d78a; +} +.outline-complex .has-errors.outline-section>.section-status .status-message, .outline-complex .has-errors.outline-subsection>.section-status .status-message, .outline-complex .has-errors.outline-unit>.section-status .status-message, .outline-complex .has-errors.outline-section>.subsection-status .status-message, .outline-complex .has-errors.outline-subsection>.subsection-status .status-message, .outline-complex .has-errors.outline-unit>.subsection-status .status-message, .outline-complex .has-errors.outline-section>.unit-status .status-message, .outline-complex .has-errors.outline-subsection>.unit-status .status-message, .outline-complex .has-errors.outline-unit>.unit-status .status-message, .outline-complex .has-errors.outline-section>.section-status .status-message-copy, .outline-complex .has-errors.outline-subsection>.section-status .status-message-copy, .outline-complex .has-errors.outline-unit>.section-status .status-message-copy, .outline-complex .has-errors.outline-section>.subsection-status .status-message-copy, .outline-complex .has-errors.outline-subsection>.subsection-status .status-message-copy, .outline-complex .has-errors.outline-unit>.subsection-status .status-message-copy, .outline-complex .has-errors.outline-section>.unit-status .status-message-copy, .outline-complex .has-errors.outline-subsection>.unit-status .status-message-copy, .outline-complex .has-errors.outline-unit>.unit-status .status-message-copy { + color: #d16a70; +} +.outline-simple .outline-section, .outline-simple .outline-subsection, .outline-simple .outline-unit { + border: 1px solid #e5e5e5; +} +.outline-simple .outline-section:last-child, .outline-simple .outline-subsection:last-child, .outline-simple .outline-unit:last-child { + margin-bottom: 0; +} +.outline-simple .outline-section .item-title a, .outline-simple .outline-subsection .item-title a, .outline-simple .outline-unit .item-title a { + color: #4c4c4c; +} +.outline-simple .outline-section .item-title a:hover, .outline-simple .outline-subsection .item-title a:hover, .outline-simple .outline-unit .item-title a:hover { + color: #009fe6; +} +.outline-complex .outline-section { + transition: border-left-width 0.25s linear 0s, border-left-color 0.25s linear 0s, padding-left 0.25s linear 0s; + border-left: 1px solid #ccc; + margin-bottom: 20px; + padding: 5px 10px 10px 10px; +} +.outline-complex .outline-section.is-collapsed { + border-left-width: 5px; + padding-left: 20px; +} +.outline-complex .outline-section.is-collapsed.is-ready { + border-left-color: #25b85a; +} +.outline-complex .outline-section.is-collapsed.is-live { + border-left-color: #009fe6; +} +.outline-complex .outline-section.is-collapsed.is-staff-only { + border-left-color: #000; +} +.outline-complex .outline-section.is-collapsed.is-gated { + border-left-color: #000; +} +.outline-complex .outline-section.is-collapsed.has-warnings { + border-left-color: #f4d78a; +} +.outline-complex .outline-section.is-collapsed.has-errors { + border-left-color: #d16a70; +} +.outline-complex .outline-section .section-title { + color: #4c4c4c; +} +.outline-complex .outline-section .status-release, .outline-complex .outline-section .explanatory-message { + transition: opacity 0.25s ease-in-out 0s; + opacity: 0.65; +} +.outline-complex .outline-section .status-message { + margin-top: 10px; + border-top: 1px solid #e5e5e5; + padding-top: 5px; +} +.outline-complex .outline-section .status-message .icon { + margin-right: 5px; +} +.outline-complex .outline-section .status-message-copy { + display: inline-block; + color: #4c4c4c; +} +.outline-complex .outline-section:hover>.section-status .status-release, .outline-complex .outline-section:hover .section-status .explanatory-message, .outline-complex .outline-section:active>.section-status .status-release, .outline-complex .outline-section:active .section-status .explanatory-message { + opacity: 1.0; +} +.outline-complex .outline-subsection { + transition: border-left-color 0.25s linear 0s; + margin-bottom: 10px; + border: 1px solid #e5e5e5; + border-left: 5px solid #ccc; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + padding: 15px; +} +.outline-complex .outline-subsection.is-ready { + border-left-color: #25b85a; +} +.outline-complex .outline-subsection.is-live { + border-left-color: #009fe6; +} +.outline-complex .outline-subsection.is-staff-only { + border-left-color: #000; +} +.outline-complex .outline-subsection.is-gated { + border-left-color: #000; +} +.outline-complex .outline-subsection.has-warnings { + border-left-color: #f4d78a; +} +.outline-complex .outline-subsection.has-errors { + border-left-color: #d16a70; +} +.outline-complex .outline-subsection:hover, .outline-complex .outline-subsection:active { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); +} +.outline-complex .outline-subsection .subsection-title { + color: #4c4c4c; +} +.outline-complex .outline-subsection:hover>.subsection-status .status-release, .outline-complex .outline-subsection:active>.subsection-status .status-release { + opacity: 1.0; +} +.outline-complex .outline-subsection:hover>.subsection-status .status-grading, .outline-complex .outline-subsection:active>.subsection-status .status-grading { + opacity: 1.0; +} +.outline-complex .outline-subsection:hover>.subsection-status .status-timed-proctored-exam, .outline-complex .outline-subsection:active>.subsection-status .status-timed-proctored-exam { + opacity: 1.0; +} +.outline-complex .outline-subsection:hover>.subsection-status .status-hide-after-due, .outline-complex .outline-subsection:active>.subsection-status .status-hide-after-due { + opacity: 1.0; +} +.outline-complex .outline-subsection .status-grading, .outline-complex .outline-subsection .status-timed-proctored-exam, .outline-complex .outline-subsection .status-hide-after-due { + transition: opacity 0.25s ease-in-out 0s; + opacity: 0.75; +} +.outline-complex .outline-subsection .status-grading-value, .outline-complex .outline-subsection .status-proctored-exam-value { + display: inline-block; + vertical-align: middle; +} +.outline-complex .outline-subsection .status-grading-date, .outline-complex .outline-subsection .status-due-date { + display: inline-block; + vertical-align: middle; + margin-left: 5px; +} +.outline-complex .outline-unit { + margin-bottom: 10px; + border: 1px solid #e5e5e5; + padding: 5px 10px; +} +.outline-complex .outline-unit .unit-title { + color: #4c4c4c; +} +.outline-complex .outline-unit:hover, .outline-complex .outline-unit:active { + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); +} +.outline-complex .outline-unit:hover .unit-status .status-release, .outline-complex .outline-unit:active .unit-status .status-release { + opacity: 1.0; +} +.outline-simple .outline-section { + margin-bottom: 20px; + padding: 10px; +} +.outline-simple .outline-section .section-title { + color: #4c4c4c; +} +.outline-simple .outline-section .status-release { + transition: opacity 0.25s ease-in-out 0s; + opacity: 0.65; +} +.outline-simple .outline-section .status-grading { + transition: opacity 0.25s ease-in-out 0s; + opacity: 0.65; +} +.outline-simple .outline-section .status-grading-value { + display: inline-block; + vertical-align: middle; +} +.outline-simple .outline-section .status-grading-date { + display: inline-block; + vertical-align: middle; + margin-left: 5px; +} +.outline-simple .outline-section .status-message { + margin-top: 10px; + border-top: 1px solid #e5e5e5; + padding-top: 5px; +} +.outline-simple .outline-section .status-message .icon { + margin-right: 5px; +} +.outline-simple .outline-section .status-message-copy { + display: inline-block; + color: #4c4c4c; +} +.outline-simple .outline-subsection { + margin-bottom: 10px; + padding: 10px; +} +.outline-simple .outline-subsection .subsection-title { + color: #4c4c4c; +} +.outline-simple .outline-unit { + margin-bottom: 5px; + padding: 5px 10px; +} +.outline-simple .outline-unit .unit-title { + color: #4c4c4c; +} +.nav-skip, .transcript-skip { + font-size: 13px; + font-size: 1.3rem; + display: inline-block; + position: absolute; + left: 0px; + top: -600px; + overflow: hidden; + background: #fff; + border-bottom: 1px solid #e5e5e5; + padding: 15px 10px; +} +.nav-skip:focus, .nav-skip:active, .transcript-skip:focus, .transcript-skip:active { + position: relative; + top: auto; + width: auto; + height: auto; + margin: 0; +} +.nav-dd .title .label, .nav-dd .title .fa-caret-down { + display: inline-block; + vertical-align: middle; +} +.nav-dd .title .ui-toggle-dd { + transition: all 0.25s ease-in-out 0s; + margin: 0; + display: inline-block; + vertical-align: middle; +} +.nav-dd .title.is-selected .ui-toggle-dd { + transform: rotate(-180deg); + transform-origin: 50% 50%} +.nav-dd .nav-item { + position: relative; +} +.nav-dd .nav-item.nav-course-settings .wrapper-nav-sub { + width: 180px; +} +.nav-dd .wrapper-nav-sub { + transition: opacity 0.25s ease-in-out 0s; + position: absolute; + top: 50px; + opacity: 0.0; + pointer-events: none; + width: 160px; + overflow: hidden; + height: 0; +} +.nav-dd .wrapper-nav-sub.is-shown { + opacity: 1.0; + pointer-events: auto; + overflow: visible; + height: auto; +} +.nav-dd .nav-sub { + border-radius: 2px; + box-sizing: border-box; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + position: relative; + width: 100%; + border: 1px solid #ccc; + padding: 10px 15px; + background: #fff; +} +.nav-dd .nav-sub:after, .nav-dd .nav-sub:before { + bottom: 100%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} +.nav-dd .nav-sub:after { + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #fff; + border-width: 10px; +} +.nav-dd .nav-sub:before { + border-color: rgba(178, 178, 178, 0); + border-bottom-color: #ccc; + border-width: 11px; +} +.nav-dd .nav-sub .nav-item { + display: block; + margin: 0 0 5px 0; + border-bottom: 1px solid #f2f2f2; + padding: 0 0 5px 0; +} +.nav-dd .nav-sub .nav-item:last-child { + margin-bottom: 0; + border-bottom: none; + padding-bottom: 0; +} +.nav-dd .nav-sub .nav-item a { + display: block; +} +.nav-dd .nav-sub .nav-item a:hover, .nav-dd .nav-sub .nav-item a:active { + color: #009fe6; +} +.nav-dd.ui-left .wrapper-nav-sub { + left: 0; +} +.nav-dd.ui-left .nav-sub { + text-align: left; +} +.nav-dd.ui-left .nav-sub:after { + left: 20px; + margin-left: -10px; +} +.nav-dd.ui-left .nav-sub:before { + left: 20px; + margin-left: -11px; +} +.nav-dd.ui-right .wrapper-nav-sub { + left: none; + right: 0; +} +.nav-dd.ui-right .nav-sub:after { + right: 20px; + margin-right: -10px; +} +.nav-dd.ui-right .nav-sub:before { + right: 20px; + margin-right: -11px; +} +.wrapper-mast { + margin: 30px 0 0 0; + padding: 0 20px; + position: relative; +} +.wrapper-mast .mast, .wrapper-mast .metadata { + position: relative; + max-width: 1280px; + min-width: 900px; + width: 100%; + margin: 0 auto 20px auto; + color: #4c4c4c; +} +.wrapper-mast .mast:after, .wrapper-mast .metadata:after { + content: ""; + display: table; + clear: both; +} +.wrapper-mast .mast { + border-bottom: 1px solid #e5e5e5; + padding-bottom: 10px; +} +.wrapper-mast .mast .page-header { + width: 100%} +.wrapper-mast .mast.has-actions:after { + content: ""; + display: table; + clear: both; +} +.wrapper-mast .mast.has-actions .page-header { + float: left; + width: 48.93617%; + margin-right: 2.12766%} +.wrapper-mast .mast.has-actions .nav-actions { + position: relative; + bottom: -15px; + float: right; + width: 48.93617%; + text-align: right; +} +.wrapper-mast .mast.has-actions .nav-actions .nav-item { + display: inline-block; + vertical-align: top; + margin-right: 10px; +} +.wrapper-mast .mast.has-actions .nav-actions .nav-item:last-child { + margin-right: 0; +} +.wrapper-mast .mast.has-actions .nav-actions .button .action-button-text { + display: inline-block; + vertical-align: baseline; +} +.wrapper-mast .mast.has-actions .nav-actions .button .icon { + display: inline-block; + vertical-align: baseline; +} +.wrapper-mast .mast.has-subtitle .nav-actions { + bottom: -30px; +} +.wrapper-mast .mast.has-navigation .nav-actions { + bottom: -30px; +} +.wrapper-mast .mast.has-navigation .navigation-item { + display: inline-block; + vertical-align: bottom; + max-width: 250px; + color: #7f7f7f; +} +.wrapper-mast .mast.has-navigation .navigation-item.navigation-current { + color: #7f7f7f; + max-width: 250px; +} +.wrapper-mast .mast.has-navigation .navigation-item.navigation-current:before { + color: #7f7f7f; +} +.wrapper-mast .mast.has-navigation .navigation-link:hover { + color: #009fe6; +} +.wrapper-mast .mast.has-navigation .navigation-item:before { + content: " / "; + margin: 5px; + color: #7f7f7f; +} +.wrapper-mast .mast.has-navigation .navigation-item:before:hover { + color: #7f7f7f; +} +.wrapper-mast .mast.has-navigation .navigation .navigation-item:first-child:before { + content: ""; + margin: 0; +} +.wrapper-mast .mast-wizard .page-header-sub { + color: #7f7f7f; + font-weight: 300; +} +.wrapper-mast .mast-wizard .page-header-super { + float: left; + width: 100%; + margin-top: 10px; + border-top: 1px solid #e5e5e5; + padding-top: 10px; + font-weight: 600; +} +.wrapper-content { + margin: 0; + padding: 0 20px; + position: relative; +} +.content { + max-width: 1280px; + min-width: 900px; + width: 100%; + margin: 0 auto; + color: #4c4c4c; +} +.content:after { + content: ""; + display: table; + clear: both; +} +.content header { + position: relative; + margin-bottom: 20px; + border-bottom: 1px solid #e5e5e5; + padding-bottom: 10px; +} +.content header .title-sub { + display: block; + margin: 0; + color: #b2b2b2; +} +.content header .title-1 { + margin: 0; + padding: 0; + color: #333; +} +.content-primary, .content-supplementary { + box-sizing: border-box; +} +.view-container .content-primary { + float: left; + margin-right: 2.12766%; + width: 74.46809%; + box-shadow: none; + border: 0; + background-color: #fff; +} +.view-container .content-supplementary { + float: left; + width: 23.40426%} +.content-primary .title-2 { + margin: 0 0 10px 0; +} +.content-primary .title-3 { + margin: 0 0 10px 0; +} +.content-primary header:after { + content: ""; + display: table; + clear: both; +} +.content-primary header .title-2 { + width: 40.42553%; + margin: 0 2.12766% 0 0; + float: left; +} +.content-primary header .tip { + width: 57.44681%; + float: right; + margin-top: 10px; + text-align: right; + color: #666; +} +.content-supplementary>section { + margin: 0 0 20px 0; +} +.main-wrapper { + position: relative; + margin: 0 40px; +} +.inner-wrapper { + position: relative; + max-width: 1280px; + margin: auto; +} +.inner-wrapper:after { + content: ""; + display: table; + clear: both; +} +.inner-wrapper>article { + clear: both; +} +.main-column { + clear: both; + float: left; + width: 70%} +.sidebar { + float: right; + width: 28%} +.left { + float: left; +} +.right { + float: right; +} +form .field-checkbox .input-checkbox ~ label, form .field-radio .input-radio ~ label { + color: #999; +} +form .field-checkbox .input-checkbox:checked ~ label, form .field-radio .input-radio:checked ~ label { + color: #009fe6; +} +input[type="text"], input[type="email"], input[type="password"], textarea.text { + box-sizing: border-box; + background-color: #f2f2f2; + background-image: -webkit-linear-gradient(#f2f2f2, #fff); + background-image: linear-gradient(#f2f2f2, #fff); + padding: 6px 8px 8px; + border: 1px solid #b2b2b2; + border-radius: 2px; + background-color: #f2f2f2; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + font-family: 'Open Sans', sans-serif; + color: #4c4c4c; + outline: 0; +} +input[type="text"]::-webkit-input-placeholder, input[type="text"]:-moz-placeholder, input[type="text"]:-ms-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="email"]:-moz-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="password"]:-moz-placeholder, input[type="password"]:-ms-input-placeholder, textarea.text::-webkit-input-placeholder, textarea.text:-moz-placeholder, textarea.text:-ms-input-placeholder { + color: #b2b2b2; +} +input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea.text:focus { + background-color: #fffcf1; + background-image: -webkit-linear-gradient(#fffcf1, #fffffe); + background-image: linear-gradient(#fffcf1, #fffffe); + outline: 0; +} +.field.is-not-editable label.is-focused { + color: #4c4c4c; +} +.field.is-not-editable label, .field.is-not-editable input, .field.is-not-editable textarea { + pointer-events: none; +} +.field.error input, .field.error textarea { + border-color: #b20610; +} +form .checkbox-cosmetic .input-checkbox-checked, form .checkbox-cosmetic .input-checkbox-unchecked, form .checkbox-cosmetic .label { + display: inline-block; + vertical-align: middle; +} +form .checkbox-cosmetic .input-checkbox-checked, form .checkbox-cosmetic .input-checkbox-unchecked { + width: 15px; +} +form .checkbox-cosmetic .input-checkbox ~ label .input-checkbox-checked { + display: none; +} +form .checkbox-cosmetic .input-checkbox ~ label .input-checkbox-unchecked { + display: inline-block; +} +form .checkbox-cosmetic .input-checkbox:checked ~ label .input-checkbox-checked { + display: inline-block; +} +form .checkbox-cosmetic .input-checkbox:checked ~ label .input-checkbox-unchecked { + display: none; +} +form .note { + box-sizing: border-box; +} +form .note.has-actions:after { + content: ""; + display: table; + clear: both; +} +.form-create .title { + padding: 20px 30px 0 30px; +} +.form-create fieldset { + padding: 20px 30px; +} +.form-create .list-input .field { + margin: 0 0 15px 0; +} +.form-create .list-input .field:last-child { + margin-bottom: 0; +} +.form-create .list-input .field.required label:after { + margin-left: 5px; + content: "*"} +.form-create .list-input .field label, .form-create .list-input .field input, .form-create .list-input .field textarea { + display: block; +} +.form-create .list-input .field label { + transition: color 0.125s ease-in-out 0s; + margin: 0 0 5px 0; +} +.form-create .list-input .field label.is-focused { + color: #009fe6; +} +.form-create .list-input .field input, .form-create .list-input .field textarea { + transition: all 0.25s ease-in-out 0s; + height: 100%; + width: 100%; + padding: 10px; +} +.form-create .list-input .field input.long, .form-create .list-input .field textarea.long { + width: 100%} +.form-create .list-input .field input.short, .form-create .list-input .field textarea.short { + width: 25%} +.form-create .list-input .field input:focus+.tip, .form-create .list-input .field textarea:focus+.tip { + color: #666; +} +.form-create .list-input .field textarea.long { + height: 100px; +} +.form-create .list-input .field input[type="checkbox"] { + display: inline-block; + margin-right: 5px; + width: auto; + height: auto; +} +.form-create .list-input .field input[type="checkbox"]+label { + display: inline-block; +} +.form-create .list-input .field .tip { + transition: color 0.15s ease-in-out; + display: block; + margin-top: 5px; + color: #ccc; +} +.form-create .list-input .field .tip-note { + display: block; + margin-top: 5px; +} +.form-create .list-input .field .tip-error { + display: none; + float: none; +} +.form-create .list-input .field.error label { + color: #b20610; +} +.form-create .list-input .field.error .tip-error { + display: block; + color: #b20610; +} +.form-create .list-input .field.error input { + border-color: #b20610; +} +.form-create .list-input .field-inline input, .form-create .list-input .field-inline textarea, .form-create .list-input .field-inline select { + width: 62%; + display: inline-block; +} +.form-create .list-input .field-inline .tip-stacked { + display: inline-block; + float: right; + width: 35%; + margin-top: 0; +} +.form-create .list-input .field-group { + margin: 0 0 10px 0; +} +.form-create .list-input .field-group:after { + content: ""; + display: table; + clear: both; +} +.form-create .list-input .field-group .field { + display: block; + width: 47%; + border-bottom: none; + margin: 0 15px 0 0; + padding: 5px 0 0 0; + float: left; + position: relative; +} +.form-create .list-input .field-group .field:nth-child(odd) { + float: left; +} +.form-create .list-input .field-group .field:nth-child(even) { + float: right; + margin-right: 0; +} +.form-create .list-input .field-group .field input, .form-create .list-input .field-group .field textarea { + width: 100%} +.form-create .actions { + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); + margin-top: 15px; + border-top: 1px solid #999; + padding: 15px 30px; + background: #f9f9f9; +} +.form-create .actions .action { + transition: all 0.25s linear 0s; + display: inline-block; + padding: 4px 20px; + text-transform: uppercase; +} +.form-create .actions .action-primary { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #0075b4; + border-radius: 3px; + background-color: #0075b4; + color: #fff; +} +.form-create .actions .action-primary.disabled, .form-create .actions .action-primary.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.form-create .actions .action-primary.disabled:hover, .form-create .actions .action-primary.disabled:focus, .form-create .actions .action-primary.is-disabled:hover, .form-create .actions .action-primary.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.form-create .actions .action-primary:hover, .form-create .actions .action-primary:focus, .form-create .actions .action-primary:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.form-create .actions .action-primary:hover, .form-create .actions .action-primary:focus, .form-create .actions .action-primary:active { + background-color: #065683; + color: #fff; +} +.form-create .actions .action-primary.disabled, .form-create .actions .action-primary.is-disabled { + box-shadow: none; + border: 1px solid #99d9f5 !important; + background: #99d9f5 !important; + color: #fff !important; +} +.form-create .actions .action-secondary { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + border: 1px solid #4c4c4c; + border-radius: 3px; + background-color: #d1dae3; + color: #6d788b; +} +.form-create .actions .action-secondary.disabled, .form-create .actions .action-secondary.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.form-create .actions .action-secondary.disabled:hover, .form-create .actions .action-secondary.disabled:focus, .form-create .actions .action-secondary.is-disabled:hover, .form-create .actions .action-secondary.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.form-create .actions .action-secondary:hover, .form-create .actions .action-secondary:focus, .form-create .actions .action-secondary:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.form-create .actions .action-secondary:hover { + background-color: #d9e3ee; + color: #6d788b; +} +.incontext-editor.is-editable .incontext-editor-value, .incontext-editor.is-editable .incontext-editor-action-wrapper { + display: inline-block; + vertical-align: middle; + max-width: 80%} +.incontext-editor.is-editable .incontext-editor-open-action { + padding-top: 2px; +} +.incontext-editor.is-editable .incontext-editor-open-action .icon.icon { + vertical-align: baseline; +} +.incontext-editor.is-editable .incontext-editor-form { + display: none; +} +.incontext-editor.is-editable.is-editing .incontext-editor-value, .incontext-editor.is-editable.is-editing .incontext-editor-action-wrapper { + display: none; +} +.incontext-editor.is-editable.is-editing .incontext-editor-form { + display: inline-block; +} +.wrapper-create-element { + height: auto; + opacity: 1.0; + pointer-events: auto; + overflow: hidden; + display: none; +} +.wrapper-create-element.animate { + transition: opacity 0.5s ease-in-out 0s, height 0.5s ease-in-out 0s; +} +.wrapper-create-element.is-shown { + display: block; +} +input.search { + padding: 6px 15px 8px 30px; + box-sizing: border-box; + border: 1px solid #8891a1; + border-radius: 20px; + background: url("{{ path_to_images }}search-icon.png") no-repeat 8px 7px #edf1f5; + font-family: 'Open Sans', sans-serif; + color: #4c4c4c; + outline: 0; +} +input.search::-webkit-input-placeholder { + color: #979faf; +} +code { + padding: 0 4px; + border-radius: 3px; + background: #eee; + font-family: Monaco, monospace; +} +.CodeMirror { + background: #fff; + font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; +} +.text-editor { + width: 100%; + min-height: 80px; + padding: 10px; + box-sizing: border-box; + border: 1px solid #b0b6c2; + background-color: rgba(255, 255, 255, 0); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3)); + background-color: #edf1f5; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; + font-family: Monaco, monospace; +} +.wrapper-header { + position: relative; + width: 100%; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); + margin: 0; + padding: 0 20px; + background: #fff; +} +.wrapper-header header.primary { + box-sizing: border-box; + max-width: 1280px; + min-width: 900px; + width: 100%; + margin: 0 auto; +} +.wrapper-header header.primary:after { + content: ""; + display: table; + clear: both; +} +.wrapper-header .wrapper-l, .wrapper-header .wrapper-r { + background: #fff; +} +.wrapper-header .wrapper-l { + float: left; + width: 57.44681%} +.wrapper-header .wrapper-r { + float: right; + width: 31.91489%; + text-align: right; +} +.wrapper-header .branding, .wrapper-header .info-course, .wrapper-header .nav-course, .wrapper-header .nav-account, .wrapper-header .nav-pitch { + box-sizing: border-box; + display: inline-block; + vertical-align: middle; +} +.wrapper-header .user-language-selector { + width: 120px; + display: inline-block; + margin: 0 10px 0 5px; + vertical-align: sub; +} +.wrapper-header .user-language-selector .language-selector { + width: 120px; +} +.wrapper-header .nav-account { + width: auto; +} +.wrapper-header nav>ol>.nav-item { + display: inline-block; + vertical-align: middle; +} +.wrapper-header nav>ol>.nav-item:last-child { + margin-right: 0; +} +.wrapper-header nav .nav-item a { + color: #666; +} +.wrapper-header nav .nav-item a:hover { + color: #065683; +} +.wrapper-header .nav-dd .title { + transition: all 0.25s ease-in-out 0s; +} +.wrapper-header .nav-dd .title .fa-caret-down { + opacity: 0.25; +} +.wrapper-header .nav-dd .title:hover .fa-caret-down { + opacity: 1.0; +} +.wrapper-header .nav-dd .title .nav-sub .nav-item .icon { + display: inline-block; + vertical-align: middle; + margin-right: 5px; +} +.wrapper-header .branding { + padding: 15px 0; +} +.wrapper-header .branding a { + display: block; +} +.wrapper-header .branding a img { + max-height: 40px; + display: block; +} +.wrapper-header .info-course { + margin-right: 2.12766%; + border-right: 1px solid #e5e5e5; + padding: 15px 2.12766% 15px 0; +} +.wrapper-header .info-course .course-org, .wrapper-header .info-course .course-number { + display: inline-block; + vertical-align: middle; + max-width: 45%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + opacity: 1.0; + color: #333; +} +.wrapper-header .info-course .course-org { + margin-right: 5px; +} +.wrapper-header .info-course .course-title { + display: block; + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.wrapper-header .info-course .course-link { + transition: color 0.25s ease-in-out 0s; + display: block; + color: #333; +} +.wrapper-header .info-course .course-link:hover { + color: #065683; +} +.wrapper-header .nav-course { + padding: 15px 0; +} +.wrapper-header .nav-account { + position: relative; + padding: 15px 0; +} +.wrapper-header .nav-account .nav-sub { + text-align: left; +} +.wrapper-header .nav-account .nav-account-help .wrapper-nav-sub { + width: 200px; +} +.wrapper-header .nav-account .nav-account-user .title { + max-width: 130px; +} +.wrapper-header .nav-account .nav-account-user .title>.label { + display: inline-block; + max-width: 84%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.wrapper-header .nav-account .settings-language-form { + margin-top: 4px; +} +.wrapper-header .nav-account .settings-language-form .language-selector { + width: 130px; +} +.wrapper-header .nav-pitch { + position: relative; + padding: 15px 0; +} +.wrapper-header .nav-pitch .nav-sub { + text-align: left; +} +.is-signedin .wrapper-l { + width: 65.95745%} +.is-signedin .wrapper-r { + width: 31.91489%} +.is-signedin .branding { + margin-right: 2%} +.is-signedin .nav-account { + top: 5px; +} +.is-signedin.course .wrapper-header .wrapper-l { + width: 65.95745%} +.is-signedin.course .wrapper-header .wrapper-r { + width: 31.91489%} +.is-signedin.course .wrapper-header .branding { + margin-right: 2%} +.is-signedin.course .wrapper-header .info-course { + width: 25%; + margin-right: 2%} +.is-signedin.course .wrapper-header .nav-course { + width: 45%} +.not-signedin .wrapper-header .wrapper-l, .view-util .wrapper-header .wrapper-l { + width: 14.89362%} +.not-signedin .wrapper-header .wrapper-r, .view-util .wrapper-header .wrapper-r { + width: 82.97872%} +.not-signedin .wrapper-header .branding, .view-util .wrapper-header .branding { + width: 100%} +.not-signedin .wrapper-header .nav-pitch, .view-util .wrapper-header .nav-pitch { + top: 5px; +} +.not-signedin .wrapper-header .nav-pitch .nav-item, .view-util .wrapper-header .nav-pitch .nav-item { + margin-right: 10px; +} +.not-signedin .wrapper-header .nav-pitch .nav-item:last-child, .view-util .wrapper-header .nav-pitch .nav-item:last-child { + margin-right: 0; +} +.not-signedin .wrapper-header .nav-pitch .action-signup, .view-util .wrapper-header .nav-pitch .action-signup { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #0075b4; + border-radius: 3px; + background-color: #0075b4; + color: #fff; + padding: 5px 10px; + text-transform: uppercase; +} +.not-signedin .wrapper-header .nav-pitch .action-signup.disabled, .not-signedin .wrapper-header .nav-pitch .action-signup.is-disabled, .view-util .wrapper-header .nav-pitch .action-signup.disabled, .view-util .wrapper-header .nav-pitch .action-signup.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.not-signedin .wrapper-header .nav-pitch .action-signup.disabled:hover, .not-signedin .wrapper-header .nav-pitch .action-signup.disabled:focus, .not-signedin .wrapper-header .nav-pitch .action-signup.is-disabled:hover, .not-signedin .wrapper-header .nav-pitch .action-signup.is-disabled:focus, .view-util .wrapper-header .nav-pitch .action-signup.disabled:hover, .view-util .wrapper-header .nav-pitch .action-signup.disabled:focus, .view-util .wrapper-header .nav-pitch .action-signup.is-disabled:hover, .view-util .wrapper-header .nav-pitch .action-signup.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.not-signedin .wrapper-header .nav-pitch .action-signup:hover, .not-signedin .wrapper-header .nav-pitch .action-signup:focus, .not-signedin .wrapper-header .nav-pitch .action-signup:active, .view-util .wrapper-header .nav-pitch .action-signup:hover, .view-util .wrapper-header .nav-pitch .action-signup:focus, .view-util .wrapper-header .nav-pitch .action-signup:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.not-signedin .wrapper-header .nav-pitch .action-signup:hover, .not-signedin .wrapper-header .nav-pitch .action-signup:focus, .not-signedin .wrapper-header .nav-pitch .action-signup:active, .view-util .wrapper-header .nav-pitch .action-signup:hover, .view-util .wrapper-header .nav-pitch .action-signup:focus, .view-util .wrapper-header .nav-pitch .action-signup:active { + background-color: #065683; + color: #fff; +} +.not-signedin .wrapper-header .nav-pitch .action-signup.disabled, .not-signedin .wrapper-header .nav-pitch .action-signup.is-disabled, .view-util .wrapper-header .nav-pitch .action-signup.disabled, .view-util .wrapper-header .nav-pitch .action-signup.is-disabled { + box-shadow: none; + border: 1px solid #99d9f5 !important; + background: #99d9f5 !important; + color: #fff !important; +} +.not-signedin .wrapper-header .nav-pitch .action-signin, .view-util .wrapper-header .nav-pitch .action-signin { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.6); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + border: 1px solid #b0b6c2; + border-radius: 3px; + background-color: #dfe5eb; + color: #5c677a; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + padding: 5px 10px; + text-transform: uppercase; +} +.not-signedin .wrapper-header .nav-pitch .action-signin.disabled, .not-signedin .wrapper-header .nav-pitch .action-signin.is-disabled, .view-util .wrapper-header .nav-pitch .action-signin.disabled, .view-util .wrapper-header .nav-pitch .action-signin.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.not-signedin .wrapper-header .nav-pitch .action-signin.disabled:hover, .not-signedin .wrapper-header .nav-pitch .action-signin.disabled:focus, .not-signedin .wrapper-header .nav-pitch .action-signin.is-disabled:hover, .not-signedin .wrapper-header .nav-pitch .action-signin.is-disabled:focus, .view-util .wrapper-header .nav-pitch .action-signin.disabled:hover, .view-util .wrapper-header .nav-pitch .action-signin.disabled:focus, .view-util .wrapper-header .nav-pitch .action-signin.is-disabled:hover, .view-util .wrapper-header .nav-pitch .action-signin.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.not-signedin .wrapper-header .nav-pitch .action-signin:hover, .not-signedin .wrapper-header .nav-pitch .action-signin:focus, .not-signedin .wrapper-header .nav-pitch .action-signin:active, .view-util .wrapper-header .nav-pitch .action-signin:hover, .view-util .wrapper-header .nav-pitch .action-signin:focus, .view-util .wrapper-header .nav-pitch .action-signin:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.not-signedin .wrapper-header .nav-pitch .action-signin:hover, .not-signedin .wrapper-header .nav-pitch .action-signin:focus, .view-util .wrapper-header .nav-pitch .action-signin:hover, .view-util .wrapper-header .nav-pitch .action-signin:focus { + background-color: #deecf7; + color: #5c677a; +} +.nav-item.is-current, body.howitworks .nav-not-signedin-hiw, body.dashboard .nav-account-dashboard, body.course.view-outline .nav-course-courseware .title, body.course.view-updates .nav-course-courseware .title, body.course.view-static-pages .nav-course-courseware .title, body.course.view-uploads .nav-course-courseware .title, body.course.view-textbooks .nav-course-courseware .title, body.course.view-video-uploads .nav-course-courseware .title, body.course.view-outline .nav-course-courseware-outline, body.course.view-updates .nav-course-courseware-updates, body.course.view-static-pages .nav-course-courseware-pages, body.course.view-uploads .nav-course-courseware-uploads, body.course.view-textbooks .nav-course-courseware-textbooks, body.course.view-video-uploads .nav-course-courseware-videos, body.course.schedule .nav-course-settings .title, body.course.grading .nav-course-settings .title, body.course.view-team .nav-course-settings .title, body.course.view-group-configurations .nav-course-settings .title, body.course.advanced .nav-course-settings .title, body.course.view-certificates .nav-course-settings .title, body.course.schedule .nav-course-settings-schedule, body.course.grading .nav-course-settings-grading, body.course.view-team .nav-course-settings-team, body.course.view-group-configurations .nav-course-settings-group-configurations, body.course.advanced .nav-course-settings-advanced, body.course.view-certificates .nav-course-settings-certificates, body.course.view-import .nav-course-tools .title, body.course.view-export .nav-course-tools .title, body.course.view-export-git .nav-course-tools .title, body.course.view-import .nav-course-tools-import, body.course.view-export .nav-course-tools-export, body.course.view-export-git .nav-course-tools-export-git, body.course.view-team .nav-library-settings .title, body.course.view-team .nav-library-settings-team { + color: #0075b4; +} +.nav-item.is-current a, body.howitworks .nav-not-signedin-hiw a, body.dashboard .nav-account-dashboard a, body.course.view-outline .nav-course-courseware .title a, body.course.view-updates .nav-course-courseware .title a, body.course.view-static-pages .nav-course-courseware .title a, body.course.view-uploads .nav-course-courseware .title a, body.course.view-textbooks .nav-course-courseware .title a, body.course.view-video-uploads .nav-course-courseware .title a, body.course.view-outline .nav-course-courseware-outline a, body.course.view-updates .nav-course-courseware-updates a, body.course.view-static-pages .nav-course-courseware-pages a, body.course.view-uploads .nav-course-courseware-uploads a, body.course.view-textbooks .nav-course-courseware-textbooks a, body.course.view-video-uploads .nav-course-courseware-videos a, body.course.schedule .nav-course-settings .title a, body.course.grading .nav-course-settings .title a, body.course.view-team .nav-course-settings .title a, body.course.view-group-configurations .nav-course-settings .title a, body.course.advanced .nav-course-settings .title a, body.course.view-certificates .nav-course-settings .title a, body.course.schedule .nav-course-settings-schedule a, body.course.grading .nav-course-settings-grading a, body.course.view-team .nav-course-settings-team a, body.course.view-group-configurations .nav-course-settings-group-configurations a, body.course.advanced .nav-course-settings-advanced a, body.course.view-certificates .nav-course-settings-certificates a, body.course.view-import .nav-course-tools .title a, body.course.view-export .nav-course-tools .title a, body.course.view-export-git .nav-course-tools .title a, body.course.view-import .nav-course-tools-import a, body.course.view-export .nav-course-tools-export a, body.course.view-export-git .nav-course-tools-export-git a, body.course.view-team .nav-library-settings .title a, body.course.view-team .nav-library-settings-team a { + color: #0075b4; + pointer-events: none; +} +.wrapper-footer { + position: relative; + width: 100%; + margin: 0 0 20px 0; + padding: 20px; +} +.wrapper-footer footer.primary { + max-width: 1280px; + min-width: 900px; + width: 100%; + margin: 0 auto; + color: #333; +} +.wrapper-footer footer.primary:after { + content: ""; + display: table; + clear: both; +} +.wrapper-footer footer.primary .footer-content-primary:after { + content: ""; + display: table; + clear: both; +} +.wrapper-footer footer.primary .colophon { + width: 31.91489%; + float: left; + margin-right: 14.28571%} +.wrapper-footer footer.primary a { + color: #0075b4; +} +.wrapper-footer footer.primary a:hover, .wrapper-footer footer.primary a:active { + color: #065683; +} +.wrapper-footer footer.primary .nav-peripheral { + width: 48.93617%; + float: right; + text-align: right; +} +.wrapper-footer footer.primary .nav-peripheral .nav-item { + display: inline-block; + margin-right: 5px; +} +.wrapper-footer footer.primary .nav-peripheral .nav-item:last-child { + margin-right: 0; +} +.wrapper-footer footer.primary .nav-peripheral .nav-item a { + border-radius: 2px; + padding: 10px 10px; + background: transparent; +} +.wrapper-footer footer.primary .nav-peripheral .nav-item a .icon { + transition: top 0.25s ease-in-out 0.25s; + display: inline-block; + vertical-align: middle; + margin-right: 5px; +} +.wrapper-footer footer.primary .footer-content-secondary { + margin-top: 20px; +} +.wrapper-footer footer.primary .footer-content-secondary:after { + content: ""; + display: table; + clear: both; +} +.wrapper-footer footer.primary .footer-about-copyright, .wrapper-footer footer.primary .footer-about-openedx { + display: inline-block; + vertical-align: middle; +} +.wrapper-footer footer.primary .footer-about-copyright { + width: 31.91489%; + float: left; + margin-right: 14.28571%} +.wrapper-footer footer.primary .footer-about-openedx { + float: right; + text-align: right; +} +.wrapper-footer footer.primary .footer-about-openedx a { + display: inline-block; +} +.wrapper-footer footer.primary .footer-about-openedx a img { + display: block; + width: 120px; +} +.wrapper-footer footer.primary .footer-about-openedx a:hover { + border-bottom: none; +} +.wrapper-sock { + position: relative; + margin: 40px 0 0 0; + border-top: 1px solid #e5e5e5; + width: 100%} +.wrapper-sock:after { + content: ""; + display: table; + clear: both; +} +.wrapper-sock .wrapper-inner { + background-color: #333; + background-image: -webkit-linear-gradient(#333 0%, #333 98%, #000 100%); + background-image: linear-gradient(#333 0%, #333 98%, #000 100%); + display: none; + width: 100% !important; + border-bottom: 1px solid #fff; + padding: 0 20px !important; +} +.wrapper-sock .list-cta { + position: absolute; + top: -15px; + width: 100%; + margin: 0 auto; + text-align: center; +} +.wrapper-sock .list-cta .cta-show-sock { + background: #f2f2f2; + padding: 10px 20px; + color: #4c4c4c; +} +.wrapper-sock .list-cta .cta-show-sock .icon { + margin-right: 5px; +} +.wrapper-sock .list-cta .cta-show-sock:hover { + background: #0075b4; + color: #fff; +} +.wrapper-sock .sock { + max-width: 1280px; + min-width: 900px; + width: 100%; + margin: 0 auto; + padding: 40px 0; + color: #ccc; +} +.wrapper-sock .sock:after { + content: ""; + display: table; + clear: both; +} +.wrapper-sock .sock .support, .wrapper-sock .sock .feedback { + box-sizing: border-box; +} +.wrapper-sock .sock .support .title, .wrapper-sock .sock .feedback .title { + color: #fff; + margin-bottom: 10px; +} +.wrapper-sock .sock .support .copy, .wrapper-sock .sock .feedback .copy { + margin: 0 0 20px 0; +} +.wrapper-sock .sock .support .list-actions:after, .wrapper-sock .sock .feedback .list-actions:after { + content: ""; + display: table; + clear: both; +} +.wrapper-sock .sock .support .list-actions .action-item, .wrapper-sock .sock .feedback .list-actions .action-item { + float: left; + margin-right: 10px; + margin-bottom: 10px; +} +.wrapper-sock .sock .support .list-actions .action-item:last-child, .wrapper-sock .sock .feedback .list-actions .action-item:last-child { + margin-right: 0; +} +.wrapper-sock .sock .support .list-actions .action-item .action, .wrapper-sock .sock .feedback .list-actions .action-item .action { + display: block; +} +.wrapper-sock .sock .support .list-actions .action-item .action .icon, .wrapper-sock .sock .feedback .list-actions .action-item .action .icon { + vertical-align: middle; + margin-right: 5px; +} +.wrapper-sock .sock .support { + width: 65.95745%; + float: left; + margin-right: 2.12766%} +.wrapper-sock .sock .support .action-item { + width: flexgrid(4, 8); +} +.wrapper-sock .sock .feedback { + width: 31.91489%; + float: left; +} +.wrapper-sock .sock .feedback .action-item { + width: flexgrid(4, 4); +} +.wrapper-sock.is-shown { + border-color: #333; +} +.wrapper-sock.is-shown .list-cta .cta-show-sock { + background: #333; + border-color: #333; + color: #fff; +} +.message { + display: block; +} +.message-status { + -webkit-border-top-left-radius: 2px; + -moz-border-topleft-radius: 2px; + border-top-left-radius: 2px; + -webkit-border-top-right-radius: 2px; + -moz-border-topright-radius: 2px; + border-top-right-radius: 2px; + box-sizing: border-box; + display: none; + border-bottom: 2px solid #8e7124; + margin: 0 0 20px 0; + padding: 10px 20px; + background: #be9730; + color: #fff; +} +.message-status .feedback-symbol { + position: relative; + top: 1px; + display: inline-block; + margin-right: 10px; +} +.message-status .text { + display: inline-block; +} +.message-status.error { + border-color: #470206; + background: #c13840; +} +.message-status.is-shown { + display: block; +} +.wrapper-notification, .wrapper-alert, .prompt { + box-sizing: border-box; +} +.wrapper-notification, .wrapper-alert, .prompt { + background: #333; +} +.wrapper-notification .copy, .wrapper-alert .copy, .prompt .copy { + color: #b2b2b2; +} +.wrapper-notification .copy .title, .wrapper-alert .copy .title, .prompt .copy .title { + color: #fff; +} +.wrapper-notification .copy .nav-actions .action-primary, .wrapper-alert .copy .nav-actions .action-primary, .prompt .copy .nav-actions .action-primary { + color: #191919; +} +.alert.confirm .nav-actions .action-primary, .notification.confirm .nav-actions .action-primary, .prompt.confirm .nav-actions .action-primary { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #0075b4; + border-radius: 3px; + background-color: #0075b4; + color: #fff; + border-color: #005f8a; +} +.alert.confirm .nav-actions .action-primary.disabled, .alert.confirm .nav-actions .action-primary.is-disabled, .notification.confirm .nav-actions .action-primary.disabled, .notification.confirm .nav-actions .action-primary.is-disabled, .prompt.confirm .nav-actions .action-primary.disabled, .prompt.confirm .nav-actions .action-primary.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.alert.confirm .nav-actions .action-primary.disabled:hover, .alert.confirm .nav-actions .action-primary.disabled:focus, .alert.confirm .nav-actions .action-primary.is-disabled:hover, .alert.confirm .nav-actions .action-primary.is-disabled:focus, .notification.confirm .nav-actions .action-primary.disabled:hover, .notification.confirm .nav-actions .action-primary.disabled:focus, .notification.confirm .nav-actions .action-primary.is-disabled:hover, .notification.confirm .nav-actions .action-primary.is-disabled:focus, .prompt.confirm .nav-actions .action-primary.disabled:hover, .prompt.confirm .nav-actions .action-primary.disabled:focus, .prompt.confirm .nav-actions .action-primary.is-disabled:hover, .prompt.confirm .nav-actions .action-primary.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.alert.confirm .nav-actions .action-primary:hover, .alert.confirm .nav-actions .action-primary:focus, .alert.confirm .nav-actions .action-primary:active, .notification.confirm .nav-actions .action-primary:hover, .notification.confirm .nav-actions .action-primary:focus, .notification.confirm .nav-actions .action-primary:active, .prompt.confirm .nav-actions .action-primary:hover, .prompt.confirm .nav-actions .action-primary:focus, .prompt.confirm .nav-actions .action-primary:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.alert.confirm .nav-actions .action-primary:hover, .alert.confirm .nav-actions .action-primary:focus, .alert.confirm .nav-actions .action-primary:active, .notification.confirm .nav-actions .action-primary:hover, .notification.confirm .nav-actions .action-primary:focus, .notification.confirm .nav-actions .action-primary:active, .prompt.confirm .nav-actions .action-primary:hover, .prompt.confirm .nav-actions .action-primary:focus, .prompt.confirm .nav-actions .action-primary:active { + background-color: #065683; + color: #fff; +} +.alert.confirm .nav-actions .action-primary.disabled, .alert.confirm .nav-actions .action-primary.is-disabled, .notification.confirm .nav-actions .action-primary.disabled, .notification.confirm .nav-actions .action-primary.is-disabled, .prompt.confirm .nav-actions .action-primary.disabled, .prompt.confirm .nav-actions .action-primary.is-disabled { + box-shadow: none; + border: 1px solid #99d9f5 !important; + background: #99d9f5 !important; + color: #fff !important; +} +.alert.confirm button, .notification.confirm button, .prompt.confirm button { + color: #009fe6; +} +.alert.confirm button:hover, .notification.confirm button:hover, .prompt.confirm button:hover { + color: #009fe6; +} +.alert.warning .nav-actions .action-primary, .notification.warning .nav-actions .action-primary, .prompt.warning .nav-actions .action-primary { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.4); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 60%); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 60%); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + border: 1px solid #be9730; + border-radius: 3px; + background-color: #edbd3c; + color: #4c4c4c; + border-color: #8e7124; + color: #191919; +} +.alert.warning .nav-actions .action-primary.disabled, .alert.warning .nav-actions .action-primary.is-disabled, .notification.warning .nav-actions .action-primary.disabled, .notification.warning .nav-actions .action-primary.is-disabled, .prompt.warning .nav-actions .action-primary.disabled, .prompt.warning .nav-actions .action-primary.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.alert.warning .nav-actions .action-primary.disabled:hover, .alert.warning .nav-actions .action-primary.disabled:focus, .alert.warning .nav-actions .action-primary.is-disabled:hover, .alert.warning .nav-actions .action-primary.is-disabled:focus, .notification.warning .nav-actions .action-primary.disabled:hover, .notification.warning .nav-actions .action-primary.disabled:focus, .notification.warning .nav-actions .action-primary.is-disabled:hover, .notification.warning .nav-actions .action-primary.is-disabled:focus, .prompt.warning .nav-actions .action-primary.disabled:hover, .prompt.warning .nav-actions .action-primary.disabled:focus, .prompt.warning .nav-actions .action-primary.is-disabled:hover, .prompt.warning .nav-actions .action-primary.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.alert.warning .nav-actions .action-primary:hover, .alert.warning .nav-actions .action-primary:focus, .alert.warning .nav-actions .action-primary:active, .notification.warning .nav-actions .action-primary:hover, .notification.warning .nav-actions .action-primary:focus, .notification.warning .nav-actions .action-primary:active, .prompt.warning .nav-actions .action-primary:hover, .prompt.warning .nav-actions .action-primary:focus, .prompt.warning .nav-actions .action-primary:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.alert.warning .nav-actions .action-primary:hover, .alert.warning .nav-actions .action-primary:focus, .notification.warning .nav-actions .action-primary:hover, .notification.warning .nav-actions .action-primary:focus, .prompt.warning .nav-actions .action-primary:hover, .prompt.warning .nav-actions .action-primary:focus { + background-color: #ffc52a; + color: #4c4c4c; +} +.alert.warning .nav-actions .action-primary.disabled, .alert.warning .nav-actions .action-primary.is-disabled, .notification.warning .nav-actions .action-primary.disabled, .notification.warning .nav-actions .action-primary.is-disabled, .prompt.warning .nav-actions .action-primary.disabled, .prompt.warning .nav-actions .action-primary.is-disabled { + border: 1px solid #f8e5b1 !important; + background: #f4d78a !important; + color: #999 !important; + box-shadow: none; +} +.alert.warning button, .notification.warning button, .prompt.warning button { + color: #edbd3c; +} +.alert.warning button:hover, .notification.warning button:hover, .prompt.warning button:hover { + color: #ffc52a; +} +.alert.error .nav-actions .action-primary, .notification.error .nav-actions .action-primary, .prompt.error .nav-actions .action-primary { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #8e050d; + border-radius: 3px; + background-color: #b20610; + color: #fff; + border-color: #6b040a; +} +.alert.error .nav-actions .action-primary.disabled, .alert.error .nav-actions .action-primary.is-disabled, .notification.error .nav-actions .action-primary.disabled, .notification.error .nav-actions .action-primary.is-disabled, .prompt.error .nav-actions .action-primary.disabled, .prompt.error .nav-actions .action-primary.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.alert.error .nav-actions .action-primary.disabled:hover, .alert.error .nav-actions .action-primary.disabled:focus, .alert.error .nav-actions .action-primary.is-disabled:hover, .alert.error .nav-actions .action-primary.is-disabled:focus, .notification.error .nav-actions .action-primary.disabled:hover, .notification.error .nav-actions .action-primary.disabled:focus, .notification.error .nav-actions .action-primary.is-disabled:hover, .notification.error .nav-actions .action-primary.is-disabled:focus, .prompt.error .nav-actions .action-primary.disabled:hover, .prompt.error .nav-actions .action-primary.disabled:focus, .prompt.error .nav-actions .action-primary.is-disabled:hover, .prompt.error .nav-actions .action-primary.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.alert.error .nav-actions .action-primary:hover, .alert.error .nav-actions .action-primary:focus, .alert.error .nav-actions .action-primary:active, .notification.error .nav-actions .action-primary:hover, .notification.error .nav-actions .action-primary:focus, .notification.error .nav-actions .action-primary:active, .prompt.error .nav-actions .action-primary:hover, .prompt.error .nav-actions .action-primary:focus, .prompt.error .nav-actions .action-primary:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.alert.error .nav-actions .action-primary:hover, .alert.error .nav-actions .action-primary:focus, .alert.error .nav-actions .action-primary:active, .notification.error .nav-actions .action-primary:hover, .notification.error .nav-actions .action-primary:focus, .notification.error .nav-actions .action-primary:active, .prompt.error .nav-actions .action-primary:hover, .prompt.error .nav-actions .action-primary:focus, .prompt.error .nav-actions .action-primary:active { + background-color: #b8000b; + color: #fff; +} +.alert.error .nav-actions .action-primary.disabled, .alert.error .nav-actions .action-primary.is-disabled, .notification.error .nav-actions .action-primary.disabled, .notification.error .nav-actions .action-primary.is-disabled, .prompt.error .nav-actions .action-primary.disabled, .prompt.error .nav-actions .action-primary.is-disabled { + box-shadow: none; + border: 1px solid #e09b9f !important; + background: #e09b9f !important; + color: #fff !important; +} +.alert.error button, .notification.error button, .prompt.error button { + color: #c13840; +} +.alert.error button:hover, .notification.error button:hover, .prompt.error button:hover { + color: #b20610; +} +.alert.announcement .nav-actions .action-primary, .notification.announcement .nav-actions .action-primary, .prompt.announcement .nav-actions .action-primary { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #0075b4; + border-radius: 3px; + background-color: #0075b4; + color: #fff; + border-color: #005f8a; +} +.alert.announcement .nav-actions .action-primary.disabled, .alert.announcement .nav-actions .action-primary.is-disabled, .notification.announcement .nav-actions .action-primary.disabled, .notification.announcement .nav-actions .action-primary.is-disabled, .prompt.announcement .nav-actions .action-primary.disabled, .prompt.announcement .nav-actions .action-primary.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.alert.announcement .nav-actions .action-primary.disabled:hover, .alert.announcement .nav-actions .action-primary.disabled:focus, .alert.announcement .nav-actions .action-primary.is-disabled:hover, .alert.announcement .nav-actions .action-primary.is-disabled:focus, .notification.announcement .nav-actions .action-primary.disabled:hover, .notification.announcement .nav-actions .action-primary.disabled:focus, .notification.announcement .nav-actions .action-primary.is-disabled:hover, .notification.announcement .nav-actions .action-primary.is-disabled:focus, .prompt.announcement .nav-actions .action-primary.disabled:hover, .prompt.announcement .nav-actions .action-primary.disabled:focus, .prompt.announcement .nav-actions .action-primary.is-disabled:hover, .prompt.announcement .nav-actions .action-primary.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.alert.announcement .nav-actions .action-primary:hover, .alert.announcement .nav-actions .action-primary:focus, .alert.announcement .nav-actions .action-primary:active, .notification.announcement .nav-actions .action-primary:hover, .notification.announcement .nav-actions .action-primary:focus, .notification.announcement .nav-actions .action-primary:active, .prompt.announcement .nav-actions .action-primary:hover, .prompt.announcement .nav-actions .action-primary:focus, .prompt.announcement .nav-actions .action-primary:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.alert.announcement .nav-actions .action-primary:hover, .alert.announcement .nav-actions .action-primary:focus, .alert.announcement .nav-actions .action-primary:active, .notification.announcement .nav-actions .action-primary:hover, .notification.announcement .nav-actions .action-primary:focus, .notification.announcement .nav-actions .action-primary:active, .prompt.announcement .nav-actions .action-primary:hover, .prompt.announcement .nav-actions .action-primary:focus, .prompt.announcement .nav-actions .action-primary:active { + background-color: #065683; + color: #fff; +} +.alert.announcement .nav-actions .action-primary.disabled, .alert.announcement .nav-actions .action-primary.is-disabled, .notification.announcement .nav-actions .action-primary.disabled, .notification.announcement .nav-actions .action-primary.is-disabled, .prompt.announcement .nav-actions .action-primary.disabled, .prompt.announcement .nav-actions .action-primary.is-disabled { + box-shadow: none; + border: 1px solid #99d9f5 !important; + background: #99d9f5 !important; + color: #fff !important; +} +.alert.announcement button, .notification.announcement button, .prompt.announcement button { + color: #009fe6; +} +.alert.announcement button:hover, .notification.announcement button:hover, .prompt.announcement button:hover { + color: #009fe6; +} +.alert.confirmation .nav-actions .action-primary, .notification.confirmation .nav-actions .action-primary, .prompt.confirmation .nav-actions .action-primary { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + border: 1px solid #008100; + border-radius: 3px; + background-color: #008100; + color: #fff; + border-color: #166e36; +} +.alert.confirmation .nav-actions .action-primary.disabled, .alert.confirmation .nav-actions .action-primary.is-disabled, .notification.confirmation .nav-actions .action-primary.disabled, .notification.confirmation .nav-actions .action-primary.is-disabled, .prompt.confirmation .nav-actions .action-primary.disabled, .prompt.confirmation .nav-actions .action-primary.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.alert.confirmation .nav-actions .action-primary.disabled:hover, .alert.confirmation .nav-actions .action-primary.disabled:focus, .alert.confirmation .nav-actions .action-primary.is-disabled:hover, .alert.confirmation .nav-actions .action-primary.is-disabled:focus, .notification.confirmation .nav-actions .action-primary.disabled:hover, .notification.confirmation .nav-actions .action-primary.disabled:focus, .notification.confirmation .nav-actions .action-primary.is-disabled:hover, .notification.confirmation .nav-actions .action-primary.is-disabled:focus, .prompt.confirmation .nav-actions .action-primary.disabled:hover, .prompt.confirmation .nav-actions .action-primary.disabled:focus, .prompt.confirmation .nav-actions .action-primary.is-disabled:hover, .prompt.confirmation .nav-actions .action-primary.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.alert.confirmation .nav-actions .action-primary:hover, .alert.confirmation .nav-actions .action-primary:focus, .alert.confirmation .nav-actions .action-primary:active, .notification.confirmation .nav-actions .action-primary:hover, .notification.confirmation .nav-actions .action-primary:focus, .notification.confirmation .nav-actions .action-primary:active, .prompt.confirmation .nav-actions .action-primary:hover, .prompt.confirmation .nav-actions .action-primary:focus, .prompt.confirmation .nav-actions .action-primary:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.alert.confirmation .nav-actions .action-primary:hover, .alert.confirmation .nav-actions .action-primary:focus, .notification.confirmation .nav-actions .action-primary:hover, .notification.confirmation .nav-actions .action-primary:focus, .prompt.confirmation .nav-actions .action-primary:hover, .prompt.confirmation .nav-actions .action-primary:focus { + background-color: #009b00; + color: #fff; +} +.alert.confirmation .nav-actions .action-primary.disabled, .alert.confirmation .nav-actions .action-primary.is-disabled, .notification.confirmation .nav-actions .action-primary.disabled, .notification.confirmation .nav-actions .action-primary.is-disabled, .prompt.confirmation .nav-actions .action-primary.disabled, .prompt.confirmation .nav-actions .action-primary.is-disabled { + border: 1px solid #a8e3bd !important; + background: #a8e3bd !important; + color: #fff !important; + box-shadow: none; +} +.alert.confirmation button, .notification.confirmation button, .prompt.confirmation button { + color: #25b85a; +} +.alert.confirmation button:hover, .notification.confirmation button:hover, .prompt.confirmation button:hover { + color: #04d951; +} +.alert.step-required .nav-actions .action-primary, .notification.step-required .nav-actions .action-primary, .prompt.step-required .nav-actions .action-primary { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #921e52; + border-radius: 3px; + background-color: #b72567; + color: #fff; + border-color: #6e163e; +} +.alert.step-required .nav-actions .action-primary.disabled, .alert.step-required .nav-actions .action-primary.is-disabled, .notification.step-required .nav-actions .action-primary.disabled, .notification.step-required .nav-actions .action-primary.is-disabled, .prompt.step-required .nav-actions .action-primary.disabled, .prompt.step-required .nav-actions .action-primary.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.alert.step-required .nav-actions .action-primary.disabled:hover, .alert.step-required .nav-actions .action-primary.disabled:focus, .alert.step-required .nav-actions .action-primary.is-disabled:hover, .alert.step-required .nav-actions .action-primary.is-disabled:focus, .notification.step-required .nav-actions .action-primary.disabled:hover, .notification.step-required .nav-actions .action-primary.disabled:focus, .notification.step-required .nav-actions .action-primary.is-disabled:hover, .notification.step-required .nav-actions .action-primary.is-disabled:focus, .prompt.step-required .nav-actions .action-primary.disabled:hover, .prompt.step-required .nav-actions .action-primary.disabled:focus, .prompt.step-required .nav-actions .action-primary.is-disabled:hover, .prompt.step-required .nav-actions .action-primary.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.alert.step-required .nav-actions .action-primary:hover, .alert.step-required .nav-actions .action-primary:focus, .alert.step-required .nav-actions .action-primary:active, .notification.step-required .nav-actions .action-primary:hover, .notification.step-required .nav-actions .action-primary:focus, .notification.step-required .nav-actions .action-primary:active, .prompt.step-required .nav-actions .action-primary:hover, .prompt.step-required .nav-actions .action-primary:focus, .prompt.step-required .nav-actions .action-primary:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.alert.step-required .nav-actions .action-primary:hover, .alert.step-required .nav-actions .action-primary:focus, .alert.step-required .nav-actions .action-primary:active, .notification.step-required .nav-actions .action-primary:hover, .notification.step-required .nav-actions .action-primary:focus, .notification.step-required .nav-actions .action-primary:active, .prompt.step-required .nav-actions .action-primary:hover, .prompt.step-required .nav-actions .action-primary:focus, .prompt.step-required .nav-actions .action-primary:active { + background-color: #c81565; + color: #fff; +} +.alert.step-required .nav-actions .action-primary.disabled, .alert.step-required .nav-actions .action-primary.is-disabled, .notification.step-required .nav-actions .action-primary.disabled, .notification.step-required .nav-actions .action-primary.is-disabled, .prompt.step-required .nav-actions .action-primary.disabled, .prompt.step-required .nav-actions .action-primary.is-disabled { + box-shadow: none; + border: 1px solid #e2a8c2 !important; + background: #e2a8c2 !important; + color: #fff !important; +} +.alert.step-required button, .notification.step-required button, .prompt.step-required button { + color: #b72567; +} +.alert.step-required button:hover, .notification.step-required button:hover, .prompt.step-required button:hover { + color: #c81565; +} +.wrapper-prompt { + transition: all 0.125s ease-in-out 0s; + position: fixed; + top: 0; + background: rgba(0, 0, 0, 0.25); + width: 100%; + height: 100%; + text-align: center; +} +.wrapper-prompt:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; + margin-right: -0.25em; +} +.wrapper-prompt .prompt { + border-radius: 4px; + box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); + display: inline-block; + vertical-align: middle; + width: 350px; + border: 4px solid #000; + text-align: left; +} +.wrapper-prompt .prompt .copy { + border-top: 4px solid #009fe6; + padding: 20px; +} +.wrapper-prompt .prompt .nav-actions { + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4); + border-top: 1px solid rgba(0, 0, 0, 0.25); + padding: 15px 20px; + background: #191919; +} +.wrapper-prompt .prompt .nav-actions .nav-item { + display: inline-block; + margin-right: 15px; +} +.wrapper-prompt .prompt .nav-actions .nav-item:last-child { + margin-right: 0; +} +.wrapper-prompt .prompt.error .feedback-symbol { + color: #c13840; +} +.wrapper-prompt .prompt.error .copy { + border-top-color: #c13840; +} +.wrapper-prompt .prompt.confirmation .feedback-symbol { + color: #25b85a; +} +.wrapper-prompt .prompt.confirmation .copy { + border-top-color: #25b85a; +} +.wrapper-prompt .prompt.warning .feedback-symbol { + color: #edbd3c; +} +.wrapper-prompt .prompt.warning .copy { + border-top-color: #edbd3c; +} +.wrapper-notification { + box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2), inset 0 3px 1px #009fe6; + position: fixed; + bottom: 0; + width: 100%; + padding: 20px 40px; +} +.wrapper-notification:after { + content: ""; + display: table; + clear: both; +} +.wrapper-notification.wrapper-notification-warning { + box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2), inset 0 3px 1px #edbd3c; +} +.wrapper-notification.wrapper-notification-warning .feedback-symbol { + color: #edbd3c; +} +.wrapper-notification.wrapper-notification-error { + box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2), inset 0 3px 1px #c13840; +} +.wrapper-notification.wrapper-notification-error .feedback-symbol { + color: #c13840; +} +.wrapper-notification.wrapper-notification-confirmation { + box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2), inset 0 3px 1px #25b85a; +} +.wrapper-notification.wrapper-notification-confirmation .feedback-symbol { + color: #25b85a; +} +.wrapper-notification.wrapper-notification-mini { + box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2), inset 0 3px 1px #b72567; +} +.wrapper-notification.wrapper-notification-status { + -webkit-border-top-left-radius: 3px; + -moz-border-topleft-radius: 3px; + border-top-left-radius: 3px; + -webkit-border-top-right-radius: 3px; + -moz-border-topright-radius: 3px; + border-top-right-radius: 3px; + right: 20px; + width: auto; + border: 4px solid #000; + border-bottom: none; + padding: 10px 20px; +} +.wrapper-notification.wrapper-notification-status .notification { + box-sizing: border-box; + width: 100%; + max-width: none; + min-width: none; +} +.wrapper-notification.wrapper-notification-status .notification:after { + content: ""; + display: table; + clear: both; +} +.wrapper-notification.wrapper-notification-status .notification .feedback-symbol, .wrapper-notification.wrapper-notification-status .notification .copy { + float: none; + display: inline-block; + vertical-align: middle; +} +.wrapper-notification.wrapper-notification-status .notification .feedback-symbol { + width: 20px; + height: 25px; + margin-right: 5px; + line-height: 3rem; +} +.wrapper-notification.wrapper-notification-help { + -webkit-border-top-left-radius: 3px; + -moz-border-topleft-radius: 3px; + border-top-left-radius: 3px; + -webkit-border-top-right-radius: 3px; + -moz-border-topright-radius: 3px; + border-top-right-radius: 3px; + width: 280px; + right: 20px; + border: 4px solid #000; + border-bottom: none; + padding: 20px; +} +.wrapper-notification.wrapper-notification-help .notification { + box-sizing: border-box; + width: 100%; + max-width: none; + min-width: none; +} +.wrapper-notification.wrapper-notification-help .notification:after { + content: ""; + display: table; + clear: both; +} +.wrapper-notification.wrapper-notification-help .notification .feedback-symbol { + width: 20px; + margin-right: 15px; +} +.wrapper-notification.wrapper-notification-help .notification .action-notification-close { + right: 0; +} +.wrapper-notification.wrapper-notification-help .notification .copy { + width: 200px; +} +.notification { + box-sizing: border-box; + margin: 0 auto; + width: 100%; + max-width: 1280px; +} +.notification:after { + content: ""; + display: table; + clear: both; +} +.notification .feedback-symbol, .notification .copy { + float: left; + display: inline-block; + vertical-align: middle; +} +.notification .feedback-symbol { + transition: color 0.5s ease-in-out 0s; + width: 6.38298%; + height: 25px; + margin-top: 5px; + margin-right: 2.12766%; + text-align: right; + color: #fff; +} +.notification .copy { + width: 82.97872%; + color: #b2b2b2; +} +.notification .copy .title { + margin-bottom: 0; + color: #fff; +} +.notification.has-actions .feedback-symbol { + width: 6.38298%} +.notification.has-actions .copy { + width: 57.44681%; + margin-right: 2.12766%} +.notification.has-actions .nav-actions { + width: 31.91489%; + float: left; + margin-top: 5px; + text-align: right; +} +.notification.has-actions .nav-actions .nav-item { + display: inline-block; + vertical-align: middle; + margin-right: 10px; +} +.notification.has-actions .nav-actions .nav-item:last-child { + margin-right: 0; +} +.notification.has-actions .action-primary { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #0075b4; + border-radius: 3px; + background-color: #0075b4; + color: #fff; + border-color: #005f8a; +} +.notification.has-actions .action-primary.disabled, .notification.has-actions .action-primary.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.notification.has-actions .action-primary.disabled:hover, .notification.has-actions .action-primary.disabled:focus, .notification.has-actions .action-primary.is-disabled:hover, .notification.has-actions .action-primary.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.notification.has-actions .action-primary:hover, .notification.has-actions .action-primary:focus, .notification.has-actions .action-primary:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.notification.has-actions .action-primary:hover, .notification.has-actions .action-primary:focus, .notification.has-actions .action-primary:active { + background-color: #065683; + color: #fff; +} +.notification.has-actions .action-primary.disabled, .notification.has-actions .action-primary.is-disabled { + box-shadow: none; + border: 1px solid #99d9f5 !important; + background: #99d9f5 !important; + color: #fff !important; +} +.notification.confirmation .copy { + margin-top: 4px; +} +.notification.mini { + width: auto; + max-width: none; + min-width: 0; +} +.notification.mini .feedback-symbol { + animation: rotateCW 3s linear infinite; + width: 25px; + margin: -4px 10px 0 0; + transform-origin: 52% 60%} +.notification.mini .copy { + width: auto; +} +.wrapper-alert { + box-sizing: border-box; + box-shadow: 0 1px 1px #fff, inset 0 2px 2px rgba(0, 0, 0, 0.4), inset 0 -4px 1px #009fe6; + position: relative; + overflow: hidden; + width: 100%; + border-top: 1px solid #000; + padding: 20px 40px 30px 40px; + background: #333; + display: none; +} +.wrapper-alert.is-shown { + display: block; +} +.wrapper-alert.wrapper-alert-warning { + box-shadow: 0 1px 1px #fff, inset 0 2px 2px rgba(0, 0, 0, 0.4), inset 0 -4px 1px #edbd3c; +} +.wrapper-alert.wrapper-alert-warning .feedback-symbol { + color: #edbd3c; +} +.wrapper-alert.wrapper-alert-error { + box-shadow: 0 1px 1px #fff, inset 0 2px 2px rgba(0, 0, 0, 0.4), inset 0 -4px 1px #c13840; +} +.wrapper-alert.wrapper-alert-error .feedback-symbol { + color: #c13840; +} +.wrapper-alert.wrapper-alert-confirmation { + box-shadow: 0 1px 1px #fff, inset 0 2px 2px rgba(0, 0, 0, 0.4), inset 0 -4px 1px #25b85a; +} +.wrapper-alert.wrapper-alert-confirmation .feedback-symbol { + color: #25b85a; +} +.wrapper-alert.wrapper-alert-announcement { + box-shadow: 0 1px 1px #fff, inset 0 2px 2px rgba(0, 0, 0, 0.4), inset 0 -4px 1px #009fe6; +} +.wrapper-alert.wrapper-alert-announcement .feedback-symbol { + color: #009fe6; +} +.wrapper-alert.wrapper-alert-step-required { + box-shadow: 0 1px 1px #fff, inset 0 2px 2px rgba(0, 0, 0, 0.4), inset 0 -4px 1px #b72567; +} +.wrapper-alert.wrapper-alert-step-required .feedback-symbol { + color: #b72567; +} +.alert { + box-sizing: border-box; + margin: 0 auto; + width: 100%; + max-width: 1280px; + min-width: 900px; + color: #fff; +} +.alert:after { + content: ""; + display: table; + clear: both; +} +.alert .feedback-symbol, .alert .copy { + float: left; +} +.alert .feedback-symbol { + transition: color 0.5s ease-in-out 0s; + width: 6.38298%; + margin: 5px 2.12766% 0 0; + text-align: right; +} +.alert .copy { + width: 82.97872%; + margin-top: 10px; + color: #b2b2b2; +} +.alert .copy .title { + margin-bottom: 0; + color: #fff; +} +.alert.has-actions .feedback-symbol { + width: 6.38298%} +.alert.has-actions .copy { + width: 57.44681%; + margin-right: 2.12766%} +.alert.has-actions .nav-actions { + width: 31.91489%; + float: left; + margin-top: 10px; + text-align: right; +} +.alert.has-actions .nav-actions .nav-item { + display: inline-block; + vertical-align: middle; + margin-right: 10px; +} +.alert.has-actions .nav-actions .nav-item:last-child { + margin-right: 0; +} +.alert .action-alert-close { + -webkit-border-bottom-left-radius: 4px; + -moz-border-bottomleft-radius: 4px; + border-bottom-left-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + -moz-border-bottomright-radius: 4px; + border-bottom-right-radius: 4px; + position: absolute; + top: -2px; + right: 20px; + padding: 5px 10px 0 10px; + background: #191919; + text-align: center; +} +.alert .action-alert-close .icon { + color: #fff; + width: auto; + margin: 0; + padding: 2px; +} +.alert .action-alert-close:hover { + background: #666; +} +.alert .action-dismiss .button { + padding: 5px 10px; +} +.alert .action-dismiss .icon, .alert .action-dismiss .button-copy { + display: inline-block; + vertical-align: middle; +} +.alert .action-dismiss .icon { + margin-right: 5px; +} +.js .wrapper-prompt { + visibility: hidden; + pointer-events: none; +} +.js.prompt-is-shown .wrapper-prompt.is-shown { + visibility: visible; + pointer-events: auto; +} +.js.prompt-is-shown .wrapper-prompt.is-shown .prompt { + animation: bounceIn 0.5s ease-in-out 1; +} +.js.prompt-is-hiding .wrapper-prompt .prompt { + animation: bounceOut 0.5s ease-in-out 1; +} +.js .wrapper-notification { + bottom: -200px; +} +.js .wrapper-notification.is-shown { + animation: notificationSlideUp 1s ease-in-out 1; + animation-fill-mode: forwards; +} +.js .wrapper-notification.is-hiding { + animation: notificationSlideDown 1s ease-in-out 1; + animation-fill-mode: forwards; +} +.wrapper-message .message { + background-color: #4c4c4c; + padding: 10px 15px; + color: #fff; +} +.wrapper-message .message .icon { + font-style: normal; +} +.wrapper-message .message.information { + background-color: #f2f2f2; + color: #4c4c4c; +} +.wrapper-message .message.validation { + background-color: #4c4c4c; + color: #fff; +} +.wrapper-message .message.validation a { + color: #66c5f0; +} +.wrapper-message .message.has-warnings { + border-bottom: 3px solid #edbd3c; +} +.wrapper-message .message.has-warnings .fa-warning { + margin-right: 10px; + color: #edbd3c; +} +.wrapper-message .message.has-errors { + border-bottom: 3px solid #d16a70; +} +.wrapper-message .message.has-errors .fa-exclamation-circle { + margin-right: 10px; + color: #d16a70; +} +.wrapper-message .message-list { + margin-bottom: 0; +} +.wrapper-message .message-actions { + padding: 10px 20px; + background-color: #666; +} +body.uxdesign.alerts .content-primary, body.uxdesign.alerts .content-supplementary { + box-sizing: border-box; + float: left; +} +body.uxdesign.alerts .content-primary { + width: 100%; + margin-right: 2.12766%; + padding: 20px 30px; +} +body.uxdesign.alerts .content-primary>section { + margin-bottom: 40px; +} +body.uxdesign.alerts .content-primary>section:last-child { + margin-bottom: 0; +} +body.uxdesign.alerts .content-primary ul li { + width: 100%; + margin-bottom: 5px; + border-bottom: 1px solid #e5e5e5; + padding-bottom: 5px; +} +body.uxdesign.alerts .content-primary ul li:after { + content: ""; + display: table; + clear: both; +} +body.uxdesign.alerts .content-primary ul li:last-child { + margin-bottom: 0; + border-bottom: none; + padding-bottom: 0; +} +body.uxdesign.alerts .content-primary ul li a { + float: left; + width: 40.42553%; + margin-right: 2.12766%} +.main-wrapper .alert { + padding: 15px 20px; + margin-bottom: 30px; + border-radius: 3px; + border: 1px solid #edbd3c; + border-radius: 3px; + background: #fbf6e1; +} +.main-wrapper .alert:after { + content: ""; + display: table; + clear: both; +} +.main-wrapper .alert .alert-message { + float: left; + margin: 4px 0 0 0; + color: #333; +} +.main-wrapper .alert .alert-action { + float: left; +} +.main-wrapper .alert .alert-action.secondary { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.4); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 60%); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 60%); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + border: 1px solid #be9730; + border-radius: 3px; + background-color: #edbd3c; + color: #4c4c4c; +} +.main-wrapper .alert .alert-action.secondary.disabled, .main-wrapper .alert .alert-action.secondary.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.main-wrapper .alert .alert-action.secondary.disabled:hover, .main-wrapper .alert .alert-action.secondary.disabled:focus, .main-wrapper .alert .alert-action.secondary.is-disabled:hover, .main-wrapper .alert .alert-action.secondary.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.main-wrapper .alert .alert-action.secondary:hover, .main-wrapper .alert .alert-action.secondary:focus, .main-wrapper .alert .alert-action.secondary:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.main-wrapper .alert .alert-action.secondary:hover, .main-wrapper .alert .alert-action.secondary:focus { + background-color: #ffc52a; + color: #4c4c4c; +} +.main-wrapper .alert .alert-action.secondary.disabled, .main-wrapper .alert .alert-action.secondary.is-disabled { + border: 1px solid #f8e5b1 !important; + background: #f4d78a !important; + color: #999 !important; + box-shadow: none; +} +body.error { + background: #191919; + color: #333; +} +body.error .primary-header { + display: none; +} +body.error .error-prompt { + width: 700px; + margin: 150px auto; + padding: 60px 50px 90px; + border-radius: 3px; + background: #fff; + text-align: center; +} +body.error h1 { + float: none; + margin: 0; + color: #333; +} +body.error .description { + margin-bottom: 50px; +} +body.error .back-button { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #0075b4; + border-radius: 3px; + background-color: #0075b4; + color: #fff; + padding: 14px 40px 18px; +} +body.error .back-button.disabled, body.error .back-button.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +body.error .back-button.disabled:hover, body.error .back-button.disabled:focus, body.error .back-button.is-disabled:hover, body.error .back-button.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +body.error .back-button:hover, body.error .back-button:focus, body.error .back-button:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +body.error .back-button:hover, body.error .back-button:focus, body.error .back-button:active { + background-color: #065683; + color: #fff; +} +body.error .back-button.disabled, body.error .back-button.is-disabled { + box-shadow: none; + border: 1px solid #99d9f5 !important; + background: #99d9f5 !important; + color: #fff !important; +} +.advance-modules-remove-text { + margin-top: 10px; +} +.content .introduction { + box-sizing: border-box; + margin-bottom: 20px; +} +.content .introduction.has-links:after { + content: ""; + display: table; + clear: both; +} +.content .introduction.has-links .copy { + float: left; + width: 65.95745%; + margin-right: 2.12766%} +.content .introduction.has-links .nav-introduction-supplementary { + float: right; + width: 31.91489%; + display: block; + text-align: right; +} +.content .introduction.has-links .nav-introduction-supplementary .icon { + display: inline-block; + vertical-align: middle; + margin-right: 5px; +} +.notice-incontext { + border-radius: 2px; + position: relative; + overflow: hidden; + margin-bottom: 20px; +} +.notice-incontext .title { + margin-bottom: 10px; +} +.notice-incontext .copy { + transition: opacity 0.25s ease-in-out 0s; + opacity: 0.75; + margin-bottom: 20px; +} +.notice-incontext .copy:last-child { + margin-bottom: 0; +} +.notice-incontext.has-status .status-indicator { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 5px; + opacity: 0.40; +} +.notice-incontext.has-actions .list-actions { + margin-top: 15px; +} +.notice-incontext.list-notices .notice-item { + margin-bottom: 20px; + border-bottom: 1px solid #ccc; + padding-bottom: 20px; +} +.notice-incontext.list-notices .notice-item:last-child { + margin-bottom: 0; + border: none; + padding-bottom: 0; +} +.notice-workflow { + background: #fdf8ec; +} +.notice-workflow .status-indicator { + background: #fffedf; +} +.notice-workflow title { + color: #666; +} +.notice-workflow .copy { + color: #7f7f7f; +} +.notice-instruction { + background-color: #e5e5e5; +} +.notice-instruction .title { + color: #4c4c4c; +} +.notice-instruction .copy { + color: #4c4c4c; +} +.notice-create { + background-color: #e5e5e5; +} +.notice-create .title { + color: #4c4c4c; +} +.notice-create .copy { + color: #4c4c4c; +} +.notice-confirmation { + background-color: #e9f8ef; +} +.notice-confirmation .status-indicator { + background: #14c955; +} +.notice-confirmation .title { + color: #25b85a; +} +.notice-confirmation .copy { + color: #7f7f7f; +} +.bit { + margin: 0 0 20px 0; + border-bottom: 1px solid #e5e5e5; + padding: 0 0 20px 0; + color: #666; +} +.bit:last-child { + margin-bottom: 0; + border: none; + padding-bottom: 0; +} +.bit h3, .bit .title { + margin: 0 0 5px 0; + color: #4c4c4c; +} +.bit p, .bit .copy { + margin: 0 0 20px 0; +} +.bit p:last-child, .bit .copy:last-child { + margin-bottom: 0; +} +.bit .list-actions .action-item { + margin-bottom: 5px; + border-bottom: 1px dotted #e5e5e5; + padding-bottom: 5px; +} +.bit .list-details .item-detail { + margin-bottom: 5px; + border-bottom: 1px dotted #e5e5e5; + padding-bottom: 5px; +} +.bit .nav-related .nav-item, .bit .nav-page .nav-item { + margin-bottom: 5px; + border-bottom: 1px dotted #f2f2f2; + padding-bottom: 5px; +} +.modal-cover { + display: none; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.8); +} +.modal { + display: none; + position: fixed; + top: 60px; + left: 50%; + width: 930px; + height: 540px; + margin-left: -465px; + background: #fff; +} +.modal .modal-body { + height: 400px; + padding: 40px; + overflow-y: scroll; +} +.modal .modal-actions { + height: 60px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-color: #d1dae3; +} +.modal h2 { + margin: 0 10px 30px; + color: #646464; + letter-spacing: 1px; + text-transform: uppercase; +} +.modal p { + margin: 20px; +} +.modal .revert-button { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #0075b4; + border-radius: 3px; + background-color: #0075b4; + color: #fff; + margin: 13px 6px 0 13px; +} +.modal .revert-button.disabled, .modal .revert-button.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.modal .revert-button.disabled:hover, .modal .revert-button.disabled:focus, .modal .revert-button.is-disabled:hover, .modal .revert-button.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.modal .revert-button:hover, .modal .revert-button:focus, .modal .revert-button:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.modal .revert-button:hover, .modal .revert-button:focus, .modal .revert-button:active { + background-color: #065683; + color: #fff; +} +.modal .revert-button.disabled, .modal .revert-button.is-disabled { + box-shadow: none; + border: 1px solid #99d9f5 !important; + background: #99d9f5 !important; + color: #fff !important; +} +.modal .close-button { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.6); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + border: 1px solid #b0b6c2; + border-radius: 3px; + background-color: #dfe5eb; + color: #5c677a; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + margin-top: 13px; +} +.modal .close-button.disabled, .modal .close-button.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.modal .close-button.disabled:hover, .modal .close-button.disabled:focus, .modal .close-button.is-disabled:hover, .modal .close-button.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.modal .close-button:hover, .modal .close-button:focus, .modal .close-button:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.modal .close-button:hover, .modal .close-button:focus { + background-color: #deecf7; + color: #5c677a; +} +#lean_overlay { + position: fixed; + top: 0px; + left: 0px; + display: none; + height: 100%; + width: 100%; + background: #000; +} +.ui-datepicker { + border-color: #8891a1; + border-radius: 2px; + background: #fff; + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); + z-index: 100000 !important; +} +.ui-datepicker .ui-widget-header { + background: #8891a1; + border: none; + border-radius: 2px; +} +.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { + transition: none; +} +.ui-datepicker .ui-datepicker-next.ui-state-hover, .ui-datepicker .ui-datepicker-prev.ui-state-hover { + border-color: transparent; + background: #b0b6c2; +} +.ui-datepicker .ui-datepicker-next.ui-state-hover .ui-icon-circle-triangle-e, .ui-datepicker .ui-datepicker-next.ui-state-hover .ui-icon-circle-triangle-w, .ui-datepicker .ui-datepicker-prev.ui-state-hover .ui-icon-circle-triangle-e, .ui-datepicker .ui-datepicker-prev.ui-state-hover .ui-icon-circle-triangle-w { + background-image: url(../css/vendor/ui-lightness/images/ui-icons_ffffff_256x240.png); +} +.ui-datepicker .ui-state-default { + border-color: #b0b6c2; + color: #009fe6; + transition: none; +} +.ui-datepicker .ui-state-default.ui-state-hover { + background: #edbd3c; + border-color: #edbd3c; + color: #fff; +} +.ui-datepicker .ui-state-highlight { + background: #009fe6; + border-color: #009fe6; + color: #fff; +} +.ui-datepicker .ui-state-active { + background: #edbd3c; + border-color: #edbd3c; + color: #fff; +} +.ui-timepicker-list { + z-index: 100000 !important; +} +.zooming-image-place .larger { + left: 0 !important; + bottom: 100% !important; +} +.ui-tabs { + padding: 0; + white-space: normal; +} +.ui-corner-all, .ui-corner-bottom, .ui-corner-left, ui-corner-top, .ui-corner-br, .ui-corner-right { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.ui-widget-content { + border: 0; + background: none; +} +.ui-widget-header { + border: none; + background: none; +} +.ui-tabs .ui-tabs-nav { + padding: 0; +} +.ui-tabs .ui-tabs-nav li { + margin: 0; + padding: 0; + border: none; + top: 0; + margin: 0; + float: none; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.ui-tabs-nav li { + top: 0; + margin: 0; +} +.ui-tabs-nav a { + float: none; +} +.ui-tabs .ui-tabs-panel { + padding: 0; +} +.problem-type-tabs { + border: none; + list-style-type: none; + width: 100%; + background-color: rgba(255, 255, 255, 0.4); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset; +} +.problem-type-tabs li:first-child { + margin-left: 20px; +} +.problem-type-tabs li { + opacity: 0.8; +} +.problem-type-tabs li:ui-state-active { + background-color: rgba(255, 255, 255, 0.3); + opacity: 1.0; +} +.problem-type-tabs li a:focus { + outline: none; + border: 0px; +} +.ui-autocomplete { + position: absolute; + top: 0; + left: 0; + margin: 0; + padding: 0; + cursor: default; + background-color: #f2f2f2; + background-image: -webkit-linear-gradient(#f2f2f2, #fff); + background-image: linear-gradient(#f2f2f2, #fff); + border-right: 1px solid #b2b2b2; + border-bottom: 1px solid #b2b2b2; + border-left: 1px solid #b2b2b2; + background-color: #f2f2f2; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + color: #4c4c4c; +} +.ui-autocomplete li.ui-menu-item { + padding: 0; + margin: 0; +} +.ui-autocomplete li.ui-menu-item a { + color: #4c4c4c; +} +.ui-autocomplete li.ui-menu-item a.ui-state-focus { + border: none; + background-color: #009fe6; + background: #009fe6; + color: #fff; +} +[class*="view-"] .modal-window { + box-sizing: border-box; + position: absolute; + width: 50%; + box-shadow: 0 0 7px rgba(0, 0, 0, 0.4); + border-radius: 4px; + background-color: #e5e5e5; + padding: 7px; + text-align: left; + direction: ltr; +} +[class*="view-"] .modal-window .modal-content { + position: relative; + background-color: #fff; + padding: 5%} +[class*="view-"] .modal-window .title { + margin: 5px 10px 10px 10px; + color: #000; +} +[class*="view-"] .modal-window .message { + margin: 0 0 20px 0; + color: #7f7f7f; +} +[class*="view-"] .modal-window .message-status { + padding: 0; +} +[class*="view-"] .modal-window .message-status.error { + border: 0; + background-color: #fff; + color: #b20610; +} +[class*="view-"] .modal-window .message-status.success { + border: 0; + background-color: #fff; + color: #1e9348; +} +[class*="view-"] .modal-window .summary-message { + margin-bottom: 20px; + padding: 15px; + background: #333; +} +[class*="view-"] .modal-window .summary-message .icon, [class*="view-"] .modal-window .summary-message .copy { + display: inline-block; + vertical-align: top; +} +[class*="view-"] .modal-window .summary-message .icon { + margin-right: 10px; + color: #fff; +} +[class*="view-"] .modal-window .summary-message .copy { + max-width: 85%; + color: #fff; +} +[class*="view-"] .modal-window .summary-message-warning { + border-top: 4px solid #f4d78a; +} +[class*="view-"] .modal-window .summary-message-warning .icon { + color: #f4d78a; +} +[class*="view-"] .modal-window .divider-visual { + margin: 15px 0; + border: 1px solid #e5e5e5; +} +[class*="view-"] .modal-window .modal-section { + margin-bottom: 15px; +} +[class*="view-"] .modal-window .modal-section:last-child { + margin-bottom: 0; +} +[class*="view-"] .modal-window .modal-section .settings-tabs-header { + margin-bottom: 20px; + border-bottom: 1px solid #ccc; +} +[class*="view-"] .modal-window .modal-section .settings-tabs-header li.settings-tab-buttons { + display: inline-block; + margin-right: 20px; +} +[class*="view-"] .modal-window .modal-section .settings-tabs-header li.settings-tab-buttons .settings-tab-button { + background-image: none; + background-color: #fff; + color: #b0b6c2; + border-radius: 0; + box-shadow: none; + border: 0; + padding: 5px 10px; + text-transform: uppercase; +} +[class*="view-"] .modal-window .modal-section .settings-tabs-header li.settings-tab-buttons .settings-tab-button:hover { + background-color: #fff; + color: #009fe6; +} +[class*="view-"] .modal-window .modal-section .settings-tabs-header li.settings-tab-buttons .settings-tab-button.active { + border-bottom: 4px solid #005f8a; + color: #3c3c3c; +} +[class*="view-"] .modal-window .modal-section-title { + margin: 0 0 10px 0; + border-bottom: 2px solid #e5e5e5; + padding-bottom: 5px; + color: #4c4c4c; +} +[class*="view-"] .modal-window .modal-subsection-title { + margin-bottom: 5px; + text-transform: uppercase; + letter-spacing: 0.1; + color: #b2b2b2; +} +[class*="view-"] .modal-window .modal-section-content .list-fields, [class*="view-"] .modal-window .modal-section-content .list-actions { + display: inline-block; + vertical-align: middle; +} +[class*="view-"] .modal-window .modal-section-content .list-actions { + margin-left: 5px; +} +[class*="view-"] .modal-window .modal-chin, [class*="view-"] .modal-window .xblock-actions, [class*="view-"] .modal-window .modal-actions { + padding: 15px 2% 10px 2%} +[class*="view-"] .modal-window .modal-chin .action-item, [class*="view-"] .modal-window .xblock-actions .action-item, [class*="view-"] .modal-window .modal-actions .action-item { + display: inline-block; + margin-right: 15px; +} +[class*="view-"] .modal-window .modal-chin .action-item:last-child, [class*="view-"] .modal-window .xblock-actions .action-item:last-child, [class*="view-"] .modal-window .modal-actions .action-item:last-child { + margin-right: 0; +} +[class*="view-"] .modal-window .modal-chin .action-primary, [class*="view-"] .modal-window .xblock-actions .action-primary, [class*="view-"] .modal-window .modal-actions .action-primary { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #0075b4; + border-radius: 3px; + background-color: #0075b4; + color: #fff; + border-color: #007fb8; + color: #fff; +} +[class*="view-"] .modal-window .modal-chin .action-primary.disabled, [class*="view-"] .modal-window .modal-chin .action-primary.is-disabled, [class*="view-"] .modal-window .xblock-actions .action-primary.disabled, [class*="view-"] .modal-window .xblock-actions .action-primary.is-disabled, [class*="view-"] .modal-window .modal-actions .action-primary.disabled, [class*="view-"] .modal-window .modal-actions .action-primary.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +[class*="view-"] .modal-window .modal-chin .action-primary.disabled:hover, [class*="view-"] .modal-window .modal-chin .action-primary.disabled:focus, [class*="view-"] .modal-window .modal-chin .action-primary.is-disabled:hover, [class*="view-"] .modal-window .modal-chin .action-primary.is-disabled:focus, [class*="view-"] .modal-window .xblock-actions .action-primary.disabled:hover, [class*="view-"] .modal-window .xblock-actions .action-primary.disabled:focus, [class*="view-"] .modal-window .xblock-actions .action-primary.is-disabled:hover, [class*="view-"] .modal-window .xblock-actions .action-primary.is-disabled:focus, [class*="view-"] .modal-window .modal-actions .action-primary.disabled:hover, [class*="view-"] .modal-window .modal-actions .action-primary.disabled:focus, [class*="view-"] .modal-window .modal-actions .action-primary.is-disabled:hover, [class*="view-"] .modal-window .modal-actions .action-primary.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +[class*="view-"] .modal-window .modal-chin .action-primary:hover, [class*="view-"] .modal-window .modal-chin .action-primary:focus, [class*="view-"] .modal-window .modal-chin .action-primary:active, [class*="view-"] .modal-window .xblock-actions .action-primary:hover, [class*="view-"] .modal-window .xblock-actions .action-primary:focus, [class*="view-"] .modal-window .xblock-actions .action-primary:active, [class*="view-"] .modal-window .modal-actions .action-primary:hover, [class*="view-"] .modal-window .modal-actions .action-primary:focus, [class*="view-"] .modal-window .modal-actions .action-primary:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +[class*="view-"] .modal-window .modal-chin .action-primary:hover, [class*="view-"] .modal-window .modal-chin .action-primary:focus, [class*="view-"] .modal-window .modal-chin .action-primary:active, [class*="view-"] .modal-window .xblock-actions .action-primary:hover, [class*="view-"] .modal-window .xblock-actions .action-primary:focus, [class*="view-"] .modal-window .xblock-actions .action-primary:active, [class*="view-"] .modal-window .modal-actions .action-primary:hover, [class*="view-"] .modal-window .modal-actions .action-primary:focus, [class*="view-"] .modal-window .modal-actions .action-primary:active { + background-color: #065683; + color: #fff; +} +[class*="view-"] .modal-window .modal-chin .action-primary.disabled, [class*="view-"] .modal-window .modal-chin .action-primary.is-disabled, [class*="view-"] .modal-window .xblock-actions .action-primary.disabled, [class*="view-"] .modal-window .xblock-actions .action-primary.is-disabled, [class*="view-"] .modal-window .modal-actions .action-primary.disabled, [class*="view-"] .modal-window .modal-actions .action-primary.is-disabled { + box-shadow: none; + border: 1px solid #99d9f5 !important; + background: #99d9f5 !important; + color: #fff !important; +} +[class*="view-"] .modal-window .modal-chin a, [class*="view-"] .modal-window .xblock-actions a, [class*="view-"] .modal-window .modal-actions a { + color: #009fe6; +} +[class*="view-"] .modal-window .modal-chin a:hover, [class*="view-"] .modal-window .xblock-actions a:hover, [class*="view-"] .modal-window .modal-actions a:hover { + color: #009fe6; +} +[class*="view-"] .modal-sm { + width: 30%; + min-width: 300px; +} +[class*="view-"] .modal-sm .modal-content { + padding: 5% 4%} +[class*="view-"] .modal-med { + width: 40%; + min-width: 360px; +} +[class*="view-"] .modal-med .modal-content { + padding: 4%} +[class*="view-"] .modal-lg { + width: 70%; + min-width: 550px; + height: auto; +} +[class*="view-"] .modal-lg .modal-content { + padding: 20px; +} +[class*="view-"] .modal-lg.modal-editor .modal-header { + margin: 5px 10px; +} +[class*="view-"] .modal-lg.modal-editor .modal-header .title { + width: 47%; + display: inline-block; +} +[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes { + width: 48%; + display: inline-block; + text-align: right; +} +[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item { + display: inline-block; + margin-left: 10px; +} +[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button { + border: 0; + padding: 5px 10px; + text-transform: uppercase; +} +[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button.is-set, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button.is-set { + background-color: #666; + color: #fff; +} +[class*="view-"] .modal-lg.modal-editor .modal-content { + height: 435px; + overflow-y: auto; + overflow-x: hidden; + padding: 0; +} +[class*="view-"] .assetupload-modal .status-upload { + margin-top: 20px; +} +[class*="view-"] .modal-window .CodeMirror { + height: 365px; +} +[class*="view-"] .modal-window .CodeMirror-advanced { + height: 435px; +} +[class*="view-"] .modal-window .wrapper-comp-settings .list-input.settings-list { + height: auto; + max-height: none; +} +[class*="view-"] .modal-window .editor-with-buttons { + margin-bottom: 60px; +} +[class*="view-"] .modal-window .editor-with-buttons.wrapper-comp-settings .list-input.settings-list { + height: 375px; +} +[class*="view-"] .modal-window .editor-with-buttons .xblock-actions { + background-color: #e5e5e5; + position: absolute; + width: 100%; + bottom: 0; +} +[class*="view-"] .modal-lg.modal-type-video .modal-content { + box-shadow: none; + height: auto; + overflow-y: hidden; +} +[class*="view-"] .modal-lg.modal-type-video .modal-content .wrapper-modal-window-assetupload .modal-window { + top: 10% !important; + left: 10% !important; +} +[class*="view-"] .modal-lg.modal-type-video .modal-content .wrapper-modal-window-assetupload .modal-header { + margin: 10px 2%} +[class*="view-"] .modal-lg.modal-type-video .modal-content .wrapper-modal-window-assetupload .modal-header .title { + width: auto; + margin: 0 0 5px 0; +} +[class*="view-"] .modal-lg.modal-type-video .modal-content .wrapper-modal-window-assetupload .modal-header .editor-modes { + display: none; +} +[class*="view-"] .modal-lg.modal-type-video .modal-content .wrapper-modal-window-assetupload .modal-content { + padding: 2%} +[class*="view-"] .modal-lg.modal-type-video .modal-content .wrapper-modal-window-assetupload .modal-content .message { + margin: 0 5px 5px 5px; +} +[class*="view-"] .modal-lg.modal-type-video .modal-content .wrapper-modal-window-assetupload .modal-content input[type="file"] { + margin: 0; +} +[class*="view-"] .modal-lg.modal-type-video .modal-content .wrapper-modal-window-assetupload .modal-actions { + padding: 10px 0; +} +[class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header { + border: 0; + background-color: #e5e5e5; + padding: 10px; +} +[class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .component-name { + display: inline-block; + vertical-align: middle; + width: 48%; + margin-left: 10px; + color: #000; +} +[class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .component-name em { + color: inherit; + display: inline; +} +[class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .editor-tabs { + display: inline-block; + width: 48%; + position: relative; + top: auto; + right: auto; + padding: 0; + text-align: right; +} +[class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap { + padding: 0; +} +[class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab { + background-image: none; + box-shadow: none; + border: 0; + padding: 5px 10px; + text-transform: uppercase; +} +[class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab.current { + background-color: #666; + color: #fff; +} +[class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .tabs-wrapper { + height: 480px; + overflow-y: scroll; + border: 1px solid #b2b2b2; +} +[class*="view-"] .modal-lg.modal-type-video .xmodule_edit .editor-with-tabs .tabs-wrapper .component-tab { + border-top: 0; +} +[class*="view-"] .modal-window-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #000; + opacity: 0.5; + filter: alpha(opacity=50); +} +[class*="view-"] .xblock-visibility_view .visibility-controls-secondary { + max-height: 100%; + overflow-y: auto; + margin: 15px 0 0 20px; +} +[class*="view-"] .xblock-visibility_view .visibility-controls-group { + margin-bottom: 20px; +} +[class*="view-"] .xblock-visibility_view .list-fields .field { + margin-bottom: 5px; +} +[class*="view-"] .xblock-visibility_view .list-fields .field-radio label, [class*="view-"] .xblock-visibility_view .list-fields .field-checkbox label { + margin-left: 5px; +} +[class*="view-"] .xblock-visibility_view .field-visibility-verification .note { + margin: 14px 0 0 24px; + display: block; +} +[class*="view-"] .xblock-visibility_view .field-visibility-content-group.was-removed .input-checkbox:checked ~ label { + color: #d16a70; +} +[class*="view-"] .xblock-visibility_view .field-visibility-content-group.was-removed .note { + display: block; + color: #d16a70; +} +[class*="view-"] .xblock-visibility_view .is-not-configured { + padding: 20px; + text-align: left; +} +[class*="view-"] .xblock-visibility_view .is-not-configured .title { + font-weight: 600; + margin: 0 0 10px 0; +} +[class*="view-"] .xblock-visibility_view .is-not-configured .copy p { + margin-bottom: 20px; +} +[class*="view-"] .xblock-visibility_view .is-not-configured.has-actions .actions { + margin-top: 20px; +} +[class*="view-"] .xblock-visibility_view .is-not-configured.has-actions .action { + margin-left: 0; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .exam-time-list-fields, [class*="view-"] .wrapper-modal-window-bulkpublish-section .exam-review-rules-list-fields, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .exam-time-list-fields, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .exam-review-rules-list-fields, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .exam-time-list-fields, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .exam-review-rules-list-fields, [class*="view-"] .course-outline-modal .exam-time-list-fields, [class*="view-"] .course-outline-modal .exam-review-rules-list-fields { + margin: 0 0 10px 0; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field-message, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field-message, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field-message, [class*="view-"] .course-outline-modal .list-fields .field-message { + color: #666; + font-size: 10px; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field, [class*="view-"] .course-outline-modal .list-fields .field { + display: inline-block; + vertical-align: top; + margin-right: 10px; + margin-bottom: 5px; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field label, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field label, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field label, [class*="view-"] .course-outline-modal .list-fields .field label { + transition: color 0.125s ease-in-out 0s; + margin: 0 0 5px 0; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field label.is-focused, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field label.is-focused, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field label.is-focused, [class*="view-"] .course-outline-modal .list-fields .field label.is-focused { + color: #009fe6; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field input, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field textarea, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field input, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field textarea, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field input, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field textarea, [class*="view-"] .course-outline-modal .list-fields .field input, [class*="view-"] .course-outline-modal .list-fields .field textarea { + transition: all 0.25s ease-in-out 0s; + height: 100%; + width: 100%; + padding: 10px; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field input.long, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field textarea.long, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field input.long, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field textarea.long, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field input.long, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field textarea.long, [class*="view-"] .course-outline-modal .list-fields .field input.long, [class*="view-"] .course-outline-modal .list-fields .field textarea.long { + width: 100%} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field input.short, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field textarea.short, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field input.short, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field textarea.short, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field input.short, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field textarea.short, [class*="view-"] .course-outline-modal .list-fields .field input.short, [class*="view-"] .course-outline-modal .list-fields .field textarea.short { + width: 25%} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field .start-date, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field .start-time, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field .due-date, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field .due-time, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field .start-date, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field .start-time, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field .due-date, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field .due-time, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field .start-date, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field .start-time, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field .due-date, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field .due-time, [class*="view-"] .course-outline-modal .list-fields .field .start-date, [class*="view-"] .course-outline-modal .list-fields .field .start-time, [class*="view-"] .course-outline-modal .list-fields .field .due-date, [class*="view-"] .course-outline-modal .list-fields .field .due-time { + width: 140px; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field .tip, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field .tip, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field .tip, [class*="view-"] .course-outline-modal .list-fields .field .tip { + transition: color, 0.15s, ease-in-out; + display: block; + margin-top: 5px; + color: #b2b2b2; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field .tip-warning, [class*="view-"] .course-outline-modal .list-fields .field .tip-warning { + color: #4c4c4c; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field-text label, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field-text input, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field-text textarea, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field-text label, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field-text input, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field-text textarea, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field-text label, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field-text input, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field-text textarea, [class*="view-"] .course-outline-modal .list-fields .field-text label, [class*="view-"] .course-outline-modal .list-fields .field-text input, [class*="view-"] .course-outline-modal .list-fields .field-text textarea { + display: block; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field-select .label, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field-select .input, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field-select .label, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field-select .input, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field-select .label, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field-select .input, [class*="view-"] .course-outline-modal .list-fields .field-select .label, [class*="view-"] .course-outline-modal .list-fields .field-select .input { + display: inline-block; + vertical-align: middle; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field-select .label, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field-select .label, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field-select .label, [class*="view-"] .course-outline-modal .list-fields .field-select .label { + margin-right: 10px; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field-select .input, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field-select .input, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field-select .input, [class*="view-"] .course-outline-modal .list-fields .field-select .input { + width: 100%} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field-select .field-checkbox .label, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field-select .field-checkbox label, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field-select .field-checkbox .label, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field-select .field-checkbox label, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field-select .field-checkbox .label, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field-select .field-checkbox label, [class*="view-"] .course-outline-modal .list-fields .field-select .field-checkbox .label, [class*="view-"] .course-outline-modal .list-fields .field-select .field-checkbox label { + margin-bottom: 0; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-grading .grading-type, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-grading .grading-type, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-grading .grading-type, [class*="view-"] .course-outline-modal .edit-settings-grading .grading-type { + margin-bottom: 20px; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-staff-lock, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-content-visibility, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-staff-lock, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-content-visibility, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-staff-lock, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-content-visibility, [class*="view-"] .course-outline-modal .edit-staff-lock, [class*="view-"] .course-outline-modal .edit-content-visibility { + margin-bottom: 20px; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-staff-lock .tip, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-content-visibility .tip, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-staff-lock .tip, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-content-visibility .tip, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-staff-lock .tip, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-content-visibility .tip, [class*="view-"] .course-outline-modal .edit-staff-lock .tip, [class*="view-"] .course-outline-modal .edit-content-visibility .tip { + font-weight: bold; + font-size: 12px; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-staff-lock .checkbox-cosmetic .input-checkbox ~ .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox ~ .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-verification-access .checkbox-cosmetic .input-checkbox ~ .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-staff-lock .checkbox-cosmetic .input-checkbox ~ .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox ~ .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-verification-access .checkbox-cosmetic .input-checkbox ~ .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-staff-lock .checkbox-cosmetic .input-checkbox ~ .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox ~ .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-verification-access .checkbox-cosmetic .input-checkbox ~ .tip-warning, [class*="view-"] .course-outline-modal .edit-staff-lock .checkbox-cosmetic .input-checkbox ~ .tip-warning, [class*="view-"] .course-outline-modal .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox ~ .tip-warning, [class*="view-"] .course-outline-modal .edit-verification-access .checkbox-cosmetic .input-checkbox ~ .tip-warning { + display: block; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-staff-lock .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-verification-access .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-staff-lock .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-verification-access .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-staff-lock .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-verification-access .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning, [class*="view-"] .course-outline-modal .edit-staff-lock .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning, [class*="view-"] .course-outline-modal .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning, [class*="view-"] .course-outline-modal .edit-verification-access .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning { + display: none; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-staff-lock .checkbox-cosmetic .label, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-timed-examination .checkbox-cosmetic .label, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-verification-access .checkbox-cosmetic .label, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-staff-lock .checkbox-cosmetic .label, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-timed-examination .checkbox-cosmetic .label, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-verification-access .checkbox-cosmetic .label, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-staff-lock .checkbox-cosmetic .label, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-timed-examination .checkbox-cosmetic .label, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-verification-access .checkbox-cosmetic .label, [class*="view-"] .course-outline-modal .edit-staff-lock .checkbox-cosmetic .label, [class*="view-"] .course-outline-modal .edit-settings-timed-examination .checkbox-cosmetic .label, [class*="view-"] .course-outline-modal .edit-verification-access .checkbox-cosmetic .label { + margin-bottom: 0; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-staff-lock .note, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-timed-examination .note, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-verification-access .note, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-staff-lock .note, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-timed-examination .note, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-verification-access .note, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-staff-lock .note, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-timed-examination .note, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-verification-access .note, [class*="view-"] .course-outline-modal .edit-staff-lock .note, [class*="view-"] .course-outline-modal .edit-settings-timed-examination .note, [class*="view-"] .course-outline-modal .edit-verification-access .note { + margin: 14px 0 0 21px; + display: block; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .verification-access .checkbox-cosmetic .label, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .verification-access .checkbox-cosmetic .label, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .verification-access .checkbox-cosmetic .label, [class*="view-"] .course-outline-modal .verification-access .checkbox-cosmetic .label { + float: left; + margin: 2px 6px 0 0; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-timed-examination, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-timed-examination, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-timed-examination, [class*="view-"] .course-outline-modal .edit-settings-timed-examination { + padding-bottom: 10px; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox ~ .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox ~ .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox ~ .tip-warning, [class*="view-"] .course-outline-modal .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox ~ .tip-warning { + display: block; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning, [class*="view-"] .course-outline-modal .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning { + display: none; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-timed-examination .checkbox-cosmetic .label, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-timed-examination .checkbox-cosmetic .label, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-timed-examination .checkbox-cosmetic .label, [class*="view-"] .course-outline-modal .edit-settings-timed-examination .checkbox-cosmetic .label { + margin-bottom: 0; +} +[class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-access .gating-prereq, [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-access .gating-prereq, [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-access .gating-prereq, [class*="view-"] .course-outline-modal .edit-settings-access .gating-prereq { + margin-bottom: 10px; +} +.wrapper-assets .assets-library:after { + content: ""; + display: table; + clear: both; +} +.wrapper-assets .assets-library .assets-title { + margin-top: 40px; + margin-bottom: 40px; +} +.wrapper-assets .assets-library .meta-wrap { + margin-bottom: 20px; +} +.wrapper-assets .assets-library .meta { + display: inline-block; + vertical-align: top; + width: 74.46809%; + color: #999; +} +.wrapper-assets .assets-library .assets-table { + width: 100%; + font-size: 80%; + word-wrap: break-word; +} +.wrapper-assets .assets-library .assets-table th { + background-color: #f2f2f2; + padding: 0 10px 15px 10px; + vertical-align: middle; + text-align: left; + color: #7f7f7f; +} +.wrapper-assets .assets-library .assets-table th .column-sort-link { + cursor: pointer; + color: #009fe6; +} +.wrapper-assets .assets-library .assets-table th .current-sort { + border-bottom: 1px solid #ccc; +} +.wrapper-assets .assets-library .assets-table th.embed-col { + padding-left: 15px; + padding-right: 15px; +} +.wrapper-assets .assets-library .assets-table td { + padding: 10px; + vertical-align: middle; + text-align: left; +} +.wrapper-assets .assets-library .assets-table tbody { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); + border: 1px solid #e5e5e5; + background: #fff; +} +.wrapper-assets .assets-library .assets-table tbody tr { + transition: all 0.25s ease-in-out 0s; + border-top: 1px solid #e5e5e5; +} +.wrapper-assets .assets-library .assets-table tbody tr .status-col { + text-transform: uppercase; +} +.wrapper-assets .assets-library .assets-table tbody tr:first-child { + border-top: none; +} +.wrapper-assets .assets-library .assets-table tbody tr:nth-child(odd) { + background-color: #f9f9f9; +} +.wrapper-assets .assets-library .assets-table tbody tr a { + color: #666; +} +.wrapper-assets .assets-library .assets-table tbody tr a:hover { + color: #009fe6; +} +.wrapper-assets .assets-library .assets-table tbody tr.is-locked { + background-image: url("{{ path_to_images }}bg-micro-stripes.png"); + background-position: 0 0; + background-repeat: repeat; +} +.wrapper-assets .assets-library .assets-table tbody tr:hover { + background-color: #e6f5fd; +} +.wrapper-assets .assets-library .assets-table tbody tr:hover .date-col, .wrapper-assets .assets-library .assets-table tbody tr:hover .embed-col, .wrapper-assets .assets-library .assets-table tbody tr:hover .embed-col .embeddable-xml-input { + color: #7f7f7f; +} +.wrapper-assets .assets-library .assets-table tbody .thumb-col { + padding: 10px 20px; +} +.wrapper-assets .assets-library .assets-table tbody .thumb-col .thumb { + width: 100px; +} +.wrapper-assets .assets-library .assets-table tbody .thumb-col img { + width: 100%} +.wrapper-assets .assets-library .assets-table tbody .name-col .title { + display: inline-block; + max-width: 200px; + overflow: hidden; +} +.wrapper-assets .assets-library .assets-table tbody .date-col { + transition: all 0.25s ease-in-out 0s; + color: #b2b2b2; +} +.wrapper-assets .assets-library .assets-table tbody .embed-col { + transition: all 0.25s ease-in-out 0s; + padding-left: 15px; + color: #b2b2b2; +} +.wrapper-assets .assets-library .assets-table tbody .embed-col .embeddable-xml-input { + transition: all 0.25s ease-in-out 0s; + box-shadow: none; + border: 1px solid transparent; + background: none; + width: 100%; + color: #b2b2b2; +} +.wrapper-assets .assets-library .assets-table tbody .embed-col .embeddable-xml-input:focus { + background-color: #fff; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset; + border: 1px solid #ccc; +} +.wrapper-assets .assets-library .assets-table tbody .actions-col { + padding: 10px; + text-align: center; +} +@font-face { + font-family: 'CreativeCommons'; + src: url("../fonts/CreativeCommons/cc.eot"); + src: url("../fonts/CreativeCommons/cc.eot#iefix") format("embedded-opentype"), url("../fonts/CreativeCommons/cc.woff") format("woff"), url("../fonts/CreativeCommons/cc.ttf") format("truetype"), url("../fonts/CreativeCommons/cc.svg#CreativeCommons") format("svg"); + font-weight: normal; + font-style: normal; +} +[class^="icon-cc"]:before, [class*=" icon-cc"]:before { + font-family: "CreativeCommons"} +.icon-cc:before { + content: '\e800'} +.icon-cc-by:before { + content: '\e801'} +.icon-cc-nc:before { + content: '\e802'} +.icon-cc-nc-eu:before { + content: '\e803'} +.icon-cc-nc-jp:before { + content: '\e804'} +.icon-cc-sa:before { + content: '\e805'} +.icon-cc-nd:before { + content: '\e806'} +.icon-cc-pd:before { + content: '\e807'} +.icon-cc-zero:before { + content: '\e808'} +.icon-cc-share:before { + content: '\e809'} +.icon-cc-remix:before { + content: '\e80a'} +.tooltip { + transition: opacity 0.125s ease-out 0s; + font-size: 12px; + font-size: 1.2rem; + position: absolute; + top: 0; + left: 0; + padding: 0 10px; + border-radius: 3px; + background: rgba(0, 0, 0, 0.85); + line-height: 26px; + color: #fff; + pointer-events: none; + opacity: 0.0; +} +.tooltip:after { + font-size: 20px; + font-size: 2rem; + content: '▾'; + display: block; + position: absolute; + bottom: -14px; + left: 50%; + margin-left: -7px; + color: rgba(0, 0, 0, 0.85); +} +.view-signup .wrapper-content, .view-signin .wrapper-content, .view-util .wrapper-content { + margin: 30px 0 0 0; + padding: 0 20px; + position: relative; + width: 100%} +.view-signup .content, .view-signin .content, .view-util .content { + max-width: 1280px; + min-width: 900px; + width: 100%; + margin: 0 auto; + color: #4c4c4c; +} +.view-signup .content:after, .view-signin .content:after, .view-util .content:after { + content: ""; + display: table; + clear: both; +} +.view-signup .content header, .view-signin .content header, .view-util .content header { + position: relative; + margin-bottom: 20px; + border-bottom: 1px solid #e5e5e5; + padding-bottom: 10px; +} +.view-signup .content header h1, .view-signin .content header h1, .view-util .content header h1 { + margin: 0; + padding: 0; +} +.view-signup .content header .action, .view-signin .content header .action, .view-util .content header .action { + position: absolute; + right: 0; + top: 40%} +.view-signup .content .introduction, .view-signin .content .introduction, .view-util .content .introduction { + margin: 0 0 20px 0; +} +.view-signup .content-primary, .view-signup .content-supplementary, .view-signin .content-primary, .view-signin .content-supplementary, .view-util .content-primary, .view-util .content-supplementary { + box-sizing: border-box; +} +.view-signup .content-primary form, .view-signin .content-primary form, .view-util .content-primary form { + box-sizing: border-box; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + border-radius: 2px; + width: 100%; + border: 1px solid #b2b2b2; + padding: 20px 30px; + background: #fff; +} +.view-signup .content-primary form .form-actions, .view-signin .content-primary form .form-actions, .view-util .content-primary form .form-actions { + margin-top: 20px; +} +.view-signup .content-primary form .form-actions .action-primary, .view-signin .content-primary form .form-actions .action-primary, .view-util .content-primary form .form-actions .action-primary { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #0075b4; + border-radius: 3px; + background-color: #0075b4; + color: #fff; + transition: all 0.125s linear 0s; + display: block; + width: 100%; + padding: 15px 10px; + text-transform: uppercase; +} +.view-signup .content-primary form .form-actions .action-primary.disabled, .view-signup .content-primary form .form-actions .action-primary.is-disabled, .view-signin .content-primary form .form-actions .action-primary.disabled, .view-signin .content-primary form .form-actions .action-primary.is-disabled, .view-util .content-primary form .form-actions .action-primary.disabled, .view-util .content-primary form .form-actions .action-primary.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.view-signup .content-primary form .form-actions .action-primary.disabled:hover, .view-signup .content-primary form .form-actions .action-primary.disabled:focus, .view-signup .content-primary form .form-actions .action-primary.is-disabled:hover, .view-signup .content-primary form .form-actions .action-primary.is-disabled:focus, .view-signin .content-primary form .form-actions .action-primary.disabled:hover, .view-signin .content-primary form .form-actions .action-primary.disabled:focus, .view-signin .content-primary form .form-actions .action-primary.is-disabled:hover, .view-signin .content-primary form .form-actions .action-primary.is-disabled:focus, .view-util .content-primary form .form-actions .action-primary.disabled:hover, .view-util .content-primary form .form-actions .action-primary.disabled:focus, .view-util .content-primary form .form-actions .action-primary.is-disabled:hover, .view-util .content-primary form .form-actions .action-primary.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.view-signup .content-primary form .form-actions .action-primary:hover, .view-signup .content-primary form .form-actions .action-primary:focus, .view-signup .content-primary form .form-actions .action-primary:active, .view-signin .content-primary form .form-actions .action-primary:hover, .view-signin .content-primary form .form-actions .action-primary:focus, .view-signin .content-primary form .form-actions .action-primary:active, .view-util .content-primary form .form-actions .action-primary:hover, .view-util .content-primary form .form-actions .action-primary:focus, .view-util .content-primary form .form-actions .action-primary:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.view-signup .content-primary form .form-actions .action-primary:hover, .view-signup .content-primary form .form-actions .action-primary:focus, .view-signup .content-primary form .form-actions .action-primary:active, .view-signin .content-primary form .form-actions .action-primary:hover, .view-signin .content-primary form .form-actions .action-primary:focus, .view-signin .content-primary form .form-actions .action-primary:active, .view-util .content-primary form .form-actions .action-primary:hover, .view-util .content-primary form .form-actions .action-primary:focus, .view-util .content-primary form .form-actions .action-primary:active { + background-color: #065683; + color: #fff; +} +.view-signup .content-primary form .form-actions .action-primary.disabled, .view-signup .content-primary form .form-actions .action-primary.is-disabled, .view-signin .content-primary form .form-actions .action-primary.disabled, .view-signin .content-primary form .form-actions .action-primary.is-disabled, .view-util .content-primary form .form-actions .action-primary.disabled, .view-util .content-primary form .form-actions .action-primary.is-disabled { + box-shadow: none; + border: 1px solid #99d9f5 !important; + background: #99d9f5 !important; + color: #fff !important; +} +.view-signup .content-primary form .list-input .field, .view-signin .content-primary form .list-input .field, .view-util .content-primary form .list-input .field { + margin: 0 0 15px 0; +} +.view-signup .content-primary form .list-input .field:last-child, .view-signin .content-primary form .list-input .field:last-child, .view-util .content-primary form .list-input .field:last-child { + margin-bottom: 0; +} +.view-signup .content-primary form .list-input .field.required label:after, .view-signin .content-primary form .list-input .field.required label:after, .view-util .content-primary form .list-input .field.required label:after { + margin-left: 5px; + content: "*"} +.view-signup .content-primary form .list-input .field label, .view-signup .content-primary form .list-input .field input, .view-signup .content-primary form .list-input .field textarea, .view-signin .content-primary form .list-input .field label, .view-signin .content-primary form .list-input .field input, .view-signin .content-primary form .list-input .field textarea, .view-util .content-primary form .list-input .field label, .view-util .content-primary form .list-input .field input, .view-util .content-primary form .list-input .field textarea { + display: block; +} +.view-signup .content-primary form .list-input .field label, .view-signin .content-primary form .list-input .field label, .view-util .content-primary form .list-input .field label { + transition: color 0.125s ease-in-out 0s; + margin: 0 0 5px 0; +} +.view-signup .content-primary form .list-input .field label.is-focused, .view-signin .content-primary form .list-input .field label.is-focused, .view-util .content-primary form .list-input .field label.is-focused { + color: #009fe6; +} +.view-signup .content-primary form .list-input .field input, .view-signup .content-primary form .list-input .field textarea, .view-signin .content-primary form .list-input .field input, .view-signin .content-primary form .list-input .field textarea, .view-util .content-primary form .list-input .field input, .view-util .content-primary form .list-input .field textarea { + height: 100%; + width: 100%; + padding: 10px; +} +.view-signup .content-primary form .list-input .field input.long, .view-signup .content-primary form .list-input .field textarea.long, .view-signin .content-primary form .list-input .field input.long, .view-signin .content-primary form .list-input .field textarea.long, .view-util .content-primary form .list-input .field input.long, .view-util .content-primary form .list-input .field textarea.long { + width: 100%} +.view-signup .content-primary form .list-input .field input.short, .view-signup .content-primary form .list-input .field textarea.short, .view-signin .content-primary form .list-input .field input.short, .view-signin .content-primary form .list-input .field textarea.short, .view-util .content-primary form .list-input .field input.short, .view-util .content-primary form .list-input .field textarea.short { + width: 25%} +.view-signup .content-primary form .list-input .field input ::-webkit-input-placeholder, .view-signup .content-primary form .list-input .field textarea ::-webkit-input-placeholder, .view-signin .content-primary form .list-input .field input ::-webkit-input-placeholder, .view-signin .content-primary form .list-input .field textarea ::-webkit-input-placeholder, .view-util .content-primary form .list-input .field input ::-webkit-input-placeholder, .view-util .content-primary form .list-input .field textarea ::-webkit-input-placeholder { + color: #e5e5e5; +} +.view-signup .content-primary form .list-input .field input :-moz-placeholder, .view-signup .content-primary form .list-input .field textarea :-moz-placeholder, .view-signin .content-primary form .list-input .field input :-moz-placeholder, .view-signin .content-primary form .list-input .field textarea :-moz-placeholder, .view-util .content-primary form .list-input .field input :-moz-placeholder, .view-util .content-primary form .list-input .field textarea :-moz-placeholder { + color: #ccc; +} +.view-signup .content-primary form .list-input .field input ::-moz-placeholder, .view-signup .content-primary form .list-input .field textarea ::-moz-placeholder, .view-signin .content-primary form .list-input .field input ::-moz-placeholder, .view-signin .content-primary form .list-input .field textarea ::-moz-placeholder, .view-util .content-primary form .list-input .field input ::-moz-placeholder, .view-util .content-primary form .list-input .field textarea ::-moz-placeholder { + color: #ccc; +} +.view-signup .content-primary form .list-input .field input :-ms-input-placeholder, .view-signup .content-primary form .list-input .field textarea :-ms-input-placeholder, .view-signin .content-primary form .list-input .field input :-ms-input-placeholder, .view-signin .content-primary form .list-input .field textarea :-ms-input-placeholder, .view-util .content-primary form .list-input .field input :-ms-input-placeholder, .view-util .content-primary form .list-input .field textarea :-ms-input-placeholder { + color: #ccc; +} +.view-signup .content-primary form .list-input .field input:focus+.tip, .view-signup .content-primary form .list-input .field textarea:focus+.tip, .view-signin .content-primary form .list-input .field input:focus+.tip, .view-signin .content-primary form .list-input .field textarea:focus+.tip, .view-util .content-primary form .list-input .field input:focus+.tip, .view-util .content-primary form .list-input .field textarea:focus+.tip { + color: #666; +} +.view-signup .content-primary form .list-input .field textarea.long, .view-signin .content-primary form .list-input .field textarea.long, .view-util .content-primary form .list-input .field textarea.long { + height: 100px; +} +.view-signup .content-primary form .list-input .field input[type="checkbox"], .view-signin .content-primary form .list-input .field input[type="checkbox"], .view-util .content-primary form .list-input .field input[type="checkbox"] { + display: inline-block; + margin-right: 5px; + width: auto; + height: auto; +} +.view-signup .content-primary form .list-input .field input[type="checkbox"]+label, .view-signin .content-primary form .list-input .field input[type="checkbox"]+label, .view-util .content-primary form .list-input .field input[type="checkbox"]+label { + display: inline-block; +} +.view-signup .content-primary form .list-input .field .tip, .view-signin .content-primary form .list-input .field .tip, .view-util .content-primary form .list-input .field .tip { + transition: color 0.125s ease-in-out 0s; + display: block; + margin-top: 5px; + color: #666; +} +.view-signup .content-primary form .list-input .field-group, .view-signin .content-primary form .list-input .field-group, .view-util .content-primary form .list-input .field-group { + margin: 0 0 10px 0; +} +.view-signup .content-primary form .list-input .field-group:after, .view-signin .content-primary form .list-input .field-group:after, .view-util .content-primary form .list-input .field-group:after { + content: ""; + display: table; + clear: both; +} +.view-signup .content-primary form .list-input .field-group .field, .view-signin .content-primary form .list-input .field-group .field, .view-util .content-primary form .list-input .field-group .field { + display: block; + width: 47%; + border-bottom: none; + margin: 0 20px 0 0; + padding-bottom: 0; +} +.view-signup .content-primary form .list-input .field-group .field:nth-child(odd), .view-signin .content-primary form .list-input .field-group .field:nth-child(odd), .view-util .content-primary form .list-input .field-group .field:nth-child(odd) { + float: left; +} +.view-signup .content-primary form .list-input .field-group .field:nth-child(even), .view-signin .content-primary form .list-input .field-group .field:nth-child(even), .view-util .content-primary form .list-input .field-group .field:nth-child(even) { + float: right; + margin-right: 0; +} +.view-signup .content-primary form .list-input .field-group .field input, .view-signup .content-primary form .list-input .field-group .field textarea, .view-signin .content-primary form .list-input .field-group .field input, .view-signin .content-primary form .list-input .field-group .field textarea, .view-util .content-primary form .list-input .field-group .field input, .view-util .content-primary form .list-input .field-group .field textarea { + width: 100%} +.view-signup .content-supplementary .bit, .view-signin .content-supplementary .bit, .view-util .content-supplementary .bit { + margin: 0 0 20px 0; + border-bottom: 1px solid #e5e5e5; + padding: 0 0 20px 0; + color: #666; +} +.view-signup .content-supplementary .bit:last-child, .view-signin .content-supplementary .bit:last-child, .view-util .content-supplementary .bit:last-child { + margin-bottom: 0; + border: none; + padding-bottom: 0; +} +.view-signup .content-supplementary .bit h3, .view-signin .content-supplementary .bit h3, .view-util .content-supplementary .bit h3 { + margin: 0 0 5px 0; + color: #4c4c4c; +} +.view-signup #field-password, .view-signin #field-password, .view-util #field-password { + position: relative; +} +.view-signup #field-password .action-forgotpassword, .view-signin #field-password .action-forgotpassword, .view-util #field-password .action-forgotpassword { + position: absolute; + top: 0; + right: 0; +} +.view-uploads .content-primary, .view-uploads .content-supplementary { + box-sizing: border-box; +} +.view-uploads .nav-actions .fa-cloud-upload { + vertical-align: bottom; + margin-right: 4px; +} +.view-uploads .no-asset-content { + padding: 40px; + background-color: #e5e5e5; + text-align: center; + color: #7f7f7f; +} +.view-uploads .no-asset-content .new-button { + margin-left: 20px; +} +.view-uploads .no-asset-content .new-button .icon { + margin-right: 10px; +} +.view-uploads .assets-library:after { + content: ""; + display: table; + clear: both; +} +.view-uploads .assets-library .meta-wrap { + margin-bottom: 20px; +} +.view-uploads .assets-library .meta { + display: inline-block; + vertical-align: top; + width: 74.46809%; + color: #999; +} +.view-uploads .assets-library .pagination { + display: inline-block; + width: 23.40426%} +.view-uploads .assets-library .pagination:after { + content: ""; + display: table; + clear: both; +} +.view-uploads .assets-library .pagination.pagination-compact { + text-align: right; +} +.view-uploads .assets-library .pagination.pagination-full { + display: block; + width: 31.91489%; + margin: 20px auto; +} +.view-uploads .assets-library .pagination .nav-item { + position: relative; + display: inline-block; +} +.view-uploads .assets-library .pagination .nav-link { + transition: all 0.25s ease-in-out 0s; + display: block; + padding: 5px 15px; +} +.view-uploads .assets-library .pagination .nav-link.previous { + margin-right: 10px; +} +.view-uploads .assets-library .pagination .nav-link.next { + margin-left: 10px; +} +.view-uploads .assets-library .pagination .nav-link:hover { + background-color: #009fe6; + border-radius: 3px; + color: #fff; +} +.view-uploads .assets-library .pagination .nav-link.is-disabled { + background-color: transparent; + color: #b2b2b2; + pointer-events: none; +} +.view-uploads .assets-library .pagination .pagination-form, .view-uploads .assets-library .pagination .current-page, .view-uploads .assets-library .pagination .page-divider, .view-uploads .assets-library .pagination .total-pages { + display: inline-block; +} +.view-uploads .assets-library .pagination .current-page, .view-uploads .assets-library .pagination .page-number-input, .view-uploads .assets-library .pagination .total-pages { + width: 50px; + margin: 0 15px; + padding: 5px; + text-align: center; + color: #7f7f7f; +} +.view-uploads .assets-library .pagination .current-page { + position: absolute; + left: -5px; +} +.view-uploads .assets-library .pagination .page-divider { + vertical-align: middle; + color: #b2b2b2; +} +.view-uploads .assets-library .pagination .pagination-form { + position: relative; +} +.view-uploads .assets-library .pagination .pagination-form .page-number-input { + transition: all 0.25s ease-in-out 0s; + border: 1px solid transparent; + border-bottom: 1px dotted #b2b2b2; + border-radius: 0; + box-shadow: none; + background: none; +} +.view-uploads .assets-library .pagination .pagination-form .page-number-input:hover { + background-color: #fff; + opacity: 0.6; +} +.view-uploads .assets-library .pagination .pagination-form .page-number-input:focus { + background-color: #fffcf1; + background-image: -webkit-linear-gradient(#fffcf1, #fffffe); + background-image: linear-gradient(#fffcf1, #fffffe); + opacity: 1.0; + box-shadow: 0 0 3px rgba(0, 0, 0, 0.4) inset; + background-color: #fff; + border: 1px solid transparent; + border-radius: 3px; +} +.view-uploads .assets-library table { + width: 100%; + word-wrap: break-word; +} +.view-uploads .assets-library table th { + background-color: #f2f2f2; + padding: 0 10px 15px 10px; + vertical-align: middle; + text-align: left; + color: #7f7f7f; +} +.view-uploads .assets-library table th .column-sort-link, .view-uploads .assets-library table th .column-selected-link { + cursor: pointer; + color: #009fe6; +} +.view-uploads .assets-library table th .current-sort { + border-bottom: 1px solid #ccc; +} +.view-uploads .assets-library table th.embed-col { + padding-left: 15px; + padding-right: 15px; +} +.view-uploads .assets-library table th.nav-dd { + margin: -10px; + color: #009fe6; + cursor: pointer; +} +.view-uploads .assets-library table th.nav-dd .wrapper-nav-sub { + top: 35px; +} +.view-uploads .assets-library table th.nav-dd .wrapper-nav-sub>ol>.nav-item { + display: inline-block; + vertical-align: middle; +} +.view-uploads .assets-library table th.nav-dd .wrapper-nav-sub>ol>.nav-item:last-child { + margin-right: 0; +} +.view-uploads .assets-library table th.nav-dd .wrapper-nav-sub .nav-sub { + text-align: left; +} +.view-uploads .assets-library table th.nav-dd .wrapper-nav-sub .nav-sub:after { + left: 20px; + margin-left: -10px; +} +.view-uploads .assets-library table th.nav-dd .wrapper-nav-sub .nav-sub:before { + left: 20px; + margin-left: -11px; +} +.view-uploads .assets-library table th.nav-dd .wrapper-nav-sub .nav-sub .nav-item.reset-filter { + display: none; +} +.view-uploads .assets-library table th.nav-dd .wrapper-nav-sub .nav-sub .nav-item a { + color: #666; +} +.view-uploads .assets-library table th.nav-dd .wrapper-nav-sub .nav-sub .nav-item a:hover { + color: #009fe6; +} +.view-uploads .assets-library table td { + padding: 10px; + vertical-align: middle; + text-align: left; +} +.view-uploads .assets-library table tbody { + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); + border: 1px solid #e5e5e5; + background: #fff; +} +.view-uploads .assets-library table tbody tr { + transition: all 0.25s ease-in-out 0s; + border-top: 1px solid #e5e5e5; +} +.view-uploads .assets-library table tbody tr:first-child { + border-top: none; +} +.view-uploads .assets-library table tbody tr:nth-child(odd) { + background-color: #f9f9f9; +} +.view-uploads .assets-library table tbody tr a { + color: #666; +} +.view-uploads .assets-library table tbody tr a:hover { + color: #009fe6; +} +.view-uploads .assets-library table tbody tr.is-locked { + background-image: url("{{ path_to_images }}bg-micro-stripes.png"); + background-position: 0 0; + background-repeat: repeat; +} +.view-uploads .assets-library table tbody tr:hover { + background-color: #e6f5fd; +} +.view-uploads .assets-library table tbody tr:hover .date-col, .view-uploads .assets-library table tbody tr:hover .embed-col, .view-uploads .assets-library table tbody tr:hover .embed-col .embeddable-xml-input { + color: #7f7f7f; +} +.view-uploads .assets-library table tbody .thumb-col { + padding: 10px 20px; + color: #b2b2b2; +} +.view-uploads .assets-library table tbody .thumb-col .thumb { + width: 100px; +} +.view-uploads .assets-library table tbody .thumb-col img { + width: 100%} +.view-uploads .assets-library table tbody .name-col .title { + display: inline-block; + max-width: 200px; + overflow: hidden; +} +.view-uploads .assets-library table tbody .type-col { + color: #b2b2b2; +} +.view-uploads .assets-library table tbody .date-col { + transition: all 0.25s ease-in-out 0s; + color: #b2b2b2; +} +.view-uploads .assets-library table tbody .embed-col { + transition: all 0.25s ease-in-out 0s; + padding-left: 15px; + color: #b2b2b2; +} +.view-uploads .assets-library table tbody .embed-col .label { + display: inline-block; + width: 40px; +} +.view-uploads .assets-library table tbody .embed-col .embeddable-xml-input { + transition: all 0.25s ease-in-out 0s; + box-shadow: none; + border: 1px solid transparent; + background: none; + padding: 4px; + color: #b2b2b2; +} +.view-uploads .assets-library table tbody .embed-col .embeddable-xml-input:focus { + background-color: #fff; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset; + border: 1px solid #ccc; + color: #000; +} +.view-uploads .assets-library table tbody .actions-col { + padding: 10px; + text-align: center; +} +.view-uploads .actions-list .action-item.action-lock { + position: relative; +} +.view-uploads .actions-list .action-item.action-lock label { + position: absolute; + top: 0; + right: 0; + height: 30px; + width: 30px; +} +.view-uploads .actions-list .action-item.action-lock label:hover { + background-color: #009fe6; +} +.view-uploads .actions-list .action-item.action-lock .lock-checkbox { + position: absolute; + top: 0; + right: 0; + height: 30px; + width: 30px; + opacity: 0; +} +.view-uploads .actions-list .action-item.action-lock .lock-checkbox:hover ~ .action-button { + background-color: #009fe6; + color: #f9f9f9; +} +.view-uploads .actions-list .action-item.action-lock .lock-checkbox ~ .action-button .fa-lock { + display: none; +} +.view-uploads .actions-list .action-item.action-lock .lock-checkbox ~ .action-button .fa-unlock-alt { + display: inline-block; + pointer-events: none; +} +.view-uploads .actions-list .action-item.action-lock .lock-checkbox:checked ~ .action-button { + background-color: #7f7f7f; + color: #fff; +} +.view-uploads .actions-list .action-item.action-lock .lock-checkbox:checked ~ .action-button .fa-lock { + display: inline-block; + pointer-events: none; +} +.view-uploads .actions-list .action-item.action-lock .lock-checkbox:checked ~ .action-button .fa-unlock-alt { + display: none; +} +.view-uploads .show-xml { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #0075b4; + border-radius: 3px; + background-color: #0075b4; + color: #fff; +} +.view-uploads .show-xml.disabled, .view-uploads .show-xml.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.view-uploads .show-xml.disabled:hover, .view-uploads .show-xml.disabled:focus, .view-uploads .show-xml.is-disabled:hover, .view-uploads .show-xml.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.view-uploads .show-xml:hover, .view-uploads .show-xml:focus, .view-uploads .show-xml:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.view-uploads .show-xml:hover, .view-uploads .show-xml:focus, .view-uploads .show-xml:active { + background-color: #065683; + color: #fff; +} +.view-uploads .show-xml.disabled, .view-uploads .show-xml.is-disabled { + box-shadow: none; + border: 1px solid #99d9f5 !important; + background: #99d9f5 !important; + color: #fff !important; +} +.view-uploads .upload-modal { + display: none; + width: 640px !important; + margin-left: -320px !important; +} +.view-uploads .upload-modal .modal-body { + height: auto !important; + overflow-y: auto !important; + text-align: center; +} +.view-uploads .upload-modal .title { + float: none; + margin: 40px 0 30px; +} +.view-uploads .upload-modal .file-input { + display: none; +} +.view-uploads .upload-modal .choose-file-button { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #0075b4; + border-radius: 3px; + background-color: #0075b4; + color: #fff; + padding: 10px 82px 12px; +} +.view-uploads .upload-modal .choose-file-button.disabled, .view-uploads .upload-modal .choose-file-button.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.view-uploads .upload-modal .choose-file-button.disabled:hover, .view-uploads .upload-modal .choose-file-button.disabled:focus, .view-uploads .upload-modal .choose-file-button.is-disabled:hover, .view-uploads .upload-modal .choose-file-button.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.view-uploads .upload-modal .choose-file-button:hover, .view-uploads .upload-modal .choose-file-button:focus, .view-uploads .upload-modal .choose-file-button:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.view-uploads .upload-modal .choose-file-button:hover, .view-uploads .upload-modal .choose-file-button:focus, .view-uploads .upload-modal .choose-file-button:active { + background-color: #065683; + color: #fff; +} +.view-uploads .upload-modal .choose-file-button.disabled, .view-uploads .upload-modal .choose-file-button.is-disabled { + box-shadow: none; + border: 1px solid #99d9f5 !important; + background: #99d9f5 !important; + color: #fff !important; +} +.view-uploads .upload-modal .progress-bar { + display: none; + width: 300px; + height: 35px; + margin: 20px auto; + border: 1px solid #25b85a; + border-radius: 40px; +} +.view-uploads .upload-modal .progress-bar.loaded { + border-color: #66b93d; +} +.view-uploads .upload-modal .progress-bar.loaded .progress-fill { + background: #66b93d; +} +.view-uploads .upload-modal .progress-fill { + width: 0%; + height: 30px; + border-radius: 40px; + background: #25b85a; + padding-top: 5px; + color: #fff; +} +.view-uploads .upload-modal .close-button { + transition: color 0.25s ease-in-out 0s; + position: absolute; + top: 0; + right: 15px; + border: none; + background: none; + padding: 0; +} +.view-uploads .upload-modal .close-button:hover { + background: none; + box-shadow: none; + color: #009fe6; +} +.view-uploads .upload-modal .embeddable { + display: none; + margin: 30px 0 80px; +} +.view-uploads .upload-modal .embeddable label { + display: block; + margin-bottom: 10px; +} +.view-uploads .upload-modal .embeddable-xml-input { + box-shadow: none; + width: 400px; +} +.view-uploads .upload-modal .copy-button { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.6); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + border: 1px solid #b0b6c2; + border-radius: 3px; + background-color: #dfe5eb; + color: #5c677a; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + display: none; + margin-bottom: 100px; +} +.view-uploads .upload-modal .copy-button.disabled, .view-uploads .upload-modal .copy-button.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.view-uploads .upload-modal .copy-button.disabled:hover, .view-uploads .upload-modal .copy-button.disabled:focus, .view-uploads .upload-modal .copy-button.is-disabled:hover, .view-uploads .upload-modal .copy-button.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.view-uploads .upload-modal .copy-button:hover, .view-uploads .upload-modal .copy-button:focus, .view-uploads .upload-modal .copy-button:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.view-uploads .upload-modal .copy-button:hover, .view-uploads .upload-modal .copy-button:focus { + background-color: #deecf7; + color: #5c677a; +} +.view-updates .course-info-wrapper { + display: table; + width: 100%; + clear: both; +} +.view-updates .main-column, .view-updates .course-handouts { + float: none; + display: table-cell; +} +.view-updates .main-column { + border-radius: 3px 0 0 3px; + border-right-color: #b0b6c2; +} +.view-updates .CodeMirror { + border: 1px solid #3c3c3c; + background: #fff; + color: #3c3c3c; +} +.course-updates { + padding: 30px 40px; + margin: 0; +} +.course-updates .update-list>li { + padding: 34px 0 42px; + border-top: 1px solid #cbd1db; +} +.course-updates .update-list>li:first-child { + padding-top: 0; + border: none; +} +.course-updates .update-list>li.editing { + position: relative; + padding: 0; + border-top: none; + border-radius: 3px; + background: #fff; +} +.course-updates .update-list>li.editing .post-preview { + display: none; +} +.course-updates .update-list>li h1 { + float: none; +} +.course-updates .update-list>li h2 { + margin-bottom: 18px; + line-height: 30px; + color: #646464; + letter-spacing: 1px; +} +.course-updates .update-list>li h3 { + margin: 34px 0 11px; +} +.course-updates .update-list>li .display-date { + padding-right: 15px; +} +.course-updates .update-list>li .message-error { + display: inline-block; + font-weight: normal; + font-size: 1.2em; +} +.course-updates .update-list>li .message-error:before { + content: "\f06a"; + font-family: FontAwesome; + color: #fdbc56; + padding: 5px; +} +.course-updates .update-contents p { + line-height: 25px; +} +.course-updates .update-contents p+p { + margin-top: 25px; +} +.course-updates .update-contents .primary { + border: 1px solid #ddd; + background: #f9f9f9; + padding: 20px; +} +.course-updates .update-contents ol, .course-updates .update-contents ul { + margin: 1em 0; + padding: 0 0 0 1em; + color: #4c4c4c; +} +.course-updates .update-contents ol li, .course-updates .update-contents ul li { + margin-bottom: 0.708em; +} +.course-updates .update-contents ol { + list-style: decimal outside none; +} +.course-updates .update-contents ul { + list-style: disc outside none; +} +.course-updates .update-contents pre { + margin: 1em 0; + color: #4c4c4c; + font-family: monospace, serif; + white-space: pre-wrap; + word-wrap: break-word; +} +.course-updates .update-contents code { + color: #4c4c4c; + font-family: monospace, serif; + background: none; + padding: 0; +} +.course-updates .new-update-form { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; + padding: 15px 20px; + border-radius: 3px; + background-color: #d5dce4; + color: #3c3c3c; + margin-bottom: 24px; + padding: 30px; + border: none; +} +.course-updates .new-update-form label { + color: #4c4c4c; +} +.course-updates .new-update-form input, .course-updates .new-update-form textarea { + border: 1px solid #8891a1; +} +.course-updates .new-update-form textarea { + min-height: 80px; +} +.course-updates .new-update-form h5 { + margin-bottom: 8px; + color: #fff; +} +.course-updates .new-update-form .row { + margin-bottom: 10px; + padding: 0; + border: none; +} +.course-updates .new-update-form .save-button { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #0075b4; + border-radius: 3px; + background-color: #0075b4; + color: #fff; + margin-top: 0; +} +.course-updates .new-update-form .save-button.disabled, .course-updates .new-update-form .save-button.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.course-updates .new-update-form .save-button.disabled:hover, .course-updates .new-update-form .save-button.disabled:focus, .course-updates .new-update-form .save-button.is-disabled:hover, .course-updates .new-update-form .save-button.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.course-updates .new-update-form .save-button:hover, .course-updates .new-update-form .save-button:focus, .course-updates .new-update-form .save-button:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.course-updates .new-update-form .save-button:hover, .course-updates .new-update-form .save-button:focus, .course-updates .new-update-form .save-button:active { + background-color: #065683; + color: #fff; +} +.course-updates .new-update-form .save-button.disabled, .course-updates .new-update-form .save-button.is-disabled { + box-shadow: none; + border: 1px solid #99d9f5 !important; + background: #99d9f5 !important; + color: #fff !important; +} +.course-updates .new-update-form .cancel-button { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.6); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + border: 1px solid #b0b6c2; + border-radius: 3px; + background-color: #dfe5eb; + color: #5c677a; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + margin-top: 0; +} +.course-updates .new-update-form .cancel-button.disabled, .course-updates .new-update-form .cancel-button.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.course-updates .new-update-form .cancel-button.disabled:hover, .course-updates .new-update-form .cancel-button.disabled:focus, .course-updates .new-update-form .cancel-button.is-disabled:hover, .course-updates .new-update-form .cancel-button.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.course-updates .new-update-form .cancel-button:hover, .course-updates .new-update-form .cancel-button:focus, .course-updates .new-update-form .cancel-button:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.course-updates .new-update-form .cancel-button:hover, .course-updates .new-update-form .cancel-button:focus { + background-color: #deecf7; + color: #5c677a; +} +.course-updates .new-update-form textarea { + height: 180px; +} +.course-updates .post-actions { + float: right; +} +.course-updates .post-actions .edit-button, .course-updates .post-actions .delete-button { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.6); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + border: 1px solid #b0b6c2; + border-radius: 3px; + background-color: #dfe5eb; + color: #5c677a; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + float: left; + padding: 3px 10px 4px; + margin-left: 7px; +} +.course-updates .post-actions .edit-button.disabled, .course-updates .post-actions .edit-button.is-disabled, .course-updates .post-actions .delete-button.disabled, .course-updates .post-actions .delete-button.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.course-updates .post-actions .edit-button.disabled:hover, .course-updates .post-actions .edit-button.disabled:focus, .course-updates .post-actions .edit-button.is-disabled:hover, .course-updates .post-actions .edit-button.is-disabled:focus, .course-updates .post-actions .delete-button.disabled:hover, .course-updates .post-actions .delete-button.disabled:focus, .course-updates .post-actions .delete-button.is-disabled:hover, .course-updates .post-actions .delete-button.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.course-updates .post-actions .edit-button:hover, .course-updates .post-actions .edit-button:focus, .course-updates .post-actions .edit-button:active, .course-updates .post-actions .delete-button:hover, .course-updates .post-actions .delete-button:focus, .course-updates .post-actions .delete-button:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.course-updates .post-actions .edit-button:hover, .course-updates .post-actions .edit-button:focus, .course-updates .post-actions .delete-button:hover, .course-updates .post-actions .delete-button:focus { + background-color: #deecf7; + color: #5c677a; +} +.course-updates .post-actions .edit-button .edit-icon, .course-updates .post-actions .edit-button .delete-icon, .course-updates .post-actions .delete-button .edit-icon, .course-updates .post-actions .delete-button .delete-icon { + margin-right: 4px; +} +.course-handouts { + width: 30%; + padding: 20px 30px; + margin: 0; + -webkit-border-top-left-radius: 0; + -moz-border-topleft-radius: 0; + border-top-left-radius: 0; + -webkit-border-top-right-radius: 3px; + -moz-border-topright-radius: 3px; + border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + -moz-border-bottomright-radius: 3px; + border-bottom-right-radius: 3px; + -webkit-border-bottom-left-radius: 0; + -moz-border-bottomleft-radius: 0; + border-bottom-left-radius: 0; + border-left: none; + background: #edf1f5; +} +.course-handouts .title { + margin-bottom: 24px; +} +.course-handouts .edit-button { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.6); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + border: 1px solid #b0b6c2; + border-radius: 3px; + background-color: #dfe5eb; + color: #5c677a; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + float: right; + padding: 3px 10px 4px; + margin-left: 7px; +} +.course-handouts .edit-button.disabled, .course-handouts .edit-button.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.course-handouts .edit-button.disabled:hover, .course-handouts .edit-button.disabled:focus, .course-handouts .edit-button.is-disabled:hover, .course-handouts .edit-button.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.course-handouts .edit-button:hover, .course-handouts .edit-button:focus, .course-handouts .edit-button:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.course-handouts .edit-button:hover, .course-handouts .edit-button:focus { + background-color: #deecf7; + color: #5c677a; +} +.course-handouts .edit-button .edit-icon, .course-handouts .edit-button .delete-icon { + margin-right: 4px; +} +.course-handouts .treeview-handoutsnav li { + margin-bottom: 12px; +} +.edit-handouts-form { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; + padding: 15px 20px; + border-radius: 3px; + background-color: #d5dce4; + color: #3c3c3c; + position: absolute; + right: 0; + top: 0; + width: 800px; + padding: 30px; +} +.edit-handouts-form label { + color: #4c4c4c; +} +.edit-handouts-form input, .edit-handouts-form textarea { + border: 1px solid #8891a1; +} +.edit-handouts-form textarea { + min-height: 80px; +} +.edit-handouts-form h5 { + margin-bottom: 8px; + color: #fff; +} +.edit-handouts-form .row { + margin-bottom: 10px; + padding: 0; + border: none; +} +.edit-handouts-form .save-button { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #0075b4; + border-radius: 3px; + background-color: #0075b4; + color: #fff; + margin-top: 0; +} +.edit-handouts-form .save-button.disabled, .edit-handouts-form .save-button.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.edit-handouts-form .save-button.disabled:hover, .edit-handouts-form .save-button.disabled:focus, .edit-handouts-form .save-button.is-disabled:hover, .edit-handouts-form .save-button.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.edit-handouts-form .save-button:hover, .edit-handouts-form .save-button:focus, .edit-handouts-form .save-button:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.edit-handouts-form .save-button:hover, .edit-handouts-form .save-button:focus, .edit-handouts-form .save-button:active { + background-color: #065683; + color: #fff; +} +.edit-handouts-form .save-button.disabled, .edit-handouts-form .save-button.is-disabled { + box-shadow: none; + border: 1px solid #99d9f5 !important; + background: #99d9f5 !important; + color: #fff !important; +} +.edit-handouts-form .cancel-button { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.6); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + border: 1px solid #b0b6c2; + border-radius: 3px; + background-color: #dfe5eb; + color: #5c677a; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + margin-top: 0; +} +.edit-handouts-form .cancel-button.disabled, .edit-handouts-form .cancel-button.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.edit-handouts-form .cancel-button.disabled:hover, .edit-handouts-form .cancel-button.disabled:focus, .edit-handouts-form .cancel-button.is-disabled:hover, .edit-handouts-form .cancel-button.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.edit-handouts-form .cancel-button:hover, .edit-handouts-form .cancel-button:focus, .edit-handouts-form .cancel-button:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.edit-handouts-form .cancel-button:hover, .edit-handouts-form .cancel-button:focus { + background-color: #deecf7; + color: #5c677a; +} +.edit-handouts-form textarea { + height: 300px; +} +.view-dashboard .content { + margin-bottom: 100px; +} +.view-dashboard .content:last-child { + margin-bottom: 0; +} +.view-dashboard .content-primary, .view-dashboard .content-supplementary { + box-sizing: border-box; +} +.view-dashboard .content .notice-incontext { + width: flexgrid(9, 9); +} +.view-dashboard .content .notice-incontext.has-actions .msg, .view-dashboard .content .notice-incontext.has-actions .list-actions, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .msg, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions { + display: inline-block; + vertical-align: middle; +} +.view-dashboard .content .notice-incontext.has-actions .msg, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .msg { + width: 65.71429%; + margin-right: 2.12766%} +.view-dashboard .content .notice-incontext.has-actions .list-actions, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions { + width: 31.42857%; + text-align: right; + margin-top: 0; +} +.view-dashboard .wrapper-creationrights { + overflow: hidden; +} +.view-dashboard .wrapper-creationrights .ui-toggle-control { + display: block; + text-align: left; +} +.view-dashboard .wrapper-creationrights .ui-toggle-control:after { + content: ""; + display: table; + clear: both; +} +.view-dashboard .wrapper-creationrights .ui-toggle-control:hover { + background: #666; + color: #fff; +} +.view-dashboard .wrapper-creationrights .ui-toggle-control .label { + float: left; + width: 88.57143%; + margin: 3px 2.12766% 0 0; +} +.view-dashboard .wrapper-creationrights .ui-toggle-control .fa-times-circle { + transform: rotate(45deg); + transform-origin: center center; + transition: all 0.5s linear 0s; + float: right; + text-align: right; +} +.view-dashboard .wrapper-creationrights .ui-toggle-target { + transition: opacity 0.5s ease-in-out 0s; + position: relative; + top: -2px; + display: none; + opacity: 0; +} +.view-dashboard .wrapper-creationrights.is-shown .ui-toggle-control { + -webkit-border-bottom-left-radius: 0; + -moz-border-bottomleft-radius: 0; + border-bottom-left-radius: 0; + -webkit-border-bottom-right-radius: 0; + -moz-border-bottomright-radius: 0; + border-bottom-right-radius: 0; +} +.view-dashboard .wrapper-creationrights.is-shown .ui-toggle-control .fa-times-circle { + transform: rotate(90deg); + transform-origin: center center; +} +.view-dashboard .wrapper-creationrights.is-shown .ui-toggle-target { + display: block; + opacity: 1.0; +} +.view-dashboard .status-creationrights { + margin-top: 20px; +} +.view-dashboard .status-creationrights .title { + margin-bottom: 5px; + color: #666; +} +.view-dashboard .status-creationrights .list-actions, .view-dashboard .status-creationrights .form-actions { + margin-top: 15px; +} +.view-dashboard .status-creationrights .list-actions .action-request, .view-dashboard .status-creationrights .form-actions .action-request { + position: relative; + overflow: hidden; +} +.view-dashboard .status-creationrights .list-actions .action-request .fa-cog, .view-dashboard .status-creationrights .form-actions .action-request .fa-cog { + transition: all 0.5s ease-in-out 0.5s; + position: absolute; + top: 10px; + left: -20px; + visibility: hidden; + opacity: 0.0; +} +.view-dashboard .status-creationrights .list-actions .action-request.is-submitting, .view-dashboard .status-creationrights .form-actions .action-request.is-submitting { + padding-left: 40px; +} +.view-dashboard .status-creationrights .list-actions .action-request.is-submitting .fa-cog, .view-dashboard .status-creationrights .form-actions .action-request.is-submitting .fa-cog { + left: 15px; + visibility: visible; + opacity: 1.0; +} +.view-dashboard .status-creationrights .list-actions .action-request.has-error, .view-dashboard .status-creationrights .form-actions .action-request.has-error { + padding-left: 40px; + background: #b20610; + border-color: #8e050d; +} +.view-dashboard .status-creationrights .list-actions .action-request.has-error .fa-cog, .view-dashboard .status-creationrights .form-actions .action-request.has-error .fa-cog { + left: 15px; + visibility: visible; + opacity: 1.0; +} +.view-dashboard .status-creationrights .status-update .value { + border-radius: 5px; + position: relative; + overflow: hidden; + padding: 4px 10px; + background: #7f7f7f; +} +.view-dashboard .status-creationrights .status-update .value .status-indicator { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 5px; + opacity: 0.40; +} +.view-dashboard .status-creationrights .status-update .value-formal, .view-dashboard .status-creationrights .status-update .value-description { + border-radius: 2px; + display: inline-block; + vertical-align: middle; + color: #fff; +} +.view-dashboard .status-creationrights .status-update .value-formal { + margin: 10px; +} +.view-dashboard .status-creationrights .status-update .value-formal .icon { + margin-right: 5px; +} +.view-dashboard .status-creationrights .status-update .value-description { + position: relative; + color: #fff; + opacity: 0.85; +} +.view-dashboard .status-creationrights.is-pending .status-update .value { + background: #edbd3c; +} +.view-dashboard .status-creationrights.is-pending .status-update .status-indicator { + background: #be9730; +} +.view-dashboard .status-creationrights.is-denied .status-update .value { + background: #c13840; +} +.view-dashboard .status-creationrights.is-denied .status-update .status-indicator { + background: #b8000b; +} +.view-dashboard #course-index-tabs { + margin: 0; + font-size: 1.4rem; +} +.view-dashboard #course-index-tabs li { + display: inline-block; + line-height: 40px; + margin: 0 10px; +} +.view-dashboard #course-index-tabs li.active { + border-bottom: 4px solid #0075b4; +} +.view-dashboard #course-index-tabs li.active a, .view-dashboard #course-index-tabs li:hover a { + color: #4c4c4c; +} +.view-dashboard #course-index-tabs li a { + color: #0075b4; + cursor: pointer; + display: inline-block; +} +.view-dashboard .courses-tab, .view-dashboard .libraries-tab, .view-dashboard .programs-tab { + display: none; +} +.view-dashboard .courses-tab.active, .view-dashboard .libraries-tab.active, .view-dashboard .programs-tab.active { + display: block; +} +.view-dashboard .courses .title, .view-dashboard .libraries .title, .view-dashboard .programs .title { + margin-bottom: 20px; + border-bottom: 1px solid #ccc; + padding-bottom: 10px; + color: #b2b2b2; +} +.view-dashboard .courses .title, .view-dashboard .libraries .title, .view-dashboard .programs .title { + margin-bottom: 20px; + border-bottom: 1px solid #ccc; + padding-bottom: 10px; + color: #b2b2b2; +} +.view-dashboard .list-courses { + border-radius: 3px; + border: 1px solid #b2b2b2; + background: #fff; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); +} +.view-dashboard .list-courses li:last-child { + margin-bottom: 0; +} +.view-dashboard .wrapper-course.has-status .course-status { + box-sizing: border-box; + display: inline-block; + vertical-align: middle; + width: 31.42857%; + padding-right: 10px; + text-align: right; +} +.view-dashboard .wrapper-course.has-status .course-status .value .copy, .view-dashboard .wrapper-course.has-status .course-status .value .icon { + display: inline-block; + vertical-align: middle; +} +.view-dashboard .wrapper-course.has-status .course-status .value .icon { + margin-right: 10px; +} +.view-dashboard .wrapper-course.has-status .status-message { + background-color: #f2f2f2; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2) inset; + padding: 15px 20px; +} +.view-dashboard .wrapper-course.has-status .status-message.has-actions .copy, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions { + display: inline-block; + vertical-align: middle; +} +.view-dashboard .wrapper-course.has-status .status-message.has-actions .copy { + width: 65%; + margin: 0 20px 0 0; +} +.view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions { + width: 30%; + text-align: right; +} +.view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .button { + padding: 5px 10px; +} +.view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .icon, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .button-copy { + display: inline-block; + vertical-align: middle; +} +.view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .icon { + margin-right: 5px; +} +.view-dashboard .course-item { + box-sizing: border-box; + width: 100%; + position: relative; + border-bottom: 1px solid #b2b2b2; + padding: 20px; +} +.view-dashboard .course-item:hover { + background: #fffcf1; +} +.view-dashboard .course-item:hover .course-actions { + opacity: 1.0; + pointer-events: auto; +} +.view-dashboard .course-item:hover .view-live-button { + transition: opacity 0.25s ease-in-out 0; + box-sizing: border-box; + padding: 10px; + opacity: 0.0; + pointer-events: none; +} +.view-dashboard .course-item:hover .course-metadata { + opacity: 1.0; +} +.view-dashboard .course-item .course-link, .view-dashboard .course-item .course-actions { + box-sizing: border-box; + display: inline-block; + vertical-align: middle; +} +.view-dashboard .course-item .course-link { + width: 65.71429%; + margin-right: 2.12766%} +.view-dashboard .course-item .course-title { + margin: 0 40px 5px 0; + font-weight: 300; +} +.view-dashboard .course-item .course-metadata { + transition: opacity 0.5s ease-in-out 0; + color: #7f7f7f; +} +.view-dashboard .course-item .course-metadata .metadata-item { + display: inline-block; +} +.view-dashboard .course-item .course-metadata .metadata-item+.metadata-item:before { + content: "/"; + margin-left: 2px; + margin-right: 2px; + color: #e5e5e5; +} +.view-dashboard .course-item .course-metadata .extra-metadata { + margin-left: 2px; +} +.view-dashboard .course-item .course-actions { + transition: opacity 0.25s ease-in-out 0; + position: static; + width: 31.42857%; + text-align: right; + opacity: 0; + pointer-events: none; +} +.view-dashboard .course-item .course-actions .action { + display: inline-block; + vertical-align: middle; + margin-right: 10px; +} +.view-dashboard .course-item .course-actions .action:last-child { + margin-right: 0; +} +.view-dashboard .course-item .course-actions .view-button { + box-sizing: border-box; + padding: 10px; +} +.view-dashboard .course-item .course-actions .action-rerun { + margin-right: 20px; +} +.view-dashboard .course-item .course-actions .rerun-button { + font-weight: 600; +} +.view-dashboard .course-item.is-processing .course-status .value { + color: #b2b2b2; +} +.view-dashboard .course-item.has-error .course-status { + color: #b20610; +} +.view-dashboard .course-item.has-error ~ .status-message { + background: #c13840; + color: #fff; +} +.view-dashboard .course-item:last-child { + border-bottom: none; +} +.view-dashboard .courses-processing { + margin-bottom: 40px; + border-bottom: 1px solid #ccc; + padding-bottom: 40px; +} +.view-dashboard .courses-processing .list-courses { + border: none; + background: none; + box-shadow: none; +} +.view-dashboard .courses-processing .wrapper-course { + position: relative; +} +.view-dashboard .courses-processing .course-item { + border: none; +} +.view-dashboard .courses-processing .course-item:hover { + background: inherit; +} +.view-dashboard .courses-processing .course-item:hover .course-title { + color: inherit; +} +.view-dashboard .courses-processing .course-details { + display: inline-block; + vertical-align: middle; + width: 65.71429%; + margin-right: 2.12766%} +.view-dashboard .wrapper-create-course.animate.is-shown { + height: 520px; +} +.view-dashboard .wrapper-create-course.animate.is-shown.has-errors { + height: 660px; +} +.view-dashboard .create-course .row, .view-dashboard .create-library .row { + margin-bottom: 15px; +} +.view-dashboard .create-course .row:after, .view-dashboard .create-library .row:after { + content: ""; + display: table; + clear: both; +} +.view-dashboard .create-course .column, .view-dashboard .create-library .column { + float: left; + width: 48%} +.view-dashboard .create-course .column:first-child, .view-dashboard .create-library .column:first-child { + margin-right: 4%} +.view-dashboard .create-course label, .view-dashboard .create-library label { + display: block; +} +.view-dashboard .create-course .new-course-org, .view-dashboard .create-course .new-course-number, .view-dashboard .create-course .new-course-name, .view-dashboard .create-course .new-course-run, .view-dashboard .create-library .new-course-org, .view-dashboard .create-library .new-course-number, .view-dashboard .create-library .new-course-name, .view-dashboard .create-library .new-course-run { + width: 100%} +.view-dashboard .create-course .course-run-text-direction, .view-dashboard .create-library .course-run-text-direction { + direction: ltr; + text-align: right; +} +.view-dashboard .create-course .placeholder-text-direction, .view-dashboard .create-library .placeholder-text-direction { + direction: rtl; +} +.view-dashboard .create-course .new-course-save, .view-dashboard .create-library .new-course-save { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #0075b4; + border-radius: 3px; + background-color: #0075b4; + color: #fff; +} +.view-dashboard .create-course .new-course-save.disabled, .view-dashboard .create-course .new-course-save.is-disabled, .view-dashboard .create-library .new-course-save.disabled, .view-dashboard .create-library .new-course-save.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.view-dashboard .create-course .new-course-save.disabled:hover, .view-dashboard .create-course .new-course-save.disabled:focus, .view-dashboard .create-course .new-course-save.is-disabled:hover, .view-dashboard .create-course .new-course-save.is-disabled:focus, .view-dashboard .create-library .new-course-save.disabled:hover, .view-dashboard .create-library .new-course-save.disabled:focus, .view-dashboard .create-library .new-course-save.is-disabled:hover, .view-dashboard .create-library .new-course-save.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.view-dashboard .create-course .new-course-save:hover, .view-dashboard .create-course .new-course-save:focus, .view-dashboard .create-course .new-course-save:active, .view-dashboard .create-library .new-course-save:hover, .view-dashboard .create-library .new-course-save:focus, .view-dashboard .create-library .new-course-save:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.view-dashboard .create-course .new-course-save:hover, .view-dashboard .create-course .new-course-save:focus, .view-dashboard .create-course .new-course-save:active, .view-dashboard .create-library .new-course-save:hover, .view-dashboard .create-library .new-course-save:focus, .view-dashboard .create-library .new-course-save:active { + background-color: #065683; + color: #fff; +} +.view-dashboard .create-course .new-course-save.disabled, .view-dashboard .create-course .new-course-save.is-disabled, .view-dashboard .create-library .new-course-save.disabled, .view-dashboard .create-library .new-course-save.is-disabled { + box-shadow: none; + border: 1px solid #99d9f5 !important; + background: #99d9f5 !important; + color: #fff !important; +} +.view-dashboard .create-course .new-course-cancel, .view-dashboard .create-library .new-course-cancel { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.6); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + border: 1px solid #b0b6c2; + border-radius: 3px; + background-color: #dfe5eb; + color: #5c677a; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); +} +.view-dashboard .create-course .new-course-cancel.disabled, .view-dashboard .create-course .new-course-cancel.is-disabled, .view-dashboard .create-library .new-course-cancel.disabled, .view-dashboard .create-library .new-course-cancel.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.view-dashboard .create-course .new-course-cancel.disabled:hover, .view-dashboard .create-course .new-course-cancel.disabled:focus, .view-dashboard .create-course .new-course-cancel.is-disabled:hover, .view-dashboard .create-course .new-course-cancel.is-disabled:focus, .view-dashboard .create-library .new-course-cancel.disabled:hover, .view-dashboard .create-library .new-course-cancel.disabled:focus, .view-dashboard .create-library .new-course-cancel.is-disabled:hover, .view-dashboard .create-library .new-course-cancel.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.view-dashboard .create-course .new-course-cancel:hover, .view-dashboard .create-course .new-course-cancel:focus, .view-dashboard .create-course .new-course-cancel:active, .view-dashboard .create-library .new-course-cancel:hover, .view-dashboard .create-library .new-course-cancel:focus, .view-dashboard .create-library .new-course-cancel:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.view-dashboard .create-course .new-course-cancel:hover, .view-dashboard .create-course .new-course-cancel:focus, .view-dashboard .create-library .new-course-cancel:hover, .view-dashboard .create-library .new-course-cancel:focus { + background-color: #deecf7; + color: #5c677a; +} +.view-dashboard .create-course .item-details, .view-dashboard .create-library .item-details { + padding-bottom: 0; +} +.view-dashboard .create-course .wrap-error, .view-dashboard .create-library .wrap-error { + transition: all 0.25s ease 0s; + height: 0; + overflow: hidden; + opacity: 0; +} +.view-dashboard .create-course .wrap-error.is-shown, .view-dashboard .create-library .wrap-error.is-shown { + height: 65px; + opacity: 1; +} +.view-dashboard .create-course .message-status, .view-dashboard .create-library .message-status { + display: block; + margin-bottom: 0; + padding: 10px 30px 8px 30px; +} +.view-export .content-primary, .view-export .content-supplementary { + box-sizing: border-box; +} +.view-export .export-controls { + box-sizing: border-box; + padding: 20px 30px 30px 30px; +} +.view-export .export-controls .action-export { + display: block; + margin: 20px 0; + padding: 15px 20px; +} +.view-export .export-controls .action .icon { + display: inline-block; + vertical-align: middle; + margin-right: 5px; +} +.view-export .export-controls .action .copy { + display: inline-block; + vertical-align: middle; +} +.view-export .export-contents { + margin: 40px 0; +} +.view-export .export-contents:after { + content: ""; + display: table; + clear: both; +} +.view-export .export-contents .export-includes, .view-export .export-contents .export-excludes { + width: 42.85714%} +.view-export .export-contents .export-includes .item-detail, .view-export .export-contents .export-excludes .item-detail { + padding-bottom: 5px; + border-bottom: 1px solid #e5e5e5; + margin-bottom: 5px; +} +.view-export .export-contents .export-includes { + float: left; +} +.view-export .export-contents .export-excludes { + float: right; +} +.view-export .description { + float: left; + width: 62%; + margin-right: 3%} +.view-export .description h2 { + margin-bottom: 20px; +} +.view-export .description p+p { + margin-top: 20px; +} +.view-export .description ul { + margin: 20px 0; + list-style: disc inside; +} +.view-export .description ul li { + margin: 0 0 5px 0; +} +.view-export .export-form-wrapper .export-form { + float: left; + width: 35%; + padding: 25px 30px 35px; + box-sizing: border-box; + border: 1px solid #b0b6c2; + border-radius: 3px; + background: #edf1f5; + text-align: center; +} +.view-export .export-form-wrapper .export-form h2 { + margin-bottom: 30px; +} +.view-export .export-form-wrapper .export-form .error-block { + display: none; + margin-bottom: 15px; +} +.view-export .export-form-wrapper .export-form .error-block { + color: #fd5757; +} +.view-export .export-form-wrapper .export-form .button-export { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + border: 1px solid #008100; + border-radius: 3px; + background-color: #008100; + color: #fff; + padding: 10px 50px 11px; +} +.view-export .export-form-wrapper .export-form .button-export.disabled, .view-export .export-form-wrapper .export-form .button-export.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.view-export .export-form-wrapper .export-form .button-export.disabled:hover, .view-export .export-form-wrapper .export-form .button-export.disabled:focus, .view-export .export-form-wrapper .export-form .button-export.is-disabled:hover, .view-export .export-form-wrapper .export-form .button-export.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.view-export .export-form-wrapper .export-form .button-export:hover, .view-export .export-form-wrapper .export-form .button-export:focus, .view-export .export-form-wrapper .export-form .button-export:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.view-export .export-form-wrapper .export-form .button-export:hover, .view-export .export-form-wrapper .export-form .button-export:focus { + background-color: #009b00; + color: #fff; +} +.view-export .export-form-wrapper .export-form .button-export.disabled, .view-export .export-form-wrapper .export-form .button-export.is-disabled { + border: 1px solid #a8e3bd !important; + background: #a8e3bd !important; + color: #fff !important; + box-shadow: none; +} +.view-export .export-form-wrapper .export-form .message-status { + margin-top: 10px; +} +.view-export .export-form-wrapper .export-form .progress-bar { + display: none; + width: 350px; + height: 30px; + margin: 30px auto 10px; + border: 1px solid #009fe6; +} +.view-export .export-form-wrapper .export-form .progress-bar.loaded { + border-color: #66b93d; +} +.view-export .export-form-wrapper .export-form .progress-bar.loaded .progress-fill { + background: #66b93d; +} +.view-export .export-form-wrapper .export-form .progress-fill { + width: 0%; + height: 30px; + background: #009fe6; + color: #fff; + line-height: 48px; +} +.view-howitworks.not-signedin .wrapper-header { + margin-bottom: 0; +} +.view-howitworks.not-signedin .wrapper-content-header, .view-howitworks.not-signedin .wrapper-content-features, .view-howitworks.not-signedin .wrapper-content-cta { + box-sizing: border-box; + margin: 0; + padding: 0 20px; + position: relative; + width: 100%} +.view-howitworks.not-signedin .content { + max-width: 1280px; + min-width: 900px; + width: 100%; + margin: 0 auto; + color: #4c4c4c; +} +.view-howitworks.not-signedin .content:after { + content: ""; + display: table; + clear: both; +} +.view-howitworks.not-signedin .content header { + border: none; + padding-bottom: 0; + margin-bottom: 0; +} +.view-howitworks.not-signedin .content h1, .view-howitworks.not-signedin .content h2, .view-howitworks.not-signedin .content h3, .view-howitworks.not-signedin .content h4, .view-howitworks.not-signedin .content h5, .view-howitworks.not-signedin .content h6 { + color: #333; +} +.view-howitworks.not-signedin .wrapper-content-header { + background-color: #33b2eb; + background-image: -webkit-linear-gradient(#33b2eb, #009fe6, #007fb8); + background-image: linear-gradient(#33b2eb, #009fe6, #007fb8); + padding-bottom: 80px; + padding-top: 80px; +} +.view-howitworks.not-signedin .content-header { + position: relative; + text-align: center; + color: #fff; +} +.view-howitworks.not-signedin .content-header h1 { + float: none; + margin: 0 0 10px 0; + border-bottom: 1px solid #33b2eb; + padding: 0; + color: #fff; +} +.view-howitworks.not-signedin .content-header .wrapper-text-welcome, .view-howitworks.not-signedin .content-header .logo { + display: inline-block; +} +.view-howitworks.not-signedin .content-header .logo { + margin-left: 10px; +} +.view-howitworks.not-signedin .content-header .tagline { + margin: 0; + color: #99d9f5; +} +.view-howitworks.not-signedin .arrow_box { + position: relative; + background: #fff; + border: 4px solid #000; +} +.view-howitworks.not-signedin .arrow_box:after, .view-howitworks.not-signedin .arrow_box:before { + top: 100%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} +.view-howitworks.not-signedin .arrow_box:after { + border-color: rgba(255, 255, 255, 0); + border-top-color: #fff; + border-width: 30px; + left: 50%; + margin-left: -30px; +} +.view-howitworks.not-signedin .arrow_box:before { + border-color: transparent; + border-top-color: #000; + border-width: 36px; + left: 50%; + margin-left: -36px; +} +.view-howitworks.not-signedin .wrapper-content-features { + box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2); + padding-bottom: 40px; + padding-top: 60px; + background: #fff; +} +.view-howitworks.not-signedin .content-features .feature { + margin: 0 0 40px 0; + border-bottom: 1px solid #e5e5e5; + padding: 0 0 40px 0; +} +.view-howitworks.not-signedin .content-features .feature:after { + content: ""; + display: table; + clear: both; +} +.view-howitworks.not-signedin .content-features .feature .img { + box-sizing: border-box; + float: left; + width: 23.40426%; + margin-right: 2.12766%} +.view-howitworks.not-signedin .content-features .feature .img a { + box-sizing: border-box; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + position: relative; + top: 0; + display: block; + overflow: hidden; + border: 1px solid #ccc; + padding: 5px; + background: #fff; +} +.view-howitworks.not-signedin .content-features .feature .img a .action-zoom { + transition: bottom 0.25s ease-in-out 0s; + position: absolute; + bottom: -30px; + right: 10px; + opacity: 0.0; +} +.view-howitworks.not-signedin .content-features .feature .img a .action-zoom .icon { + -webkit-border-top-left-radius: 3px; + -moz-border-topleft-radius: 3px; + border-top-left-radius: 3px; + -webkit-border-top-right-radius: 3px; + -moz-border-topright-radius: 3px; + border-top-right-radius: 3px; + display: inline-block; + padding: 10px; + background: #009fe6; + color: #fff; + text-align: center; +} +.view-howitworks.not-signedin .content-features .feature .img a:hover { + border-color: #009fe6; +} +.view-howitworks.not-signedin .content-features .feature .img a:hover .action-zoom { + opacity: 1.0; + bottom: -2px; +} +.view-howitworks.not-signedin .content-features .feature .img img { + display: block; + width: 100%; + height: auto; +} +.view-howitworks.not-signedin .content-features .feature .copy { + float: left; + width: 74.46809%; + margin-top: -5px; +} +.view-howitworks.not-signedin .content-features .feature .copy h3 { + margin: 0 0 10px 0; +} +.view-howitworks.not-signedin .content-features .feature .copy>p { + color: #666; +} +.view-howitworks.not-signedin .content-features .feature .copy strong { + color: #4c4c4c; +} +.view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints { + width: 100%; + margin: 30px 0 0 0; +} +.view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints:after { + content: ""; + display: table; + clear: both; +} +.view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints .proofpoint { + box-sizing: border-box; + transition: all 0.25s ease-in-out 0s; + border-radius: 5px; + position: relative; + top: 0; + float: left; + width: 31.42857%; + min-height: 160px; + margin-right: 2.12766%; + padding: 15px 20px; + color: #999; +} +.view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints .proofpoint .title { + margin: 0 0 5px 0; + color: #333; +} +.view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints .proofpoint:hover { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + background: #e6f5fd; + top: -4px; +} +.view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints .proofpoint:hover .title { + color: #009fe6; +} +.view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints .proofpoint:last-child { + margin-right: 0; +} +.view-howitworks.not-signedin .content-features .feature:last-child { + margin-bottom: 0; + border: none; + padding-bottom: 0; +} +.view-howitworks.not-signedin .content-features .feature:nth-child(even) .img { + float: right; + margin-right: 0; + margin-left: 2.12766%} +.view-howitworks.not-signedin .content-features .feature:nth-child(even) .copy { + float: right; + text-align: right; +} +.view-howitworks.not-signedin .content-features .feature:nth-child(even) .list-proofpoints .proofpoint { + float: right; + width: 31.42857%; + margin-left: 2.12766%; + margin-right: 0; +} +.view-howitworks.not-signedin .content-features .feature:nth-child(even) .list-proofpoints .proofpoint:last-child { + margin-left: 0; +} +.view-howitworks.not-signedin .wrapper-content-cta { + position: relative; + padding: 40px 0; + background: #fff; +} +.view-howitworks.not-signedin .content-cta { + border-top: 1px solid #e5e5e5; +} +.view-howitworks.not-signedin .content-cta header { + border: none; + margin: 0; + padding: 0; +} +.view-howitworks.not-signedin .content-cta .list-actions { + position: relative; + margin-top: -30px; +} +.view-howitworks.not-signedin .content-cta .list-actions li { + width: 48.93617%; + margin: 0 auto; +} +.view-howitworks.not-signedin .content-cta .list-actions .action { + display: block; + width: 100%; + text-align: center; +} +.view-howitworks.not-signedin .content-cta .list-actions .action.action-primary { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #0075b4; + border-radius: 3px; + background-color: #0075b4; + color: #fff; + padding: 15px 10px; + text-align: center; + text-transform: uppercase; +} +.view-howitworks.not-signedin .content-cta .list-actions .action.action-primary.disabled, .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.view-howitworks.not-signedin .content-cta .list-actions .action.action-primary.disabled:hover, .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary.disabled:focus, .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary.is-disabled:hover, .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.view-howitworks.not-signedin .content-cta .list-actions .action.action-primary:hover, .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary:focus, .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.view-howitworks.not-signedin .content-cta .list-actions .action.action-primary:hover, .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary:focus, .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary:active { + background-color: #065683; + color: #fff; +} +.view-howitworks.not-signedin .content-cta .list-actions .action.action-primary.disabled, .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary.is-disabled { + box-shadow: none; + border: 1px solid #99d9f5 !important; + background: #99d9f5 !important; + color: #fff !important; +} +.view-howitworks.not-signedin .content-cta .list-actions .action.action-secondary { + margin-top: 10px; +} +.view-course-create .content-primary, .view-course-create .content-supplementary { + box-sizing: border-box; + float: left; +} +.view-course-create .content-primary { + width: 74.46809%; + margin-right: 2.12766%} +.view-course-create .content-supplementary { + width: 23.40426%} +.view-course-create .mast .page-header-super .course-original-title-id, .view-course-create .mast .page-header-super .course-original-title { + display: block; +} +.view-course-create .rerun-course .row { + margin-bottom: 15px; +} +.view-course-create .rerun-course .row:after { + content: ""; + display: table; + clear: both; +} +.view-course-create .rerun-course .column { + float: left; + width: 48%} +.view-course-create .rerun-course .column:first-child { + margin-right: 4%} +.view-course-create .rerun-course label { + display: block; + font-weight: 700; +} +.view-course-create .rerun-course .rerun-course-org, .view-course-create .rerun-course .rerun-course-number, .view-course-create .rerun-course .rerun-course-name, .view-course-create .rerun-course .rerun-course-run { + width: 100%} +.view-course-create .rerun-course .rerun-course-name { + font-weight: 300; +} +.view-course-create .rerun-course .rerun-course-save { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #0075b4; + border-radius: 3px; + background-color: #0075b4; + color: #fff; +} +.view-course-create .rerun-course .rerun-course-save.disabled, .view-course-create .rerun-course .rerun-course-save.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.view-course-create .rerun-course .rerun-course-save.disabled:hover, .view-course-create .rerun-course .rerun-course-save.disabled:focus, .view-course-create .rerun-course .rerun-course-save.is-disabled:hover, .view-course-create .rerun-course .rerun-course-save.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.view-course-create .rerun-course .rerun-course-save:hover, .view-course-create .rerun-course .rerun-course-save:focus, .view-course-create .rerun-course .rerun-course-save:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.view-course-create .rerun-course .rerun-course-save:hover, .view-course-create .rerun-course .rerun-course-save:focus, .view-course-create .rerun-course .rerun-course-save:active { + background-color: #065683; + color: #fff; +} +.view-course-create .rerun-course .rerun-course-save.disabled, .view-course-create .rerun-course .rerun-course-save.is-disabled { + box-shadow: none; + border: 1px solid #99d9f5 !important; + background: #99d9f5 !important; + color: #fff !important; +} +.view-course-create .rerun-course .rerun-course-save .icon { + display: inline-block; + vertical-align: middle; + margin-right: 5px; +} +.view-course-create .rerun-course .rerun-course-cancel { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.6); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + border: 1px solid #b0b6c2; + border-radius: 3px; + background-color: #dfe5eb; + color: #5c677a; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); +} +.view-course-create .rerun-course .rerun-course-cancel.disabled, .view-course-create .rerun-course .rerun-course-cancel.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.view-course-create .rerun-course .rerun-course-cancel.disabled:hover, .view-course-create .rerun-course .rerun-course-cancel.disabled:focus, .view-course-create .rerun-course .rerun-course-cancel.is-disabled:hover, .view-course-create .rerun-course .rerun-course-cancel.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.view-course-create .rerun-course .rerun-course-cancel:hover, .view-course-create .rerun-course .rerun-course-cancel:focus, .view-course-create .rerun-course .rerun-course-cancel:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.view-course-create .rerun-course .rerun-course-cancel:hover, .view-course-create .rerun-course .rerun-course-cancel:focus { + background-color: #deecf7; + color: #5c677a; +} +.view-course-create .rerun-course .item-details { + padding-bottom: 0; +} +.view-course-create .rerun-course .wrap-error { + transition: opacity 0.25s ease 0s; + opacity: 0; +} +.view-course-create .rerun-course .wrap-error.is-shown { + opacity: 1; +} +.view-course-create .rerun-course .message-status { + display: block; + margin-bottom: 0; + padding: 10px 30px 8px 30px; + font-weight: bold; +} +.view-course-create .rerun-course .actions .action-primary { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #0075b4; + border-radius: 3px; + background-color: #0075b4; + color: #fff; +} +.view-course-create .rerun-course .actions .action-primary.disabled, .view-course-create .rerun-course .actions .action-primary.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.view-course-create .rerun-course .actions .action-primary.disabled:hover, .view-course-create .rerun-course .actions .action-primary.disabled:focus, .view-course-create .rerun-course .actions .action-primary.is-disabled:hover, .view-course-create .rerun-course .actions .action-primary.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.view-course-create .rerun-course .actions .action-primary:hover, .view-course-create .rerun-course .actions .action-primary:focus, .view-course-create .rerun-course .actions .action-primary:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.view-course-create .rerun-course .actions .action-primary:hover, .view-course-create .rerun-course .actions .action-primary:focus, .view-course-create .rerun-course .actions .action-primary:active { + background-color: #065683; + color: #fff; +} +.view-course-create .rerun-course .actions .action-primary.disabled, .view-course-create .rerun-course .actions .action-primary.is-disabled { + box-shadow: none; + border: 1px solid #99d9f5 !important; + background: #99d9f5 !important; + color: #fff !important; +} +.view-course-create .rerun-course .actions .action-secondary { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + border: 1px solid #4c4c4c; + border-radius: 3px; + background-color: #d1dae3; + color: #6d788b; +} +.view-course-create .rerun-course .actions .action-secondary.disabled, .view-course-create .rerun-course .actions .action-secondary.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.view-course-create .rerun-course .actions .action-secondary.disabled:hover, .view-course-create .rerun-course .actions .action-secondary.disabled:focus, .view-course-create .rerun-course .actions .action-secondary.is-disabled:hover, .view-course-create .rerun-course .actions .action-secondary.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.view-course-create .rerun-course .actions .action-secondary:hover, .view-course-create .rerun-course .actions .action-secondary:focus, .view-course-create .rerun-course .actions .action-secondary:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.view-course-create .rerun-course .actions .action-secondary:hover { + background-color: #d9e3ee; + color: #6d788b; +} +.view-import .content-primary, .view-import .content-supplementary { + box-sizing: border-box; +} +.view-import .export-controls { + padding: 30px 40px; +} +.view-import .export-controls:after { + content: ""; + display: table; + clear: both; +} +.view-import .import-form { + box-sizing: border-box; + padding: 20px 30px 30px 30px; +} +.view-import .import-form .file-name-block, .view-import .import-form .error-block { + display: none; + margin-bottom: 20px; +} +.view-import .import-form .error-block { + color: #fd5757; +} +.view-import .import-form .file-input { + display: none; +} +.view-import .action-choose-file { + display: block; + margin: 20px 0; + padding: 15px 20px; +} +.view-import .action-choose-file .icon { + display: inline-block; + vertical-align: middle; + margin-right: 5px; +} +.view-import .action-choose-file .copy { + display: inline-block; + vertical-align: middle; +} +.view-import .wrapper-file-name { + margin: 20px 0; + padding: 20px 30px; + background-color: #e5e5e5; +} +.view-import .wrapper-file-name .title { + overflow-x: hidden; + text-overflow: ellipsis; + margin-bottom: 0; +} +.view-import .wrapper-file-name .title .label { + margin-right: 10px; +} +.view-import .wrapper-file-name .submit-button { + display: none; + margin-top: 15px; + width: 100%; + padding: 15px 20px; +} +.view-import .wrapper-status { + transition: opacity 0.25s ease-in-out 0; + opacity: 1.0; +} +.view-import .wrapper-status.is-hidden, .view-import .xmodule_display.xmodule_VideoModule .video.closed .wrapper-status.subtitles, .xmodule_display.xmodule_VideoModule .video.closed .view-import .wrapper-status.subtitles, .view-import .mast.has-actions .nav-actions .wrapper-status.button.is-hidden, .mast.has-actions .nav-actions .view-import .wrapper-status.button.is-hidden { + opacity: 0.0; + display: none; +} +.view-import .wrapper-status>.title { + margin-bottom: 20px; + border-bottom: 1px solid #ccc; + padding-bottom: 10px; +} +.view-import .wrapper-status .list-progress { + width: 100%} +.view-import .wrapper-status .list-progress .status-visual { + position: relative; + float: left; + width: 8.57143%} +.view-import .wrapper-status .list-progress .status-visual .icon { + transition: opacity 0.5s ease-in-out 0; + position: absolute; + top: 10px; + left: 20px; +} +.view-import .wrapper-status .list-progress .status-detail { + float: left; + width: 88.57143%; + margin-left: 60px; +} +.view-import .wrapper-status .list-progress .status-detail .copy { + color: #b2b2b2; +} +.view-import .wrapper-status .list-progress .item-progresspoint { + transition: opacity 0.5s ease-in-out 0; + margin-bottom: 20px; + border-bottom: 1px solid #e5e5e5; + padding-bottom: 20px; +} +.view-import .wrapper-status .list-progress .item-progresspoint:after { + content: ""; + display: table; + clear: both; +} +.view-import .wrapper-status .list-progress .item-progresspoint:last-child { + margin-bottom: 0; + border-bottom: none; + padding-bottom: 0; +} +.view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions { + display: none; +} +.view-import .wrapper-status .list-progress .item-progresspoint.item-progresspoint-success .item-progresspoint-success-date { + margin-left: 5px; + display: none; +} +.view-import .wrapper-status .list-progress .item-progresspoint.item-progresspoint-success.is-complete .item-progresspoint-success-date { + display: inline; +} +.view-import .wrapper-status .list-progress .item-progresspoint.is-not-started { + opacity: 0.5; +} +.view-import .wrapper-status .list-progress .item-progresspoint.is-not-started .fa-warning { + visibility: hidden; + opacity: 0.0; +} +.view-import .wrapper-status .list-progress .item-progresspoint.is-not-started .fa-cog { + visibility: visible; + opacity: 1.0; +} +.view-import .wrapper-status .list-progress .item-progresspoint.is-not-started .fa-check { + opacity: 0.3; +} +.view-import .wrapper-status .list-progress .item-progresspoint.is-started .fa-warning { + visibility: hidden; + opacity: 0.0; +} +.view-import .wrapper-status .list-progress .item-progresspoint.is-started .fa-cog { + animation: fa-spin 2s infinite linear; + visibility: visible; + opacity: 1.0; +} +.view-import .wrapper-status .list-progress .item-progresspoint.is-complete .fa-cog { + visibility: visible; + opacity: 1.0; +} +.view-import .wrapper-status .list-progress .item-progresspoint.is-complete .fa-warning { + visibility: hidden; + opacity: 0.0; +} +.view-import .wrapper-status .list-progress .item-progresspoint.is-complete .icon { + color: #25b85a; +} +.view-import .wrapper-status .list-progress .item-progresspoint.is-complete .status-detail .title { + color: #25b85a; +} +.view-import .wrapper-status .list-progress .item-progresspoint.is-complete .list-actions { + display: block; +} +.view-import .wrapper-status .list-progress .item-progresspoint.has-error .fa-cog { + visibility: hidden; + opacity: 0.0; +} +.view-import .wrapper-status .list-progress .item-progresspoint.has-error .fa-warning { + visibility: visible; + opacity: 1.0; +} +.view-import .wrapper-status .list-progress .item-progresspoint.has-error .icon { + color: #b20610; +} +.view-import .wrapper-status .list-progress .item-progresspoint.has-error .status-detail .title, .view-import .wrapper-status .list-progress .item-progresspoint.has-error .status-detail .copy { + color: #b20610; +} +.view-outline .outline-complex .outline-section .section-header, .view-outline .outline-complex .outline-subsection .subsection-header, .view-outline .outline-complex .outline-unit .unit-header { + line-height: 0; +} +.view-outline .outline-complex .outline-section .section-header:after, .view-outline .outline-complex .outline-subsection .subsection-header:after, .view-outline .outline-complex .outline-unit .unit-header:after { + content: ""; + display: table; + clear: both; +} +.view-outline .outline-complex .outline-section .section-header .is-editable .incontext-editor-value, .view-outline .outline-complex .outline-subsection .subsection-header .is-editable .incontext-editor-value, .view-outline .outline-complex .outline-unit .unit-header .is-editable .incontext-editor-value, .view-outline .outline-complex .outline-section .section-header .is-editable .incontext-editor-action-wrapper, .view-outline .outline-complex .outline-subsection .subsection-header .is-editable .incontext-editor-action-wrapper, .view-outline .outline-complex .outline-unit .unit-header .is-editable .incontext-editor-action-wrapper { + vertical-align: top; +} +.view-outline .outline-complex .outline-section .section-header .is-editable .incontext-editor-action-wrapper, .view-outline .outline-complex .outline-subsection .subsection-header .is-editable .incontext-editor-action-wrapper, .view-outline .outline-complex .outline-unit .unit-header .is-editable .incontext-editor-action-wrapper { + position: relative; +} +.view-outline .outline-complex .outline-section .section-header .is-editable .incontext-editor-open-action, .view-outline .outline-complex .outline-subsection .subsection-header .is-editable .incontext-editor-open-action, .view-outline .outline-complex .outline-unit .unit-header .is-editable .incontext-editor-open-action { + transition: opacity 0.5s ease-in-out 0; + opacity: 0.0; +} +.view-outline .outline-complex .outline-section .section-header .is-editable .incontext-editor-form, .view-outline .outline-complex .outline-subsection .subsection-header .is-editable .incontext-editor-form, .view-outline .outline-complex .outline-unit .unit-header .is-editable .incontext-editor-form { + width: 100%; + position: relative; + top: -5px; +} +.view-outline .outline-complex .outline-section .section-header .is-editable .incontext-editor-input, .view-outline .outline-complex .outline-subsection .subsection-header .is-editable .incontext-editor-input, .view-outline .outline-complex .outline-unit .unit-header .is-editable .incontext-editor-input { + transition: box-shadow 0.5s ease-in-out 0, color 0.5s ease-in-out 0; + width: 100%; + background: none repeat scroll 0 0 #fff; + border: 0; + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset; +} +.view-outline .outline-complex .outline-section .section-header .is-editable .incontext-editor-input:focus, .view-outline .outline-complex .outline-subsection .subsection-header .is-editable .incontext-editor-input:focus, .view-outline .outline-complex .outline-unit .unit-header .is-editable .incontext-editor-input:focus { + box-shadow: 0 0 2px 2px rgba(0, 159, 230, 0.5) inset; + color: #009fe6; +} +.view-outline .outline-complex .outline-section .section-header .is-editable:hover .incontext-editor-open-action, .view-outline .outline-complex .outline-subsection .subsection-header .is-editable:hover .incontext-editor-open-action, .view-outline .outline-complex .outline-unit .unit-header .is-editable:hover .incontext-editor-open-action, .view-outline .outline-complex .outline-section .section-header .is-editable:focus .incontext-editor-open-action, .view-outline .outline-complex .outline-subsection .subsection-header .is-editable:focus .incontext-editor-open-action, .view-outline .outline-complex .outline-unit .unit-header .is-editable:focus .incontext-editor-open-action { + opacity: 1.0; +} +.view-outline .outline-complex .outline-section.is-collapsed .section-content, .view-outline .outline-complex .outline-subsection.is-collapsed .subsection-content { + display: none; +} +.view-outline .outline-complex .outline-section .section-content, .view-outline .outline-complex .outline-subsection .subsection-content { + display: block; +} +.view-outline .content-primary, .view-outline .content-supplementary { + box-sizing: border-box; +} +.view-outline .button-toggle-expand-collapse.collapse-all .expand-all { + display: none; +} +.view-outline .button-toggle-expand-collapse.collapse-all .collapse-all { + display: block; +} +.view-outline .button-toggle-expand-collapse.expand-all .collapse-all { + display: none; +} +.view-outline .button-toggle-expand-collapse.expand-all .expand-all { + display: block; +} +.view-outline .new-section-name, .view-outline .new-subsection-name-input { + display: inline-block; + width: 515px; + padding: 5px; + vertical-align: top; +} +.view-outline .new-section-name-save, .view-outline .new-subsection-name-save { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #0075b4; + border-radius: 3px; + background-color: #0075b4; + color: #fff; + margin: 0 5px; + padding: 4px 20px 7px; + color: #fff; +} +.view-outline .new-section-name-save.disabled, .view-outline .new-section-name-save.is-disabled, .view-outline .new-subsection-name-save.disabled, .view-outline .new-subsection-name-save.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.view-outline .new-section-name-save.disabled:hover, .view-outline .new-section-name-save.disabled:focus, .view-outline .new-section-name-save.is-disabled:hover, .view-outline .new-section-name-save.is-disabled:focus, .view-outline .new-subsection-name-save.disabled:hover, .view-outline .new-subsection-name-save.disabled:focus, .view-outline .new-subsection-name-save.is-disabled:hover, .view-outline .new-subsection-name-save.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.view-outline .new-section-name-save:hover, .view-outline .new-section-name-save:focus, .view-outline .new-section-name-save:active, .view-outline .new-subsection-name-save:hover, .view-outline .new-subsection-name-save:focus, .view-outline .new-subsection-name-save:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.view-outline .new-section-name-save:hover, .view-outline .new-section-name-save:focus, .view-outline .new-section-name-save:active, .view-outline .new-subsection-name-save:hover, .view-outline .new-subsection-name-save:focus, .view-outline .new-subsection-name-save:active { + background-color: #065683; + color: #fff; +} +.view-outline .new-section-name-save.disabled, .view-outline .new-section-name-save.is-disabled, .view-outline .new-subsection-name-save.disabled, .view-outline .new-subsection-name-save.is-disabled { + box-shadow: none; + border: 1px solid #99d9f5 !important; + background: #99d9f5 !important; + color: #fff !important; +} +.view-outline .new-section-name-cancel, .view-outline .new-subsection-name-cancel { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.6); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + border: 1px solid #b0b6c2; + border-radius: 3px; + background-color: #dfe5eb; + color: #5c677a; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + padding: 4px 20px 7px; + color: #999; +} +.view-outline .new-section-name-cancel.disabled, .view-outline .new-section-name-cancel.is-disabled, .view-outline .new-subsection-name-cancel.disabled, .view-outline .new-subsection-name-cancel.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.view-outline .new-section-name-cancel.disabled:hover, .view-outline .new-section-name-cancel.disabled:focus, .view-outline .new-section-name-cancel.is-disabled:hover, .view-outline .new-section-name-cancel.is-disabled:focus, .view-outline .new-subsection-name-cancel.disabled:hover, .view-outline .new-subsection-name-cancel.disabled:focus, .view-outline .new-subsection-name-cancel.is-disabled:hover, .view-outline .new-subsection-name-cancel.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.view-outline .new-section-name-cancel:hover, .view-outline .new-section-name-cancel:focus, .view-outline .new-section-name-cancel:active, .view-outline .new-subsection-name-cancel:hover, .view-outline .new-subsection-name-cancel:focus, .view-outline .new-subsection-name-cancel:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.view-outline .new-section-name-cancel:hover, .view-outline .new-section-name-cancel:focus, .view-outline .new-subsection-name-cancel:hover, .view-outline .new-subsection-name-cancel:focus { + background-color: #deecf7; + color: #5c677a; +} +.view-outline .new-subsection-item, .view-outline .new-unit-item { + width: 100%; + margin: 0 0 10px 0; + border: 1px solid #ccc; + padding: 10px 0; + color: #b2b2b2; +} +.view-outline .new-subsection-item:hover, .view-outline .new-unit-item:hover { + box-shadow: none; + background-image: none; +} +.view-outline .courseware-unit-new { + margin-right: 30px; +} +.view-outline .course-status { + margin-bottom: 20px; +} +.view-outline .course-status .status-release, .view-outline .course-status .status-pacing { + display: inline-block; + color: #999; +} +.view-outline .course-status .status-release:hover .status-actions, .view-outline .course-status .status-pacing:hover .status-actions { + opacity: 1.0; +} +.view-outline .course-status .status-release-label, .view-outline .course-status .status-release-value, .view-outline .course-status .status-pacing-label, .view-outline .course-status .status-pacing-value, .view-outline .course-status .status-actions { + display: inline-block; + vertical-align: middle; + margin-bottom: 0; +} +.view-outline .course-status .status-release-label, .view-outline .course-status .status-pacing-label { + margin-right: 5px; +} +.view-outline .course-status .status-actions { + transition: opacity 0.5s ease-in-out 0; + margin-left: 5px; + opacity: 0.0; +} +.view-outline .outline-complex .outline-content { + margin-top: 0; +} +.view-outline .outline-complex .outline-item.is-collapsible:nth-child(1) .ui-toggle-expansion:hover, .view-outline .outline-complex .outline-item.is-collapsible:nth-child(1) .ui-toggle-expansion:active, .view-outline .outline-complex .outline-item.is-collapsible:nth-child(1) .item-title:hover, .view-outline .outline-complex .outline-item.is-collapsible:nth-child(1) .item-title:active { + color: #009fe6; +} +.view-outline .outline-complex .outline-item.is-collapsible.is-dragging { + transition-property: none; +} +.view-outline .outline-complex .outline-item .item-title.is-editable+.editor { + display: block; +} +.view-outline .outline-complex .outline-item .item-title.is-editable+.editor .item-edit-title { + width: 100%} +.view-outline .outline-complex .outline-item .drop-target-prepend .draggable-drop-indicator-initial { + opacity: 1.0; +} +.view-outline .outline-complex .outline-item.was-dropped { + border-color: #009fe6; +} +.view-outline .outline-complex .outline-section { + padding: 15px 20px 15px 24px; +} +.view-outline .outline-complex .outline-section .section-header-details { + float: left; + width: 65.71429%} +.view-outline .outline-complex .outline-section .section-header-details .icon, .view-outline .outline-complex .outline-section .section-header-details .wrapper-section-title { + display: inline-block; + vertical-align: top; +} +.view-outline .outline-complex .outline-section .section-header-details .icon { + margin-right: 5px; +} +.view-outline .outline-complex .outline-section .section-header-details .wrapper-section-title { + width: 82.6087%; + line-height: 0; +} +.view-outline .outline-complex .outline-section .section-header-details .action-edit.action-inline .icon { + margin-right: 0; + transform: none; + vertical-align: middle; +} +.view-outline .outline-complex .outline-section .section-header-actions { + float: right; + width: 31.42857%; + margin-top: -5px; + text-align: right; +} +.view-outline .outline-complex .outline-section .incontext-editor-action-wrapper { + top: -1px; +} +.view-outline .outline-complex .outline-section .section-status { + margin: 0 0 0 25px; +} +.view-outline .outline-complex .outline-section.is-collapsible .ui-toggle-expansion { + color: #ccc; +} +.view-outline .outline-complex .outline-section.was-dropped { + border-left-color: #009fe6; +} +.view-outline .outline-complex .list-subsections { + margin: 20px 0 0 0; +} +.view-outline .outline-complex .outline-subsection { + padding: 15px; +} +.view-outline .outline-complex .outline-subsection .subsection-header-details { + float: left; + width: 65.71429%} +.view-outline .outline-complex .outline-subsection .subsection-header-details .icon, .view-outline .outline-complex .outline-subsection .subsection-header-details .wrapper-subsection-title { + display: inline-block; + vertical-align: top; +} +.view-outline .outline-complex .outline-subsection .subsection-header-details .icon { + margin-right: 5px; +} +.view-outline .outline-complex .outline-subsection .subsection-header-details .wrapper-subsection-title { + width: 82.6087%; + margin-top: -2px; + line-height: 0; +} +.view-outline .outline-complex .outline-subsection .subsection-header-details .action-edit.action-inline .icon { + transform: none; + margin-right: 0; + vertical-align: middle; +} +.view-outline .outline-complex .outline-subsection .subsection-header-actions { + float: right; + width: 31.42857%; + margin-top: -5px; + text-align: right; +} +.view-outline .outline-complex .outline-subsection .subsection-header-actions .actions-list { + margin-right: 10px; +} +.view-outline .outline-complex .outline-subsection .incontext-editor-action-wrapper { + top: -2px; +} +.view-outline .outline-complex .outline-subsection .subsection-status { + margin: 0 0 0 20px; +} +.view-outline .outline-complex .outline-subsection.is-collapsible .ui-toggle-expansion { + color: #ccc; +} +.view-outline .outline-complex .list-units { + margin: 20px 0 0 0; +} +.view-outline .outline-complex .outline-unit { + transition: margin 0.25s linear 0s; + margin-left: 20px; +} +.view-outline .outline-complex .outline-unit .unit-header-details { + float: left; + width: 65.71429%; + margin-top: 5px; +} +.view-outline .outline-complex .outline-unit .unit-header-actions { + float: right; + width: 31.42857%; + margin-top: -2px; + text-align: right; +} +.view-outline .outline-complex .add-item { + margin-top: 15px; +} +.view-outline .outline-complex .add-item .button-new { + padding: 10px 20px; + display: block; +} +.view-outline .outline-complex .add-item .button-new .icon { + display: inline-block; + vertical-align: middle; + margin-right: 10px; +} +.view-outline .outline-complex .add-section { + margin-bottom: 20px; +} +.view-outline .outline-complex .add-unit { + margin-left: 20px; +} +.view-outline .outline-section .ui-splint-indicator { + height: 2px; + margin-left: 5px; +} +.view-outline .outline-section .draggable-drop-indicator-before { + top: -15px; + left: 0; +} +.view-outline .outline-section .draggable-drop-indicator-after { + bottom: -15px; + left: 0; +} +.view-outline .outline-subsection .ui-splint-indicator { + height: 2px; + margin-left: 25px; +} +.view-outline .outline-subsection .draggable-drop-indicator-before { + top: -15px; +} +.view-outline .outline-subsection .draggable-drop-indicator-after { + bottom: -15px; +} +.view-outline .outline-unit .draggable-drop-indicator-before { + top: -15px; +} +.view-outline .outline-unit .draggable-drop-indicator-after { + bottom: -15px; +} +.view-outline .ui-splint-indicator { + position: relative; +} +.view-outline .ui-splint-indicator .draggable-drop-indicator { + transition: opacity 0.25s linear 0s; + height: auto; + width: 100%; + position: absolute; + border-top: 1px solid #33b2eb; + opacity: 0.0; +} +.view-outline .ui-splint-indicator .draggable-drop-indicator .fa-caret-right { + position: absolute; + top: -12px; + left: -5px; + color: #009fe6; +} +.view-outline .ui-splint-indicator .draggable-drop-indicator-before { + top: -10px; +} +.view-outline .ui-splint-indicator .draggable-drop-indicator-after { + bottom: -10px; +} +.view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field, .view-outline .course-outline-modal .list-fields .field { + display: inline-block; + vertical-align: top; + margin-right: 10px; + margin-bottom: 5px; +} +.view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field label, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field input, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field textarea, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field label, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field input, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field textarea, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field label, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field input, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field textarea, .view-outline .course-outline-modal .list-fields .field label, .view-outline .course-outline-modal .list-fields .field input, .view-outline .course-outline-modal .list-fields .field textarea { + display: block; +} +.view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field label, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field label, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field label, .view-outline .course-outline-modal .list-fields .field label { + transition: color 0.125s ease-in-out 0s; + margin: 0 0 5px 0; + font-weight: 600; +} +.view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field label.is-focused, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field label.is-focused, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field label.is-focused, .view-outline .course-outline-modal .list-fields .field label.is-focused { + color: #009fe6; +} +.view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field input, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field textarea, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field input, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field textarea, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field input, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field textarea, .view-outline .course-outline-modal .list-fields .field input, .view-outline .course-outline-modal .list-fields .field textarea { + transition: all 0.25s ease-in-out 0s; + height: 100%; + width: 100%; + padding: 10px; +} +.view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field input.long, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field textarea.long, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field input.long, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field textarea.long, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field input.long, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field textarea.long, .view-outline .course-outline-modal .list-fields .field input.long, .view-outline .course-outline-modal .list-fields .field textarea.long { + width: 100%} +.view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field input.short, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field textarea.short, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field input.short, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field textarea.short, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field input.short, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field textarea.short, .view-outline .course-outline-modal .list-fields .field input.short, .view-outline .course-outline-modal .list-fields .field textarea.short { + width: 25%} +.view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field .start-date, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field .start-time, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field .due-date, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field .due-time, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field .start-date, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field .start-time, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field .due-date, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field .due-time, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field .start-date, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field .start-time, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field .due-date, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field .due-time, .view-outline .course-outline-modal .list-fields .field .start-date, .view-outline .course-outline-modal .list-fields .field .start-time, .view-outline .course-outline-modal .list-fields .field .due-date, .view-outline .course-outline-modal .list-fields .field .due-time { + width: 140px; +} +.view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field-select .label, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field-select .input, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field-select .label, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field-select .input, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field-select .label, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field-select .input, .view-outline .course-outline-modal .list-fields .field-select .label, .view-outline .course-outline-modal .list-fields .field-select .input { + display: inline-block; + vertical-align: middle; +} +.view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field-select .label, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field-select .label, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field-select .label, .view-outline .course-outline-modal .list-fields .field-select .label { + margin-right: 10px; +} +.view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field-select .input, .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field-select .input, .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field-select .input, .view-outline .course-outline-modal .list-fields .field-select .input { + width: 100%} +.view-outline .wrapper-modal-window-bulkpublish-section .edit-settings-grading .grading-type, .view-outline .wrapper-modal-window-bulkpublish-subsection .edit-settings-grading .grading-type, .view-outline .wrapper-modal-window-bulkpublish-unit .edit-settings-grading .grading-type, .view-outline .course-outline-modal .edit-settings-grading .grading-type { + margin-bottom: 20px; +} +.view-outline .bulkpublish-section-modal .modal-introduction, .view-outline .bulkpublish-subsection-modal .modal-introduction, .view-outline .bulkpublish-unit-modal .modal-introduction { + color: #4c4c4c; +} +.view-outline .bulkpublish-section-modal .modal-section .outline-bulkpublish, .view-outline .bulkpublish-subsection-modal .modal-section .outline-bulkpublish, .view-outline .bulkpublish-unit-modal .modal-section .outline-bulkpublish { + max-height: 400px; + overflow-y: auto; +} +.view-outline .bulkpublish-section-modal .outline-section, .view-outline .bulkpublish-section-modal .outline-subsection, .view-outline .bulkpublish-subsection-modal .outline-section, .view-outline .bulkpublish-subsection-modal .outline-subsection, .view-outline .bulkpublish-unit-modal .outline-section, .view-outline .bulkpublish-unit-modal .outline-subsection { + border: none; + padding: 0; +} +.view-outline .bulkpublish-section-modal .outline-subsection, .view-outline .bulkpublish-subsection-modal .outline-subsection, .view-outline .bulkpublish-unit-modal .outline-subsection { + margin-bottom: 20px; + padding-right: 5px; +} +.view-outline .bulkpublish-section-modal .outline-subsection .subsection-title, .view-outline .bulkpublish-subsection-modal .outline-subsection .subsection-title, .view-outline .bulkpublish-unit-modal .outline-subsection .subsection-title { + margin-bottom: 5px; + font-weight: 600; + color: #b2b2b2; + text-transform: uppercase; +} +.view-outline .bulkpublish-section-modal .outline-unit .unit-title, .view-outline .bulkpublish-section-modal .outline-unit .unit-status, .view-outline .bulkpublish-subsection-modal .outline-unit .unit-title, .view-outline .bulkpublish-subsection-modal .outline-unit .unit-status, .view-outline .bulkpublish-unit-modal .outline-unit .unit-title, .view-outline .bulkpublish-unit-modal .outline-unit .unit-status { + display: inline-block; + vertical-align: middle; +} +.view-outline .bulkpublish-section-modal .outline-unit .unit-title, .view-outline .bulkpublish-subsection-modal .outline-unit .unit-title, .view-outline .bulkpublish-unit-modal .outline-unit .unit-title { + color: #4c4c4c; +} +.view-outline .bulkpublish-section-modal .outline-unit .unit-status, .view-outline .bulkpublish-subsection-modal .outline-unit .unit-status, .view-outline .bulkpublish-unit-modal .outline-unit .unit-status { + text-align: right; +} +.view-outline .bulkpublish-unit-modal .modal-introduction { + margin-bottom: 0; +} +.view-settings { + text-align: left; + direction: ltr; +} +.view-settings .content-primary, .view-settings .content-supplementary { + box-sizing: border-box; +} +.view-settings .content-primary { + padding: 20px 30px; +} +.view-settings .message { + display: block; +} +.view-settings .message-status { + -webkit-border-top-left-radius: 2px; + -moz-border-topleft-radius: 2px; + border-top-left-radius: 2px; + -webkit-border-top-right-radius: 2px; + -moz-border-topright-radius: 2px; + border-top-right-radius: 2px; + box-sizing: border-box; + display: none; + border-bottom: 2px solid #fffedf; + margin: 0 0 20px 0; + padding: 10px 20px; + background: #fffcf1; +} +.view-settings .message-status .text { + display: inline-block; +} +.view-settings .message-status.error { + border-color: #590308; + background: #c13840; + color: #fff; +} +.view-settings .message-status.confirm { + border-color: #135c2d; + background: #51c67b; + color: #fff; +} +.view-settings .message-status.is-shown { + display: block; +} +.view-settings .notice-workflow { + margin-top: 20px; +} +.view-settings .settings-details .is-not-editable input, .view-settings .settings-details .is-not-editable textarea { + box-shadow: none; + border: none; + background: none; + margin: 0; +} +.view-settings .group-settings { + margin: 0 0 40px 0; +} +.view-settings .group-settings header:after { + content: ""; + display: table; + clear: both; +} +.view-settings .group-settings header .title-2 { + width: 42.85714%; + margin: 0; + margin-right: 2.12766%; + float: left; +} +.view-settings .group-settings header .tip { + width: 54.28571%; + float: right; + margin-top: 10px; + text-align: right; + color: #666; +} +.view-settings .group-settings .header-help { + margin: 0 0 20px 0; +} +.view-settings .group-settings .instructions { + margin: 0 0 20px 0; +} +.view-settings .group-settings .tip { + transition: color 0.25s ease-in-out 0s; + display: block; + margin-top: 5px; + color: #666; +} +.view-settings .group-settings .tip-inline { + display: inline; + margin-left: 5px; +} +.view-settings .group-settings .message-error { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: #b20610; +} +.view-settings .group-settings .remove-item { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.6); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + border: 1px solid #b0b6c2; + border-radius: 3px; + background-color: #dfe5eb; + color: #5c677a; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); +} +.view-settings .group-settings .remove-item.disabled, .view-settings .group-settings .remove-item.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.view-settings .group-settings .remove-item.disabled:hover, .view-settings .group-settings .remove-item.disabled:focus, .view-settings .group-settings .remove-item.is-disabled:hover, .view-settings .group-settings .remove-item.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.view-settings .group-settings .remove-item:hover, .view-settings .group-settings .remove-item:focus, .view-settings .group-settings .remove-item:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.view-settings .group-settings .remove-item:hover, .view-settings .group-settings .remove-item:focus { + background-color: #deecf7; + color: #5c677a; +} +.view-settings .group-settings .list-input .show-data .heading { + border: 1px solid #E0E0E0; + padding: 5px 15px; + margin-top: 5px; +} +.view-settings .group-settings .list-input .show-data .div-grade-requirements { + border: 1px solid #E0E0E0; + border-top: none; + padding: 10px 15px; +} +.view-settings .group-settings .list-input .show-data .div-grade-requirements label { + font-weight: 600; +} +.view-settings .group-settings .list-input .show-data .div-grade-requirements input#entrance-exam-minimum-score-pct { + height: 40px; + font-size: 18px; +} +.view-settings .group-settings .list-input #heading-entrance-exam { + font-weight: 600; +} +.view-settings .group-settings .list-input label[for="entrance-exam-enabled"] { + font-size: 14px; +} +.view-settings .group-settings .list-input .field { + margin: 0 0 40px 0; +} +.view-settings .group-settings .list-input .field:last-child { + margin-bottom: 0; +} +.view-settings .group-settings .list-input .field.required label:after { + margin-left: 5px; + content: "*"} +.view-settings .group-settings .list-input .field label, .view-settings .group-settings .list-input .field input, .view-settings .group-settings .list-input .field textarea { + display: block; +} +.view-settings .group-settings .list-input .field label { + transition: color 0.25s ease-in-out 0s; + margin: 0 0 5px 0; +} +.view-settings .group-settings .list-input .field label.is-focused { + color: #0075b4; +} +.view-settings .group-settings .list-input .field input, .view-settings .group-settings .list-input .field textarea { + height: 100%; + width: 100%; + padding: 10px; +} +.view-settings .group-settings .list-input .field input :-moz-placeholder, .view-settings .group-settings .list-input .field textarea :-moz-placeholder { + color: #e5e5e5; +} +.view-settings .group-settings .list-input .field input ::-webkit-input-placeholder, .view-settings .group-settings .list-input .field textarea ::-webkit-input-placeholder { + color: #e5e5e5; +} +.view-settings .group-settings .list-input .field input :-ms-input-placeholder, .view-settings .group-settings .list-input .field textarea :-ms-input-placeholder { + color: #e5e5e5; +} +.view-settings .group-settings .list-input .field input.error, .view-settings .group-settings .list-input .field textarea.error { + border-color: #b20610; +} +.view-settings .group-settings .list-input .field input:focus+.tip, .view-settings .group-settings .list-input .field textarea:focus+.tip { + color: #666; +} +.view-settings .group-settings .list-input .field .input-minimum-grade { + float: left; + height: 100%; + width: 92%} +.view-settings .group-settings .list-input .field .minimum-grade-percentage-sign { + line-height: 44.4px; + line-height: 4.44rem; + padding-left: 5px; +} +.view-settings .group-settings .list-input .field textarea.long { + height: 100px; +} +.view-settings .group-settings .list-input .field input[type="checkbox"] { + display: inline-block; + margin-right: 5px; + width: auto; + height: auto; +} +.view-settings .group-settings .list-input .field input[type="checkbox"]+label { + display: inline-block; +} +.view-settings .group-settings .list-input .field-group { + margin: 0 0 10px 0; +} +.view-settings .group-settings .list-input .field-group:after { + content: ""; + display: table; + clear: both; +} +.view-settings .group-settings .list-input.enum .field-group { + box-sizing: border-box; + border-radius: 3px; + background: #f2f2f2; + padding: 20px; +} +.view-settings .group-settings .list-input.enum .field-group:last-child { + padding-bottom: 20px; +} +.view-settings .group-settings .list-input.enum .field-group .actions { + margin-top: 10px; + border-top: 1px solid #e5e5e5; + padding-top: 10px; +} +.view-settings .group-settings .list-input.enum .field-group .actions:after { + content: ""; + display: table; + clear: both; +} +.view-settings .group-settings .list-input.enum .field-group .actions .remove-item { + float: right; +} +.view-settings .group-settings .input-existing { + margin: 0 0 20px 0; +} +.view-settings .group-settings .input-existing .actions { + margin: 5px 0 0 0; +} +.view-settings .group-settings.basic .list-input { + padding: 0 10px; +} +.view-settings .group-settings.basic .list-input:after { + content: ""; + display: table; + clear: both; +} +.view-settings .group-settings.basic .list-input .field { + margin-bottom: 0; +} +.view-settings .group-settings.basic .is-not-editable input, .view-settings .group-settings.basic .is-not-editable textarea { + padding: 0; +} +.view-settings .group-settings.basic #field-course-organization { + float: left; + width: 20%; + margin-right: 2.12766%} +.view-settings .group-settings.basic #field-course-number { + float: left; + width: 20%; + margin-right: 2.12766%} +.view-settings .group-settings.basic #field-course-name { + float: left; + width: 54.28571%} +.view-settings .group-settings.basic #credit-minimum-passing-grade { + float: left; + width: 31.42857%; + margin-right: 2.12766%} +.view-settings .group-settings.basic #credit-proctoring-requirements { + float: left; + width: 31.42857%; + margin-right: 2.12766%} +.view-settings .group-settings.basic #credit-reverification-requirements { + float: left; + width: 31.42857%} +.view-settings .group-settings.basic .note-promotion-courseURL { + box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1); + border-radius: 4px; + margin-top: 30px; + border: 1px solid #b2b2b2; + padding: 10px 0 0 0; +} +.view-settings .group-settings.basic .note-promotion-courseURL .title { + margin: 0 0 2px 0; + padding: 0 10px; +} +.view-settings .group-settings.basic .note-promotion-courseURL .title .tip { + display: inline; + margin-left: 5px; +} +.view-settings .group-settings.basic .note-promotion-courseURL .copy { + padding: 0 10px 10px 10px; +} +.view-settings .group-settings.basic .note-promotion-courseURL .copy .link-courseURL { + box-sizing: border-box; + display: block; + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + color: #0075b4; +} +.view-settings .group-settings.basic .note-promotion-courseURL .copy .link-courseURL:hover { + color: #065683; +} +.view-settings .group-settings.basic .note-promotion-courseURL .list-actions { + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); + border-top: 1px solid #b2b2b2; + padding: 10px; + background: #f2f2f2; +} +.view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary .icon { + display: inline-block; + vertical-align: middle; + margin-top: -3px; +} +.view-settings .group-settings.schedule .list-input { + margin-bottom: 30px; +} +.view-settings .group-settings.schedule .list-input:last-child { + margin-bottom: 0; +} +.view-settings .group-settings.schedule .field-group { + border-bottom: 1px solid #f2f2f2; + padding-bottom: 10px; +} +.view-settings .group-settings.schedule .field-group:after { + content: ""; + display: table; + clear: both; +} +.view-settings .group-settings.schedule .field-group:last-child { + border: none; + padding-bottom: 0; +} +.view-settings .group-settings.schedule .field-group .is-not-editable input, .view-settings .group-settings.schedule .field-group .is-not-editable textarea { + padding: 10px; +} +.view-settings .group-settings.schedule .field-group .field { + float: left; + width: 31.42857%; + margin-bottom: 5px; + margin-right: 2.12766%} +.view-settings .group-settings.schedule .field-group .field.time { + position: relative; +} +.view-settings .group-settings.schedule .field-group .field.time .tip { + position: absolute; + top: 0; + right: 0; +} +.view-settings .group-settings #field-course-overview #course-overview { + height: 400px; +} +.view-settings .group-settings #field-course-overview .CodeMirror { + border: 1px solid #b2b2b2; +} +.view-settings .group-settings #field-course-introduction-video .input-existing { + box-sizing: border-box; + border-radius: 3px; + background: #f2f2f2; + padding: 10px; +} +.view-settings .group-settings #field-course-introduction-video .input-existing .actions { + margin-top: 10px; + border-top: 1px solid #e5e5e5; + padding-top: 10px; +} +.view-settings .group-settings #field-course-introduction-video .input-existing .actions:after { + content: ""; + display: table; + clear: both; +} +.view-settings .group-settings #field-course-introduction-video .input-existing .actions .remove-item { + float: right; +} +.view-settings .group-settings #field-course-introduction-video .actions { + margin-top: 10px; + border-top: 1px solid #f2f2f2; + padding-top: 10px; +} +.view-settings .group-settings #field-course-image .current-course-image, .view-settings .group-settings #field-banner-image .current-course-image, .view-settings .group-settings #field-video-thumbnail-image .current-course-image { + margin-bottom: 10px; + padding: 10px 20px; + background: #f9f9f9; + text-align: center; +} +.view-settings .group-settings #field-course-image .current-course-image .wrapper-course-image, .view-settings .group-settings #field-banner-image .current-course-image .wrapper-course-image, .view-settings .group-settings #field-video-thumbnail-image .current-course-image .wrapper-course-image { + display: block; + width: 375px; + height: 200px; + overflow: hidden; + margin: 0 auto; + border: 1px solid #e5e5e5; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + padding: 10px; + background: #fff; +} +.view-settings .group-settings #field-course-image .current-course-image .course-image, .view-settings .group-settings #field-banner-image .current-course-image .course-image, .view-settings .group-settings #field-video-thumbnail-image .current-course-image .course-image { + display: block; + width: 100%; + min-height: 100%} +.view-settings .group-settings #field-course-image .current-course-image .msg, .view-settings .group-settings #field-banner-image .current-course-image .msg, .view-settings .group-settings #field-video-thumbnail-image .current-course-image .msg { + display: block; + margin-top: 10px; + color: #333; +} +.view-settings .group-settings #field-course-image .wrapper-input, .view-settings .group-settings #field-banner-image .wrapper-input, .view-settings .group-settings #field-video-thumbnail-image .wrapper-input { + width: 100%} +.view-settings .group-settings #field-course-image .wrapper-input:after, .view-settings .group-settings #field-banner-image .wrapper-input:after, .view-settings .group-settings #field-video-thumbnail-image .wrapper-input:after { + content: ""; + display: table; + clear: both; +} +.view-settings .group-settings #field-course-image .wrapper-input .input, .view-settings .group-settings #field-banner-image .wrapper-input .input, .view-settings .group-settings #field-video-thumbnail-image .wrapper-input .input { + float: left; + width: 65.71429%; + margin-right: 2.12766%} +.view-settings .group-settings #field-course-image .wrapper-input .action-upload-image, .view-settings .group-settings #field-banner-image .wrapper-input .action-upload-image, .view-settings .group-settings #field-video-thumbnail-image .wrapper-input .action-upload-image { + float: right; + width: 20%; + margin-top: 5px; + padding: 10px 20px; +} +.view-settings .group-settings.requirements #field-course-effort { + width: 31.42857%} +.view-settings .group-settings.grade-range { + margin-bottom: 60px; +} +.view-settings .group-settings.grade-range .grade-controls { + width: 100%} +.view-settings .group-settings.grade-range .grade-controls:after { + content: ""; + display: table; + clear: both; +} +.view-settings .group-settings.grade-range .new-grade-button { + box-sizing: border-box; + background-color: rgba(255, 255, 255, 0.8); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + width: 8.57143%; + height: 40px; + position: relative; + display: inline-block; + margin-right: 2.12766%; + vertical-align: middle; + text-align: center; + border-radius: 20px; + border: 1px solid #8891a1; + background-color: #d1dae3; + color: #6d788b; +} +.view-settings .group-settings.grade-range .new-grade-button .icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -6px; + margin-top: -6px; +} +.view-settings .group-settings.grade-range .grade-slider { + box-sizing: border-box; + width: 88.57143%; + display: inline-block; + vertical-align: middle; +} +.view-settings .group-settings.grade-range .grade-slider .grade-bar { + position: relative; + width: 100%; + height: 50px; + background: #edf1f5; +} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .increments { + position: relative; +} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .increments li { + font-size: 9px; + font-size: 0.9rem; + position: absolute; + top: 52px; + width: 30px; + margin-left: -15px; + text-align: center; +} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .increments li.increment-0 { + left: 0; +} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .increments li.increment-10 { + left: 10%} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .increments li.increment-20 { + left: 20%} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .increments li.increment-30 { + left: 30%} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .increments li.increment-40 { + left: 40%} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .increments li.increment-50 { + left: 50%} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .increments li.increment-60 { + left: 60%} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .increments li.increment-70 { + left: 70%} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .increments li.increment-80 { + left: 80%} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .increments li.increment-90 { + left: 90%} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .increments li.increment-100 { + left: 100%} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .grade-specific-bar { + height: 50px !important; + text-align: left; +} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .grades { + position: relative; +} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li { + position: absolute; + top: 0; + height: 50px; + text-align: right; + border-radius: 2px; +} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li:hover .remove-button, .view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li.is-dragging .remove-button { + display: block; +} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li .remove-button { + display: none; + position: absolute; + top: -17px; + right: 1px; + height: 17px; +} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li:nth-child(1) { + background: #4fe696; +} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li:nth-child(2) { + background: #ffdf7e; +} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li:nth-child(3) { + background: #ffb657; +} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li:nth-child(4) { + background: #ef54a1; +} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li:nth-child(5), .view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li.bar-fail { + background: #fb336c; +} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li .letter-grade { + display: block; + margin: 5px 15px 0 0; +} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li .range { + font-size: 10px; + font-size: 1rem; + display: block; + margin-right: 15px; + line-height: 12px; +} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li .drag-bar { + position: absolute; + top: 0; + right: -1px; + height: 50px; + width: 2px; + background-color: #fff; + box-shadow: -1px 0 3px rgba(0, 0, 0, 0.1); + cursor: ew-resize; + transition: none; +} +.view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li .drag-bar:hover { + width: 6px; + right: -2px; +} +.view-settings .group-settings.grade-rules #field-course-grading-graceperiod { + width: 31.42857%} +.view-settings .group-settings.grade-rules #field-course-minimum_grade_credit { + width: 42.85714%} +.view-settings .group-settings.assignment-types .list-input:last-child { + margin-bottom: 0; +} +.view-settings .group-settings.assignment-types .field-group { + width: 100%; + margin-bottom: 30px; + border-bottom: 1px solid #f2f2f2; + padding-bottom: 30px; +} +.view-settings .group-settings.assignment-types .field-group:after { + content: ""; + display: table; + clear: both; +} +.view-settings .group-settings.assignment-types .field-group:last-child { + border: none; + padding-bottom: 0; +} +.view-settings .group-settings.assignment-types .field-group .field { + display: inline-block; + vertical-align: top; + width: 47.82609%; + margin-bottom: 10px; + margin-right: 2.12766%} +.view-settings .group-settings.assignment-types .field-group #field-course-grading-assignment-shortname, .view-settings .group-settings.assignment-types .field-group #field-course-grading-assignment-totalassignments, .view-settings .group-settings.assignment-types .field-group #field-course-grading-assignment-gradeweight, .view-settings .group-settings.assignment-types .field-group #field-course-grading-assignment-droppable { + width: 30.43478%} +.view-settings .group-settings.assignment-types .actions { + float: left; + width: 100%} +.view-settings .group-settings.assignment-types .actions .delete-button { + margin: 0; +} +.view-settings .group-settings.course-learning-info .list-input { + margin-bottom: 20px; +} +.view-settings .group-settings.course-learning-info .list-input .course-settings-learning-fields .field .input-learning-info { + width: 82.97872%; + display: inline-block; +} +.view-settings .group-settings.course-learning-info .list-input .course-settings-learning-fields .field .delete-button { + padding-bottom: 3px; + line-height: 3.5rem; +} +.view-settings .group-settings.course-learning-info .actions { + width: 100%} +.view-settings .group-settings.course-learning-info .actions .delete-button { + margin: 0; +} +.view-settings .group-settings.instructor-types .list-input .course-instructor-details-fields .field { + width: 30.43478%} +.view-settings .group-settings.instructor-types .list-input .course-instructor-details-fields .field.field-course-instructor-bio { + width: 100%} +.view-settings .group-settings.instructor-types .list-input .course-instructor-details-fields .field.current-instructor-image { + width: 100%; + text-align: left; + padding: 0; +} +.view-settings .group-settings.instructor-types .list-input .course-instructor-details-fields .field.current-instructor-image .wrapper-instructor-image { + margin: 15px auto; +} +.view-settings .group-settings.instructor-types .list-input:last-child { + margin-bottom: 0; +} +.view-settings .group-settings.instructor-types .field-group { + width: 100%; + margin-bottom: 30px; + border-bottom: 1px solid #f2f2f2; + padding-bottom: 30px; +} +.view-settings .group-settings.instructor-types .field-group:after { + content: ""; + display: table; + clear: both; +} +.view-settings .group-settings.instructor-types .field-group:last-child { + border: none; + padding-bottom: 0; +} +.view-settings .group-settings.instructor-types .field-group .field { + display: inline-block; + vertical-align: top; + width: 47.82609%; + margin-bottom: 10px; + margin-right: 2.12766%} +.view-settings .group-settings.instructor-types .field-group .field-course-instructor-image { + margin-bottom: 10px; + padding: 10px 20px; + background: #f2f2f2; + text-align: left; +} +.view-settings .group-settings.instructor-types .field-group .field-course-instructor-image .wrapper-instructor-image { + display: block; + width: 375px; + height: 200px; + overflow: hidden; + margin: 0 auto; + border: 1px solid #e5e5e5; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + padding: 10px; + background: #fff; +} +.view-settings .group-settings.instructor-types .field-group .field-course-instructor-image .instructor-image { + display: block; + width: 100%; + min-height: 100%} +.view-settings .group-settings.instructor-types .field-group .field-course-instructor-image .msg { + display: block; + margin-top: 10px; + color: #f2f2f2; +} +.view-settings .group-settings.instructor-types .field-group .wrapper-input { + width: 100%} +.view-settings .group-settings.instructor-types .field-group .wrapper-input:after { + content: ""; + display: table; + clear: both; +} +.view-settings .group-settings.instructor-types .field-group .wrapper-input .input { + float: left; + width: 65.71429%; + margin-right: 2.12766%} +.view-settings .group-settings.instructor-types .field-group .wrapper-input .action-upload-instructor-image { + float: right; + width: 20%; + margin-top: 5px; + padding: 10px 20px; +} +.view-settings .group-settings.instructor-types .actions { + width: 100%} +.view-settings .group-settings.instructor-types .actions .delete-button { + margin: 0; +} +.view-settings .group-settings.advanced-policies .wrapper-options { + margin: -10px 0 10px 0; + text-align: right; +} +.view-settings .group-settings.advanced-policies .wrapper-options .wrapper-deprecated-setting { + transition: opacity 0.25s ease-in-out 0s; + opacity: .5; + position: relative; + display: inline-block; + border-radius: 3px; + padding: 5px 10px; + background-color: #f2f2f2; + color: #4c4c4c; +} +.view-settings .group-settings.advanced-policies .wrapper-options .wrapper-deprecated-setting:hover { + opacity: 1; +} +.view-settings .group-settings.advanced-policies .wrapper-options .wrapper-deprecated-setting.is-set { + opacity: 1; + background-color: #f8e9f0; + color: #b72567; +} +.view-settings .group-settings.advanced-policies .wrapper-options .deprecated-settings-toggle { + position: absolute; + top: 0; + left: 0; + opacity: 0; +} +.view-settings .group-settings.advanced-policies .field-group { + margin-bottom: 30px; +} +.view-settings .group-settings.advanced-policies .field-group:last-child { + border: none; + padding-bottom: 0; +} +.view-settings .group-settings.advanced-policies .course-advanced-policy-list-item { + position: relative; +} +.view-settings .group-settings.advanced-policies .course-advanced-policy-list-item:after { + content: ""; + display: table; + clear: both; +} +.view-settings .group-settings.advanced-policies .course-advanced-policy-list-item .title { + margin-top: 10px; +} +.view-settings .group-settings.advanced-policies .course-advanced-policy-list-item .field input { + width: 100%} +.view-settings .group-settings.advanced-policies .course-advanced-policy-list-item .field .tip { + color: #666; +} +.view-settings .group-settings.advanced-policies .course-advanced-policy-list-item .field input.error+.tip { + opacity: 0.0; +} +.view-settings .group-settings.advanced-policies .course-advanced-policy-list-item .key, .view-settings .group-settings.advanced-policies .course-advanced-policy-list-item .value { + float: left; + margin: 0 0 10px 0; +} +.view-settings .group-settings.advanced-policies .course-advanced-policy-list-item .key { + width: 31.42857%; + margin-right: 2.12766%} +.view-settings .group-settings.advanced-policies .course-advanced-policy-list-item .value { + width: 65.71429%} +.view-settings .group-settings.advanced-policies .course-advanced-policy-list-item .actions { + float: left; + width: 100%} +.view-settings .group-settings.advanced-policies .course-advanced-policy-list-item .actions .delete-button { + margin: 0; +} +.view-settings .group-settings.advanced-policies .course-advanced-policy-list-item.is-deprecated { + background-color: #f8e9f0; +} +.view-settings .group-settings.advanced-policies .course-advanced-policy-list-item.is-deprecated .status { + color: #d47ca4; +} +.view-settings .group-settings.advanced-policies .message-error { + position: absolute; + bottom: 15px; +} +.view-settings .group-settings.advanced-policies .CodeMirror { + box-sizing: border-box; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; + background-color: #edf1f5; + background-image: -webkit-linear-gradient(#edf1f5, #fdfefe); + background-image: linear-gradient(#edf1f5, #fdfefe); + padding: 5px 8px; + border: 1px solid #b0b6c2; + border-radius: 2px; + background-color: #edf1f5; + font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; + color: #4c4c4c; + outline: 0; + height: auto; + min-height: 45px; +} +.view-settings .group-settings.advanced-policies .CodeMirror.CodeMirror-focused { + background-color: #fffcf1; + background-image: -webkit-linear-gradient(#fffcf1, #fffffe); + background-image: linear-gradient(#fffcf1, #fffffe); + outline: 0; +} +.view-settings .group-settings.advanced-policies .CodeMirror .CodeMirror-sizer { + top: 4px; +} +.view-settings .group-settings.advanced-policies .CodeMirror .CodeMirror-scroll { + margin-left: -30px; + margin-right: 0; + padding-left: 30px; + padding-right: 0; +} +.view-settings .group-settings.advanced-policies .CodeMirror .CodeMirror-vscrollbar { + left: 0; + right: auto; +} +.view-settings .group-settings.advanced-policies .CodeMirror .CodeMirror-lines .cm-string { + color: #cb9c40; +} +.view-settings .group-settings.advanced-policies .CodeMirror .CodeMirror-lines pre { + line-height: 2.0rem; +} +.view-settings .wrapper-modal-window .validation-error-modal-content .error-header p strong { + color: #fd5757; +} +.view-settings .wrapper-modal-window .validation-error-modal-content hr { + margin: 25px 0; +} +.view-settings .wrapper-modal-window .validation-error-modal-content .error-list .error-item .error-item-title { + color: #fd5757; +} +.view-settings .wrapper-modal-window .validation-error-modal-content .error-list .error-item .error-item-message { + width: 100%; + border: none; + resize: none; +} +.view-settings .wrapper-modal-window .validation-error-modal-content .error-list .error-item .error-item-message:focus { + outline: 0; +} +.view-settings .group-settings.pacing .list-input { + margin-top: 10px; + background-color: #f9f9f9; + border-radius: 3px; + padding: 10px; +} +.view-settings .group-settings.pacing .field { + margin: 0 0 20px 0; +} +.view-settings .group-settings.pacing .field .field-radio { + display: inline-block; + margin-right: 5px; + width: auto; + height: auto; +} +.view-settings .group-settings.pacing .field .field-radio+.course-pace-label { + display: inline-block; +} +.view-static-pages .content-primary, .view-static-pages .content-supplementary { + box-sizing: border-box; + float: left; +} +.view-static-pages .content-primary { + width: 74.46809%; + margin-right: 2.12766%} +.view-static-pages .content-primary .add-pages { + margin: 30px 0; +} +.view-static-pages .content-primary .notice-incontext { + padding: 0; + box-shadow: none; +} +.view-static-pages .content-primary .notice-incontext .copy { + opacity: 1; +} +.view-static-pages .content-supplementary { + width: 23.40426%} +.view-static-pages .wrapper-actions-list { + top: 6px; +} +.view-static-pages .wrapper-actions-list .actions-list .action-item { + position: relative; + display: inline-block; + min-width: 30px; + margin: 0; + text-align: center; +} +.view-static-pages .wrapper-actions-list .actions-list .action-item .action-button, .view-static-pages .wrapper-actions-list .actions-list .action-item .toggle-actions-view { + transition: all 0.25s ease-in-out 0s; + display: inline-block; + border: 0; + background: none; + color: #ccc; +} +.view-static-pages .wrapper-actions-list .actions-list .action-item .action-button:hover, .view-static-pages .wrapper-actions-list .actions-list .action-item .toggle-actions-view:hover { + background-color: #009fe6; + color: #f9f9f9; +} +.view-static-pages .wrapper-actions-list .actions-list .action-item.action-visible { + position: relative; +} +.view-static-pages .wrapper-actions-list .actions-list .action-item.action-visible label { + position: absolute; + top: 0; + right: 0; + height: 30px; + width: 30px; +} +.view-static-pages .wrapper-actions-list .actions-list .action-item.action-visible label:hover { + background-color: #009fe6; +} +.view-static-pages .wrapper-actions-list .actions-list .action-item.action-visible .toggle-checkbox { + position: absolute; + top: 0; + right: 0; + height: 30px; + width: 30px; + opacity: 0; +} +.view-static-pages .wrapper-actions-list .actions-list .action-item.action-visible .toggle-checkbox:hover ~ .action-button, .view-static-pages .wrapper-actions-list .actions-list .action-item.action-visible .toggle-checkbox:checked:hover ~ .action-button { + background-color: #009fe6; + color: #f9f9f9; +} +.view-static-pages .wrapper-actions-list .actions-list .action-item.action-visible .toggle-checkbox ~ .action-button .fa-eye { + display: inline-block; + pointer-events: none; +} +.view-static-pages .wrapper-actions-list .actions-list .action-item.action-visible .toggle-checkbox ~ .action-button .fa-eye-slash { + display: none; +} +.view-static-pages .wrapper-actions-list .actions-list .action-item.action-visible .toggle-checkbox:checked ~ .action-button { + background-color: #7f7f7f; + color: #fff; +} +.view-static-pages .wrapper-actions-list .actions-list .action-item.action-visible .toggle-checkbox:checked ~ .action-button .fa-eye { + display: none; +} +.view-static-pages .wrapper-actions-list .actions-list .action-item.action-visible .toggle-checkbox:checked ~ .action-button .fa-eye-slash { + display: inline-block; + pointer-events: none; +} +.view-static-pages .unit-body { + padding: 0; +} +.view-static-pages .unit-body .details { + display: block !important; +} +.view-static-pages .unit-body .details h2 { + margin: 0 0 5px 0; +} +.view-static-pages .unit-body .wrapper-component-editor { + position: relative; + background: #d5dce4; +} +.view-static-pages .unit-body .component-editor { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; + padding: 15px 20px; + border-radius: 3px; + background-color: #d5dce4; + color: #3c3c3c; + box-shadow: none; + display: none; + padding: 0; + border-radius: 2px 2px 0 0; +} +.view-static-pages .unit-body .component-editor label { + color: #4c4c4c; +} +.view-static-pages .unit-body .component-editor input, .view-static-pages .unit-body .component-editor textarea { + border: 1px solid #8891a1; +} +.view-static-pages .unit-body .component-editor textarea { + min-height: 80px; +} +.view-static-pages .unit-body .component-editor h5 { + margin-bottom: 8px; + color: #fff; +} +.view-static-pages .unit-body .component-editor .row { + margin-bottom: 10px; + padding: 0; + border: none; +} +.view-static-pages .unit-body .component-editor .save-button { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #0075b4; + border-radius: 3px; + background-color: #0075b4; + color: #fff; + margin-top: 0; +} +.view-static-pages .unit-body .component-editor .save-button.disabled, .view-static-pages .unit-body .component-editor .save-button.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.view-static-pages .unit-body .component-editor .save-button.disabled:hover, .view-static-pages .unit-body .component-editor .save-button.disabled:focus, .view-static-pages .unit-body .component-editor .save-button.is-disabled:hover, .view-static-pages .unit-body .component-editor .save-button.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.view-static-pages .unit-body .component-editor .save-button:hover, .view-static-pages .unit-body .component-editor .save-button:focus, .view-static-pages .unit-body .component-editor .save-button:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.view-static-pages .unit-body .component-editor .save-button:hover, .view-static-pages .unit-body .component-editor .save-button:focus, .view-static-pages .unit-body .component-editor .save-button:active { + background-color: #065683; + color: #fff; +} +.view-static-pages .unit-body .component-editor .save-button.disabled, .view-static-pages .unit-body .component-editor .save-button.is-disabled { + box-shadow: none; + border: 1px solid #99d9f5 !important; + background: #99d9f5 !important; + color: #fff !important; +} +.view-static-pages .unit-body .component-editor .cancel-button { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.6); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + border: 1px solid #b0b6c2; + border-radius: 3px; + background-color: #dfe5eb; + color: #5c677a; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + margin-top: 0; +} +.view-static-pages .unit-body .component-editor .cancel-button.disabled, .view-static-pages .unit-body .component-editor .cancel-button.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.view-static-pages .unit-body .component-editor .cancel-button.disabled:hover, .view-static-pages .unit-body .component-editor .cancel-button.disabled:focus, .view-static-pages .unit-body .component-editor .cancel-button.is-disabled:hover, .view-static-pages .unit-body .component-editor .cancel-button.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.view-static-pages .unit-body .component-editor .cancel-button:hover, .view-static-pages .unit-body .component-editor .cancel-button:focus, .view-static-pages .unit-body .component-editor .cancel-button:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.view-static-pages .unit-body .component-editor .cancel-button:hover, .view-static-pages .unit-body .component-editor .cancel-button:focus { + background-color: #deecf7; + color: #5c677a; +} +.view-static-pages .unit-body .component-editor .row { + margin-bottom: 0px; +} +.view-static-pages .unit-body .component-editor .module-actions { + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); + padding: 0px 0 10px 10px; + background-color: #f9f9f9; +} +.view-static-pages .unit-body .component-editor .module-actions .save-button { + margin: 10px 8px 0 0; +} +.view-static-pages .component-editor { + border: none; + border-radius: 0; +} +.view-static-pages .components>li { + margin: 0; + border-radius: 0; +} +.view-static-pages .components>li.new-component-item { + background: transparent; + border: none; + box-shadow: none; +} +.view-static-pages .component, .view-static-pages .course-nav-item { + position: relative; + border: 1px solid #b0b6c2; + border-top: none; +} +.view-static-pages .component:first-child, .view-static-pages .course-nav-item:first-child { + border-top: 1px solid #b0b6c2; +} +.view-static-pages .component:hover, .view-static-pages .course-nav-item:hover { + border: 1px solid #b0b6c2; + border-top: none; +} +.view-static-pages .component:hover:first-child, .view-static-pages .course-nav-item:hover:first-child { + border-top: 1px solid #b0b6c2; +} +.view-static-pages .component:hover .drag-handle, .view-static-pages .course-nav-item:hover .drag-handle { + background: url("{{ path_to_images }}drag-handles.png") center no-repeat #fff; +} +.view-static-pages .component .drag-handle, .view-static-pages .course-nav-item .drag-handle { + right: 0; + position: absolute; + display: block; + top: 0; + width: 35px; + height: 100%; + border: none; + background: url("{{ path_to_images }}drag-handles.png") center no-repeat #fff; +} +.view-static-pages .component .drag-handle:hover, .view-static-pages .course-nav-item .drag-handle:hover { + background: url("{{ path_to_images }}drag-handles.png") center no-repeat #fff; +} +.view-static-pages .component .drag-handle.is-fixed, .view-static-pages .course-nav-item .drag-handle.is-fixed { + cursor: default; + width: 30px; + background: #e5e5e5 none; +} +.view-static-pages .component .wrapper-component-action-header, .view-static-pages .course-nav-item .wrapper-component-action-header { + box-sizing: border-box; + position: absolute; + width: 100%; + padding: 5px 10px; + top: 0; + left: 0; +} +.view-static-pages .component .component-header, .view-static-pages .course-nav-item .component-header { + display: none; +} +.view-static-pages .component .component-actions, .view-static-pages .component .course-nav-item-actions, .view-static-pages .course-nav-item .component-actions, .view-static-pages .course-nav-item .course-nav-item-actions { + display: inline-block; + float: right; + margin-right: 40px; + padding: 8px 0px; + vertical-align: middle; + text-align: center; +} +.view-static-pages .component .component-actions .action-item, .view-static-pages .component .course-nav-item-actions .action-item, .view-static-pages .course-nav-item .component-actions .action-item, .view-static-pages .course-nav-item .course-nav-item-actions .action-item { + display: inline-block; + margin: 5px 0 5px 10px; +} +.view-static-pages .component .component-actions .action-item .action-button, .view-static-pages .component .course-nav-item-actions .action-item .action-button, .view-static-pages .course-nav-item .component-actions .action-item .action-button, .view-static-pages .course-nav-item .course-nav-item-actions .action-item .action-button { + transition: all 0.25s ease-in-out 0s; + display: block; + padding: 0 10px; + width: auto; + height: 30px; + border-radius: 3px; + color: #999; + text-transform: uppercase; +} +.view-static-pages .component .component-actions .action-item .action-button:hover, .view-static-pages .component .course-nav-item-actions .action-item .action-button:hover, .view-static-pages .course-nav-item .component-actions .action-item .action-button:hover, .view-static-pages .course-nav-item .course-nav-item-actions .action-item .action-button:hover { + background-color: #009fe6; + color: #f9f9f9; +} +.view-static-pages .component .component-actions .action-item .action-button .action-button-text, .view-static-pages .component .course-nav-item-actions .action-item .action-button .action-button-text, .view-static-pages .course-nav-item .component-actions .action-item .action-button .action-button-text, .view-static-pages .course-nav-item .course-nav-item-actions .action-item .action-button .action-button-text { + padding-left: 1px; + vertical-align: bottom; + line-height: 17px; +} +.view-static-pages .component .component-actions .action-item .action-button.delete-button:hover, .view-static-pages .component .course-nav-item-actions .action-item .action-button.delete-button:hover, .view-static-pages .course-nav-item .component-actions .action-item .action-button.delete-button:hover, .view-static-pages .course-nav-item .course-nav-item-actions .action-item .action-button.delete-button:hover { + background-color: #999; +} +.view-static-pages .component .component-actions .action-item .icon, .view-static-pages .component .course-nav-item-actions .action-item .icon, .view-static-pages .course-nav-item .component-actions .action-item .icon, .view-static-pages .course-nav-item .course-nav-item-actions .action-item .icon { + display: inline-block; + vertical-align: bottom; +} +.view-static-pages .component .component-actions .action-item.action-duplicate, .view-static-pages .component .course-nav-item-actions .action-item.action-duplicate, .view-static-pages .course-nav-item .component-actions .action-item.action-duplicate, .view-static-pages .course-nav-item .course-nav-item-actions .action-item.action-duplicate { + display: none; +} +.view-static-pages .course-nav-item { + padding: 15px 5px 15px 20px; + background: #fff; +} +.view-static-pages .course-nav-item.is-fixed { + transition: opacity 0.25s ease-in-out 0s; + opacity: 0.5; +} +.view-static-pages .course-nav-item .course-nav-item-header { + display: inline-block; + width: 80%} +.view-static-pages .course-nav-item .course-nav-item-header .title-sub { + color: #b2b2b2; +} +.view-static-pages .course-nav-item .course-nav-item-actions { + display: inline-block; + padding: 2px; +} +.view-static-pages .component.editing { + border-left: 1px solid #b0b6c2; + border-right: 1px solid #b0b6c2; +} +.view-static-pages .component.editing .xblock-student_view { + display: none; +} +.view-static-pages .new .xblock-student_view { + background: #fffedf; +} +.view-static-pages .xblock-student_view { + transition: background-color 3s linear 0s; + padding: 20px 20px 22px; + background: #fff; +} +.view-static-pages .static-page-item { + position: relative; + margin: 10px 0; + padding: 22px 20px; + border: 1px solid #8891a1; + border-radius: 3px; + background: #fff; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); +} +.view-static-pages .static-page-item .item-actions { + margin-top: 19px; + margin-right: 12px; +} +.edit-static-page .main-wrapper { + margin-top: 40px; +} +.edit-static-page .static-page-details { + padding: 32px 40px; +} +.edit-static-page .static-page-details .row { + border: none; +} +.edit-static-page .page-display-name-input { + width: 100%} +.edit-static-page .page-contents { + box-sizing: border-box; + background-color: rgba(255, 255, 255, 0); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3)); + width: 100%; + height: 360px; + padding: 15px; + border: 1px solid #b0b6c2; + border-radius: 2px; + background-color: #edf1f5; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; + font-family: Monaco, monospace; + color: #3c3c3c; + outline: 0; +} +.view-container .content-supplementary .bit-publishing .wrapper-release .release-with, .view-container .content-supplementary .bit-publishing .wrapper-visibility .inherited-from, .view-container .content-supplementary .bit-publishing .wrapper-visibility .note-visibility { + display: block; +} +.view-container .wrapper-mast .mast { + border-bottom: none; + padding-bottom: 0; +} +.view-container .wrapper-mast .mast .page-header .is-editable .incontext-editor-input { + transition: box-shadow 0.5s ease-in-out 0, color 0.5s ease-in-out 0; + width: 100%; + background: none repeat scroll 0 0 #fff; + border: 0; + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset; +} +.view-container .wrapper-mast .mast .page-header .is-editable .incontext-editor-input:focus { + box-shadow: 0 0 2px 2px rgba(0, 159, 230, 0.5) inset; + color: #009fe6; +} +.view-container .wrapper-mast .mast.has-actions .nav-actions .button { + padding: 5px 15px; +} +.view-container .content-primary .no-container-content { + padding: 30px 40px; +} +.view-container .content-primary .no-container-content .fa-warning { + display: none; +} +.view-container .content-primary .container-message .message { + border-radius: 3px 3px 0 0; +} +.view-container .content-primary .ui-sortable-helper article { + display: none; +} +.view-container .content-primary .component-placeholder { + height: 50px; + opacity: .5; + margin: 20px; + background-color: #f2f2f2; + border-radius: 10px; + border: 2px dashed #b2b2b2; +} +.view-container .content-supplementary .bit-publishing.staff-only.is-scheduled .wrapper-release .copy, .view-container .content-supplementary .bit-publishing.is-staff-only.is-scheduled .wrapper-release .copy { + text-decoration: line-through; +} +.view-container .content-supplementary .bit-publishing .bar-mod-content { + border: 0; + padding: 10px 15px 5px 15px; +} +.view-container .content-supplementary .bit-publishing .bar-mod-content .title { + margin-bottom: 2px; +} +.view-container .content-supplementary .bit-publishing .wrapper-visibility .copy { + margin-bottom: 2px; +} +.view-container .content-supplementary .bit-publishing .wrapper-visibility .icon { + color: #666; +} +.view-container .content-supplementary .bit-publishing .wrapper-visibility .note-visibility .icon { + margin-right: 5px; +} +.view-container .content-supplementary .bit-publishing .wrapper-pub-actions { + border-top: 1px solid #e5e5e5; + margin-top: 10px; + padding: 20px 15px 15px 15px; +} +.view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish { + display: block; + padding: 5px 10px 6.66667px 10px; +} +.view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-discard { + display: block; + margin-top: 10px; + text-align: right; +} +.view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-discard.is-disabled { + pointer-events: none; + color: #999; +} +.view-container .content-supplementary .unit-publish-history .wrapper-last-publish { + margin-bottom: 20px; + padding: 15px; + background-color: #fff; +} +.view-container .content-supplementary .unit-publish-history .wrapper-last-publish .copy { + color: #7f7f7f; +} +.view-container .content-supplementary .unit-location, .view-container .content-supplementary .library-location { + border-top: none; +} +.view-container .content-supplementary .unit-location .wrapper-unit-id .unit-id-value, .view-container .content-supplementary .unit-location .wrapper-unit-id .library-id-value, .view-container .content-supplementary .unit-location .wrapper-library-id .unit-id-value, .view-container .content-supplementary .unit-location .wrapper-library-id .library-id-value, .view-container .content-supplementary .library-location .wrapper-unit-id .unit-id-value, .view-container .content-supplementary .library-location .wrapper-unit-id .library-id-value, .view-container .content-supplementary .library-location .wrapper-library-id .unit-id-value, .view-container .content-supplementary .library-location .wrapper-library-id .library-id-value { + display: inline-block; + width: 100%} +.view-container .content-supplementary .unit-location .wrapper-unit-id .tip, .view-container .content-supplementary .unit-location .wrapper-library-id .tip, .view-container .content-supplementary .library-location .wrapper-unit-id .tip, .view-container .content-supplementary .library-location .wrapper-library-id .tip { + display: inline-block; + margin: 5px 0; + color: #666; +} +.view-container .content-supplementary .unit-location .wrapper-unit-tree-location .item-title a, .view-container .content-supplementary .library-location .wrapper-unit-tree-location .item-title a { + color: #009fe6; +} +.view-container .content-supplementary .unit-location .wrapper-unit-tree-location .item-title a:hover, .view-container .content-supplementary .library-location .wrapper-unit-tree-location .item-title a:hover { + color: #be9730; +} +.view-container .content-supplementary .unit-location .wrapper-unit-tree-location .is-current, .view-container .content-supplementary .library-location .wrapper-unit-tree-location .is-current { + background: #e5e5e5; +} +.view-container .content-supplementary .unit-location .wrapper-unit-tree-location .is-current .unit-title a, .view-container .content-supplementary .library-location .wrapper-unit-tree-location .is-current .unit-title a { + color: #4c4c4c; +} +.view-container .content-supplementary .unit-location .wrapper-unit-tree-location .section-header, .view-container .content-supplementary .unit-location .wrapper-unit-tree-location .subsection-header, .view-container .content-supplementary .library-location .wrapper-unit-tree-location .section-header, .view-container .content-supplementary .library-location .wrapper-unit-tree-location .subsection-header { + line-height: 0; + margin-bottom: 10px; +} +.view-container .content-supplementary .unit-location .wrapper-unit-tree-location .section-header, .view-container .content-supplementary .library-location .wrapper-unit-tree-location .section-header { + border-bottom: 1px solid #e5e5e5; + padding-bottom: 10px; +} +.view-container .content-supplementary .unit-location .wrapper-unit-tree-location .outline-subsection, .view-container .content-supplementary .library-location .wrapper-unit-tree-location .outline-subsection { + border: none; + padding: 0; +} +.view-container .content-supplementary .unit-location .wrapper-unit-tree-location .outline-unit, .view-container .content-supplementary .library-location .wrapper-unit-tree-location .outline-unit { + padding: 3px 6px; +} +.view-team .content-primary, .view-team .content-supplementary { + box-sizing: border-box; +} +.view-team .content .introduction { + margin: 0 0 40px 0; +} +.view-team .content .notice-create { + width: flexgrid(9, 9); + margin-top: 20px; +} +.view-team .content .notice-create.has-actions .msg, .view-team .content .notice-create.has-actions .list-actions { + display: inline-block; + vertical-align: middle; +} +.view-team .content .notice-create.has-actions .msg { + width: 65.71429%; + margin-right: 2.12766%} +.view-team .content .notice-create.has-actions .list-actions { + width: 31.42857%; + text-align: right; + margin-top: 0; +} +.view-team .content .notice-create.has-actions .list-actions .action-primary { + padding: 10px 20px; +} +.view-team .wrapper-create-user.is-shown { + height: 300px; +} +.view-team .user-list, .view-team .user-item, .view-team .item-metadata, .view-team .item-actions { + box-sizing: border-box; +} +.view-team .user-list .user-item { + position: relative; + width: 100%; + margin: 0 0 10px 0; + padding: 25px 30px 20px 30px; +} +.view-team .user-list .user-item:after { + content: ""; + display: table; + clear: both; +} +.view-team .user-list .user-item:last-child { + margin-bottom: 0; +} +.view-team .user-list .user-item .item-metadata, .view-team .user-list .user-item .item-actions { + display: inline-block; + vertical-align: middle; +} +.view-team .user-list .user-item .flag-role { + color: #fff; +} +.view-team .user-list .user-item .flag-role .msg-you { + margin-left: 4px; + text-transform: none; + color: #e2a8c2; +} +.view-team .user-list .user-item .flag-role:after { + border-bottom-color: #250715; +} +.view-team .user-list .user-item .flag-role.flag-role-staff { + background: #86576c; +} +.view-team .user-list .user-item .flag-role.flag-role-admin, .view-team .user-list .user-item .flag-role.flag-role-instructor { + background: #b72567; +} +.view-team .user-list .user-item .flag-role.flag-role-user, .view-team .user-list .user-item .flag-role.flag-role-library_user { + background: #be9730; +} +.view-team .user-list .user-item .flag-role.flag-role-user .msg-you, .view-team .user-list .user-item .flag-role.flag-role-library_user .msg-you { + color: #f1ca63; +} +.view-team .user-list .user-item .item-metadata { + width: 42.85714%; + margin-right: 2.12766%} +.view-team .user-list .user-item .item-metadata .user-username, .view-team .user-list .user-item .item-metadata .user-email { + display: inline-block; + vertical-align: middle; +} +.view-team .user-list .user-item .item-metadata .user-username { + transition: color 0.25s ease-in-out 0s; + margin: 0 10px 2px 0; + color: #191919; +} +.view-team .user-list .user-item .item-actions { + width: 54.28571%; + position: static; + text-align: right; +} +.view-team .user-list .user-item .item-actions .action { + display: inline-block; + vertical-align: middle; +} +.view-team .user-list .user-item .item-actions .action-role { + width: 87.09677%; + margin-right: 2.12766%} +.view-team .user-list .user-item .item-actions .action-role .add-admin-role { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #0075b4; + border-radius: 3px; + background-color: #0075b4; + color: #fff; + transition: all 0.15s; + display: inline-block; + padding: 4px 20px; +} +.view-team .user-list .user-item .item-actions .action-role .add-admin-role.disabled, .view-team .user-list .user-item .item-actions .action-role .add-admin-role.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.view-team .user-list .user-item .item-actions .action-role .add-admin-role.disabled:hover, .view-team .user-list .user-item .item-actions .action-role .add-admin-role.disabled:focus, .view-team .user-list .user-item .item-actions .action-role .add-admin-role.is-disabled:hover, .view-team .user-list .user-item .item-actions .action-role .add-admin-role.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.view-team .user-list .user-item .item-actions .action-role .add-admin-role:hover, .view-team .user-list .user-item .item-actions .action-role .add-admin-role:focus, .view-team .user-list .user-item .item-actions .action-role .add-admin-role:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.view-team .user-list .user-item .item-actions .action-role .add-admin-role:hover, .view-team .user-list .user-item .item-actions .action-role .add-admin-role:focus, .view-team .user-list .user-item .item-actions .action-role .add-admin-role:active { + background-color: #065683; + color: #fff; +} +.view-team .user-list .user-item .item-actions .action-role .add-admin-role.disabled, .view-team .user-list .user-item .item-actions .action-role .add-admin-role.is-disabled { + box-shadow: none; + border: 1px solid #99d9f5 !important; + background: #99d9f5 !important; + color: #fff !important; +} +.view-team .user-list .user-item .item-actions .action-role .remove-admin-role { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + border: 1px solid #4c4c4c; + border-radius: 3px; + background-color: #d1dae3; + color: #6d788b; + transition: all 0.15s; + display: inline-block; + padding: 4px 20px; +} +.view-team .user-list .user-item .item-actions .action-role .remove-admin-role.disabled, .view-team .user-list .user-item .item-actions .action-role .remove-admin-role.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.view-team .user-list .user-item .item-actions .action-role .remove-admin-role.disabled:hover, .view-team .user-list .user-item .item-actions .action-role .remove-admin-role.disabled:focus, .view-team .user-list .user-item .item-actions .action-role .remove-admin-role.is-disabled:hover, .view-team .user-list .user-item .item-actions .action-role .remove-admin-role.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.view-team .user-list .user-item .item-actions .action-role .remove-admin-role:hover, .view-team .user-list .user-item .item-actions .action-role .remove-admin-role:focus, .view-team .user-list .user-item .item-actions .action-role .remove-admin-role:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.view-team .user-list .user-item .item-actions .action-role .remove-admin-role:hover { + background-color: #d9e3ee; + color: #6d788b; +} +.view-team .user-list .user-item .item-actions .action-role .notoggleforyou { + color: #b2b2b2; +} +.view-team .user-list .user-item .item-actions .action-delete { + width: 9.67742%} +.view-team .user-list .user-item .item-actions .action-delete.is-disabled { + opacity: 0.0; + visibility: hidden; + pointer-events: none; +} +.view-team .user-list .user-item .item-actions .delete-button { + margin-right: 0; + float: none; + color: inherit; +} +.view-textbooks .content-primary, .view-textbooks .content-supplementary { + box-sizing: border-box; +} +.view-textbooks .content-primary .textbook { + position: relative; +} +.view-textbooks .content-primary .textbook .view-textbook { + padding: 20px 30px; +} +.view-textbooks .content-primary .textbook .view-textbook header { + margin-bottom: 0; + border-bottom: 0; +} +.view-textbooks .content-primary .textbook .view-textbook .textbook-title { + margin-right: 280px; +} +.view-textbooks .content-primary .textbook .view-textbook .ui-toggle-expansion { + transition: rotate 0.15s ease-in-out 0.25s; + display: inline-block; + width: 15px; + vertical-align: text-bottom; +} +.view-textbooks .content-primary .textbook .view-textbook.is-selectable:hover { + color: #0075b4; +} +.view-textbooks .content-primary .textbook .view-textbook.is-selectable:hover .ui-toggle-expansion { + color: #0075b4; +} +.view-textbooks .content-primary .textbook .view-textbook .chapters { + margin-left: 20px; +} +.view-textbooks .content-primary .textbook .view-textbook .chapters .chapter { + margin-bottom: 5px; + border-bottom: 1px solid #e5e5e5; +} +.view-textbooks .content-primary .textbook .view-textbook .chapters .chapter .chapter-name { + display: inline-block; + vertical-align: middle; + width: 45%; + margin-right: 10px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.view-textbooks .content-primary .textbook .view-textbook .chapters .chapter .chapter-asset-path { + display: inline-block; + width: 50%; + color: #999; +} +.view-textbooks .content-primary .textbook .view-textbook .actions { + transition: opacity 0.15s 0.25s ease-in-out; + opacity: 0.0; + position: absolute; + top: 20px; + right: 20px; +} +.view-textbooks .content-primary .textbook .view-textbook .actions .action { + display: inline-block; + margin-right: 5px; +} +.view-textbooks .content-primary .textbook .view-textbook .actions .action .view { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #0075b4; + border-radius: 3px; + background-color: #0075b4; + color: #fff; +} +.view-textbooks .content-primary .textbook .view-textbook .actions .action .view.disabled, .view-textbooks .content-primary .textbook .view-textbook .actions .action .view.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.view-textbooks .content-primary .textbook .view-textbook .actions .action .view.disabled:hover, .view-textbooks .content-primary .textbook .view-textbook .actions .action .view.disabled:focus, .view-textbooks .content-primary .textbook .view-textbook .actions .action .view.is-disabled:hover, .view-textbooks .content-primary .textbook .view-textbook .actions .action .view.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.view-textbooks .content-primary .textbook .view-textbook .actions .action .view:hover, .view-textbooks .content-primary .textbook .view-textbook .actions .action .view:focus, .view-textbooks .content-primary .textbook .view-textbook .actions .action .view:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.view-textbooks .content-primary .textbook .view-textbook .actions .action .view:hover, .view-textbooks .content-primary .textbook .view-textbook .actions .action .view:focus, .view-textbooks .content-primary .textbook .view-textbook .actions .action .view:active { + background-color: #065683; + color: #fff; +} +.view-textbooks .content-primary .textbook .view-textbook .actions .action .view.disabled, .view-textbooks .content-primary .textbook .view-textbook .actions .action .view.is-disabled { + box-shadow: none; + border: 1px solid #99d9f5 !important; + background: #99d9f5 !important; + color: #fff !important; +} +.view-textbooks .content-primary .textbook .view-textbook .actions .action .edit { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #0075b4; + border-radius: 3px; + background-color: #0075b4; + color: #fff; +} +.view-textbooks .content-primary .textbook .view-textbook .actions .action .edit.disabled, .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.view-textbooks .content-primary .textbook .view-textbook .actions .action .edit.disabled:hover, .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit.disabled:focus, .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit.is-disabled:hover, .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.view-textbooks .content-primary .textbook .view-textbook .actions .action .edit:hover, .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit:focus, .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.view-textbooks .content-primary .textbook .view-textbook .actions .action .edit:hover, .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit:focus, .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit:active { + background-color: #065683; + color: #fff; +} +.view-textbooks .content-primary .textbook .view-textbook .actions .action .edit.disabled, .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit.is-disabled { + box-shadow: none; + border: 1px solid #99d9f5 !important; + background: #99d9f5 !important; + color: #fff !important; +} +.view-textbooks .content-primary .textbook:hover .actions { + opacity: 1.0; +} +.view-textbooks .content-primary .textbook .edit-textbook { + box-sizing: border-box; + border-radius: 2px; + width: 100%; + background: #fff; +} +.view-textbooks .content-primary .textbook .edit-textbook .wrapper-form { + padding: 20px 30px; +} +.view-textbooks .content-primary .textbook .edit-textbook fieldset { + margin-bottom: 20px; +} +.view-textbooks .content-primary .textbook .edit-textbook .actions { + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); + border-top: 1px solid #999; + padding: 15px 20px; + background: #f9f9f9; +} +.view-textbooks .content-primary .textbook .edit-textbook .actions .action { + margin-right: 5px; +} +.view-textbooks .content-primary .textbook .edit-textbook .actions .action:last-child { + margin-right: 0; +} +.view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #0075b4; + border-radius: 3px; + background-color: #0075b4; + color: #fff; + transition: all 0.15s; + display: inline-block; + padding: 4px 20px; + text-transform: uppercase; +} +.view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary.disabled, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary.disabled:hover, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary.disabled:focus, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary.is-disabled:hover, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary:hover, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary:focus, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary:hover, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary:focus, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary:active { + background-color: #065683; + color: #fff; +} +.view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary.disabled, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary.is-disabled { + box-shadow: none; + border: 1px solid #99d9f5 !important; + background: #99d9f5 !important; + color: #fff !important; +} +.view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary { + transition: background-color 0.15s, box-shadow 0.15s; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent; + display: inline-block; + padding: 4px 20px 5px; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + border: 1px solid #4c4c4c; + border-radius: 3px; + background-color: #d1dae3; + color: #6d788b; + transition: all 0.15s; + display: inline-block; + padding: 4px 20px; + text-transform: uppercase; +} +.view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary.disabled, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary.is-disabled { + border: 1px solid #999 !important; + border-radius: 3px !important; + background: #999 !important; + color: #666 !important; + pointer-events: none; + cursor: none; +} +.view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary.disabled:hover, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary.disabled:focus, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary.is-disabled:hover, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary.is-disabled:focus { + box-shadow: 0 0 0 0 !important; +} +.view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary:hover, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary:focus, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary:active { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); +} +.view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary:hover { + background-color: #d9e3ee; + color: #6d788b; +} +.view-textbooks .content-primary .textbook .edit-textbook .copy { + margin: 20px 0 10px 0; + color: #7f7f7f; +} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field { + margin: 0 0 15px 0; +} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field:last-child, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field:last-child { + margin-bottom: 0; +} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field.required label:after, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field.required label:after { + margin-left: 5px; + content: "*"} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field label, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field textarea, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field label, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field textarea { + display: block; +} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field label, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field label { + transition: color, 0.15s, ease-in-out; + margin: 0 0 5px 0; +} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field label.is-focused, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field label.is-focused { + color: #0075b4; +} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field textarea, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field textarea { + height: 100%; + width: 100%; + padding: 10px; +} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input.long, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field textarea.long, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input.long, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field textarea.long { + width: 100%} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input.short, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field textarea.short, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input.short, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field textarea.short { + width: 25%} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input ::-webkit-input-placeholder, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field textarea ::-webkit-input-placeholder, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input ::-webkit-input-placeholder, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field textarea ::-webkit-input-placeholder { + color: #e5e5e5; +} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input :-moz-placeholder, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field textarea :-moz-placeholder, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input :-moz-placeholder, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field textarea :-moz-placeholder { + color: #ccc; +} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input ::-moz-placeholder, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field textarea ::-moz-placeholder, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input ::-moz-placeholder, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field textarea ::-moz-placeholder { + color: #ccc; +} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input :-ms-input-placeholder, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field textarea :-ms-input-placeholder, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input :-ms-input-placeholder, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field textarea :-ms-input-placeholder { + color: #ccc; +} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input:focus+.tip, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field textarea:focus+.tip, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input:focus+.tip, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field textarea:focus+.tip { + color: #666; +} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field textarea.long, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field textarea.long { + height: 100px; +} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input[type="checkbox"], .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input[type="checkbox"] { + display: inline-block; + margin-right: 5px; + width: auto; + height: auto; +} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input[type="checkbox"]+label, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input[type="checkbox"]+label { + display: inline-block; +} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field .tip, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field .tip { + transition: color, 0.15s, ease-in-out; + display: block; + margin-top: 5px; + color: #666; +} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field.error label, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field.error label { + color: #b20610; +} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field.error input, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field.error input { + border-color: #b20610; +} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group { + margin: 0 0 10px 0; +} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group:after, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group:after { + content: ""; + display: table; + clear: both; +} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .field { + display: block; + width: 46%; + border-bottom: none; + margin: 0 15px 0 0; + padding: 5px 0 0 0; + float: left; + position: relative; +} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field input, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field textarea, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .field input, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .field textarea { + width: 100%} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field .action-upload, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .field .action-upload { + position: absolute; + top: 3px; + right: 0; +} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .action-close, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .action-close { + transition: color 0.25s ease-in-out; + display: inline-block; + float: right; + margin-top: 40px; + border: 0; + padding: 0; + background: transparent; + color: #99d9f5; +} +.view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .action-close:hover, .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .action-close:hover { + color: #009fe6; +} +.view-textbooks .content-primary .textbook .edit-textbook .action-add-chapter { + display: block; + width: 100%; + margin: 30px 0 0 0; + padding: 10px; +} +.view-export-git .content-primary, .view-export-git .content-supplementary { + box-sizing: border-box; + float: left; +} +.view-export-git .content-primary { + width: 74.46809%; + margin-right: 2.12766%} +.view-export-git .content-supplementary { + width: 23.40426%} +.view-export-git .error-text { + color: #fd5757; +} +.view-export-git .export-git-info-block dt { + margin-top: 12px; +} +.view-export-git .export-git-info-block dd { + margin-bottom: 20px; +} +.view-export-git .export-git-info-block .course_text { + color: #25b85a; +} +.view-export-git .export-git-info-block .giturl_text { + color: #009fe6; +} +.view-export-git .export-git-controls { + box-sizing: border-box; + padding: 20px 30px 30px 30px; +} +.view-export-git .export-git-controls .action-export-git { + display: block; + margin: 20px 0; + padding: 15px 20px; +} +.view-export-git .export-git-controls .action .icon { + display: inline-block; + vertical-align: middle; + margin-right: 5px; +} +.view-export-git .export-git-controls .action .copy { + display: inline-block; + vertical-align: middle; +} +.view-group-configurations .content-primary, .view-group-configurations .content-supplementary { + box-sizing: border-box; + float: left; +} +.view-group-configurations .content-primary { + width: 74.46809%; + margin-right: 2.12766%} +.view-group-configurations .content-primary .notice-moduledisabled { + background-color: #fff; + padding: 30px 20px; + text-align: center; +} +.view-group-configurations .content-primary .wrapper-groups { + margin-bottom: 30px; +} +.view-group-configurations .content-primary .wrapper-groups .title { + margin-bottom: 10px; +} +.view-group-configurations .content-primary .wrapper-collection { + position: relative; + outline: none; +} +.view-group-configurations .content-primary .wrapper-collection:hover .collection .actions { + opacity: 1.0; +} +.view-group-configurations .content-primary .wrapper-collection .collection-details { + padding: 20px 30px; +} +.view-group-configurations .content-primary .wrapper-collection .collection-header { + margin-bottom: 0; + border-bottom: 0; + padding-bottom: 0; +} +.view-group-configurations .content-primary .wrapper-collection .collection-header .title { + margin-right: 280px; + color: #000; +} +.view-group-configurations .content-primary .wrapper-collection .collection-header .title .toggle { + display: inline-block; + padding-left: 20px; + color: #000; +} +.view-group-configurations .content-primary .wrapper-collection .collection-header .title .toggle:hover, .view-group-configurations .content-primary .wrapper-collection .collection-header .title .toggle:focus { + color: #009fe6; +} +.view-group-configurations .content-primary .wrapper-collection .collection-header .title .toggle .ui-toggle-expansion { + transition: rotate 0.15s ease-in-out 0.25s; + display: inline-block; + width: 15px; + vertical-align: baseline; + margin-left: -20px; +} +.view-group-configurations .content-primary .wrapper-collection .collection-header .title .toggle.is-selectable:hover { + color: #009fe6; +} +.view-group-configurations .content-primary .wrapper-collection .collection-header .title .toggle.is-selectable:hover .ui-toggle-expansion { + color: #009fe6; +} +.view-group-configurations .content-primary .wrapper-collection .collection-info { + color: #999; + margin-left: 20px; +} +.view-group-configurations .content-primary .wrapper-collection .collection-info.group-configuration-info-inline { + display: table; + width: 70%; + margin: 5px 0 10px 20px; +} +.view-group-configurations .content-primary .wrapper-collection .collection-info.group-configuration-info-inline li { + box-sizing: border-box; + display: table-cell; + margin-right: 1%} +.view-group-configurations .content-primary .wrapper-collection .collection-info.group-configuration-info-inline li.group-configuration-usage-count { + font-style: italic; +} +.view-group-configurations .content-primary .wrapper-collection .collection-info.group-configuration-info-block li { + padding: 5px 0; +} +.view-group-configurations .content-primary .wrapper-collection .collection-info.collection-info-inline { + display: table; + width: 70%; + margin: 5px 0 10px 20px; +} +.view-group-configurations .content-primary .wrapper-collection .collection-info.collection-info-inline li { + box-sizing: border-box; + display: table-cell; + margin-right: 1%; + padding: 5px 0; +} +.view-group-configurations .content-primary .wrapper-collection .collection-info.collection-info-inline li.collection-usage-count { + font-style: italic; +} +.view-group-configurations .content-primary .wrapper-collection .collection-info .collection-label { + text-transform: uppercase; +} +.view-group-configurations .content-primary .wrapper-collection .collection-info .collection-description { + overflow: hidden; + text-overflow: ellipsis; +} +.view-group-configurations .content-primary .wrapper-collection .collection-items { + margin-left: 20px; + margin-bottom: 15px; +} +.view-group-configurations .content-primary .wrapper-collection .collection-items .item { + padding: 2.85714px 0 5px; + border-top: 1px solid #e5e5e5; + white-space: nowrap; +} +.view-group-configurations .content-primary .wrapper-collection .collection-items .item:first-child { + border-top: none; +} +.view-group-configurations .content-primary .wrapper-collection .collection-items .item .name { + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; + vertical-align: middle; + width: 75%; + margin-right: 5%} +.view-group-configurations .content-primary .wrapper-collection .collection-details .actions { + transition: opacity 0.15s 0.25s ease-in-out; + position: absolute; + top: 20px; + right: 20px; + opacity: 0.0; +} +.view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action { + display: inline-block; + vertical-align: middle; + margin-right: 5px; +} +.view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .delete.is-disabled { + background-color: #ccc; + color: #f9f9f9; +} +.view-group-configurations .content-primary .wrapper-collection .collection-references { + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2) inset; + padding: 20px 30px 20px 50px; + color: #999; +} +.view-group-configurations .content-primary .wrapper-collection .collection-references .usage { + margin-left: 20px; +} +.view-group-configurations .content-primary .wrapper-collection .collection-references .usage .usage-unit { + padding: 5px 0; +} +.view-group-configurations .content-primary .wrapper-collection .collection-references .usage .usage-unit .fa-warning { + margin: 5px 10px 0 30px; + color: #edbd3c; +} +.view-group-configurations .content-primary .wrapper-collection .collection-references .usage .usage-unit .fa-times-circle { + margin: 5px 10px 0 30px; + color: #d16a70; +} +.view-group-configurations .content-primary .wrapper-collection .usage-validation { + background-color: #f9f9f9; + margin-top: 20px; + padding: 20px 30px 20px 30px; +} +.view-group-configurations .content-primary .wrapper-collection .usage-validation .fa-warning { + margin: 10px 20px 0 0; + color: #edbd3c; + float: left; +} +.view-group-configurations .content-primary .wrapper-collection .usage-validation .collection-validation-text { + overflow: auto; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit { + box-sizing: border-box; + border-radius: 2px; + width: 100%; + background: #fff; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .message { + margin-bottom: 0; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .wrapper-form { + padding: 20px 30px; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .tip { + transition: color, 0.15s, ease-in-out; + display: block; + margin-top: 5px; + color: #666; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .is-focused .tip { + color: #4c4c4c; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .collection-fields { + margin-bottom: 20px; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .field { + margin: 0 0 15px 0; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .field.required label:after { + margin-left: 5px; + content: "*"} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .field label, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field input, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field textarea { + display: block; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .field textarea { + resize: vertical; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .field label { + transition: color, 0.15s, ease-in-out; + margin: 0 0 5px 0; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .field label.is-focused { + color: #009fe6; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .field input, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field textarea { + height: 100%; + width: 100%; + padding: 10px; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .field input.long, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field textarea.long { + width: 100%} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .field input.short, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field textarea.short { + width: 25%} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .field input ::-webkit-input-placeholder, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field textarea ::-webkit-input-placeholder { + color: #e5e5e5; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .field input :-moz-placeholder, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field textarea :-moz-placeholder { + color: #ccc; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .field input ::-moz-placeholder, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field textarea ::-moz-placeholder { + color: #ccc; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .field input :-ms-input-placeholder, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field textarea :-ms-input-placeholder { + color: #ccc; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .field input:focus+.tip, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field textarea:focus+.tip { + color: #666; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .field.error label { + color: #b20610; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .field.error input { + border-color: #b20610; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit label.required:after { + margin-left: 5px; + content: "*"} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .field.add-collection-name label { + width: 50%; + display: inline-block; + vertical-align: bottom; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .field.add-collection-name .group-configuration-id { + display: inline-block; + width: 45%; + text-align: right; + vertical-align: top; + color: #999; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .field.add-collection-name .group-configuration-id .group-configuration-value { + white-space: nowrap; + margin-left: 10px; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .actions { + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); + border-top: 1px solid #999; + padding: 15px 20px; + background: #f9f9f9; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action { + margin-right: 5px; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action:last-child { + margin-right: 0; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary { + padding: 5px 20px; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-secondary { + padding: 5px 20px; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .wrapper-delete-button { + float: right; + padding: 5px 10px; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .wrapper-delete-button .is-disabled { + color: #ccc; +} +.view-group-configurations .content-primary .wrapper-collection .collection-edit .copy { + margin: 20px 0 10px 0; + color: #7f7f7f; +} +.view-group-configurations .content-primary .wrapper-collection .action-add-item { + display: block; + width: 100%; + margin: 30px 0 0 0; + padding: 10px; +} +.view-group-configurations .content-primary .action-add { + display: block; + width: 100%; + margin-top: 15px; + padding: 10px 20px; +} +.view-group-configurations .content-primary .action-add.is-hidden, .view-group-configurations .content-primary .xmodule_display.xmodule_VideoModule .video.closed .action-add.subtitles, .xmodule_display.xmodule_VideoModule .video.closed .view-group-configurations .content-primary .action-add.subtitles, .view-group-configurations .content-primary .mast.has-actions .nav-actions .action-add.button.is-hidden, .mast.has-actions .nav-actions .view-group-configurations .content-primary .action-add.button.is-hidden { + display: none; +} +.view-group-configurations .content-primary .action-add .icon { + display: inline-block; + vertical-align: middle; + margin-right: 10px; +} +.view-group-configurations .content-primary .content-groups .collection-header .title { + margin-bottom: 0; +} +.view-group-configurations .content-primary .experiment-groups .group-configuration-details .group-configuration-info { + color: #999; + margin-left: 20px; +} +.view-group-configurations .content-primary .experiment-groups .group-configuration-details .group-configuration-info .group-configuration-label { + text-transform: uppercase; +} +.view-group-configurations .content-primary .experiment-groups .group-configuration-details .group-configuration-info .group-configuration-description { + overflow: hidden; + text-overflow: ellipsis; +} +.view-group-configurations .content-primary .experiment-groups .group-configuration-details .groups { + margin-left: 20px; + margin-bottom: 15px; +} +.view-group-configurations .content-primary .experiment-groups .group-configuration-details .groups .group { + padding: 2.85714px 0 5px; + border-top: 1px solid #e5e5e5; + white-space: nowrap; +} +.view-group-configurations .content-primary .experiment-groups .group-configuration-details .groups .group:first-child { + border-top: none; +} +.view-group-configurations .content-primary .experiment-groups .group-configuration-details .groups .group .group-name { + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; + vertical-align: middle; + width: 75%; + margin-right: 5%} +.view-group-configurations .content-primary .experiment-groups .group-configuration-details .groups .group .group-allocation { + display: inline-block; + vertical-align: middle; + width: 20%; + color: #999; + text-align: right; +} +.view-group-configurations .content-primary .experiment-groups .group-configuration-edit .add-collection-name label { + padding-right: 5%; + overflow: hidden; + text-overflow: ellipsis; + vertical-align: bottom; +} +.view-group-configurations .content-primary .experiment-groups .group-configuration-edit .field-group { + margin: 0 0 10px 0; + padding: 5px 0 0 0; +} +.view-group-configurations .content-primary .experiment-groups .group-configuration-edit .field-group:after { + content: ""; + display: table; + clear: both; +} +.view-group-configurations .content-primary .experiment-groups .group-configuration-edit .field-group .group-allocation, .view-group-configurations .content-primary .experiment-groups .group-configuration-edit .field-group .field { + display: inline-block; + vertical-align: middle; + margin: 0 3% 0 0; +} +.view-group-configurations .content-primary .experiment-groups .group-configuration-edit .field-group .group-allocation { + max-width: 10%; + min-width: 5%; + color: #999; +} +.view-group-configurations .content-primary .experiment-groups .group-configuration-edit .field-group .field { + position: relative; +} +.view-group-configurations .content-primary .experiment-groups .group-configuration-edit .field-group .field.long { + width: 80%} +.view-group-configurations .content-primary .experiment-groups .group-configuration-edit .field-group .field.short { + width: 10%} +.view-group-configurations .content-primary .experiment-groups .group-configuration-edit .field-group .action-close { + transition: color 0.25s ease-in-out; + display: inline-block; + border: 0; + padding: 0; + background: transparent; + color: #99d9f5; + vertical-align: middle; +} +.view-group-configurations .content-primary .experiment-groups .group-configuration-edit .field-group .action-close:hover { + color: #009fe6; +} +.view-group-configurations .content-supplementary { + width: 23.40426%} +.view-video-uploads .content-primary, .view-video-uploads .content-supplementary { + box-sizing: border-box; +} +.view-video-uploads .nav-actions .fa-cloud-upload { + vertical-align: bottom; + margin-right: 4px; +} +.view-video-uploads .file-upload-form { + margin-bottom: 30px; + width: 100%} +.view-video-uploads .file-upload-form:after { + content: ""; + display: table; + clear: both; +} +.view-video-uploads .file-upload-form .file-drop-area { + border: 2px dashed #ccc; + border-radius: 4px; + padding: 60px; + background: #fff; + text-align: center; +} +.view-video-uploads .file-upload-form .file-drop-area:hover, .view-video-uploads .file-upload-form .file-drop-area.is-dragged { + background: #e6f5fd; + border-style: solid; + border-color: #ccecfa; +} +.view-video-uploads .active-video-upload-container { + margin-bottom: 40px; +} +.view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload { + display: inline-block; + min-height: 80px; + width: 30.06489%; + margin: 0.27766%; + border: 1px solid #ccc; + border-radius: 4px; + padding: 10px; + vertical-align: top; +} +.view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload .video-detail-name { + margin-bottom: 10px; + font-size: 90%} +.view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload .video-detail-status { + font-size: 12px; + font-size: 1.2rem; + line-height: 17.76px; + line-height: 1.776rem; +} +.view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload .video-detail-progress { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + margin-bottom: 10px; + border: none; + width: 100%; + height: 5px; +} +.view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload .video-detail-progress::-webkit-progress-bar { + background-color: #fff; +} +.view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload .video-detail-progress::-webkit-progress-value { + background-color: #25b85a; +} +.view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload .video-detail-progress::-moz-progress-bar { + background-color: #25b85a; +} +.view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload:hover { + transition: all 0.125s; + background: #fff; +} +.view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload.queued .video-detail-progress { + visibility: hidden; +} +.view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload.error .video-detail-status { + color: #d16a70; +} +.view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload.error .video-detail-progress::-webkit-progress-value { + background-color: #d16a70; +} +.view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload.error .video-detail-progress::-moz-progress-bar { + background-color: #d16a70; +} +.view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload.success .video-detail-status { + color: #25b85a; +} +.view-video-uploads .assets-library .assets-title { + display: inline-block; + width: 54.28571%; + margin-right: 2.12766%} +.view-video-uploads .assets-library .wrapper-encodings-download { + display: inline-block; + width: 42.85714%; + text-align: right; +} +.view-certificates .content-primary, .view-certificates .content-supplementary { + box-sizing: border-box; + float: left; +} +.view-certificates .content-primary { + width: 74.46809%; + margin-right: 2.12766%} +.view-certificates .content-primary .notice-moduledisabled { + background-color: #fff; + padding: 30px 20px; + text-align: center; +} +.view-certificates .content-primary .wrapper-certificates .instructions { + margin-bottom: 20px; +} +.view-certificates .content-primary .certificate-settings { + margin-bottom: 20px; +} +.view-certificates .content-primary .actual-course-title { + margin-bottom: 20px; +} +.view-certificates .content-supplementary { + width: 23.40426%} +.view-certificates .certificate-info-section { + overflow: auto; +} +.view-certificates .certificate-info-section .course-title-section, .view-certificates .certificate-info-section .course-number-section { + min-width: 47%; + margin-right: 2%} +.view-certificates .wrapper-collection { + position: relative; + outline: none; +} +.view-certificates .wrapper-collection:hover .collection .actions { + opacity: 1.0; +} +.view-certificates .wrapper-collection .collection-details { + padding: 20px 30px; +} +.view-certificates .wrapper-collection .collection-header { + margin-bottom: 0; + border-bottom: 0; + padding-bottom: 0; +} +.view-certificates .wrapper-collection .collection-info.certificate-info-inline { + margin: 10px 0; +} +.view-certificates .wrapper-collection .collection-info.collection-info-inline { + display: table; + width: 70%; + margin: 5px 0 10px 20px; +} +.view-certificates .wrapper-collection .collection-info.collection-info-inline li { + box-sizing: border-box; + display: table-cell; + margin-right: 1%; + padding: 5px 0; +} +.view-certificates .wrapper-collection .collection-items { + margin-left: 20px; + margin-bottom: 15px; +} +.view-certificates .wrapper-collection .collection-items .item { + padding: 2.85714px 0 5px; + border-top: 1px solid #e5e5e5; + white-space: nowrap; +} +.view-certificates .wrapper-collection .collection-items .item:first-child { + border-top: none; +} +.view-certificates .wrapper-collection .collection-items .item .name { + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; + vertical-align: middle; + width: 75%; + margin-right: 5%} +.view-certificates .wrapper-collection .collection-details .actions { + transition: opacity 0.15s 0.25s ease-in-out; + position: absolute; + top: 20px; + right: 20px; + opacity: 0.0; +} +.view-certificates .wrapper-collection .collection-details .actions .action { + display: inline-block; + vertical-align: middle; + margin-right: 5px; +} +.view-certificates .wrapper-collection .collection-details .actions .action .delete.is-disabled { + background-color: #ccc; + color: #f9f9f9; +} +.view-certificates .wrapper-collection .collection-references { + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2) inset; + padding: 20px 30px 20px 50px; + color: #999; +} +.view-certificates .wrapper-collection .collection-references .usage { + margin-left: 20px; +} +.view-certificates .wrapper-collection .collection-references .usage .usage-unit { + padding: 5px 0; +} +.view-certificates .wrapper-collection .collection-references .usage .usage-unit .fa-warning { + margin: 5px 10px 0 30px; + color: #edbd3c; +} +.view-certificates .wrapper-collection .collection-references .usage .usage-unit .fa-times-circle { + margin: 5px 10px 0 30px; + color: #d16a70; +} +.view-certificates .wrapper-collection .collection-edit { + box-sizing: border-box; + border-radius: 2px; + width: 100%; + background: #fff; +} +.view-certificates .wrapper-collection .collection-edit .message { + margin-bottom: 0; +} +.view-certificates .wrapper-collection .collection-edit .wrapper-form { + padding: 20px 30px; +} +.view-certificates .wrapper-collection .collection-edit .action-add-signatory { + display: block; + width: 100%; + margin-top: 15px; + padding: 10px 20px; +} +.view-certificates .wrapper-collection .collection-edit .disableClick { + color: #999; +} +.view-certificates .wrapper-collection .collection-edit .tip { + transition: color, 0.15s, ease-in-out; + display: block; + margin-top: 10px; + color: #666; +} +.view-certificates .wrapper-collection .collection-edit .is-focused .tip { + color: #4c4c4c; +} +.view-certificates .wrapper-collection .collection-edit .collection-fields { + margin-bottom: 20px; +} +.view-certificates .wrapper-collection .collection-edit .field { + margin: 0 0 15px 0; +} +.view-certificates .wrapper-collection .collection-edit .field.required label:after { + margin-left: 5px; + content: "*"} +.view-certificates .wrapper-collection .collection-edit .field label, .view-certificates .wrapper-collection .collection-edit .field input, .view-certificates .wrapper-collection .collection-edit .field textarea { + display: block; +} +.view-certificates .wrapper-collection .collection-edit .field textarea { + resize: vertical; +} +.view-certificates .wrapper-collection .collection-edit .field label { + transition: color, 0.15s, ease-in-out; + margin: 0 0 5px 0; +} +.view-certificates .wrapper-collection .collection-edit .field label.is-focused { + color: #009fe6; +} +.view-certificates .wrapper-collection .collection-edit .field input, .view-certificates .wrapper-collection .collection-edit .field textarea { + height: 100%; + width: 100%; + padding: 10px; +} +.view-certificates .wrapper-collection .collection-edit .field input.long, .view-certificates .wrapper-collection .collection-edit .field textarea.long { + width: 100%} +.view-certificates .wrapper-collection .collection-edit .field input.short, .view-certificates .wrapper-collection .collection-edit .field textarea.short { + width: 25%} +.view-certificates .wrapper-collection .collection-edit .field input ::-webkit-input-placeholder, .view-certificates .wrapper-collection .collection-edit .field textarea ::-webkit-input-placeholder { + color: #e5e5e5; +} +.view-certificates .wrapper-collection .collection-edit .field input :-moz-placeholder, .view-certificates .wrapper-collection .collection-edit .field textarea :-moz-placeholder { + color: #ccc; +} +.view-certificates .wrapper-collection .collection-edit .field input ::-moz-placeholder, .view-certificates .wrapper-collection .collection-edit .field textarea ::-moz-placeholder { + color: #ccc; +} +.view-certificates .wrapper-collection .collection-edit .field input :-ms-input-placeholder, .view-certificates .wrapper-collection .collection-edit .field textarea :-ms-input-placeholder { + color: #ccc; +} +.view-certificates .wrapper-collection .collection-edit .field input:focus+.tip, .view-certificates .wrapper-collection .collection-edit .field textarea:focus+.tip { + color: #4c4c4c; +} +.view-certificates .wrapper-collection .collection-edit .field.error label { + color: #b20610; +} +.view-certificates .wrapper-collection .collection-edit .field.error input { + border-color: #b20610; +} +.view-certificates .wrapper-collection .collection-edit label.required:after { + margin-left: 5px; + content: "*"} +.view-certificates .wrapper-collection .collection-edit .field.add-collection-name label { + width: 50%; + display: inline-block; + vertical-align: bottom; +} +.view-certificates .wrapper-collection .collection-edit .field.add-collection-name .certificate-id { + display: inline-block; + width: 45%; + text-align: right; + vertical-align: top; + color: #999; +} +.view-certificates .wrapper-collection .collection-edit .field.add-collection-name .certificate-id .certificate-value { + white-space: nowrap; + margin-left: 10px; +} +.view-certificates .wrapper-collection .collection-edit .actions { + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); + border-top: 1px solid #999; + padding: 15px 20px; + background: #f9f9f9; +} +.view-certificates .wrapper-collection .collection-edit .actions .action { + margin-right: 5px; +} +.view-certificates .wrapper-collection .collection-edit .actions .action:last-child { + margin-right: 0; +} +.view-certificates .wrapper-collection .collection-edit .actions .action-primary { + padding: 5px 20px; +} +.view-certificates .wrapper-collection .collection-edit .actions .action-secondary { + padding: 5px 20px; +} +.view-certificates .wrapper-collection .collection-edit .actions .wrapper-delete-button { + float: right; + padding: 5px 10px; +} +.view-certificates .wrapper-collection .collection-edit .actions .wrapper-delete-button .is-disabled { + color: #ccc; +} +.view-certificates .wrapper-collection .collection-edit .actions.custom-signatory-action { + position: relative; + top: 0; + left: 0; + opacity: 1.0; +} +.view-certificates .wrapper-collection .collection-edit .copy { + margin: 20px 0 10px 0; + color: #7f7f7f; +} +.view-certificates .wrapper-collection .action-add-item { + display: block; + width: 100%; + margin: 30px 0 0 0; + padding: 10px; +} +.view-certificates .action-add { + display: block; + width: 100%; + margin-top: 15px; + padding: 10px 20px; +} +.view-certificates .action-add.is-hidden, .view-certificates .xmodule_display.xmodule_VideoModule .video.closed .action-add.subtitles, .xmodule_display.xmodule_VideoModule .video.closed .view-certificates .action-add.subtitles, .view-certificates .mast.has-actions .nav-actions .action-add.button.is-hidden, .mast.has-actions .nav-actions .view-certificates .action-add.button.is-hidden { + display: none; +} +.view-certificates .action-add .icon { + display: inline-block; + vertical-align: middle; + margin-right: 10px; +} +.view-certificates .action-add-hidden { + visibility: hidden; +} +.view-certificates .activate-cert { + margin-left: 5px; +} +.view-certificates .certificates .certificate-details .title, .view-certificates .certificates .certificate-edit .title { + margin-bottom: 10px; +} +.view-certificates .certificates .certificate-edit .add-collection-name label { + padding-right: 5%; + overflow: hidden; + text-overflow: ellipsis; + vertical-align: bottom; +} +.view-certificates .certificates .certificate-edit .field-group { + margin: 0 0 10px 0; + padding: 5px 0 0 0; +} +.view-certificates .certificates .certificate-edit .field-group:after { + content: ""; + display: table; + clear: both; +} +.view-certificates .certificates .certificate-edit .field-group .group-allocation, .view-certificates .certificates .certificate-edit .field-group .field { + display: inline-block; + vertical-align: middle; + margin: 0 3% 0 0; +} +.view-certificates .certificates .certificate-edit .field-group .group-allocation { + max-width: 10%; + min-width: 5%; + color: #999; +} +.view-certificates .certificates .certificate-edit .field-group .field { + position: relative; +} +.view-certificates .certificates .certificate-edit .field-group .field.long { + width: 80%} +.view-certificates .certificates .certificate-edit .field-group .field.short { + width: 10%} +.view-certificates .certificates .certificate-edit .field-group .action-close { + transition: color 0.25s ease-in-out; + display: inline-block; + border: 0; + padding: 0; + background: transparent; + color: #99d9f5; + vertical-align: middle; +} +.view-certificates .certificates .certificate-edit .field-group .action-close:hover { + color: #009fe6; +} +.view-certificates .certificates .signatory-details, .view-certificates .certificates .signatory-edit { + border-color: #e5e5e5; +} +.view-certificates .certificates .signatory-details .signatory-panel-header, .view-certificates .certificates .signatory-edit .signatory-panel-header { + background-color: #f2f2f2; + padding: 10px 15px; + border-bottom: 1px solid #f2f2f2; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.view-certificates .certificates .signatory-details .signatory-panel-body, .view-certificates .certificates .signatory-edit .signatory-panel-body { + padding: 20px; +} +.view-certificates .certificates .signatory-details .signatory-panel-body .signatory-image, .view-certificates .certificates .signatory-edit .signatory-panel-body .signatory-image { + margin-top: 20px; +} +.view-certificates .certificates .signatory-details .signatory-panel-body .signature-image, .view-certificates .certificates .signatory-edit .signatory-panel-body .signature-image { + max-width: 450px; +} +.view-certificates .certificates .signatory-details .signatory-panel-body label, .view-certificates .certificates .signatory-edit .signatory-panel-body label { + font-weight: 600; +} +.view-certificates .certificates .signatory-details .signatory-panel-edit, .view-certificates .certificates .signatory-edit .signatory-panel-edit { + float: right; + padding: 8px; + position: inherit; +} +.view-certificates .certificates .signatory-edit .signatory-panel-close, .view-certificates .certificates .signatory-edit .signatory-panel-save, .view-certificates .certificates .signatory-edit .signatory-panel-delete { + float: right; + padding: 10px; +} +.view-certificates .certificates .signatory-edit .tip { + transition: color, 0.15s, ease-in-out; + display: block; + margin-top: 5px; + color: #666; +} +.view-certificates .certificates .signatory-edit .field { + margin-bottom: 20px; +} +.view-certificates .certificates .signatory-edit .field.required label:after { + margin-left: 5px; + content: "*"} +.view-certificates .certificates .signatory-edit .field label, .view-certificates .certificates .signatory-edit .field input, .view-certificates .certificates .signatory-edit .field textarea { + display: block; +} +.view-certificates .certificates .signatory-edit .field textarea { + resize: vertical; +} +.view-certificates .certificates .signatory-edit .field label { + transition: color, 0.15s, ease-in-out; + margin: 0 0 5px 0; +} +.view-certificates .certificates .signatory-edit .field label.is-focused { + color: #009fe6; +} +.view-certificates .certificates .signatory-edit .field input, .view-certificates .certificates .signatory-edit .field textarea { + height: 100%; + width: 100%; + padding: 10px; +} +.view-certificates .certificates .signatory-edit .field input.long, .view-certificates .certificates .signatory-edit .field textarea.long { + width: 100%} +.view-certificates .certificates .signatory-edit .field input.short, .view-certificates .certificates .signatory-edit .field textarea.short { + width: 25%} +.view-certificates .certificates .signatory-edit .field input ::-webkit-input-placeholder, .view-certificates .certificates .signatory-edit .field textarea ::-webkit-input-placeholder { + color: #e5e5e5; +} +.view-certificates .certificates .signatory-edit .field input :-moz-placeholder, .view-certificates .certificates .signatory-edit .field textarea :-moz-placeholder { + color: #ccc; +} +.view-certificates .certificates .signatory-edit .field input ::-moz-placeholder, .view-certificates .certificates .signatory-edit .field textarea ::-moz-placeholder { + color: #ccc; +} +.view-certificates .certificates .signatory-edit .field input :-ms-input-placeholder, .view-certificates .certificates .signatory-edit .field textarea :-ms-input-placeholder { + color: #ccc; +} +.view-certificates .certificates .signatory-edit .field input:focus+.tip, .view-certificates .certificates .signatory-edit .field textarea:focus+.tip { + color: #666; +} +.view-certificates .certificates .signatory-edit .field.error label { + color: #b20610; +} +.view-certificates .certificates .signatory-edit .field.error input { + border-color: #b20610; +} +.view-certificates .certificates .signatory-edit .field.error .message-error { + color: #b20610; +} +.view-certificates .certificates .signatory-edit .field .signature-upload-wrapper { + width: 100%} +.view-certificates .certificates .signatory-edit .field .signature-upload-wrapper:after { + content: ""; + display: table; + clear: both; +} +.view-certificates .certificates .signatory-edit .field .signature-upload-wrapper .signature-upload-input-wrapper { + float: left; + width: 57.44681%; + margin-right: 2.12766%} +.view-certificates .certificates .signatory-edit .field .signature-upload-wrapper .action-upload-signature { + float: right; + width: 31.91489%; + margin-top: 5px; + padding: 10px 20px; +} +.view-certificates .certificates .signatory-edit .field .current-signature-image { + margin-bottom: 10px; + padding: 10px 20px; + background: #f2f2f2; + text-align: center; +} +.view-certificates .certificates .signatory-edit .field .current-signature-image .wrapper-signature-image { + display: block; + width: 375px; + line-height: 200px; + overflow: hidden; + margin: 0 auto; + border: 1px solid #e5e5e5; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + padding: 10px; + background: #fff; +} +.view-certificates .certificates .signatory-edit .field .current-signature-image .signature-image { + vertical-align: middle; + width: 100%; + max-height: 100%} +.maintenance-header { + text-align: center; + margin-top: 50px; +} +.maintenance-header h2 { + margin-bottom: 10px; +} +.maintenance-content { + padding: 3rem 0; +} +.maintenance-content .maintenance-list { + max-width: 1280px; + margin: 0 auto; +} +.maintenance-content .maintenance-list .view-list-container { + padding: 10px 15px; + background-color: #fff; + border-bottom: 1px solid #ddd; +} +.maintenance-content .maintenance-list .view-list-container:hover { + background-color: #fafafa; +} +.maintenance-content .maintenance-list .view-list-container .view-name { + display: inline-block; + width: 20%; + float: left; +} +.maintenance-content .maintenance-list .view-list-container .view-desc { + display: inline-block; + width: 80%; + font-size: 15px; +} +.maintenance-content .maintenance-form { + width: 60%; + margin: auto; +} +.maintenance-content .maintenance-form .result-list { + height: calc(100vh - 200px); + overflow: auto; +} +.maintenance-content .maintenance-form .result { + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); + margin-top: 15px; + padding: 15px 30px; + background: #f9f9f9; +} +.maintenance-content .maintenance-form li { + font-size: 13px; + line-height: 9px; +} +.maintenance-content .maintenance-form .actions { + text-align: right; +} +.maintenance-content .maintenance-form .field-radio div { + display: inline-block; + margin-right: 10px; +} +.maintenance-content .maintenance-form div.error { + color: #F00; + margin-top: 10px; + font-size: 13px; +} +.maintenance-content .maintenance-form div.head-output { + font-size: 13px; + margin-bottom: 10px; +} +.maintenance-content .maintenance-form div.main-output { + color: #0A0; + font-size: 15px; +} +.lte9 .wrapper-notification.is-shown { + bottom: 0; +} +.lte9 .wrapper-notification.is-hiding { + bottom: -200px; +} +.xmodule_display.xmodule_StaticTabModule * { + line-height: 1.4em; +} +.xmodule_display.xmodule_StaticTabModule h1 { + color: #3c3c3c; + font: normal 2em/1.4em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + letter-spacing: 1px; + margin: 0 0 1.416em 0; +} +.xmodule_display.xmodule_StaticTabModule h2 { + color: #646464; + font: normal 1.2em/1.2em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + letter-spacing: 1px; + margin-bottom: 15px; + text-transform: uppercase; + -webkit-font-smoothing: antialiased; +} +.xmodule_display.xmodule_StaticTabModule h3, .xmodule_display.xmodule_StaticTabModule h4, .xmodule_display.xmodule_StaticTabModule h5, .xmodule_display.xmodule_StaticTabModule h6 { + margin: 0 0 10px 0; + font-weight: 600; +} +.xmodule_display.xmodule_StaticTabModule h3 { + font-size: 1.2em; +} +.xmodule_display.xmodule_StaticTabModule h4 { + font-size: 1em; +} +.xmodule_display.xmodule_StaticTabModule h5 { + font-size: .83em; +} +.xmodule_display.xmodule_StaticTabModule h6 { + font-size: 0.75em; +} +.xmodule_display.xmodule_StaticTabModule p { + margin-bottom: 1.416em; + font-size: 1em; + line-height: 1.6em !important; + color: #3c3c3c; +} +.xmodule_display.xmodule_StaticTabModule em, .xmodule_display.xmodule_StaticTabModule i { + font-style: italic; +} +.xmodule_display.xmodule_StaticTabModule em span, .xmodule_display.xmodule_StaticTabModule i span { + font-style: italic; +} +.xmodule_display.xmodule_StaticTabModule strong, .xmodule_display.xmodule_StaticTabModule b { + font-weight: bold; +} +.xmodule_display.xmodule_StaticTabModule strong span, .xmodule_display.xmodule_StaticTabModule b span { + font-weight: bold; +} +.xmodule_display.xmodule_StaticTabModule p+p, .xmodule_display.xmodule_StaticTabModule ul+p, .xmodule_display.xmodule_StaticTabModule ol+p { + margin-top: 20px; +} +.xmodule_display.xmodule_StaticTabModule blockquote { + margin: 1em 40px; +} +.xmodule_display.xmodule_StaticTabModule ol, .xmodule_display.xmodule_StaticTabModule ul { + margin: 1em 0; + padding: 0 0 0 1em; + color: #3c3c3c; +} +.xmodule_display.xmodule_StaticTabModule ol li, .xmodule_display.xmodule_StaticTabModule ul li { + margin-bottom: 0.708em; +} +.xmodule_display.xmodule_StaticTabModule ol { + list-style: decimal outside none; +} +.xmodule_display.xmodule_StaticTabModule ul { + list-style: disc outside none; +} +.xmodule_display.xmodule_StaticTabModule a:link, .xmodule_display.xmodule_StaticTabModule a:visited, .xmodule_display.xmodule_StaticTabModule a:hover, .xmodule_display.xmodule_StaticTabModule a:active, .xmodule_display.xmodule_StaticTabModule a:focus { + color: #0079bc; +} +.xmodule_display.xmodule_StaticTabModule img { + max-width: 100%} +.xmodule_display.xmodule_StaticTabModule pre { + margin: 1em 0; + color: #3c3c3c; + font-family: monospace, serif; + font-size: 1em; + white-space: pre-wrap; + word-wrap: break-word; +} +.xmodule_display.xmodule_StaticTabModule code { + color: #3c3c3c; + font-family: monospace, serif; + background: none; + padding: 0; +} +.xmodule_display.xmodule_StaticTabModule table { + width: 100%; + margin: 20px 0; + border-collapse: collapse; + font-size: 16px; +} +.xmodule_display.xmodule_StaticTabModule table td, .xmodule_display.xmodule_StaticTabModule table th { + margin: 20px 0; + padding: 10px; + border: 1px solid #ccc; + font-size: 14px; +} +.xmodule_display.xmodule_StaticTabModule table td.cont-justified-left, .xmodule_display.xmodule_StaticTabModule table th.cont-justified-left { + text-align: left !important; +} +.xmodule_display.xmodule_StaticTabModule table td.cont-justified-right, .xmodule_display.xmodule_StaticTabModule table th.cont-justified-right { + text-align: right !important; +} +.xmodule_display.xmodule_StaticTabModule table td.cont-justified-center, .xmodule_display.xmodule_StaticTabModule table th.cont-justified-center { + text-align: center !important; +} +.xmodule_display.xmodule_StaticTabModule th { + background: #eee; + font-weight: bold; +} +.xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .modal-ui-icon { + position: absolute; + display: block; + padding: 5px 7px; + border-radius: 5px; + opacity: .9; + background: #fff; + color: #000; + border: 2px solid #000; +} +.xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .modal-ui-icon .label { + font-weight: bold; +} +.xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .modal-ui-icon i { + font-style: normal; +} +.xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-link { + position: relative; + display: block; +} +.xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-link .action-fullscreen { + display: none; + top: 10px; + left: 10px; +} +.xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-link:hover .action-fullscreen { + display: block; +} +.xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal { + position: fixed; + top: 0; + left: 0; + display: none; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.7); +} +.xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal .image-content { + position: relative; + top: 2.5%; + display: block; + height: 95%; + width: 95%; + margin: auto; + overflow: hidden; +} +.xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal .image-content .image-wrapper { + position: relative; +} +.xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal .image-content .image-wrapper img { + position: relative; + display: block; + max-width: 100%; + max-height: 100%; + margin: auto; + cursor: default; +} +.xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal .image-content .action-close { + top: 10px; + right: 10px; +} +.xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal .image-content .image-controls { + position: absolute; + right: 10px; + bottom: 10px; + margin: 0; + padding: 0; + list-style: none; +} +.xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control { + position: relative; + display: inline-block; + margin: 0; + padding: 0; +} +.xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon { + position: relative; +} +.xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon.action-zoom-in { + margin-right: 5px; +} +.xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon.action-zoom-out { + margin-left: 5px; +} +.xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon.is-disabled { + opacity: 0.5; + cursor: default; +} +.xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal.image-is-fit-to-screen { + display: block; +} +.xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal.image-is-fit-to-screen .image-content .image-wrapper { + top: 0 !important; + left: 0 !important; + width: 100% !important; + height: 100% !important; +} +.xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal.image-is-fit-to-screen .image-content .image-wrapper img { + top: 0 !important; + left: 0 !important; +} +.xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal.image-is-zoomed { + display: block; +} +.xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal.image-is-zoomed .image-content .image-wrapper img { + max-width: none; + max-height: none; + margin: 0; + cursor: move; +} +.xmodule_display.xmodule_CourseModule .block-link { + border-left: 1px solid #c8c8c8; + display: block; +} +.xmodule_display.xmodule_CourseModule .block-link:hover, .xmodule_display.xmodule_CourseModule .block-link:focus { + background: none; +} +.xmodule_display.xmodule_CourseModule .topbar, .xmodule_display.xmodule_CourseModule .sequence-nav { + border-bottom: 1px solid #c8c8c8; +} +.xmodule_display.xmodule_CourseModule .topbar:after, .xmodule_display.xmodule_CourseModule .sequence-nav:after { + content: ""; + display: table; + clear: both; +} +@media print { + .xmodule_display.xmodule_CourseModule .topbar, .xmodule_display.xmodule_CourseModule .sequence-nav { + display: none; +} +}.xmodule_display.xmodule_CourseModule .topbar a.block-link, .xmodule_display.xmodule_CourseModule .sequence-nav a.block-link { + border-left: 1px solid #c8c8c8; + display: block; +} +.xmodule_display.xmodule_CourseModule .topbar a.block-link:hover, .xmodule_display.xmodule_CourseModule .sequence-nav a.block-link:hover, .xmodule_display.xmodule_CourseModule .topbar a.block-link:focus, .xmodule_display.xmodule_CourseModule .sequence-nav a.block-link:focus { + background: none; +} +.xmodule_display.xmodule_CourseModule .sequence-nav ol li button, .xmodule_display.xmodule_SequenceModule .sequence-nav ol li .xmodule_display.xmodule_CourseModule button { + background-color: transparent; + background-image: none; + background-position: center 14px; + background-repeat: no-repeat; + border: none; + border-radius: 0; + background-clip: border-box; + box-shadow: none; + box-sizing: content-box; + font-family: inherit; + font-size: inherit; + font-weight: inherit; +} +.xmodule_display.xmodule_CourseModule .sequence-nav { + margin: 0 0 20px 0; + position: relative; + border-bottom: none; + z-index: 0; + height: 44px; + display: flex; +} +.xmodule_display.xmodule_CourseModule .sequence-nav .sequence-nav-button { + max-width: 200px; +} +@media print { + .xmodule_display.xmodule_CourseModule .sequence-nav { + display: none; +} +}.xmodule_display.xmodule_CourseModule .sequence-nav .sequence-list-wrapper { + position: relative; + height: 100%; + flex-grow: 1; +} +.xmodule_display.xmodule_CourseModule .sequence-nav ol { + display: flex; +} +.xmodule_display.xmodule_CourseModule .sequence-nav ol li { + box-sizing: border-box; + min-width: 20px; + flex-grow: 1; + border-color: #c8c8c8; + border-width: 1px; + border-top-style: solid; +} +.xmodule_display.xmodule_CourseModule .sequence-nav ol li:not(:last-child) { + border-right-style: solid; +} +.xmodule_display.xmodule_CourseModule .sequence-nav ol li button { + width: 100%; + height: 43px; + position: relative; + margin: 0; + padding: 0; + display: block; + text-align: center; + border-color: #c8c8c8; + border-width: 1px; + border-bottom-style: solid; + box-sizing: border-box; +} +.xmodule_display.xmodule_CourseModule .sequence-nav ol li button .icon { + display: block; + line-height: 100%; + font-size: 110%; + color: #5a5a5a; +} +.xmodule_display.xmodule_CourseModule .sequence-nav ol li button .fa-bookmark { + color: #0075b4; +} +.xmodule_display.xmodule_CourseModule .sequence-nav ol li button.seq_video .icon:before { + content: "\f008"} +.xmodule_display.xmodule_CourseModule .sequence-nav ol li button.seq_other .icon:before { + content: "\f02d"} +.xmodule_display.xmodule_CourseModule .sequence-nav ol li button.seq_vertical .icon:before { + content: "\f00b"} +.xmodule_display.xmodule_CourseModule .sequence-nav ol li button.seq_problem .icon:before { + content: "\f044"} +.xmodule_display.xmodule_CourseModule .sequence-nav ol li button .sequence-tooltip { + text-align: left; + margin-top: 4px; + background: #333; + color: #fff; + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + line-height: 1.41575em; + right: 0; + padding: 6px; + position: absolute; + top: 48px; + text-shadow: 0 -1px 0 #000; + white-space: pre; + pointer-events: none; +} +.xmodule_display.xmodule_CourseModule .sequence-nav ol li button .sequence-tooltip:empty { + background: none; +} +.xmodule_display.xmodule_CourseModule .sequence-nav ol li button .sequence-tooltip:empty::after { + display: none; +} +.xmodule_display.xmodule_CourseModule .sequence-nav ol li button .sequence-tooltip::after { + transform: rotate(45deg); + right: 18px; + background: #333; + content: " "; + display: block; + height: 10px; + right: 18px; + position: absolute; + top: -5px; + width: 10px; +} +body.touch-based-device .xmodule_display.xmodule_CourseModule .sequence-nav ol li button:hover p { + display: none; +} +.xmodule_display.xmodule_CourseModule .sequence-nav-button { + display: block; + top: 0; + height: 100%; + text-shadow: none; + background: none; + background-color: white; + border-color: #c8c8c8; + box-shadow: none; + min-width: 120px; + font-size: inherit; + font-weight: normal; + padding: 0 20px; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.xmodule_display.xmodule_CourseModule .sequence-nav-button span:not(:last-child) { + padding-right: 10px; +} +.xmodule_display.xmodule_CourseModule .sequence-nav-button.button-previous { + left: 0; + -webkit-border-top-left-radius: 3px; + -moz-border-topleft-radius: 3px; + border-top-left-radius: 3px; + -webkit-border-top-right-radius: 0; + -moz-border-topright-radius: 0; + border-top-right-radius: 0; + -webkit-border-bottom-right-radius: 0; + -moz-border-bottomright-radius: 0; + border-bottom-right-radius: 0; + -webkit-border-bottom-left-radius: 3px; + -moz-border-bottomleft-radius: 3px; + border-bottom-left-radius: 3px; +} +.xmodule_display.xmodule_CourseModule .sequence-nav-button.button-next { + right: 0; + -webkit-border-top-left-radius: 0; + -moz-border-topleft-radius: 0; + border-top-left-radius: 0; + -webkit-border-top-right-radius: 3px; + -moz-border-topright-radius: 3px; + border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + -moz-border-bottomright-radius: 3px; + border-bottom-right-radius: 3px; + -webkit-border-bottom-left-radius: 0; + -moz-border-bottomleft-radius: 0; + border-bottom-left-radius: 0; +} +.xmodule_display.xmodule_CourseModule .sequence-nav-button.disabled { + cursor: normal; +} +.xmodule_display.xmodule_CourseModule .seq_contents { + display: none; +} +.xmodule_display.xmodule_CourseModule nav.sequence-bottom { + position: relative; + height: 45px; + margin: 2.8315em auto; + display: flex; + justify-content: center; +} +.xmodule_display.xmodule_CourseModule nav.sequence-bottom .sequence-nav-button { + position: relative; +} +.xmodule_display.xmodule_CourseModule nav.sequence-bottom .sequence-nav-button:last-of-type { + border-left: none; +} +@media print { + .xmodule_display.xmodule_CourseModule nav.sequence-bottom { + display: none; +} +}.xmodule_display.xmodule_CourseModule #seq_content:focus, .xmodule_display.xmodule_CourseModule #seq_content:active { + outline: none; +} +.xmodule_display.xmodule_CourseModule .sequence-nav-button:hover, .xmodule_display.xmodule_CourseModule .sequence-nav-button:active, .xmodule_display.xmodule_CourseModule .sequence-nav-button.active, .xmodule_display.xmodule_CourseModule .sequence-nav button:hover, .xmodule_display.xmodule_CourseModule .sequence-nav button:active, .xmodule_display.xmodule_CourseModule .sequence-nav button.active { + border-bottom: 3px solid #0075b4; + padding-top: 2px; +} +.xmodule_display.xmodule_CourseModule .sequence-nav-button:hover .icon, .xmodule_display.xmodule_CourseModule .sequence-nav-button:active .icon, .xmodule_display.xmodule_CourseModule .sequence-nav-button.active .icon, .xmodule_display.xmodule_CourseModule .sequence-nav button:hover .icon, .xmodule_display.xmodule_CourseModule .sequence-nav button:active .icon, .xmodule_display.xmodule_CourseModule .sequence-nav button.active .icon { + color: #0a0a0a; +} +.xmodule_display.xmodule_HtmlModule * { + line-height: 1.4em; +} +.xmodule_display.xmodule_HtmlModule h1 { + color: #3c3c3c; + font: normal 2em/1.4em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + letter-spacing: 1px; + margin: 0 0 1.416em 0; +} +.xmodule_display.xmodule_HtmlModule h2 { + color: #646464; + font: normal 1.2em/1.2em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + letter-spacing: 1px; + margin-bottom: 15px; + text-transform: uppercase; + -webkit-font-smoothing: antialiased; +} +.xmodule_display.xmodule_HtmlModule h3, .xmodule_display.xmodule_HtmlModule h4, .xmodule_display.xmodule_HtmlModule h5, .xmodule_display.xmodule_HtmlModule h6 { + margin: 0 0 10px 0; + font-weight: 600; +} +.xmodule_display.xmodule_HtmlModule h3 { + font-size: 1.2em; +} +.xmodule_display.xmodule_HtmlModule h4 { + font-size: 1em; +} +.xmodule_display.xmodule_HtmlModule h5 { + font-size: .83em; +} +.xmodule_display.xmodule_HtmlModule h6 { + font-size: 0.75em; +} +.xmodule_display.xmodule_HtmlModule p { + margin-bottom: 1.416em; + font-size: 1em; + line-height: 1.6em !important; + color: #3c3c3c; +} +.xmodule_display.xmodule_HtmlModule em, .xmodule_display.xmodule_HtmlModule i { + font-style: italic; +} +.xmodule_display.xmodule_HtmlModule em span, .xmodule_display.xmodule_HtmlModule i span { + font-style: italic; +} +.xmodule_display.xmodule_HtmlModule strong, .xmodule_display.xmodule_HtmlModule b { + font-weight: bold; +} +.xmodule_display.xmodule_HtmlModule strong span, .xmodule_display.xmodule_HtmlModule b span { + font-weight: bold; +} +.xmodule_display.xmodule_HtmlModule p+p, .xmodule_display.xmodule_HtmlModule ul+p, .xmodule_display.xmodule_HtmlModule ol+p { + margin-top: 20px; +} +.xmodule_display.xmodule_HtmlModule blockquote { + margin: 1em 40px; +} +.xmodule_display.xmodule_HtmlModule ol, .xmodule_display.xmodule_HtmlModule ul { + margin: 1em 0; + padding: 0 0 0 1em; + color: #3c3c3c; +} +.xmodule_display.xmodule_HtmlModule ol li, .xmodule_display.xmodule_HtmlModule ul li { + margin-bottom: 0.708em; +} +.xmodule_display.xmodule_HtmlModule ol { + list-style: decimal outside none; +} +.xmodule_display.xmodule_HtmlModule ul { + list-style: disc outside none; +} +.xmodule_display.xmodule_HtmlModule a:link, .xmodule_display.xmodule_HtmlModule a:visited, .xmodule_display.xmodule_HtmlModule a:hover, .xmodule_display.xmodule_HtmlModule a:active, .xmodule_display.xmodule_HtmlModule a:focus { + color: #0079bc; +} +.xmodule_display.xmodule_HtmlModule img { + max-width: 100%} +.xmodule_display.xmodule_HtmlModule pre { + margin: 1em 0; + color: #3c3c3c; + font-family: monospace, serif; + font-size: 1em; + white-space: pre-wrap; + word-wrap: break-word; +} +.xmodule_display.xmodule_HtmlModule code { + color: #3c3c3c; + font-family: monospace, serif; + background: none; + padding: 0; +} +.xmodule_display.xmodule_HtmlModule table { + width: 100%; + margin: 20px 0; + border-collapse: collapse; + font-size: 16px; +} +.xmodule_display.xmodule_HtmlModule table td, .xmodule_display.xmodule_HtmlModule table th { + margin: 20px 0; + padding: 10px; + border: 1px solid #ccc; + font-size: 14px; +} +.xmodule_display.xmodule_HtmlModule table td.cont-justified-left, .xmodule_display.xmodule_HtmlModule table th.cont-justified-left { + text-align: left !important; +} +.xmodule_display.xmodule_HtmlModule table td.cont-justified-right, .xmodule_display.xmodule_HtmlModule table th.cont-justified-right { + text-align: right !important; +} +.xmodule_display.xmodule_HtmlModule table td.cont-justified-center, .xmodule_display.xmodule_HtmlModule table th.cont-justified-center { + text-align: center !important; +} +.xmodule_display.xmodule_HtmlModule th { + background: #eee; + font-weight: bold; +} +.xmodule_display.xmodule_HtmlModule .wrapper-modal-image .modal-ui-icon { + position: absolute; + display: block; + padding: 5px 7px; + border-radius: 5px; + opacity: .9; + background: #fff; + color: #000; + border: 2px solid #000; +} +.xmodule_display.xmodule_HtmlModule .wrapper-modal-image .modal-ui-icon .label { + font-weight: bold; +} +.xmodule_display.xmodule_HtmlModule .wrapper-modal-image .modal-ui-icon i { + font-style: normal; +} +.xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-link { + position: relative; + display: block; +} +.xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-link .action-fullscreen { + display: none; + top: 10px; + left: 10px; +} +.xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-link:hover .action-fullscreen { + display: block; +} +.xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal { + position: fixed; + top: 0; + left: 0; + display: none; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.7); +} +.xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal .image-content { + position: relative; + top: 2.5%; + display: block; + height: 95%; + width: 95%; + margin: auto; + overflow: hidden; +} +.xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal .image-content .image-wrapper { + position: relative; +} +.xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal .image-content .image-wrapper img { + position: relative; + display: block; + max-width: 100%; + max-height: 100%; + margin: auto; + cursor: default; +} +.xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal .image-content .action-close { + top: 10px; + right: 10px; +} +.xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal .image-content .image-controls { + position: absolute; + right: 10px; + bottom: 10px; + margin: 0; + padding: 0; + list-style: none; +} +.xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control { + position: relative; + display: inline-block; + margin: 0; + padding: 0; +} +.xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon { + position: relative; +} +.xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon.action-zoom-in { + margin-right: 5px; +} +.xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon.action-zoom-out { + margin-left: 5px; +} +.xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon.is-disabled { + opacity: 0.5; + cursor: default; +} +.xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal.image-is-fit-to-screen { + display: block; +} +.xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal.image-is-fit-to-screen .image-content .image-wrapper { + top: 0 !important; + left: 0 !important; + width: 100% !important; + height: 100% !important; +} +.xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal.image-is-fit-to-screen .image-content .image-wrapper img { + top: 0 !important; + left: 0 !important; +} +.xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal.image-is-zoomed { + display: block; +} +.xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal.image-is-zoomed .image-content .image-wrapper img { + max-width: none; + max-height: none; + margin: 0; + cursor: move; +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-wrapper { + position: relative; +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-header { + margin-bottom: .5em; +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-section { + position: relative; + padding: .5em 1em; + border: 1px solid #ccc; + border-radius: 0.5em; + margin-bottom: 0.5em; +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-section.shaded { + background-color: #EDEDED; +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-section .annotatable-section-title { + font-weight: bold; +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-section .annotatable-section-title a { + font-weight: normal; +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-section .annotatable-section-body { + border-top: 1px solid #ccc; + margin-top: 0.5em; + padding-top: 0.5em; +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-section .annotatable-section-body:after { + content: ""; + display: table; + clear: both; +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-section ul.instructions-template { + list-style: disc; + margin-left: 4em; +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-section ul.instructions-template b { + font-weight: bold; +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-section ul.instructions-template i { + font-style: italic; +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-section ul.instructions-template code { + display: inline; + white-space: pre; + font-family: Courier New, monospace; +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-toggle { + position: absolute; + right: 0; + margin: 2px 1em 2px 0; +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-toggle.expanded:after { + content: " \2191"} +.xmodule_display.xmodule_AnnotatableModule .annotatable-toggle.collapsed:after { + content: " \2193"} +.xmodule_display.xmodule_AnnotatableModule .annotatable-span { + display: inline; +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight { + background-color: rgba(255, 255, 10, 0.3); +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight.selected { + background-color: rgba(255, 255, 10, 0.9); +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight-#ff0 { + background-color: rgba(255, 255, 10, 0.3); +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight-#ff0.selected { + background-color: rgba(255, 255, 10, 0.9); +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight-red { + background-color: rgba(178, 19, 16, 0.3); +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight-red.selected { + background-color: rgba(178, 19, 16, 0.9); +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight-orange { + background-color: rgba(255, 165, 0, 0.3); +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight-orange.selected { + background-color: rgba(255, 165, 0, 0.9); +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight-green { + background-color: rgba(25, 255, 132, 0.3); +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight-green.selected { + background-color: rgba(25, 255, 132, 0.9); +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight-blue { + background-color: rgba(35, 163, 255, 0.3); +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight-blue.selected { + background-color: rgba(35, 163, 255, 0.9); +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight-purple { + background-color: rgba(115, 9, 178, 0.3); +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight-purple.selected { + background-color: rgba(115, 9, 178, 0.9); +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-span.hide { + cursor: none; + background-color: inherit; +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-span.hide .annotatable-icon { + display: none; +} +.xmodule_display.xmodule_AnnotatableModule .annotatable-span .annotatable-comment { + display: none; +} +.xmodule_display.xmodule_AnnotatableModule .ui-tooltip.qtip.ui-tooltip { + font-size: 0.875em; + border: 1px solid #333; + border-radius: 1em; + background-color: rgba(0, 0, 0, 0.85); + color: #fff; + -webkit-font-smoothing: antialiased; +} +.xmodule_display.xmodule_AnnotatableModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar { + font-size: 1em; + color: inherit; + background-color: transparent; + padding: 5px 10px; + border: none; +} +.xmodule_display.xmodule_AnnotatableModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar .ui-tooltip-title { + padding: 5px 0; + border-bottom: 2px solid #333; + font-weight: bold; +} +.xmodule_display.xmodule_AnnotatableModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar .ui-tooltip-icon { + right: 10px; + background: #333; +} +.xmodule_display.xmodule_AnnotatableModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar .ui-state-hover { + color: inherit; + border: 1px solid #ccc; +} +.xmodule_display.xmodule_AnnotatableModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-content { + color: inherit; + font-size: 0.875em; + text-align: left; + font-weight: 400; + padding: 0 10px 10px 10px; + background-color: transparent; + border-color: transparent; +} +.xmodule_display.xmodule_AnnotatableModule .ui-tooltip.qtip.ui-tooltip p { + color: inherit; + line-height: normal; +} +.xmodule_display.xmodule_AnnotatableModule .ui-tooltip.qtip.ui-tooltip-annotatable { + max-width: 375px; +} +.xmodule_display.xmodule_AnnotatableModule .ui-tooltip.qtip.ui-tooltip-annotatable .ui-tooltip-content { + padding: 0 10px; +} +.xmodule_display.xmodule_AnnotatableModule .ui-tooltip.qtip.ui-tooltip-annotatable .ui-tooltip-content .annotatable-comment { + display: block; + margin: 0 0 10px 0; + max-height: 225px; + overflow: auto; + line-height: normal; +} +.xmodule_display.xmodule_AnnotatableModule .ui-tooltip.qtip.ui-tooltip-annotatable .ui-tooltip-content .annotatable-reply { + display: block; + border-top: 2px solid #333; + padding: 5px 0; + margin: 0; + text-align: center; +} +.xmodule_display.xmodule_AnnotatableModule .ui-tooltip.qtip.ui-tooltip-annotatable:after { + content: ''; + display: inline-block; + position: absolute; + bottom: -20px; + left: 50%; + height: 0; + width: 0; + margin-left: -5px; + border: 10px solid transparent; + border-top-color: rgba(0, 0, 0, 0.85); +} +.xmodule_display.xmodule_LTIModule h2.problem-header { + display: inline-block; +} +.xmodule_display.xmodule_LTIModule div.problem-progress { + display: inline-block; + padding-left: 5px; + color: #666; + font-weight: 100; + font-size: 1em; +} +.xmodule_display.xmodule_LTIModule div.lti { + margin: 0 auto; +} +.xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link { + font-size: 14px; + font-size: 1.4rem; + background-color: #f6f6f6; + padding: 20px; +} +.xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link { + margin-bottom: 0; + text-align: right; +} +.xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .link_lti_new_window { + font-size: 13px; + font-size: 1.3rem; + line-height: 20.72px; + line-height: 2.072rem; +} +.xmodule_display.xmodule_LTIModule div.lti form.ltiLaunchForm { + display: none; +} +.xmodule_display.xmodule_LTIModule div.lti iframe.ltiLaunchFrame { + width: 100%; + height: 800px; + display: block; + border: 0px; +} +.xmodule_display.xmodule_LTIModule div.lti h4.problem-feedback-label { + font-weight: 100; + font-size: 1em; + font-family: "Source Sans", "Open Sans", Verdana, Geneva, sans-serif, sans-serif; +} +.xmodule_display.xmodule_LTIModule div.lti div.problem-feedback { + margin-top: 5px; + margin-bottom: 5px; +} +.xmodule_display.xmodule_CapaModule .btn-default:disabled, .xmodule_display.xmodule_CapaModule .btn-brand:disabled, .xmodule_display.xmodule_CapaModule .is-disabled.btn-default, .xmodule_display.xmodule_CapaModule .is-disabled.btn-brand { + pointer-events: none; + outline: none; + cursor: not-allowed; +} +.xmodule_display.xmodule_CapaModule .btn-small.btn-default, .xmodule_display.xmodule_CapaModule .btn-small.btn-brand { + padding: 0.625rem 0.625rem; + font-size: 14px; +} +.xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.correct p.status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.ui-icon-check p.status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.partially-correct p.status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.ui-icon-close p.status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.incorrect p.status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.incomplete p.status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.incorrect .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.incorrect .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.partially-correct .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.partially-correct .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.correct .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.correct .status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .annotation-input .correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .annotation-input .incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .annotation-input .partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_VideoModule .video-tracks .a11y-menu-container>a:after, .xmodule_display.xmodule_VideoModule .video-tracks .xmodule_display.xmodule_CapaModule .a11y-menu-container>a:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_correct .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_correct .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_correct .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_correct .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_partially-correct .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_partially-correct .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_partially-correct .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_partially-correct .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_incorrect .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_incorrect .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_incorrect .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_incorrect .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.correct .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.partially-correct .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.incorrect .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem div.correct p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.correct p.status .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem div.ui-icon-check p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.ui-icon-check p.status .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem div.partially-correct p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.partially-correct p.status .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem div.ui-icon-close p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.ui-icon-close p.status .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem div.incorrect p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.incorrect p.status .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem div.incomplete p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.incomplete p.status .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.incorrect .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.incorrect .status .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.incorrect .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.incorrect .status .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.partially-correct .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.partially-correct .status .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.partially-correct .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.partially-correct .status .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.correct .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.correct .status .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.correct .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.correct .status .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .correct .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .incorrect .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .partially-correct .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .correct .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .incorrect .xmodule_display.xmodule_CapaModule .status-icon:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .partially-correct .xmodule_display.xmodule_CapaModule .status-icon:after { + font-family: FontAwesome; + -webkit-font-smoothing: antialiased; + display: inline-block; + speak: none; +} +.xmodule_display.xmodule_CapaModule h2 { + margin-top: 0; + margin-bottom: 15px; +} +.xmodule_display.xmodule_CapaModule h2.problem-header { + display: inline-block; +} +.xmodule_display.xmodule_CapaModule h2.problem-header section.staff { + margin-top: 30px; + font-size: 80%} +@media print { + .xmodule_display.xmodule_CapaModule h2 { + display: block; + width: auto; + border-right: 0; +} +}.xmodule_display.xmodule_CapaModule .explanation-title { + font-weight: bold; +} +.xmodule_display.xmodule_CapaModule .feedback-hint-incorrect, .xmodule_display.xmodule_CapaModule .feedback-hint-partially-correct, .xmodule_display.xmodule_CapaModule .feedback-hint-correct { + margin-top: 5px; +} +.xmodule_display.xmodule_CapaModule .feedback-hint-incorrect .icon, .xmodule_display.xmodule_CapaModule .feedback-hint-partially-correct .icon, .xmodule_display.xmodule_CapaModule .feedback-hint-correct .icon { + margin-right: 5px; +} +.xmodule_display.xmodule_CapaModule .feedback-hint-incorrect .icon { + color: #cb0712; +} +.xmodule_display.xmodule_CapaModule .feedback-hint-partially-correct .icon, .xmodule_display.xmodule_CapaModule .feedback-hint-correct .icon { + color: #009b00; +} +.xmodule_display.xmodule_CapaModule .feedback-hint-text { + color: #646464; +} +.xmodule_display.xmodule_CapaModule .problem-hint { + margin-bottom: 20px; +} +.xmodule_display.xmodule_CapaModule .hint-label { + display: inline-block; + padding-right: 0.5em; +} +.xmodule_display.xmodule_CapaModule .hint-text { + display: inline-block; +} +.xmodule_display.xmodule_CapaModule .feedback-hint-multi .hint-text { + display: block; +} +.xmodule_display.xmodule_CapaModule iframe[seamless] { + overflow: hidden; + padding: 0; + border: 0px none transparent; + background-color: transparent; +} +.xmodule_display.xmodule_CapaModule .inline-error { + color: #95050d; +} +.xmodule_display.xmodule_CapaModule div.problem-progress { + display: inline-block; + color: #666; + font-size: 0.875em; +} +.xmodule_display.xmodule_CapaModule div.problem { + padding-top: 20px; +} +@media print { + .xmodule_display.xmodule_CapaModule div.problem { + display: block; + padding: 0; + width: auto; +} +.xmodule_display.xmodule_CapaModule div.problem canvas, .xmodule_display.xmodule_CapaModule div.problem img { + page-break-inside: avoid; +} +}.xmodule_display.xmodule_CapaModule div.problem input.math { + direction: ltr; +} +.xmodule_display.xmodule_CapaModule div.problem .inline { + display: inline; +} +.xmodule_display.xmodule_CapaModule div.problem .inline+p { + margin-top: 20px; +} +.xmodule_display.xmodule_CapaModule div.problem .question-description { + color: #666; + font-size: 0.85em; +} +.xmodule_display.xmodule_CapaModule div.problem form>label, .xmodule_display.xmodule_CapaModule div.problem .problem-group-label { + display: block; + margin-bottom: 20px; + font: inherit; + color: inherit; + -webkit-font-smoothing: initial; +} +.xmodule_display.xmodule_CapaModule div.problem .problem-group-label+.question-description { + margin-top: -20px; +} +.xmodule_display.xmodule_CapaModule .wrapper-problem-response+.wrapper-problem-response, .xmodule_display.xmodule_CapaModule .wrapper-problem-response+p { + margin-top: 30px; +} +.xmodule_display.xmodule_CapaModule div.problem .choicegroup, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup { + min-width: 100px; + width: auto !important; + width: 100px; +} +.xmodule_display.xmodule_CapaModule div.problem .choicegroup:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup:after { + content: ""; + display: table; + clear: both; +} +.xmodule_display.xmodule_CapaModule div.problem .choicegroup label, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label { + box-sizing: border-box; + display: inline-block; + clear: both; + margin-bottom: 10px; + border: 2px solid #e5e5e5; + border-radius: 3px; + padding: 10px; + width: 100%} +.xmodule_display.xmodule_CapaModule div.problem .choicegroup label:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label:after { + margin-left: 15px; +} +.xmodule_display.xmodule_CapaModule div.problem .choicegroup label:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label:hover { + border: 2px solid #0079bc; +} +.xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_correct, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_correct, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_correct, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_correct, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_correct, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_correct, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_correct, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_correct, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_correct, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_correct { + border: 2px solid #009b00; +} +.xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_correct .status-icon:after { + color: #009b00; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_correct:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_correct:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_correct:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_correct:hover { + border-color: #009b00; +} +.xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_partially-correct, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_partially-correct, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_partially-correct, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_partially-correct, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_partially-correct, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_partially-correct, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_partially-correct, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_partially-correct, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_partially-correct, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_partially-correct { + border: 2px solid #009b00; +} +.xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_partially-correct .status-icon:after { + color: #009b00; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_partially-correct:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_partially-correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_partially-correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_partially-correct:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_partially-correct:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_partially-correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_partially-correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_partially-correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_partially-correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_partially-correct:hover { + border-color: #009b00; +} +.xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_incorrect, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_incorrect, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_incorrect, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_incorrect { + border: 2px solid #cb0712; +} +.xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_incorrect .status-icon:after { + color: #cb0712; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_incorrect:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_incorrect:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_incorrect:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_incorrect:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_incorrect:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_incorrect:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_incorrect:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_incorrect:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_incorrect:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_incorrect:hover { + border-color: #cb0712; +} +.xmodule_display.xmodule_CapaModule div.problem .choicegroup .indicator-container, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .indicator-container, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup .indicator-container, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup .indicator-container { + min-height: 1px; + width: 25px; + display: inline-block; +} +.xmodule_display.xmodule_CapaModule div.problem .choicegroup fieldset, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup fieldset, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup fieldset, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup fieldset { + box-sizing: border-box; +} +.xmodule_display.xmodule_CapaModule div.problem .choicegroup input[type="radio"], .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup input[type="radio"], .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup input[type="radio"], .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup input[type="radio"], .xmodule_display.xmodule_CapaModule div.problem .choicegroup input[type="checkbox"], .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup input[type="checkbox"], .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup input[type="checkbox"], .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup input[type="checkbox"] { + margin: 5px 10px 5px 5px; +} +.xmodule_display.xmodule_CapaModule div.problem .choicegroup label { + padding: 10px; + padding-left: 38px; + position: relative; + font-size: 1em; + line-height: normal; + cursor: pointer; +} +.xmodule_display.xmodule_CapaModule div.problem .choicegroup input[type="radio"], .xmodule_display.xmodule_CapaModule div.problem .choicegroup input[type="checkbox"] { + left: 0.5625em; + position: absolute; + top: 0.5625em; +} +.xmodule_display.xmodule_CapaModule div.problem .choicegroup legend { + margin-bottom: 20px; +} +.xmodule_display.xmodule_CapaModule div.problem .choicegroup legend+.question-description { + margin-top: -20px; +} +.xmodule_display.xmodule_CapaModule div.problem .indicator-container { + margin-left: 15px; +} +.xmodule_display.xmodule_CapaModule div.problem .indicator-container .status { + width: 20px; +} +.xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.correct .status-icon:after { + color: #009b00; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.partially-correct .status-icon:after { + color: #009b00; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.incorrect .status-icon:after { + color: #cb0712; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.unsubmitted .status-icon, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.unanswered .status-icon { + content: ''} +.xmodule_display.xmodule_CapaModule div.problem ol.enumerate li:before { + display: block; + visibility: hidden; + height: 0; + content: " "} +.xmodule_display.xmodule_CapaModule div.problem .solution-span>span { + margin: 20px 0; + display: block; + position: relative; +} +.xmodule_display.xmodule_CapaModule div.problem .solution-span>span:empty { + display: none; +} +.xmodule_display.xmodule_CapaModule div.problem .targeted-feedback-span>span { + display: block; + position: relative; +} +.xmodule_display.xmodule_CapaModule div.problem .targeted-feedback-span>span:empty { + display: none; +} +.xmodule_display.xmodule_CapaModule div.problem div p.answer { + margin-top: -2px; +} +.xmodule_display.xmodule_CapaModule div.problem div p span.clarification i { + font-style: normal; +} +.xmodule_display.xmodule_CapaModule div.problem div p span.clarification i:hover { + color: #0079bc; +} +.xmodule_display.xmodule_CapaModule div.problem div .unanswered p.status.drag-and-drop--status { + margin: 8px 0 0 10px; + text-indent: 100%; + white-space: nowrap; + overflow: hidden; +} +.xmodule_display.xmodule_CapaModule div.problem div.correct p.status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.ui-icon-check p.status .status-icon:after { + color: #009b00; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_CapaModule div.problem div.correct input, .xmodule_display.xmodule_CapaModule div.problem div.ui-icon-check input { + border-color: #009b00; +} +.xmodule_display.xmodule_CapaModule div.problem div.partially-correct p.status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.ui-icon-check p.status .status-icon:after { + color: #009b00; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_CapaModule div.problem div.partially-correct input, .xmodule_display.xmodule_CapaModule div.problem div.ui-icon-check input { + border-color: #009b00; +} +.xmodule_display.xmodule_CapaModule div.problem div.processing p.status { + display: inline-block; + width: 20px; + height: 20px; + background: url("{{ path_to_images }}spinner.gif") center center no-repeat; +} +.xmodule_display.xmodule_CapaModule div.problem div.processing input { + border-color: #aaa; +} +.xmodule_display.xmodule_CapaModule div.problem div.ui-icon-close p.status .status-icon:after { + color: #cb0712; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_CapaModule div.problem div.ui-icon-close input { + border-color: #cb0712; +} +.xmodule_display.xmodule_CapaModule div.problem div.incorrect p.status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.incomplete p.status .status-icon:after { + color: #cb0712; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_CapaModule div.problem div.incorrect input, .xmodule_display.xmodule_CapaModule div.problem div.incomplete input { + border-color: #cb0712; +} +.xmodule_display.xmodule_CapaModule div.problem div p.answer { + display: inline-block; + margin-top: 10px; + margin-bottom: 0; +} +.xmodule_display.xmodule_CapaModule div.problem div p.answer:before { + display: inline; + content: "Answer: "} +.xmodule_display.xmodule_CapaModule div.problem div p.answer:empty:before { + display: none; +} +.xmodule_display.xmodule_CapaModule div.problem div div.equation { + clear: both; + margin-top: 3px; +} +.xmodule_display.xmodule_CapaModule div.problem div div.equation .MathJax_Display { + width: auto; +} +.xmodule_display.xmodule_CapaModule div.problem div div.equation img.loading { + padding-left: 10px; + display: inline-block; +} +.xmodule_display.xmodule_CapaModule div.problem div div.equation span { + margin-bottom: 0; + display: inline-block; +} +.xmodule_display.xmodule_CapaModule div.problem div div.equation span.MathJax_CHTML, .xmodule_display.xmodule_CapaModule div.problem div div.equation span.MathJax, .xmodule_display.xmodule_CapaModule div.problem div div.equation span.MathJax_SVG { + padding: 6px; + min-width: 30px; + border: 1px solid #e3e3e3; + border-radius: 4px; + background: #f1f1f1; +} +@media print { + .xmodule_display.xmodule_CapaModule div.problem div [id^='display'].equation { + display: none; +} +}.xmodule_display.xmodule_CapaModule div.problem div span.ui-icon-bullet { + display: inline-block; + position: relative; + top: 4px; + width: 14px; + height: 14px; + background: url("{{ path_to_images }}unanswered-icon.png") center center no-repeat; +} +.xmodule_display.xmodule_CapaModule div.problem div span.processing, .xmodule_display.xmodule_CapaModule div.problem div span.ui-icon-processing { + display: inline-block; + position: relative; + top: 6px; + width: 25px; + height: 20px; + background: url("{{ path_to_images }}spinner.gif") center center no-repeat; +} +.xmodule_display.xmodule_CapaModule div.problem div span.ui-icon-check { + display: inline-block; + position: relative; + top: 3px; + width: 25px; + height: 20px; + background: url("{{ path_to_images }}correct-icon.png") center center no-repeat; +} +.xmodule_display.xmodule_CapaModule div.problem div span.incomplete, .xmodule_display.xmodule_CapaModule div.problem div span.ui-icon-close { + display: inline-block; + position: relative; + top: 3px; + width: 20px; + height: 20px; + background: url("{{ path_to_images }}incorrect-icon.png") center center no-repeat; +} +.xmodule_display.xmodule_CapaModule div.problem div .reload { + float: right; + margin: 10px; +} +.xmodule_display.xmodule_CapaModule div.problem div .grader-status { + margin: 10px 0; + padding: 10px; + border-radius: 5px; + background: #f9f9f9; +} +.xmodule_display.xmodule_CapaModule div.problem div .grader-status:after { + content: ""; + display: table; + clear: both; +} +.xmodule_display.xmodule_CapaModule div.problem div .grader-status span { + display: block; + float: left; + overflow: hidden; + margin: -7px 7px 0 0; + text-indent: -9999px; +} +.xmodule_display.xmodule_CapaModule div.problem div .grader-status .grading { + margin: 0px 7px 0 0; + padding-left: 25px; + background: url("{{ path_to_images }}info-icon.png") left center no-repeat; + text-indent: 0px; +} +.xmodule_display.xmodule_CapaModule div.problem div .grader-status p { + float: left; + margin-bottom: 0; + text-transform: capitalize; + line-height: 20px; +} +.xmodule_display.xmodule_CapaModule div.problem div .grader-status.file { + margin-top: 20px; + padding: 20px 0 0 0; + border: 0; + border-top: 1px solid #eee; + background: #fff; +} +.xmodule_display.xmodule_CapaModule div.problem div .grader-status.file p.debug { + display: none; +} +.xmodule_display.xmodule_CapaModule div.problem div .grader-status.file input { + float: left; +} +.xmodule_display.xmodule_CapaModule div.problem div .evaluation p { + margin-bottom: 4px; +} +.xmodule_display.xmodule_CapaModule div.problem div .feedback-on-feedback { + margin-right: 20px; + height: 100px; +} +.xmodule_display.xmodule_CapaModule div.problem div .evaluation-response header { + text-align: right; +} +.xmodule_display.xmodule_CapaModule div.problem div .evaluation-response header a { + font-size: .85em; +} +.xmodule_display.xmodule_CapaModule div.problem div .evaluation-scoring .scoring-list { + margin-left: 3px; + list-style-type: none; +} +.xmodule_display.xmodule_CapaModule div.problem div .evaluation-scoring .scoring-list li { + display: inline; + margin-left: 50px; +} +.xmodule_display.xmodule_CapaModule div.problem div .evaluation-scoring .scoring-list li:first-child { + margin-left: 0; +} +.xmodule_display.xmodule_CapaModule div.problem div .evaluation-scoring .scoring-list li label { + font-size: .9em; +} +.xmodule_display.xmodule_CapaModule div.problem div .submit-message-container { + margin: 20px 0px; +} +.xmodule_display.xmodule_CapaModule div.problem div.inline>span { + display: inline; +} +.xmodule_display.xmodule_CapaModule div.problem ul { + margin-bottom: 1.41575em; + margin-left: .75em; + margin-left: .75rem; + list-style: disc outside none; +} +.xmodule_display.xmodule_CapaModule div.problem ol { + margin-bottom: 1.41575em; + margin-left: .75em; + margin-left: .75rem; + list-style: decimal outside none; +} +.xmodule_display.xmodule_CapaModule div.problem dl { + line-height: 1.4em; +} +.xmodule_display.xmodule_CapaModule div.problem dl dd { + margin-bottom: 0; +} +.xmodule_display.xmodule_CapaModule div.problem dd { + margin-left: .5em; + margin-left: .5rem; +} +.xmodule_display.xmodule_CapaModule div.problem li { + margin-bottom: 0.70788em; + line-height: 1.4em; +} +.xmodule_display.xmodule_CapaModule div.problem li:last-child { + margin-bottom: 0; +} +.xmodule_display.xmodule_CapaModule div.problem p { + margin-bottom: 1.41575em; +} +.xmodule_display.xmodule_CapaModule div.problem table { + margin: 1.41575em 0; + border-collapse: collapse; + table-layout: auto; +} +.xmodule_display.xmodule_CapaModule div.problem table td.cont-justified-left, .xmodule_display.xmodule_CapaModule div.problem table th.cont-justified-left { + text-align: left !important; +} +.xmodule_display.xmodule_CapaModule div.problem table td.cont-justified-right, .xmodule_display.xmodule_CapaModule div.problem table th.cont-justified-right { + text-align: right !important; +} +.xmodule_display.xmodule_CapaModule div.problem table td.cont-justified-center, .xmodule_display.xmodule_CapaModule div.problem table th.cont-justified-center { + text-align: center !important; +} +.xmodule_display.xmodule_CapaModule div.problem table th { + text-align: left; +} +.xmodule_display.xmodule_CapaModule div.problem table td { + text-align: left; +} +.xmodule_display.xmodule_CapaModule div.problem table caption, .xmodule_display.xmodule_CapaModule div.problem table th, .xmodule_display.xmodule_CapaModule div.problem table td { + padding: .25em .75em .25em 0; + padding: .25rem .75rem .25rem 0; +} +.xmodule_display.xmodule_CapaModule div.problem table caption { + margin-bottom: .75em; + margin-bottom: .75rem; + padding: .75em 0; + padding: .75rem 0; + background: #f1f1f1; +} +.xmodule_display.xmodule_CapaModule div.problem table tr, .xmodule_display.xmodule_CapaModule div.problem table td, .xmodule_display.xmodule_CapaModule div.problem table th { + vertical-align: middle; +} +.xmodule_display.xmodule_CapaModule div.problem code { + margin: 0 2px; + padding: 0px 5px; + border: 1px solid #eaeaea; + border-radius: 3px; + background-color: #f9f9f9; + white-space: nowrap; + font-size: .9em; +} +.xmodule_display.xmodule_CapaModule div.problem pre { + overflow: auto; + padding: 6px 10px; + border: 1px solid #ccc; + border-radius: 3px; + background-color: #f9f9f9; + font-size: .9em; + line-height: 1.4; +} +.xmodule_display.xmodule_CapaModule div.problem pre>code { + margin: 0; + padding: 0; + border: none; + background: transparent; + white-space: pre; +} +.xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline input, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput input { + box-sizing: border-box; + border: 2px solid #e5e5e5; + border-radius: 3px; + min-width: 160px; + height: 46px; +} +.xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline .status, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput .status { + display: inline-block; + margin-top: 10px; + background: none; +} +.xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.incorrect input, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.incorrect input { + border: 2px solid #cb0712; +} +.xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.incorrect .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.incorrect .status .status-icon:after { + color: #cb0712; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.partially-correct input, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.partially-correct input { + border: 2px solid #009b00; +} +.xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.partially-correct .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.partially-correct .status .status-icon:after { + color: #009b00; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.correct input, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.correct input { + border: 2px solid #009b00; +} +.xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.correct .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.correct .status .status-icon:after { + color: #009b00; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.unanswered input, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.unsubmitted input, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.unanswered input, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.unsubmitted input { + border: 2px solid #e5e5e5; +} +.xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.unanswered .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.unsubmitted .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.unanswered .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.unsubmitted .status .status-icon:after { + content: ''} +.xmodule_display.xmodule_CapaModule .problem .trailing_text { + margin-right: 10px; + display: inline-block; +} +.xmodule_display.xmodule_CapaModule .problem .inputtype.option-input { + margin: -10px 0 20px; +} +.xmodule_display.xmodule_CapaModule .problem .inputtype.option-input .indicator-container { + display: inline-block; +} +.xmodule_display.xmodule_CapaModule .problem .inputtype.option-input .indicator-container .status.correct:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.option-input .indicator-container .status.partially-correct:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.option-input .indicator-container .status.incorrect:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.option-input .indicator-container .status.unanswered:after { + margin-left: 0; +} +.xmodule_display.xmodule_CapaModule div.problem .CodeMirror { + border: 1px solid black; + font-size: 14px; + line-height: 18px; + resize: none; +} +.xmodule_display.xmodule_CapaModule div.problem .CodeMirror .cm-tab { + background: url(data:image/png; + base64, iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=); + background-position: right; + background-repeat: no-repeat; +} +.xmodule_display.xmodule_CapaModule div.problem .CodeMirror pre { + overflow: hidden; + margin: 0; + padding: 0; + border-width: 0; + border-radius: 0; + background: transparent; + white-space: pre; + word-wrap: normal; + font-size: inherit; + font-family: inherit; + resize: none; +} +.xmodule_display.xmodule_CapaModule div.problem .CodeMirror pre.CodeMirror-cursor { + position: absolute; + visibility: hidden; + width: 0; + border-right: none; + border-left: 1px solid #000; +} +.xmodule_display.xmodule_CapaModule div.problem .CodeMirror-focused pre.CodeMirror-cursor { + visibility: visible; +} +.xmodule_display.xmodule_CapaModule div.problem .CodeMirror-code pre { + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; +} +.xmodule_display.xmodule_CapaModule div.problem .CodeMirror-scroll { + margin-right: 0px; +} +.xmodule_display.xmodule_CapaModule .capa-message { + display: inline-block; + color: #666; + -webkit-font-smoothing: antialiased; +} +.xmodule_display.xmodule_CapaModule div.problem .action { + margin-top: 20px; + min-height: 20px; + width: 100%; + display: inline-block; +} +@media (min-width: 1024px) { + .xmodule_display.xmodule_CapaModule div.problem .action .problem-action-buttons-wrapper { + text-align: right; + float: right; +} +}.xmodule_display.xmodule_CapaModule div.problem .action .problem-action-button-wrapper { + border-right: 1px solid #ddd; + display: inline-block; +} +.xmodule_display.xmodule_CapaModule div.problem .action .problem-action-button-wrapper:last-child { + border: none; +} +.xmodule_display.xmodule_CapaModule div.problem .action .problem-action-btn { + margin-right: 4px; + max-width: 110px; +} +.xmodule_display.xmodule_CapaModule div.problem .action .problem-action-btn .icon { + margin-bottom: 2px; + display: block; +} +@media print { + .xmodule_display.xmodule_CapaModule div.problem .action .problem-action-btn { + display: none; +} +}.xmodule_display.xmodule_CapaModule div.problem .action .submit-attempt-container { + display: table; +} +@media (max-width: 1024px) { + .xmodule_display.xmodule_CapaModule div.problem .action .submit-attempt-container { + max-width: 100%; + padding-top: 20px; +} +}.xmodule_display.xmodule_CapaModule div.problem .action .submit-attempt-container .submit { + margin-right: 10px; + float: left; +} +.xmodule_display.xmodule_CapaModule div.problem .action .submission-feedback { + display: inline-block; + margin-top: 10px; + color: #666; + font-size: 0.9em; + -webkit-font-smoothing: antialiased; + vertical-align: middle; +} +.xmodule_display.xmodule_CapaModule div.problem hr { + float: none; + clear: both; + margin: 0 0 .75rem; + width: 100%; + height: 1px; + border: none; + background: #ddd; + color: #ddd; +} +.xmodule_display.xmodule_CapaModule div.problem .hidden { + display: none; + visibility: hidden; +} +.xmodule_display.xmodule_CapaModule div.problem input[type="email"], .xmodule_display.xmodule_CapaModule div.problem input[type="number"], .xmodule_display.xmodule_CapaModule div.problem input[type="password"], .xmodule_display.xmodule_CapaModule div.problem input[type="search"], .xmodule_display.xmodule_CapaModule div.problem input[type="tel"], .xmodule_display.xmodule_CapaModule div.problem input[type="text"], .xmodule_display.xmodule_CapaModule div.problem input[type="url"], .xmodule_display.xmodule_CapaModule div.problem input[type="color"], .xmodule_display.xmodule_CapaModule div.problem input[type="date"], .xmodule_display.xmodule_CapaModule div.problem input[type="datetime"], .xmodule_display.xmodule_CapaModule div.problem input[type="datetime-local"], .xmodule_display.xmodule_CapaModule div.problem input[type="month"], .xmodule_display.xmodule_CapaModule div.problem input[type="time"], .xmodule_display.xmodule_CapaModule div.problem input[type="week"] { + display: inline; + width: auto; +} +.xmodule_display.xmodule_CapaModule div.problem center { + display: block; + margin: 1.41575em 0; + padding: 1.41575em; + border: 1px solid #ccc; +} +.xmodule_display.xmodule_CapaModule div.problem .message { + font-size: inherit; +} +.xmodule_display.xmodule_CapaModule div.problem .detailed-solution>p { + margin: 0; +} +.xmodule_display.xmodule_CapaModule div.problem .detailed-solution>p:first-child { + margin-bottom: 0; +} +.xmodule_display.xmodule_CapaModule div.problem .detailed-targeted-feedback>p, .xmodule_display.xmodule_CapaModule div.problem .detailed-targeted-feedback-partially-correct>p, .xmodule_display.xmodule_CapaModule div.problem .detailed-targeted-feedback-correct>p { + margin: 0; + font-weight: normal; +} +.xmodule_display.xmodule_CapaModule div.problem div.capa_alert { + margin-top: 20px; + padding: 8px 12px; + border: 1px solid #ffc01f; + border-radius: 3px; + background: #fffcdd; + font-size: 0.9em; +} +.xmodule_display.xmodule_CapaModule div.problem .notification { + margin-top: 10px; + padding: 8px 10px 4px 10px; + line-height: 1.5em; +} +.xmodule_display.xmodule_CapaModule div.problem .notification.success { + border-top: 3px solid #009b00; +} +.xmodule_display.xmodule_CapaModule div.problem .notification.success .icon { + margin-right: 15px; + color: #009b00; +} +.xmodule_display.xmodule_CapaModule div.problem .notification.error { + border-top: 3px solid #cb0712; +} +.xmodule_display.xmodule_CapaModule div.problem .notification.error .icon { + margin-right: 15px; + color: #cb0712; +} +.xmodule_display.xmodule_CapaModule div.problem .notification.warning { + border-top: 3px solid #ffc01f; +} +.xmodule_display.xmodule_CapaModule div.problem .notification.warning .icon { + margin-right: 15px; + color: #ffc01f; +} +.xmodule_display.xmodule_CapaModule div.problem .notification.problem-hint { + border: 1px solid #d9d9d9; + border-radius: 6px; +} +.xmodule_display.xmodule_CapaModule div.problem .notification.problem-hint .icon { + margin-right: 15px; + color: #111; +} +.xmodule_display.xmodule_CapaModule div.problem .notification.problem-hint li { + color: #414141; +} +.xmodule_display.xmodule_CapaModule div.problem .notification.problem-hint li strong { + color: #111; +} +.xmodule_display.xmodule_CapaModule div.problem .notification .icon { + float: left; + position: relative; + top: 4px; +} +.xmodule_display.xmodule_CapaModule div.problem .notification .notification-message { + display: inline-block; + width: 58.97436%; + margin-bottom: 8px; +} +.xmodule_display.xmodule_CapaModule div.problem .notification .notification-message ol { + list-style: none outside none; + padding: 0; + margin: 0; +} +.xmodule_display.xmodule_CapaModule div.problem .notification .notification-message ol li:not(:last-child) { + margin-bottom: 5px; +} +.xmodule_display.xmodule_CapaModule div.problem .notification .notification-btn-wrapper { + float: right; +} +.xmodule_display.xmodule_CapaModule div.problem .notification-btn { + float: right; + padding: 2px 5px; + min-width: 60px; + display: block; + clear: both; +} +.xmodule_display.xmodule_CapaModule div.problem .notification-btn:first-child { + margin-bottom: 5px; +} +.xmodule_display.xmodule_CapaModule div.problem button:hover { + background-image: none; + box-shadow: none; +} +.xmodule_display.xmodule_CapaModule div.problem button:focus { + box-shadow: none; +} +.xmodule_display.xmodule_CapaModule div.problem button.btn-default { + background-color: transparent; +} +.xmodule_display.xmodule_CapaModule div.problem button.btn-brand:hover { + background-color: #005d90; +} +.xmodule_display.xmodule_CapaModule div.problem .review-btn { + color: #0079bc; +} +.xmodule_display.xmodule_CapaModule div.problem .review-btn.sr, .xmodule_display.xmodule_CapaModule div.problem .view-uploads .assets-library .pagination .review-btn.nav-label, .view-uploads .assets-library .pagination .xmodule_display.xmodule_CapaModule div.problem .review-btn.nav-label, .xmodule_display.xmodule_CapaModule div.problem .view-uploads .assets-library .pagination .pagination-form .review-btn.page-number-label, .view-uploads .assets-library .pagination .pagination-form .xmodule_display.xmodule_CapaModule div.problem .review-btn.page-number-label, .xmodule_display.xmodule_CapaModule div.problem .view-uploads .assets-library .pagination .pagination-form .review-btn.submit-pagination-form, .view-uploads .assets-library .pagination .pagination-form .xmodule_display.xmodule_CapaModule div.problem .review-btn.submit-pagination-form { + color: #0079bc; +} +.xmodule_display.xmodule_CapaModule div.problem div.capa_reset { + padding: 25px; + border: 1px solid #cb0712; + background-color: #f95861; + border-radius: 3px; + font-size: 1em; + margin-top: 10px; + margin-bottom: 10px; +} +.xmodule_display.xmodule_CapaModule div.problem .capa_reset>h2 { + color: #aa0000; +} +.xmodule_display.xmodule_CapaModule div.problem .capa_reset li { + font-size: 0.9em; +} +.xmodule_display.xmodule_CapaModule div.problem .hints { + border: 1px solid #ccc; +} +.xmodule_display.xmodule_CapaModule div.problem .hints h3 { + padding: 9px; + border-bottom: 1px solid #e3e3e3; + background: #eee; + text-shadow: 0 1px 0 #fff; + font-size: 1em; +} +.xmodule_display.xmodule_CapaModule div.problem .hints div { + border-bottom: 1px solid #ddd; +} +.xmodule_display.xmodule_CapaModule div.problem .hints div:last-child { + border-bottom: none; +} +.xmodule_display.xmodule_CapaModule div.problem .hints div p { + margin-bottom: 0; +} +.xmodule_display.xmodule_CapaModule div.problem .hints div header a { + display: block; + padding: 9px; + background: #f9f9f9; + box-shadow: inset 0 0 0 1px #fff; +} +.xmodule_display.xmodule_CapaModule div.problem .hints div>section { + padding: 9px; +} +.xmodule_display.xmodule_CapaModule div.problem .test { + padding-top: 18px; +} +.xmodule_display.xmodule_CapaModule div.problem .test header { + margin-bottom: 12px; +} +.xmodule_display.xmodule_CapaModule div.problem .test header h3 { + color: #aaa; + text-transform: uppercase; + font-style: normal; + font-size: 0.9em; +} +.xmodule_display.xmodule_CapaModule div.problem .test>section { + position: relative; + margin-bottom: 10px; + padding: 9px 9px 20px; + border: 1px solid #ddd; + border-radius: 3px; + background: #fff; + box-shadow: inset 0 0 0 1px #eee; +} +.xmodule_display.xmodule_CapaModule div.problem .test>section p:last-of-type { + margin-bottom: 0; +} +.xmodule_display.xmodule_CapaModule div.problem .test>section .shortform { + margin-bottom: .6em; +} +.xmodule_display.xmodule_CapaModule div.problem .test>section a.full { + position: absolute; + top: 0; + right: 0; + bottom: 1px; + left: 0; + box-sizing: border-box; + display: block; + padding: 4px; + background: #e5e5e5; + text-align: right; + font-size: 1em; +} +.xmodule_display.xmodule_CapaModule div.problem .test>section a.full.full-top { + position: absolute; + top: 1px; + right: 0; + bottom: auto; + left: 0; +} +.xmodule_display.xmodule_CapaModule div.problem .test>section a.full.full-bottom { + position: absolute; + top: auto; + right: 0; + bottom: 1px; + left: 0; +} +.xmodule_display.xmodule_CapaModule div.problem .external-grader-message section { + padding-top: 30px; + padding-left: 20px; + background-color: #fafafa; + color: #2c2c2c; + font-size: 1em; + font-family: monospace; +} +.xmodule_display.xmodule_CapaModule div.problem .external-grader-message section header { + font-size: 1.4em; +} +.xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform { + margin: 0; + padding: 0; +} +.xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-errors { + margin: 5px; + padding: 10px 10px 10px 40px; + background: url("{{ path_to_images }}incorrect-icon.png") center left no-repeat; +} +.xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-errors li { + color: #b00; +} +.xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-output { + margin: 5px; + padding: 20px 0 15px 50px; + border-top: 1px solid #ddd; + border-left: 20px solid #fafafa; +} +.xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-output h4 { + font-size: 1em; + font-family: monospace; +} +.xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-output dl { + margin: 0; +} +.xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-output dt { + margin-top: 20px; +} +.xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-output dd { + margin-left: 24pt; +} +.xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-correct { + background: url("{{ path_to_images }}correct-icon.png") left 20px no-repeat; +} +.xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-correct .result-actual-output { + color: #090; +} +.xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-partially-correct { + background: url("{{ path_to_images }}partially-correct-icon.png") left 20px no-repeat; +} +.xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-partially-correct .result-actual-output { + color: #090; +} +.xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-incorrect { + background: url("{{ path_to_images }}incorrect-icon.png") left 20px no-repeat; +} +.xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-incorrect .result-actual-output { + color: #B00; +} +.xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .markup-text { + margin: 5px; + padding: 20px 0 15px 50px; + border-top: 1px solid #ddd; + border-left: 20px solid #fafafa; +} +.xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .markup-text bs { + color: #bb0000; +} +.xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .markup-text bg { + color: #bda046; +} +.xmodule_display.xmodule_CapaModule div.problem .rubric tr { + margin: 10px 0; + height: 100%} +.xmodule_display.xmodule_CapaModule div.problem .rubric td { + margin: 10px 0; + padding: 20px 0; + height: 100%} +.xmodule_display.xmodule_CapaModule div.problem .rubric th { + margin: 5px; + padding: 5px; +} +.xmodule_display.xmodule_CapaModule div.problem .rubric label, .xmodule_display.xmodule_CapaModule div.problem .rubric .view-only { + position: relative; + display: inline-block; + margin: 3px; + padding: 15px; + min-width: 50px; + min-height: 50px; + width: 150px; + height: 100%; + background-color: #ccc; + font-size: .9em; +} +.xmodule_display.xmodule_CapaModule div.problem .rubric .grade { + position: absolute; + right: 0; + bottom: 0; + margin: 10px; +} +.xmodule_display.xmodule_CapaModule div.problem .rubric .selected-grade { + background: #666; + color: white; +} +.xmodule_display.xmodule_CapaModule div.problem .rubric input[type=radio]:checked+label { + background: #666; + color: white; +} +.xmodule_display.xmodule_CapaModule div.problem .rubric input[class='score-selection'] { + display: none; +} +.xmodule_display.xmodule_CapaModule div.problem .annotation-input { + margin: 0 0 1em 0; + border: 1px solid #ccc; + border-radius: 1em; +} +.xmodule_display.xmodule_CapaModule div.problem .annotation-input .annotation-header { + padding: .5em 1em; + border-bottom: 1px solid #ccc; +} +.xmodule_display.xmodule_CapaModule div.problem .annotation-input .annotation-body { + padding: .5em 1em; +} +.xmodule_display.xmodule_CapaModule div.problem .annotation-input a.annotation-return { + float: right; + font: inherit; + font-weight: normal; +} +.xmodule_display.xmodule_CapaModule div.problem .annotation-input a.annotation-return:after { + content: " \2191"} +.xmodule_display.xmodule_CapaModule div.problem .annotation-input .block, .xmodule_display.xmodule_CapaModule div.problem .annotation-input ul.tags { + margin: .5em 0; + padding: 0; +} +.xmodule_display.xmodule_CapaModule div.problem .annotation-input .block-highlight { + padding: .5em; + border: 1px solid rgba(214, 214, 0, 0.3); + background-color: rgba(255, 255, 10, 0.3); + color: #333; + font-style: normal; +} +.xmodule_display.xmodule_CapaModule div.problem .annotation-input .block-comment { + font-style: italic; +} +.xmodule_display.xmodule_CapaModule div.problem .annotation-input ul.tags { + display: block; + margin-left: 1em; + list-style-type: none; +} +.xmodule_display.xmodule_CapaModule div.problem .annotation-input ul.tags li { + position: relative; + display: block; + margin: 1em 0 0 0; +} +.xmodule_display.xmodule_CapaModule div.problem .annotation-input ul.tags li .tag { + display: inline-block; + margin-left: 40px; + border: 1px solid #666; +} +.xmodule_display.xmodule_CapaModule div.problem .annotation-input ul.tags li .tag.selected { + background-color: rgba(255, 255, 10, 0.3); +} +.xmodule_display.xmodule_CapaModule div.problem .annotation-input ul.tags li .tag-status { + position: absolute; + left: 0; +} +.xmodule_display.xmodule_CapaModule div.problem .annotation-input ul.tags li .tag-status, .xmodule_display.xmodule_CapaModule div.problem .annotation-input ul.tags li .tag { + padding: .25em .5em; +} +.xmodule_display.xmodule_CapaModule div.problem .annotation-input textarea.comment { + padding: 0.2em 0.4em; + width: 100%; + height: 7.2em; + line-height: 1.4em; +} +.xmodule_display.xmodule_CapaModule div.problem .annotation-input .answer-annotation { + display: block; + margin: 0; +} +.xmodule_display.xmodule_CapaModule div.problem .annotation-input .debug-value { + margin: 1em 0; + padding: 1em; + border: 1px solid #000; + background-color: #999; + color: #fff; +} +.xmodule_display.xmodule_CapaModule div.problem .annotation-input .debug-value input[type="text"] { + width: 100%} +.xmodule_display.xmodule_CapaModule div.problem .annotation-input .debug-value pre { + background-color: #ccc; + color: #000; +} +.xmodule_display.xmodule_CapaModule div.problem .annotation-input .debug-value:before { + display: block; + content: "debug input value"; + text-transform: uppercase; + font-size: 1.5em; +} +.xmodule_display.xmodule_CapaModule div.problem .choicetextgroup input[type="text"] { + margin-bottom: 0.5em; +} +.xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_correct input[type="text"], .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_correct input[type="text"] { + border-color: #009b00; +} +.xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_partially-correct input[type="text"], .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_partially-correct input[type="text"] { + border-color: #009b00; +} +.xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_show_correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_show_correct:after { + margin-left: 15px; + content: url("{{ path_to_images }}correct-icon.png"); +} +.xmodule_display.xmodule_CapaModule div.problem .choicetextgroup span.mock_label { + cursor: default; +} +.xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .status { + display: inline-block; + position: relative; + top: 3px; + width: 25px; + height: 20px; +} +.xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .correct .status-icon:after { + color: #009b00; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .incorrect .status-icon:after { + color: #cb0712; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .partially-correct .status-icon:after { + color: #009b00; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_CapaModule div.problem .annotation-input .tag-status { + display: inline-block; + position: relative; + top: 3px; + width: 25px; + height: 20px; +} +.xmodule_display.xmodule_CapaModule div.problem .annotation-input .correct .status-icon:after { + color: #009b00; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_CapaModule div.problem .annotation-input .incorrect .status-icon:after { + color: #cb0712; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_CapaModule div.problem .annotation-input .partially-correct .status-icon:after { + color: #009b00; + font-size: 1.2em; + content: ""} +@media print { + .xmodule_display.xmodule_PollModule div.poll_question { + display: block; + width: auto; + padding: 0; +} +.xmodule_display.xmodule_PollModule div.poll_question canvas, .xmodule_display.xmodule_PollModule div.poll_question img { + page-break-inside: avoid; +} +}.xmodule_display.xmodule_PollModule div.poll_question .inline { + display: inline; +} +.xmodule_display.xmodule_PollModule div.poll_question h3 { + margin-top: 0; + margin-bottom: 15px; + color: #fe57a1; + font-size: 1.9em; +} +.xmodule_display.xmodule_PollModule div.poll_question h3.problem-header div.staff { + margin-top: 30px; + font-size: 80%} +@media print { + .xmodule_display.xmodule_PollModule div.poll_question h3 { + display: block; + width: auto; + border-right: 0; +} +}.xmodule_display.xmodule_PollModule div.poll_question p { + text-align: justify; + font-weight: bold; +} +.xmodule_display.xmodule_PollModule div.poll_question .poll_answer { + margin-bottom: 20px; +} +.xmodule_display.xmodule_PollModule div.poll_question .poll_answer.short { + clear: both; +} +.xmodule_display.xmodule_PollModule div.poll_question .poll_answer .question { + height: auto; + clear: both; + min-height: 30px; +} +.xmodule_display.xmodule_PollModule div.poll_question .poll_answer .question.short { + clear: none; + width: 30%; + display: inline; + float: left; +} +.xmodule_display.xmodule_PollModule div.poll_question .poll_answer .question .button { + -webkit-appearance: none; + -webkit-background-clip: padding-box; + -webkit-border-image: none; + -webkit-box-align: center; + -webkit-box-shadow: #fff 0px 1px 0px 0px inset; + -webkit-font-smoothing: antialiased; + -webkit-rtl-ordering: logical; + -webkit-user-select: text; + -webkit-writing-mode: horizontal-tb; + background-clip: padding-box; + background-color: #eee; + background-image: -webkit-linear-gradient(top, #eee, #d2d2d2); + border-bottom-color: #cacaca; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-style: solid; + border-bottom-width: 1px; + border-left-color: #cacaca; + border-left-style: solid; + border-left-width: 1px; + border-right-color: #cacaca; + border-right-style: solid; + border-right-width: 1px; + border-top-color: #cacaca; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + border-top-style: solid; + border-top-width: 1px; + box-shadow: #fff 0px 1px 0px 0px inset; + box-sizing: border-box; + color: #333; + display: inline; + float: left; + font-family: 'Open Sans', Verdana, Geneva, sans-serif; + font-size: 13px; + font-style: normal; + font-variant: normal; + font-weight: bold; + letter-spacing: normal; + line-height: 25.59375px; + margin-bottom: 15px; + margin: 0; + padding: 0px; + text-align: center; + text-decoration: none; + text-indent: 0px; + text-shadow: #f8f8f8 0px 1px 0px; + text-transform: none; + vertical-align: top; + white-space: pre-line; + width: 25px; + height: 25px; + word-spacing: 0px; + writing-mode: lr-tb; +} +.xmodule_display.xmodule_PollModule div.poll_question .poll_answer .question .button.answered { + -webkit-box-shadow: #61b8e1 0px 1px 0px 0px inset; + background-color: #1d9dd9; + background-image: -webkit-linear-gradient(top, #1d9dd9, #0e7cb0); + border-bottom-color: #0d72a2; + border-left-color: #0d72a2; + border-right-color: #0d72a2; + border-top-color: #0d72a2; + box-shadow: #61b8e1 0px 1px 0px 0px inset; + color: #fff; + text-shadow: #076794 0px 1px 0px; + background-image: none; +} +.xmodule_display.xmodule_PollModule div.poll_question .poll_answer .question .text { + display: inline; + float: left; + width: 80%; + text-align: left; + min-height: 30px; + margin-left: 20px; + height: auto; + margin-bottom: 20px; +} +.xmodule_display.xmodule_PollModule div.poll_question .poll_answer .question .text.short { + width: 100px; +} +.xmodule_display.xmodule_PollModule div.poll_question .poll_answer .stats { + min-height: 40px; + margin-top: 20px; + clear: both; +} +.xmodule_display.xmodule_PollModule div.poll_question .poll_answer .stats.short { + margin-top: 0; + clear: none; + display: inline; + float: right; + width: 70%} +.xmodule_display.xmodule_PollModule div.poll_question .poll_answer .stats .bar { + width: 75%; + height: 20px; + border: 1px solid black; + display: inline; + float: left; + margin-right: 10px; +} +.xmodule_display.xmodule_PollModule div.poll_question .poll_answer .stats .bar.short { + width: 65%; + height: 20px; + margin-top: 3px; +} +.xmodule_display.xmodule_PollModule div.poll_question .poll_answer .stats .bar .percent { + background-color: gray; + width: 0px; + height: 20px; +} +.xmodule_display.xmodule_PollModule div.poll_question .poll_answer .stats .number { + width: 80px; + display: inline; + float: right; + height: 28px; + text-align: right; +} +.xmodule_display.xmodule_PollModule div.poll_question .poll_answer .stats .number.short { + width: 120px; + height: auto; +} +.xmodule_display.xmodule_PollModule div.poll_question .poll_answer.answered { + -webkit-box-shadow: #61b8e1 0px 1px 0px 0px inset; + background-color: #1d9dd9; + background-image: -webkit-linear-gradient(top, #1d9dd9, #0e7cb0); + border-bottom-color: #0d72a2; + border-left-color: #0d72a2; + border-right-color: #0d72a2; + border-top-color: #0d72a2; + box-shadow: #61b8e1 0px 1px 0px 0px inset; + color: #fff; + text-shadow: #076794 0px 1px 0px; +} +.xmodule_display.xmodule_PollModule div.poll_question .button.reset-button { + clear: both; + float: right; +} +.xmodule_display.xmodule_VideoModule { + margin-bottom: 30px; +} +.xmodule_display.xmodule_VideoModule .is-hidden, .xmodule_display.xmodule_VideoModule .video.closed .subtitles, .xmodule_display.xmodule_VideoModule .mast.has-actions .nav-actions .button.is-hidden, .mast.has-actions .nav-actions .xmodule_display.xmodule_VideoModule .button.is-hidden { + display: none; +} +.xmodule_display.xmodule_VideoModule .video { + background: #f5f5f5; + display: block; + margin: 0 -12px; + padding: 12px; + border-radius: 5px; + outline: none; +} +.xmodule_display.xmodule_VideoModule .video:after { + content: ""; + display: table; + clear: both; +} +.xmodule_display.xmodule_VideoModule .video:focus, .xmodule_display.xmodule_VideoModule .video:active, .xmodule_display.xmodule_VideoModule .video:hover { + border: 0; +} +.xmodule_display.xmodule_VideoModule .video.is-initialized .video-wrapper .spinner { + display: none; +} +.xmodule_display.xmodule_VideoModule .video.is-pre-roll .slider { + visibility: hidden; +} +.xmodule_display.xmodule_VideoModule .video.is-pre-roll .video-player { + position: relative; +} +.xmodule_display.xmodule_VideoModule .video.is-pre-roll .video-player:before { + display: block; + content: ""; + width: 100%; + padding-top: 55%} +.xmodule_display.xmodule_VideoModule .video .tc-wrapper { + position: relative; +} +.xmodule_display.xmodule_VideoModule .video .tc-wrapper:after { + content: ""; + display: table; + clear: both; +} +.xmodule_display.xmodule_VideoModule .video .focus_grabber { + position: relative; + display: inline; + width: 0px; + height: 0px; +} +.xmodule_display.xmodule_VideoModule .video .downloads-heading { + margin: 1em 0 0 0; +} +.xmodule_display.xmodule_VideoModule .video .wrapper-downloads { + display: flex; +} +.xmodule_display.xmodule_VideoModule .video .wrapper-downloads .hd { + margin: 0; +} +.xmodule_display.xmodule_VideoModule .video .wrapper-downloads .wrapper-download-video, .xmodule_display.xmodule_VideoModule .video .wrapper-downloads .wrapper-download-transcripts, .xmodule_display.xmodule_VideoModule .video .wrapper-downloads .wrapper-handouts, .xmodule_display.xmodule_VideoModule .video .wrapper-downloads .branding { + flex: 1; + margin-top: 20px; + padding-right: 20px; + vertical-align: top; +} +.xmodule_display.xmodule_VideoModule .video .wrapper-downloads .wrapper-download-video .video-sources { + margin: 0; +} +.xmodule_display.xmodule_VideoModule .video .wrapper-downloads .wrapper-download-transcripts .list-download-transcripts { + margin: 0; + padding: 0; + list-style: none; +} +.xmodule_display.xmodule_VideoModule .video .wrapper-downloads .wrapper-download-transcripts .list-download-transcripts .transcript-option { + margin: 0; +} +.xmodule_display.xmodule_VideoModule .video .wrapper-downloads .branding { + padding-right: 0; +} +.xmodule_display.xmodule_VideoModule .video .wrapper-downloads .branding .host-tag { + position: absolute; + left: -9999em; + display: inline-block; + vertical-align: middle; + color: #3c3c3c; +} +.xmodule_display.xmodule_VideoModule .video .wrapper-downloads .branding .brand-logo { + display: inline-block; + max-width: 100%; + max-height: 40px; + padding: 5px 0; + vertical-align: middle; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper { + float: left; + margin-right: 2.85714%; + width: 65.71429%; + background-color: black; + position: relative; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-player-pre, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-player-post { + height: 50px; + background-color: #111010; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .spinner { + transform: translate(-50%, -50%); + position: absolute; + z-index: 1; + background: rgba(0, 0, 0, 0.7); + top: 50%; + left: 50%; + padding: 30px; + border-radius: 25%} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .spinner:after { + animation: rotateCW 3s infinite linear; + content: ''; + display: block; + width: 30px; + height: 30px; + border: 7px solid white; + border-top-color: transparent; + border-radius: 100%; + position: relative; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .btn-play { + transform: translate(-50%, -50%); + position: absolute; + z-index: 1; + background: rgba(0, 0, 0, 0.7); + top: 50%; + left: 50%; + padding: 30px; + border-radius: 25%} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .btn-play:after { + content: ''; + display: block; + width: 0px; + height: 0px; + border-style: solid; + border-width: 30px 0 30px 50px; + border-color: transparent transparent transparent #fff; + position: relative; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .closed-captions { + position: absolute; + width: 85%; + left: 5%; + top: 70%; + text-align: center; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .closed-captions.is-visible { + max-height: 60px; + border-radius: 4px; + padding: 8px 10px 8px 30px; + background: rgba(0, 0, 0, 0.75); + color: #fffcdd; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .closed-captions.is-visible:before { + position: absolute; + display: inline-block; + top: 50%; + left: 20px; + margin-top: -.6em; + font-family: 'FontAwesome'; + content: "\f142"; + color: #fff; + opacity: 0.5; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .closed-captions.is-visible:hover, .xmodule_display.xmodule_VideoModule .video .video-wrapper .closed-captions.is-visible.is-dragging { + background: #000; + cursor: move; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .closed-captions.is-visible:hover:before, .xmodule_display.xmodule_VideoModule .video .video-wrapper .closed-captions.is-visible.is-dragging:before { + opacity: 1.0; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-player { + overflow: hidden; + min-height: 300px; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-player>div { + height: 100%} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-player>div.hidden { + display: none; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-player .video-error { + padding: 4px; + background: black; + color: white !important; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-player object, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-player iframe, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-player video { + display: block; + border: none; + width: 100%} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-player h4 { + text-align: center; + color: white; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-player h4.hidden { + display: none; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls { + position: relative; + border: 0; + background: #282c2e; + color: #f0f3f5; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls:after { + content: ""; + display: table; + clear: both; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls:hover ul, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls:hover div, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls:focus ul, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls:focus div { + opacity: 1; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .control { + display: inline-block; + vertical-align: middle; + margin: 0; + border: 0; + border-radius: 0; + padding: 10px 13.33333px; + background: #282c2e; + box-shadow: none; + text-shadow: none; + color: #cfd8dc; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .control:hover, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .control:focus { + background: #171a1b; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .control:active, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .is-active.control, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .active.control { + color: #0ea6ec; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .control .icon { + width: 1em; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .control .icon.icon-hd { + width: auto; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .slider { + transform-origin: bottom left; + transition: height 0.7s ease-in-out 0s; + position: absolute; + bottom: 100%; + left: 0; + right: 0; + z-index: 1; + height: 5px; + margin-left: 0; + border: 0; + border-radius: 0; + background: #4f595d; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .slider:after { + content: ""; + display: table; + clear: both; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .slider .ui-widget-header { + background: #8e3e63; + box-shadow: none; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .slider .ui-corner-all.slider-range { + opacity: 0.3; + background-color: #1e91d3; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .slider .ui-slider-handle { + transform-origin: bottom left; + transition: all 0.7s ease-in-out 0s; + top: 0; + height: 5px; + width: 5px; + margin-left: -2.5px; + border: 0; + border-radius: 4px; + padding: 0; + background: #cb598d; + box-shadow: none; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .slider .ui-slider-handle:focus, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .slider .ui-slider-handle:hover { + background-color: #db8baf; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .vcr { + float: left; + list-style: none; + border-right: 1px solid #282c2e; + padding: 0; +} +@media (max-width: 1120px) { + .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .vcr { + margin-right: 0.70788em; + font-size: 0.875em; +} +}.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .vcr .video_control:focus { + position: relative; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .vcr .video_control.skip { + white-space: nowrap; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .vcr .vidtime { + padding-left: 1.06181em; + display: inline-block; + color: #cfd8dc; + -webkit-font-smoothing: antialiased; +} +@media (max-width: 1120px) { + .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .vcr .vidtime { + padding-left: 0.70788em; +} +}.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls { + float: right; + border-left: 1px dotted #4f595d; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .add-fullscreen, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .grouped-controls, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .quality-control { + border-left: 1px dotted #4f595d; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .speed-button:focus, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume>.control:focus, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .add-fullscreen:focus, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .quality-control:focus, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .toggle-transcript:focus { + position: relative; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container { + position: relative; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu { + transition: none; + position: absolute; + display: none; + bottom: 40px; + right: 0; + width: 120px; + margin: 0; + border: none; + padding: 0; + box-shadow: none; + background-color: #282c2e; + list-style: none; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li { + color: #e7ecee; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li .speed-option, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li .control-lang { + text-align: left; + display: block; + width: 100%; + border: 0; + border-radius: 0; + padding: 0.70788em; + background: #282c2e; + box-shadow: none; + color: #e7ecee; + overflow: hidden; + text-shadow: none; + text-overflow: ellipsis; + white-space: nowrap; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li .speed-option:hover, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li .speed-option:focus, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li .control-lang:hover, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li .control-lang:focus { + background-color: #4f595d; + color: #fcfcfc; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li.is-active .speed-option, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li.is-active .control-lang { + border-left: 2px solid #0ea6ec; + font-weight: 700; + color: #0ea6ec; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container.is-opened .menu { + display: block; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .speeds, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .lang, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .grouped-controls { + display: inline-block; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .speeds.is-opened .control .icon { + transform: rotate(-90deg); +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .speeds .speed-button .label { + padding: 0 6.66667px 0 0; + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + color: #e7ecee; +} +@media (max-width: 1120px) { + .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .speeds .speed-button .label { + display: none; +} +}.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .speeds .speed-button .value { + padding: 0 0.70788em 0 0; + color: #e7ecee; + font-weight: bold; +} +@media (max-width: 1120px) { + .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .speeds .speed-button .value { + padding: 0 0.70788em; +} +}.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .lang .language-menu { + width: 20px; + padding: 10px 0; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .lang.is-opened .control .icon { + transform: rotate(90deg); +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume { + display: inline-block; + position: relative; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume.is-opened .volume-slider-container { + display: block; + opacity: 1; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume:not(:first-child)>a { + border-left: none; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container { + transition: none; + display: none; + position: absolute; + bottom: 40px; + right: 0; + width: 41px; + height: 120px; + background-color: #282c2e; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container .volume-slider { + height: 100px; + width: 5px; + margin: 14px auto; + border: 0; + background: #4f595d; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container .volume-slider .ui-slider-handle { + transition: height 2s ease-in-out 0s, width 2s ease-in-out 0s; + left: -5px; + height: 15px; + width: 15px; + border: 0; + border-radius: 4px; + padding: 0; + background: #cb598d; + box-shadow: none; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container .volume-slider .ui-slider-handle:hover, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container .volume-slider .ui-slider-handle:focus { + background: #db8baf; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container .volume-slider .ui-slider-range { + background: #8e3e63; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .quality-control { + font-weight: 700; + letter-spacing: -1px; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .quality-control.active { + color: #0ea6ec; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .quality-control.is-hidden, .xmodule_display.xmodule_VideoModule .video.closed .video-wrapper .video-controls .secondary-controls .quality-control.subtitles { + display: none !important; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .toggle-transcript.is-active { + color: #0ea6ec; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .lang>.hide-subtitles { + transition: none; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper:hover .video-controls .slider { + height: 13.33333px; +} +.xmodule_display.xmodule_VideoModule .video .video-wrapper:hover .video-controls .slider .ui-slider-handle { + height: 13.33333px; + width: 13.33333px; +} +.xmodule_display.xmodule_VideoModule .video.video-fullscreen .closed-captions { + width: 60%} +.xmodule_display.xmodule_VideoModule .video .subtitles { + float: left; + overflow: auto; + max-height: 460px; + width: 31.42857%; + padding: 0; + font-size: 14px; + visibility: visible; +} +.xmodule_display.xmodule_VideoModule .video .subtitles a { + color: #0074b5; +} +.xmodule_display.xmodule_VideoModule .video .subtitles .subtitles-menu { + height: 100%; + margin: 0; + padding: 0; + list-style: none; +} +.xmodule_display.xmodule_VideoModule .video .subtitles .subtitles-menu li { + margin-bottom: 8px; + border: 0; + padding: 0; + color: #0074b5; + line-height: 1.41575em; +} +.xmodule_display.xmodule_VideoModule .video .subtitles .subtitles-menu li.current { + color: #333; + font-weight: 700; +} +.xmodule_display.xmodule_VideoModule .video .subtitles .subtitles-menu li.focused { + outline: #000 dotted thin; + outline-offset: -1px; +} +.xmodule_display.xmodule_VideoModule .video .subtitles .subtitles-menu li:hover, .xmodule_display.xmodule_VideoModule .video .subtitles .subtitles-menu li:focus { + text-decoration: underline; +} +.xmodule_display.xmodule_VideoModule .video .subtitles .subtitles-menu li:empty { + margin-bottom: 0; +} +.xmodule_display.xmodule_VideoModule .video .subtitles .subtitles-menu li.spacing:last-of-type { + position: relative; +} +.xmodule_display.xmodule_VideoModule .video .subtitles .subtitles-menu li.spacing:last-of-type .transcript-end { + position: absolute; + bottom: 0; +} +.xmodule_display.xmodule_VideoModule .video.closed .video-wrapper { + width: 100%; + background-color: inherit; +} +.xmodule_display.xmodule_VideoModule .video.closed .video-wrapper .video-controls.html5 { + bottom: 0; + left: 0; + right: 0; + position: absolute; + z-index: 1; +} +.xmodule_display.xmodule_VideoModule .video.closed .video-wrapper .video-player-pre, .xmodule_display.xmodule_VideoModule .video.closed .video-wrapper .video-player-post { + height: 0; +} +.xmodule_display.xmodule_VideoModule .video.closed .video-wrapper .video-player h3 { + color: black; +} +.xmodule_display.xmodule_VideoModule .video.closed .subtitles.html5 { + background-color: rgba(243, 243, 243, 0.8); + height: 100%; + position: absolute; + right: 0; + bottom: 0; + top: 0; + width: 275px; + padding: 0 20px; + display: none; +} +.xmodule_display.xmodule_VideoModule .video.video-fullscreen { + background: rgba(0, 0, 0, 0.95); + border: 0; + bottom: 0; + height: 100%; + left: 0; + margin: 0; + padding: 0; + position: fixed; + top: 0; + width: 100%; + vertical-align: middle; + border-radius: 0; +} +.xmodule_display.xmodule_VideoModule .video.video-fullscreen.closed .tc-wrapper .video-wrapper { + width: 100%} +.xmodule_display.xmodule_VideoModule .video.video-fullscreen .video-wrapper .video-player-pre, .xmodule_display.xmodule_VideoModule .video.video-fullscreen .video-wrapper .video-player-post { + height: 0; +} +.xmodule_display.xmodule_VideoModule .video.video-fullscreen .video-wrapper { + position: static; +} +.xmodule_display.xmodule_VideoModule .video.video-fullscreen .video-wrapper .video-player h3 { + color: white; +} +.xmodule_display.xmodule_VideoModule .video.video-fullscreen .tc-wrapper { + width: 100%; + height: 100%; + position: static; +} +.xmodule_display.xmodule_VideoModule .video.video-fullscreen .tc-wrapper:after { + content: ""; + display: table; + clear: both; +} +.xmodule_display.xmodule_VideoModule .video.video-fullscreen .tc-wrapper .video-wrapper { + height: 100%; + width: 75%; + margin-right: 0; + vertical-align: middle; +} +.xmodule_display.xmodule_VideoModule .video.video-fullscreen .tc-wrapper .video-wrapper object, .xmodule_display.xmodule_VideoModule .video.video-fullscreen .tc-wrapper .video-wrapper iframe, .xmodule_display.xmodule_VideoModule .video.video-fullscreen .tc-wrapper .video-wrapper video { + position: absolute; + width: auto; + height: auto; +} +.xmodule_display.xmodule_VideoModule .video.video-fullscreen .tc-wrapper .video-controls { + position: absolute; + bottom: 0; + left: 0; + width: 100%} +.xmodule_display.xmodule_VideoModule .video.video-fullscreen .subtitles { + height: 100%; + width: 25%; + padding: 1.41575em; + box-sizing: border-box; + transition: none; + background: #000; + visibility: visible; +} +.xmodule_display.xmodule_VideoModule .video.video-fullscreen .subtitles li { + color: #aaa; +} +.xmodule_display.xmodule_VideoModule .video.video-fullscreen .subtitles li.current { + color: #fff; +} +.xmodule_display.xmodule_VideoModule .video.is-touch .tc-wrapper .video-wrapper object, .xmodule_display.xmodule_VideoModule .video.is-touch .tc-wrapper .video-wrapper iframe, .xmodule_display.xmodule_VideoModule .video.is-touch .tc-wrapper .video-wrapper video { + width: 100%; + height: 100%} +.xmodule_display.xmodule_VideoModule .video .video-pre-roll { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-position: 50% 50%; + background-repeat: no-repeat; + background-size: 100%; + background-color: #000; +} +.xmodule_display.xmodule_VideoModule .video .video-pre-roll.is-html5 { + background-size: 15%} +.xmodule_display.xmodule_VideoModule .video .video-pre-roll .btn-play.btn-pre-roll { + padding: 20px; + border: none; + border-radius: 20px; + background: rgba(0, 0, 0, 0.5); + box-shadow: none; +} +.xmodule_display.xmodule_VideoModule .video .video-pre-roll .btn-play.btn-pre-roll:after { + display: none; +} +.xmodule_display.xmodule_VideoModule .video .video-pre-roll .btn-play.btn-pre-roll img { + height: 80px; + width: 80px; +} +.xmodule_display.xmodule_VideoModule .video .video-pre-roll .btn-play.btn-pre-roll:hover, .xmodule_display.xmodule_VideoModule .video .video-pre-roll .btn-play.btn-pre-roll:focus { + background: #0079bc; +} +.xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem div.correct p.status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.correct p.status .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem div.ui-icon-check p.status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.ui-icon-check p.status .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem div.partially-correct p.status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.partially-correct p.status .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem div.ui-icon-close p.status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.ui-icon-close p.status .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem div.incorrect p.status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.incorrect p.status .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem div.incomplete p.status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.incomplete p.status .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.incorrect .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.incorrect .status .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.incorrect .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.incorrect .status .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.partially-correct .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.partially-correct .status .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.partially-correct .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.partially-correct .status .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.correct .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.correct .status .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.correct .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.correct .status .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .annotation-input .correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .annotation-input .correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .annotation-input .incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .annotation-input .incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .annotation-input .partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .annotation-input .partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .video-tracks .a11y-menu-container>a:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicegroup_correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicegroup_correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicetextgroup_correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicetextgroup_correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup section.choicetextgroup_correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup section.choicetextgroup_correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicegroup_partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicegroup_partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicetextgroup_partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicetextgroup_partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup section.choicetextgroup_partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup section.choicetextgroup_partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicegroup_incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicegroup_incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicetextgroup_incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicetextgroup_incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup section.choicetextgroup_incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup section.choicetextgroup_incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem div.correct p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.correct p.status .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem div.ui-icon-check p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.ui-icon-check p.status .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem div.partially-correct p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.partially-correct p.status .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem div.ui-icon-close p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.ui-icon-close p.status .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem div.incorrect p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.incorrect p.status .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem div.incomplete p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.incomplete p.status .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.incorrect .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.incorrect .status .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.incorrect .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.incorrect .status .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.partially-correct .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.partially-correct .status .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.partially-correct .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.partially-correct .status .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.correct .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.correct .status .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.correct .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.correct .status .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .correct .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .incorrect .xmodule_display.xmodule_VideoModule .status-icon:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .partially-correct .xmodule_display.xmodule_VideoModule .status-icon:after { + font-family: FontAwesome; + -webkit-font-smoothing: antialiased; + display: inline-block; + speak: none; +} +.xmodule_display.xmodule_VideoModule .a11y-menu-container { + position: relative; +} +.xmodule_display.xmodule_VideoModule .a11y-menu-container.open .a11y-menu-list { + display: block; +} +.xmodule_display.xmodule_VideoModule .a11y-menu-container .a11y-menu-list { + top: 100%; + margin: 0; + padding: 0; + display: none; + position: absolute; + list-style: none; + background-color: #fff; + border: 1px solid #eee; +} +.xmodule_display.xmodule_VideoModule .a11y-menu-container .a11y-menu-list li { + margin: 0; + padding: 0; + border-bottom: 1px solid #eee; + color: #fff; +} +.xmodule_display.xmodule_VideoModule .a11y-menu-container .a11y-menu-list li a { + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + color: #b2b2b2; + font-size: 14px; + line-height: 23px; +} +.xmodule_display.xmodule_VideoModule .a11y-menu-container .a11y-menu-list li a:hover, .xmodule_display.xmodule_VideoModule .a11y-menu-container .a11y-menu-list li a:focus { + color: #666; +} +.xmodule_display.xmodule_VideoModule .a11y-menu-container .a11y-menu-list li.active a { + color: #009fe6; +} +.xmodule_display.xmodule_VideoModule .a11y-menu-container .a11y-menu-list li:last-child { + box-shadow: none; + border-bottom: 0; + margin-top: 0; +} +.xmodule_display.xmodule_VideoModule .video-tracks .a11y-menu-container { + display: inline-block; + vertical-align: top; + border-left: 1px solid #eee; +} +.xmodule_display.xmodule_VideoModule .video-tracks .a11y-menu-container.open>a { + background-color: #1AA1DE; + color: #fff; +} +.xmodule_display.xmodule_VideoModule .video-tracks .a11y-menu-container.open>a:after { + color: #fff; +} +.xmodule_display.xmodule_VideoModule .video-tracks .a11y-menu-container>a { + transition: all 0.25s ease-in-out 0s; + font-size: 12px; + font-size: 1.2rem; + display: block; + border-radius: 0 3px 3px 0; + background-color: #fff; + padding: 15px 25px 15px 15px; + color: #b2b2b2; + min-width: 1.5em; + line-height: 14px; + text-align: center; + overflow: hidden; + text-overflow: ellipsis; +} +.xmodule_display.xmodule_VideoModule .video-tracks .a11y-menu-container>a:after { + content: "\f0d7"; + position: absolute; + right: 10px; + top: 33%; + color: #646464; +} +.xmodule_display.xmodule_VideoModule .video-tracks .a11y-menu-container .a11y-menu-list { + right: 0; +} +.xmodule_display.xmodule_VideoModule .video-tracks .a11y-menu-container .a11y-menu-list li { + font-size: 0.875em; +} +.xmodule_display.xmodule_VideoModule .video-tracks .a11y-menu-container .a11y-menu-list li a { + border: 0; + display: block; + padding: 0.70788em; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.xmodule_display.xmodule_VideoModule .contextmenu, .xmodule_display.xmodule_VideoModule .submenu { + border: 1px solid #333; + background: #fff; + color: #333; + padding: 0; + margin: 0; + list-style: none; + position: absolute; + top: 0; + display: none; + outline: none; + cursor: default; + white-space: nowrap; +} +.xmodule_display.xmodule_VideoModule .contextmenu.is-opened, .xmodule_display.xmodule_VideoModule .submenu.is-opened { + display: block; +} +.xmodule_display.xmodule_VideoModule .contextmenu .menu-item, .xmodule_display.xmodule_VideoModule .contextmenu .submenu-item, .xmodule_display.xmodule_VideoModule .submenu .menu-item, .xmodule_display.xmodule_VideoModule .submenu .submenu-item { + border-top: 1px solid #ccc; + padding: 5px 10px; + outline: none; +} +.xmodule_display.xmodule_VideoModule .contextmenu .menu-item>span, .xmodule_display.xmodule_VideoModule .contextmenu .submenu-item>span, .xmodule_display.xmodule_VideoModule .submenu .menu-item>span, .xmodule_display.xmodule_VideoModule .submenu .submenu-item>span { + color: #333; +} +.xmodule_display.xmodule_VideoModule .contextmenu .menu-item:first-child, .xmodule_display.xmodule_VideoModule .contextmenu .submenu-item:first-child, .xmodule_display.xmodule_VideoModule .submenu .menu-item:first-child, .xmodule_display.xmodule_VideoModule .submenu .submenu-item:first-child { + border-top: none; +} +.xmodule_display.xmodule_VideoModule .contextmenu .menu-item:focus, .xmodule_display.xmodule_VideoModule .contextmenu .submenu-item:focus, .xmodule_display.xmodule_VideoModule .submenu .menu-item:focus, .xmodule_display.xmodule_VideoModule .submenu .submenu-item:focus { + background: #333; + color: #fff; +} +.xmodule_display.xmodule_VideoModule .contextmenu .menu-item:focus>span, .xmodule_display.xmodule_VideoModule .contextmenu .submenu-item:focus>span, .xmodule_display.xmodule_VideoModule .submenu .menu-item:focus>span, .xmodule_display.xmodule_VideoModule .submenu .submenu-item:focus>span { + color: #fff; +} +.xmodule_display.xmodule_VideoModule .contextmenu .submenu-item, .xmodule_display.xmodule_VideoModule .submenu .submenu-item { + position: relative; + padding: 5px 20px 5px 10px; +} +.xmodule_display.xmodule_VideoModule .contextmenu .submenu-item:after, .xmodule_display.xmodule_VideoModule .submenu .submenu-item:after { + content: '\25B6'; + position: absolute; + right: 5px; + line-height: 25px; + font-size: 10px; +} +.xmodule_display.xmodule_VideoModule .contextmenu .submenu-item .submenu, .xmodule_display.xmodule_VideoModule .submenu .submenu-item .submenu { + display: none; +} +.xmodule_display.xmodule_VideoModule .contextmenu .submenu-item.is-opened, .xmodule_display.xmodule_VideoModule .submenu .submenu-item.is-opened { + background: #333; + color: #fff; +} +.xmodule_display.xmodule_VideoModule .contextmenu .submenu-item.is-opened>span, .xmodule_display.xmodule_VideoModule .submenu .submenu-item.is-opened>span { + color: #fff; +} +.xmodule_display.xmodule_VideoModule .contextmenu .submenu-item.is-opened>.submenu, .xmodule_display.xmodule_VideoModule .submenu .submenu-item.is-opened>.submenu { + display: block; +} +.xmodule_display.xmodule_VideoModule .contextmenu .submenu-item .is-selected, .xmodule_display.xmodule_VideoModule .submenu .submenu-item .is-selected { + font-weight: bold; +} +.xmodule_display.xmodule_VideoModule .contextmenu .is-disabled, .xmodule_display.xmodule_VideoModule .submenu .is-disabled { + pointer-events: none; + color: #ccc; +} +.xmodule_display.xmodule_VideoModule .overlay { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: transparent; +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-wrapper { + position: relative; +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-header { + margin-bottom: .5em; +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-section { + position: relative; + padding: .5em 1em; + border: 1px solid #ccc; + border-radius: 0.5em; + margin-bottom: 0.5em; +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-section.shaded { + background-color: #EDEDED; +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-section .annotatable-section-title { + font-weight: bold; +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-section .annotatable-section-title a { + font-weight: normal; +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-section .annotatable-section-body { + border-top: 1px solid #ccc; + margin-top: 0.5em; + padding-top: 0.5em; +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-section .annotatable-section-body:after { + content: ""; + display: table; + clear: both; +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-section ul.instructions-template { + list-style: disc; + margin-left: 4em; +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-section ul.instructions-template b { + font-weight: bold; +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-section ul.instructions-template i { + font-style: italic; +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-section ul.instructions-template code { + display: inline; + white-space: pre; + font-family: Courier New, monospace; +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-toggle { + position: absolute; + right: 0; + margin: 2px 1em 2px 0; +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-toggle.expanded:after { + content: " \2191"} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-toggle.collapsed:after { + content: " \2193"} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-span { + display: inline; +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight { + background-color: rgba(255, 255, 10, 0.3); +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight.selected { + background-color: rgba(255, 255, 10, 0.9); +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight-#ff0 { + background-color: rgba(255, 255, 10, 0.3); +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight-#ff0.selected { + background-color: rgba(255, 255, 10, 0.9); +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight-red { + background-color: rgba(178, 19, 16, 0.3); +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight-red.selected { + background-color: rgba(178, 19, 16, 0.9); +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight-orange { + background-color: rgba(255, 165, 0, 0.3); +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight-orange.selected { + background-color: rgba(255, 165, 0, 0.9); +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight-green { + background-color: rgba(25, 255, 132, 0.3); +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight-green.selected { + background-color: rgba(25, 255, 132, 0.9); +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight-blue { + background-color: rgba(35, 163, 255, 0.3); +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight-blue.selected { + background-color: rgba(35, 163, 255, 0.9); +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight-purple { + background-color: rgba(115, 9, 178, 0.3); +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight-purple.selected { + background-color: rgba(115, 9, 178, 0.9); +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.hide { + cursor: none; + background-color: inherit; +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.hide .annotatable-icon { + display: none; +} +.xmodule_display.xmodule_VideoAnnotationModule .annotatable-span .annotatable-comment { + display: none; +} +.xmodule_display.xmodule_VideoAnnotationModule .ui-tooltip.qtip.ui-tooltip { + font-size: 0.875em; + border: 1px solid #333; + border-radius: 1em; + background-color: rgba(0, 0, 0, 0.85); + color: #fff; + -webkit-font-smoothing: antialiased; +} +.xmodule_display.xmodule_VideoAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar { + font-size: 1em; + color: inherit; + background-color: transparent; + padding: 5px 10px; + border: none; +} +.xmodule_display.xmodule_VideoAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar .ui-tooltip-title { + padding: 5px 0; + border-bottom: 2px solid #333; + font-weight: bold; +} +.xmodule_display.xmodule_VideoAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar .ui-tooltip-icon { + right: 10px; + background: #333; +} +.xmodule_display.xmodule_VideoAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar .ui-state-hover { + color: inherit; + border: 1px solid #ccc; +} +.xmodule_display.xmodule_VideoAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-content { + color: inherit; + font-size: 0.875em; + text-align: left; + font-weight: 400; + padding: 0 10px 10px 10px; + background-color: transparent; + border-color: transparent; +} +.xmodule_display.xmodule_VideoAnnotationModule .ui-tooltip.qtip.ui-tooltip p { + color: inherit; + line-height: normal; +} +.xmodule_display.xmodule_VideoAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable { + max-width: 375px; +} +.xmodule_display.xmodule_VideoAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable .ui-tooltip-content { + padding: 0 10px; +} +.xmodule_display.xmodule_VideoAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable .ui-tooltip-content .annotatable-comment { + display: block; + margin: 0 0 10px 0; + max-height: 225px; + overflow: auto; + line-height: normal; +} +.xmodule_display.xmodule_VideoAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable .ui-tooltip-content .annotatable-reply { + display: block; + border-top: 2px solid #333; + padding: 5px 0; + margin: 0; + text-align: center; +} +.xmodule_display.xmodule_VideoAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable:after { + content: ''; + display: inline-block; + position: absolute; + bottom: -20px; + left: 50%; + height: 0; + width: 0; + margin-left: -5px; + border: 10px solid transparent; + border-top-color: rgba(0, 0, 0, 0.85); +} +.xmodule_display.xmodule_AboutModule * { + line-height: 1.4em; +} +.xmodule_display.xmodule_AboutModule h1 { + color: #3c3c3c; + font: normal 2em/1.4em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + letter-spacing: 1px; + margin: 0 0 1.416em 0; +} +.xmodule_display.xmodule_AboutModule h2 { + color: #646464; + font: normal 1.2em/1.2em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + letter-spacing: 1px; + margin-bottom: 15px; + text-transform: uppercase; + -webkit-font-smoothing: antialiased; +} +.xmodule_display.xmodule_AboutModule h3, .xmodule_display.xmodule_AboutModule h4, .xmodule_display.xmodule_AboutModule h5, .xmodule_display.xmodule_AboutModule h6 { + margin: 0 0 10px 0; + font-weight: 600; +} +.xmodule_display.xmodule_AboutModule h3 { + font-size: 1.2em; +} +.xmodule_display.xmodule_AboutModule h4 { + font-size: 1em; +} +.xmodule_display.xmodule_AboutModule h5 { + font-size: .83em; +} +.xmodule_display.xmodule_AboutModule h6 { + font-size: 0.75em; +} +.xmodule_display.xmodule_AboutModule p { + margin-bottom: 1.416em; + font-size: 1em; + line-height: 1.6em !important; + color: #3c3c3c; +} +.xmodule_display.xmodule_AboutModule em, .xmodule_display.xmodule_AboutModule i { + font-style: italic; +} +.xmodule_display.xmodule_AboutModule em span, .xmodule_display.xmodule_AboutModule i span { + font-style: italic; +} +.xmodule_display.xmodule_AboutModule strong, .xmodule_display.xmodule_AboutModule b { + font-weight: bold; +} +.xmodule_display.xmodule_AboutModule strong span, .xmodule_display.xmodule_AboutModule b span { + font-weight: bold; +} +.xmodule_display.xmodule_AboutModule p+p, .xmodule_display.xmodule_AboutModule ul+p, .xmodule_display.xmodule_AboutModule ol+p { + margin-top: 20px; +} +.xmodule_display.xmodule_AboutModule blockquote { + margin: 1em 40px; +} +.xmodule_display.xmodule_AboutModule ol, .xmodule_display.xmodule_AboutModule ul { + margin: 1em 0; + padding: 0 0 0 1em; + color: #3c3c3c; +} +.xmodule_display.xmodule_AboutModule ol li, .xmodule_display.xmodule_AboutModule ul li { + margin-bottom: 0.708em; +} +.xmodule_display.xmodule_AboutModule ol { + list-style: decimal outside none; +} +.xmodule_display.xmodule_AboutModule ul { + list-style: disc outside none; +} +.xmodule_display.xmodule_AboutModule a:link, .xmodule_display.xmodule_AboutModule a:visited, .xmodule_display.xmodule_AboutModule a:hover, .xmodule_display.xmodule_AboutModule a:active, .xmodule_display.xmodule_AboutModule a:focus { + color: #0079bc; +} +.xmodule_display.xmodule_AboutModule img { + max-width: 100%} +.xmodule_display.xmodule_AboutModule pre { + margin: 1em 0; + color: #3c3c3c; + font-family: monospace, serif; + font-size: 1em; + white-space: pre-wrap; + word-wrap: break-word; +} +.xmodule_display.xmodule_AboutModule code { + color: #3c3c3c; + font-family: monospace, serif; + background: none; + padding: 0; +} +.xmodule_display.xmodule_AboutModule table { + width: 100%; + margin: 20px 0; + border-collapse: collapse; + font-size: 16px; +} +.xmodule_display.xmodule_AboutModule table td, .xmodule_display.xmodule_AboutModule table th { + margin: 20px 0; + padding: 10px; + border: 1px solid #ccc; + font-size: 14px; +} +.xmodule_display.xmodule_AboutModule table td.cont-justified-left, .xmodule_display.xmodule_AboutModule table th.cont-justified-left { + text-align: left !important; +} +.xmodule_display.xmodule_AboutModule table td.cont-justified-right, .xmodule_display.xmodule_AboutModule table th.cont-justified-right { + text-align: right !important; +} +.xmodule_display.xmodule_AboutModule table td.cont-justified-center, .xmodule_display.xmodule_AboutModule table th.cont-justified-center { + text-align: center !important; +} +.xmodule_display.xmodule_AboutModule th { + background: #eee; + font-weight: bold; +} +.xmodule_display.xmodule_AboutModule .wrapper-modal-image .modal-ui-icon { + position: absolute; + display: block; + padding: 5px 7px; + border-radius: 5px; + opacity: .9; + background: #fff; + color: #000; + border: 2px solid #000; +} +.xmodule_display.xmodule_AboutModule .wrapper-modal-image .modal-ui-icon .label { + font-weight: bold; +} +.xmodule_display.xmodule_AboutModule .wrapper-modal-image .modal-ui-icon i { + font-style: normal; +} +.xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-link { + position: relative; + display: block; +} +.xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-link .action-fullscreen { + display: none; + top: 10px; + left: 10px; +} +.xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-link:hover .action-fullscreen { + display: block; +} +.xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal { + position: fixed; + top: 0; + left: 0; + display: none; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.7); +} +.xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal .image-content { + position: relative; + top: 2.5%; + display: block; + height: 95%; + width: 95%; + margin: auto; + overflow: hidden; +} +.xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal .image-content .image-wrapper { + position: relative; +} +.xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal .image-content .image-wrapper img { + position: relative; + display: block; + max-width: 100%; + max-height: 100%; + margin: auto; + cursor: default; +} +.xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal .image-content .action-close { + top: 10px; + right: 10px; +} +.xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal .image-content .image-controls { + position: absolute; + right: 10px; + bottom: 10px; + margin: 0; + padding: 0; + list-style: none; +} +.xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control { + position: relative; + display: inline-block; + margin: 0; + padding: 0; +} +.xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon { + position: relative; +} +.xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon.action-zoom-in { + margin-right: 5px; +} +.xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon.action-zoom-out { + margin-left: 5px; +} +.xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon.is-disabled { + opacity: 0.5; + cursor: default; +} +.xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal.image-is-fit-to-screen { + display: block; +} +.xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal.image-is-fit-to-screen .image-content .image-wrapper { + top: 0 !important; + left: 0 !important; + width: 100% !important; + height: 100% !important; +} +.xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal.image-is-fit-to-screen .image-content .image-wrapper img { + top: 0 !important; + left: 0 !important; +} +.xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal.image-is-zoomed { + display: block; +} +.xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal.image-is-zoomed .image-content .image-wrapper img { + max-width: none; + max-height: none; + margin: 0; + cursor: move; +} +.xmodule_display.xmodule_ConditionalModule .btn-default:disabled, .xmodule_display.xmodule_ConditionalModule .btn-brand:disabled, .xmodule_display.xmodule_ConditionalModule .is-disabled.btn-default, .xmodule_display.xmodule_ConditionalModule .is-disabled.btn-brand { + pointer-events: none; + outline: none; + cursor: not-allowed; +} +.xmodule_display.xmodule_ConditionalModule .btn-small.btn-default, .xmodule_display.xmodule_ConditionalModule .btn-small.btn-brand { + padding: 0.625rem 0.625rem; + font-size: 14px; +} +.xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_correct .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_correct .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_correct .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_correct .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_partially-correct .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_partially-correct .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_partially-correct .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_partially-correct .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_incorrect .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_incorrect .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_incorrect .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_incorrect .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule .choicegroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.correct .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.partially-correct .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.incorrect .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem div.correct p.status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.correct p.status .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem div.ui-icon-check p.status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.ui-icon-check p.status .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem div.partially-correct p.status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.partially-correct p.status .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem div.ui-icon-close p.status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.ui-icon-close p.status .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem div.incorrect p.status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.incorrect p.status .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem div.incomplete p.status .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem div.incomplete p.status .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.incorrect .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.incorrect .status .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.incorrect .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.incorrect .status .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.partially-correct .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.partially-correct .status .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.partially-correct .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.partially-correct .status .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.correct .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline>.correct .status .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.correct .status .status-icon:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput>.correct .status .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .correct .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .incorrect .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .partially-correct .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem .annotation-input .correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .annotation-input .correct .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem .annotation-input .incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .annotation-input .incorrect .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_CapaModule div.problem .annotation-input .partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .annotation-input .partially-correct .xmodule_display.xmodule_ConditionalModule .status-icon:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_VideoModule .video-tracks .a11y-menu-container>a:after, .xmodule_display.xmodule_VideoModule .video-tracks .xmodule_display.xmodule_ConditionalModule .a11y-menu-container>a:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.correct p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.ui-icon-check p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.partially-correct p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.ui-icon-close p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.incorrect p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.incomplete p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.incorrect .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.incorrect .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.partially-correct .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.partially-correct .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.correct .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.correct .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .partially-correct .status-icon:after { + font-family: FontAwesome; + -webkit-font-smoothing: antialiased; + display: inline-block; + speak: none; +} +.xmodule_display.xmodule_ConditionalModule h2 { + margin-top: 0; + margin-bottom: 15px; +} +.xmodule_display.xmodule_ConditionalModule h2.problem-header { + display: inline-block; +} +.xmodule_display.xmodule_ConditionalModule h2.problem-header section.staff { + margin-top: 30px; + font-size: 80%} +@media print { + .xmodule_display.xmodule_ConditionalModule h2 { + display: block; + width: auto; + border-right: 0; +} +}.xmodule_display.xmodule_ConditionalModule .explanation-title { + font-weight: bold; +} +.xmodule_display.xmodule_ConditionalModule .feedback-hint-incorrect, .xmodule_display.xmodule_ConditionalModule .feedback-hint-partially-correct, .xmodule_display.xmodule_ConditionalModule .feedback-hint-correct { + margin-top: 5px; +} +.xmodule_display.xmodule_ConditionalModule .feedback-hint-incorrect .icon, .xmodule_display.xmodule_ConditionalModule .feedback-hint-partially-correct .icon, .xmodule_display.xmodule_ConditionalModule .feedback-hint-correct .icon { + margin-right: 5px; +} +.xmodule_display.xmodule_ConditionalModule .feedback-hint-incorrect .icon { + color: #cb0712; +} +.xmodule_display.xmodule_ConditionalModule .feedback-hint-partially-correct .icon, .xmodule_display.xmodule_ConditionalModule .feedback-hint-correct .icon { + color: #009b00; +} +.xmodule_display.xmodule_ConditionalModule .feedback-hint-text { + color: #646464; +} +.xmodule_display.xmodule_ConditionalModule .problem-hint { + margin-bottom: 20px; +} +.xmodule_display.xmodule_ConditionalModule .hint-label { + display: inline-block; + padding-right: 0.5em; +} +.xmodule_display.xmodule_ConditionalModule .hint-text { + display: inline-block; +} +.xmodule_display.xmodule_ConditionalModule .feedback-hint-multi .hint-text { + display: block; +} +.xmodule_display.xmodule_ConditionalModule iframe[seamless] { + overflow: hidden; + padding: 0; + border: 0px none transparent; + background-color: transparent; +} +.xmodule_display.xmodule_ConditionalModule .inline-error { + color: #95050d; +} +.xmodule_display.xmodule_ConditionalModule div.problem-progress { + display: inline-block; + color: #666; + font-size: 0.875em; +} +.xmodule_display.xmodule_ConditionalModule div.problem { + padding-top: 20px; +} +@media print { + .xmodule_display.xmodule_ConditionalModule div.problem { + display: block; + padding: 0; + width: auto; +} +.xmodule_display.xmodule_ConditionalModule div.problem canvas, .xmodule_display.xmodule_ConditionalModule div.problem img { + page-break-inside: avoid; +} +}.xmodule_display.xmodule_ConditionalModule div.problem input.math { + direction: ltr; +} +.xmodule_display.xmodule_ConditionalModule div.problem .inline { + display: inline; +} +.xmodule_display.xmodule_ConditionalModule div.problem .inline+p { + margin-top: 20px; +} +.xmodule_display.xmodule_ConditionalModule div.problem .question-description { + color: #666; + font-size: 0.85em; +} +.xmodule_display.xmodule_ConditionalModule div.problem form>label, .xmodule_display.xmodule_ConditionalModule div.problem .problem-group-label { + display: block; + margin-bottom: 20px; + font: inherit; + color: inherit; + -webkit-font-smoothing: initial; +} +.xmodule_display.xmodule_ConditionalModule div.problem .problem-group-label+.question-description { + margin-top: -20px; +} +.xmodule_display.xmodule_ConditionalModule .wrapper-problem-response+.wrapper-problem-response, .xmodule_display.xmodule_ConditionalModule .wrapper-problem-response+p { + margin-top: 30px; +} +.xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup { + min-width: 100px; + width: auto !important; + width: 100px; +} +.xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup:after { + content: ""; + display: table; + clear: both; +} +.xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label { + box-sizing: border-box; + display: inline-block; + clear: both; + margin-bottom: 10px; + border: 2px solid #e5e5e5; + border-radius: 3px; + padding: 10px; + width: 100%} +.xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label:after { + margin-left: 15px; +} +.xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label:hover, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label:hover { + border: 2px solid #0079bc; +} +.xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicegroup_correct, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicegroup_correct, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_correct, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_correct, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicetextgroup_correct, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicetextgroup_correct, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup section.choicetextgroup_correct, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup section.choicetextgroup_correct, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_correct, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_correct { + border: 2px solid #009b00; +} +.xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup section.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_correct .status-icon:after { + color: #009b00; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicegroup_correct:hover, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicegroup_correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_correct:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicetextgroup_correct:hover, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicetextgroup_correct:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup section.choicetextgroup_correct:hover, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup section.choicetextgroup_correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_correct:hover { + border-color: #009b00; +} +.xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicegroup_partially-correct, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicegroup_partially-correct, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_partially-correct, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_partially-correct, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicetextgroup_partially-correct, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicetextgroup_partially-correct, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup section.choicetextgroup_partially-correct, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup section.choicetextgroup_partially-correct, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_partially-correct, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_partially-correct { + border: 2px solid #009b00; +} +.xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup section.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_partially-correct .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_partially-correct .status-icon:after { + color: #009b00; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicegroup_partially-correct:hover, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicegroup_partially-correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_partially-correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_partially-correct:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicetextgroup_partially-correct:hover, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicetextgroup_partially-correct:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup section.choicetextgroup_partially-correct:hover, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup section.choicetextgroup_partially-correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_partially-correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_partially-correct:hover { + border-color: #009b00; +} +.xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicegroup_incorrect, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicegroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_incorrect, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicetextgroup_incorrect, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicetextgroup_incorrect, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup section.choicetextgroup_incorrect, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup section.choicetextgroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_incorrect { + border: 2px solid #cb0712; +} +.xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup section.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_incorrect .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_incorrect .status-icon:after { + color: #cb0712; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicegroup_incorrect:hover, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicegroup_incorrect:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_incorrect:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_incorrect:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup label.choicetextgroup_incorrect:hover, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup label.choicetextgroup_incorrect:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule .choicegroup section.choicetextgroup_incorrect:hover, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup section.choicetextgroup_incorrect:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_incorrect:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_incorrect:hover { + border-color: #cb0712; +} +.xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup .indicator-container, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup .indicator-container, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup .indicator-container, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .indicator-container { + min-height: 1px; + width: 25px; + display: inline-block; +} +.xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup fieldset, .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup fieldset, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup fieldset, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup fieldset { + box-sizing: border-box; +} +.xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup input[type="radio"], .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup input[type="radio"], .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup input[type="radio"], .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup input[type="radio"], .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicegroup input[type="checkbox"], .xmodule_display.xmodule_CapaModule div.problem .xmodule_display.xmodule_ConditionalModule .choicetextgroup input[type="checkbox"], .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup input[type="checkbox"], .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup input[type="checkbox"] { + margin: 5px 10px 5px 5px; +} +.xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label { + padding: 10px; + padding-left: 38px; + position: relative; + font-size: 1em; + line-height: normal; + cursor: pointer; +} +.xmodule_display.xmodule_ConditionalModule div.problem .choicegroup input[type="radio"], .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup input[type="checkbox"] { + left: 0.5625em; + position: absolute; + top: 0.5625em; +} +.xmodule_display.xmodule_ConditionalModule div.problem .choicegroup legend { + margin-bottom: 20px; +} +.xmodule_display.xmodule_ConditionalModule div.problem .choicegroup legend+.question-description { + margin-top: -20px; +} +.xmodule_display.xmodule_ConditionalModule div.problem .indicator-container { + margin-left: 15px; +} +.xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status { + width: 20px; +} +.xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.correct .status-icon:after { + color: #009b00; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.partially-correct .status-icon:after { + color: #009b00; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.incorrect .status-icon:after { + color: #cb0712; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.unsubmitted .status-icon, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.unanswered .status-icon { + content: ''} +.xmodule_display.xmodule_ConditionalModule div.problem ol.enumerate li:before { + display: block; + visibility: hidden; + height: 0; + content: " "} +.xmodule_display.xmodule_ConditionalModule div.problem .solution-span>span { + margin: 20px 0; + display: block; + position: relative; +} +.xmodule_display.xmodule_ConditionalModule div.problem .solution-span>span:empty { + display: none; +} +.xmodule_display.xmodule_ConditionalModule div.problem .targeted-feedback-span>span { + display: block; + position: relative; +} +.xmodule_display.xmodule_ConditionalModule div.problem .targeted-feedback-span>span:empty { + display: none; +} +.xmodule_display.xmodule_ConditionalModule div.problem div p.answer { + margin-top: -2px; +} +.xmodule_display.xmodule_ConditionalModule div.problem div p span.clarification i { + font-style: normal; +} +.xmodule_display.xmodule_ConditionalModule div.problem div p span.clarification i:hover { + color: #0079bc; +} +.xmodule_display.xmodule_ConditionalModule div.problem div .unanswered p.status.drag-and-drop--status { + margin: 8px 0 0 10px; + text-indent: 100%; + white-space: nowrap; + overflow: hidden; +} +.xmodule_display.xmodule_ConditionalModule div.problem div.correct p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.ui-icon-check p.status .status-icon:after { + color: #009b00; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_ConditionalModule div.problem div.correct input, .xmodule_display.xmodule_ConditionalModule div.problem div.ui-icon-check input { + border-color: #009b00; +} +.xmodule_display.xmodule_ConditionalModule div.problem div.partially-correct p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.ui-icon-check p.status .status-icon:after { + color: #009b00; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_ConditionalModule div.problem div.partially-correct input, .xmodule_display.xmodule_ConditionalModule div.problem div.ui-icon-check input { + border-color: #009b00; +} +.xmodule_display.xmodule_ConditionalModule div.problem div.processing p.status { + display: inline-block; + width: 20px; + height: 20px; + background: url("{{ path_to_images }}spinner.gif") center center no-repeat; +} +.xmodule_display.xmodule_ConditionalModule div.problem div.processing input { + border-color: #aaa; +} +.xmodule_display.xmodule_ConditionalModule div.problem div.ui-icon-close p.status .status-icon:after { + color: #cb0712; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_ConditionalModule div.problem div.ui-icon-close input { + border-color: #cb0712; +} +.xmodule_display.xmodule_ConditionalModule div.problem div.incorrect p.status .status-icon:after, .xmodule_display.xmodule_ConditionalModule div.problem div.incomplete p.status .status-icon:after { + color: #cb0712; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_ConditionalModule div.problem div.incorrect input, .xmodule_display.xmodule_ConditionalModule div.problem div.incomplete input { + border-color: #cb0712; +} +.xmodule_display.xmodule_ConditionalModule div.problem div p.answer { + display: inline-block; + margin-top: 10px; + margin-bottom: 0; +} +.xmodule_display.xmodule_ConditionalModule div.problem div p.answer:before { + display: inline; + content: "Answer: "} +.xmodule_display.xmodule_ConditionalModule div.problem div p.answer:empty:before { + display: none; +} +.xmodule_display.xmodule_ConditionalModule div.problem div div.equation { + clear: both; + margin-top: 3px; +} +.xmodule_display.xmodule_ConditionalModule div.problem div div.equation .MathJax_Display { + width: auto; +} +.xmodule_display.xmodule_ConditionalModule div.problem div div.equation img.loading { + padding-left: 10px; + display: inline-block; +} +.xmodule_display.xmodule_ConditionalModule div.problem div div.equation span { + margin-bottom: 0; + display: inline-block; +} +.xmodule_display.xmodule_ConditionalModule div.problem div div.equation span.MathJax_CHTML, .xmodule_display.xmodule_ConditionalModule div.problem div div.equation span.MathJax, .xmodule_display.xmodule_ConditionalModule div.problem div div.equation span.MathJax_SVG { + padding: 6px; + min-width: 30px; + border: 1px solid #e3e3e3; + border-radius: 4px; + background: #f1f1f1; +} +@media print { + .xmodule_display.xmodule_ConditionalModule div.problem div [id^='display'].equation { + display: none; +} +}.xmodule_display.xmodule_ConditionalModule div.problem div span.ui-icon-bullet { + display: inline-block; + position: relative; + top: 4px; + width: 14px; + height: 14px; + background: url("{{ path_to_images }}unanswered-icon.png") center center no-repeat; +} +.xmodule_display.xmodule_ConditionalModule div.problem div span.processing, .xmodule_display.xmodule_ConditionalModule div.problem div span.ui-icon-processing { + display: inline-block; + position: relative; + top: 6px; + width: 25px; + height: 20px; + background: url("{{ path_to_images }}spinner.gif") center center no-repeat; +} +.xmodule_display.xmodule_ConditionalModule div.problem div span.ui-icon-check { + display: inline-block; + position: relative; + top: 3px; + width: 25px; + height: 20px; + background: url("{{ path_to_images }}correct-icon.png") center center no-repeat; +} +.xmodule_display.xmodule_ConditionalModule div.problem div span.incomplete, .xmodule_display.xmodule_ConditionalModule div.problem div span.ui-icon-close { + display: inline-block; + position: relative; + top: 3px; + width: 20px; + height: 20px; + background: url("{{ path_to_images }}incorrect-icon.png") center center no-repeat; +} +.xmodule_display.xmodule_ConditionalModule div.problem div .reload { + float: right; + margin: 10px; +} +.xmodule_display.xmodule_ConditionalModule div.problem div .grader-status { + margin: 10px 0; + padding: 10px; + border-radius: 5px; + background: #f9f9f9; +} +.xmodule_display.xmodule_ConditionalModule div.problem div .grader-status:after { + content: ""; + display: table; + clear: both; +} +.xmodule_display.xmodule_ConditionalModule div.problem div .grader-status span { + display: block; + float: left; + overflow: hidden; + margin: -7px 7px 0 0; + text-indent: -9999px; +} +.xmodule_display.xmodule_ConditionalModule div.problem div .grader-status .grading { + margin: 0px 7px 0 0; + padding-left: 25px; + background: url("{{ path_to_images }}info-icon.png") left center no-repeat; + text-indent: 0px; +} +.xmodule_display.xmodule_ConditionalModule div.problem div .grader-status p { + float: left; + margin-bottom: 0; + text-transform: capitalize; + line-height: 20px; +} +.xmodule_display.xmodule_ConditionalModule div.problem div .grader-status.file { + margin-top: 20px; + padding: 20px 0 0 0; + border: 0; + border-top: 1px solid #eee; + background: #fff; +} +.xmodule_display.xmodule_ConditionalModule div.problem div .grader-status.file p.debug { + display: none; +} +.xmodule_display.xmodule_ConditionalModule div.problem div .grader-status.file input { + float: left; +} +.xmodule_display.xmodule_ConditionalModule div.problem div .evaluation p { + margin-bottom: 4px; +} +.xmodule_display.xmodule_ConditionalModule div.problem div .feedback-on-feedback { + margin-right: 20px; + height: 100px; +} +.xmodule_display.xmodule_ConditionalModule div.problem div .evaluation-response header { + text-align: right; +} +.xmodule_display.xmodule_ConditionalModule div.problem div .evaluation-response header a { + font-size: .85em; +} +.xmodule_display.xmodule_ConditionalModule div.problem div .evaluation-scoring .scoring-list { + margin-left: 3px; + list-style-type: none; +} +.xmodule_display.xmodule_ConditionalModule div.problem div .evaluation-scoring .scoring-list li { + display: inline; + margin-left: 50px; +} +.xmodule_display.xmodule_ConditionalModule div.problem div .evaluation-scoring .scoring-list li:first-child { + margin-left: 0; +} +.xmodule_display.xmodule_ConditionalModule div.problem div .evaluation-scoring .scoring-list li label { + font-size: .9em; +} +.xmodule_display.xmodule_ConditionalModule div.problem div .submit-message-container { + margin: 20px 0px; +} +.xmodule_display.xmodule_ConditionalModule div.problem div.inline>span { + display: inline; +} +.xmodule_display.xmodule_ConditionalModule div.problem ul { + margin-bottom: 1.41575em; + margin-left: .75em; + margin-left: .75rem; + list-style: disc outside none; +} +.xmodule_display.xmodule_ConditionalModule div.problem ol { + margin-bottom: 1.41575em; + margin-left: .75em; + margin-left: .75rem; + list-style: decimal outside none; +} +.xmodule_display.xmodule_ConditionalModule div.problem dl { + line-height: 1.4em; +} +.xmodule_display.xmodule_ConditionalModule div.problem dl dd { + margin-bottom: 0; +} +.xmodule_display.xmodule_ConditionalModule div.problem dd { + margin-left: .5em; + margin-left: .5rem; +} +.xmodule_display.xmodule_ConditionalModule div.problem li { + margin-bottom: 0.70788em; + line-height: 1.4em; +} +.xmodule_display.xmodule_ConditionalModule div.problem li:last-child { + margin-bottom: 0; +} +.xmodule_display.xmodule_ConditionalModule div.problem p { + margin-bottom: 1.41575em; +} +.xmodule_display.xmodule_ConditionalModule div.problem table { + margin: 1.41575em 0; + border-collapse: collapse; + table-layout: auto; +} +.xmodule_display.xmodule_ConditionalModule div.problem table td.cont-justified-left, .xmodule_display.xmodule_ConditionalModule div.problem table th.cont-justified-left { + text-align: left !important; +} +.xmodule_display.xmodule_ConditionalModule div.problem table td.cont-justified-right, .xmodule_display.xmodule_ConditionalModule div.problem table th.cont-justified-right { + text-align: right !important; +} +.xmodule_display.xmodule_ConditionalModule div.problem table td.cont-justified-center, .xmodule_display.xmodule_ConditionalModule div.problem table th.cont-justified-center { + text-align: center !important; +} +.xmodule_display.xmodule_ConditionalModule div.problem table th { + text-align: left; +} +.xmodule_display.xmodule_ConditionalModule div.problem table td { + text-align: left; +} +.xmodule_display.xmodule_ConditionalModule div.problem table caption, .xmodule_display.xmodule_ConditionalModule div.problem table th, .xmodule_display.xmodule_ConditionalModule div.problem table td { + padding: .25em .75em .25em 0; + padding: .25rem .75rem .25rem 0; +} +.xmodule_display.xmodule_ConditionalModule div.problem table caption { + margin-bottom: .75em; + margin-bottom: .75rem; + padding: .75em 0; + padding: .75rem 0; + background: #f1f1f1; +} +.xmodule_display.xmodule_ConditionalModule div.problem table tr, .xmodule_display.xmodule_ConditionalModule div.problem table td, .xmodule_display.xmodule_ConditionalModule div.problem table th { + vertical-align: middle; +} +.xmodule_display.xmodule_ConditionalModule div.problem code { + margin: 0 2px; + padding: 0px 5px; + border: 1px solid #eaeaea; + border-radius: 3px; + background-color: #f9f9f9; + white-space: nowrap; + font-size: .9em; +} +.xmodule_display.xmodule_ConditionalModule div.problem pre { + overflow: auto; + padding: 6px 10px; + border: 1px solid #ccc; + border-radius: 3px; + background-color: #f9f9f9; + font-size: .9em; + line-height: 1.4; +} +.xmodule_display.xmodule_ConditionalModule div.problem pre>code { + margin: 0; + padding: 0; + border: none; + background: transparent; + white-space: pre; +} +.xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline input, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput input { + box-sizing: border-box; + border: 2px solid #e5e5e5; + border-radius: 3px; + min-width: 160px; + height: 46px; +} +.xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline .status, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput .status { + display: inline-block; + margin-top: 10px; + background: none; +} +.xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.incorrect input, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.incorrect input { + border: 2px solid #cb0712; +} +.xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.incorrect .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.incorrect .status .status-icon:after { + color: #cb0712; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.partially-correct input, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.partially-correct input { + border: 2px solid #009b00; +} +.xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.partially-correct .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.partially-correct .status .status-icon:after { + color: #009b00; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.correct input, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.correct input { + border: 2px solid #009b00; +} +.xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.correct .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.correct .status .status-icon:after { + color: #009b00; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.unanswered input, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.unsubmitted input, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.unanswered input, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.unsubmitted input { + border: 2px solid #e5e5e5; +} +.xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.unanswered .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline>.unsubmitted .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.unanswered .status .status-icon:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput>.unsubmitted .status .status-icon:after { + content: ''} +.xmodule_display.xmodule_ConditionalModule .problem .trailing_text { + margin-right: 10px; + display: inline-block; +} +.xmodule_display.xmodule_ConditionalModule .problem .inputtype.option-input { + margin: -10px 0 20px; +} +.xmodule_display.xmodule_ConditionalModule .problem .inputtype.option-input .indicator-container { + display: inline-block; +} +.xmodule_display.xmodule_ConditionalModule .problem .inputtype.option-input .indicator-container .status.correct:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.option-input .indicator-container .status.partially-correct:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.option-input .indicator-container .status.incorrect:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.option-input .indicator-container .status.unanswered:after { + margin-left: 0; +} +.xmodule_display.xmodule_ConditionalModule div.problem .CodeMirror { + border: 1px solid black; + font-size: 14px; + line-height: 18px; + resize: none; +} +.xmodule_display.xmodule_ConditionalModule div.problem .CodeMirror .cm-tab { + background: url(data:image/png; + base64, iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=); + background-position: right; + background-repeat: no-repeat; +} +.xmodule_display.xmodule_ConditionalModule div.problem .CodeMirror pre { + overflow: hidden; + margin: 0; + padding: 0; + border-width: 0; + border-radius: 0; + background: transparent; + white-space: pre; + word-wrap: normal; + font-size: inherit; + font-family: inherit; + resize: none; +} +.xmodule_display.xmodule_ConditionalModule div.problem .CodeMirror pre.CodeMirror-cursor { + position: absolute; + visibility: hidden; + width: 0; + border-right: none; + border-left: 1px solid #000; +} +.xmodule_display.xmodule_ConditionalModule div.problem .CodeMirror-focused pre.CodeMirror-cursor { + visibility: visible; +} +.xmodule_display.xmodule_ConditionalModule div.problem .CodeMirror-code pre { + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; +} +.xmodule_display.xmodule_ConditionalModule div.problem .CodeMirror-scroll { + margin-right: 0px; +} +.xmodule_display.xmodule_ConditionalModule .capa-message { + display: inline-block; + color: #666; + -webkit-font-smoothing: antialiased; +} +.xmodule_display.xmodule_ConditionalModule div.problem .action { + margin-top: 20px; + min-height: 20px; + width: 100%; + display: inline-block; +} +@media (min-width: 1024px) { + .xmodule_display.xmodule_ConditionalModule div.problem .action .problem-action-buttons-wrapper { + text-align: right; + float: right; +} +}.xmodule_display.xmodule_ConditionalModule div.problem .action .problem-action-button-wrapper { + border-right: 1px solid #ddd; + display: inline-block; +} +.xmodule_display.xmodule_ConditionalModule div.problem .action .problem-action-button-wrapper:last-child { + border: none; +} +.xmodule_display.xmodule_ConditionalModule div.problem .action .problem-action-btn { + margin-right: 4px; + max-width: 110px; +} +.xmodule_display.xmodule_ConditionalModule div.problem .action .problem-action-btn .icon { + margin-bottom: 2px; + display: block; +} +@media print { + .xmodule_display.xmodule_ConditionalModule div.problem .action .problem-action-btn { + display: none; +} +}.xmodule_display.xmodule_ConditionalModule div.problem .action .submit-attempt-container { + display: table; +} +@media (max-width: 1024px) { + .xmodule_display.xmodule_ConditionalModule div.problem .action .submit-attempt-container { + max-width: 100%; + padding-top: 20px; +} +}.xmodule_display.xmodule_ConditionalModule div.problem .action .submit-attempt-container .submit { + margin-right: 10px; + float: left; +} +.xmodule_display.xmodule_ConditionalModule div.problem .action .submission-feedback { + display: inline-block; + margin-top: 10px; + color: #666; + font-size: 0.9em; + -webkit-font-smoothing: antialiased; + vertical-align: middle; +} +.xmodule_display.xmodule_ConditionalModule div.problem hr { + float: none; + clear: both; + margin: 0 0 .75rem; + width: 100%; + height: 1px; + border: none; + background: #ddd; + color: #ddd; +} +.xmodule_display.xmodule_ConditionalModule div.problem .hidden { + display: none; + visibility: hidden; +} +.xmodule_display.xmodule_ConditionalModule div.problem input[type="email"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="number"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="password"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="search"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="tel"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="text"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="url"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="color"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="date"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="datetime"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="datetime-local"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="month"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="time"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="week"] { + display: inline; + width: auto; +} +.xmodule_display.xmodule_ConditionalModule div.problem center { + display: block; + margin: 1.41575em 0; + padding: 1.41575em; + border: 1px solid #ccc; +} +.xmodule_display.xmodule_ConditionalModule div.problem .message { + font-size: inherit; +} +.xmodule_display.xmodule_ConditionalModule div.problem .detailed-solution>p { + margin: 0; +} +.xmodule_display.xmodule_ConditionalModule div.problem .detailed-solution>p:first-child { + margin-bottom: 0; +} +.xmodule_display.xmodule_ConditionalModule div.problem .detailed-targeted-feedback>p, .xmodule_display.xmodule_ConditionalModule div.problem .detailed-targeted-feedback-partially-correct>p, .xmodule_display.xmodule_ConditionalModule div.problem .detailed-targeted-feedback-correct>p { + margin: 0; + font-weight: normal; +} +.xmodule_display.xmodule_ConditionalModule div.problem div.capa_alert { + margin-top: 20px; + padding: 8px 12px; + border: 1px solid #ffc01f; + border-radius: 3px; + background: #fffcdd; + font-size: 0.9em; +} +.xmodule_display.xmodule_ConditionalModule div.problem .notification { + margin-top: 10px; + padding: 8px 10px 4px 10px; + line-height: 1.5em; +} +.xmodule_display.xmodule_ConditionalModule div.problem .notification.success { + border-top: 3px solid #009b00; +} +.xmodule_display.xmodule_ConditionalModule div.problem .notification.success .icon { + margin-right: 15px; + color: #009b00; +} +.xmodule_display.xmodule_ConditionalModule div.problem .notification.error { + border-top: 3px solid #cb0712; +} +.xmodule_display.xmodule_ConditionalModule div.problem .notification.error .icon { + margin-right: 15px; + color: #cb0712; +} +.xmodule_display.xmodule_ConditionalModule div.problem .notification.warning { + border-top: 3px solid #ffc01f; +} +.xmodule_display.xmodule_ConditionalModule div.problem .notification.warning .icon { + margin-right: 15px; + color: #ffc01f; +} +.xmodule_display.xmodule_ConditionalModule div.problem .notification.problem-hint { + border: 1px solid #d9d9d9; + border-radius: 6px; +} +.xmodule_display.xmodule_ConditionalModule div.problem .notification.problem-hint .icon { + margin-right: 15px; + color: #111; +} +.xmodule_display.xmodule_ConditionalModule div.problem .notification.problem-hint li { + color: #414141; +} +.xmodule_display.xmodule_ConditionalModule div.problem .notification.problem-hint li strong { + color: #111; +} +.xmodule_display.xmodule_ConditionalModule div.problem .notification .icon { + float: left; + position: relative; + top: 4px; +} +.xmodule_display.xmodule_ConditionalModule div.problem .notification .notification-message { + display: inline-block; + width: 58.97436%; + margin-bottom: 8px; +} +.xmodule_display.xmodule_ConditionalModule div.problem .notification .notification-message ol { + list-style: none outside none; + padding: 0; + margin: 0; +} +.xmodule_display.xmodule_ConditionalModule div.problem .notification .notification-message ol li:not(:last-child) { + margin-bottom: 5px; +} +.xmodule_display.xmodule_ConditionalModule div.problem .notification .notification-btn-wrapper { + float: right; +} +.xmodule_display.xmodule_ConditionalModule div.problem .notification-btn { + float: right; + padding: 2px 5px; + min-width: 60px; + display: block; + clear: both; +} +.xmodule_display.xmodule_ConditionalModule div.problem .notification-btn:first-child { + margin-bottom: 5px; +} +.xmodule_display.xmodule_ConditionalModule div.problem button:hover { + background-image: none; + box-shadow: none; +} +.xmodule_display.xmodule_ConditionalModule div.problem button:focus { + box-shadow: none; +} +.xmodule_display.xmodule_ConditionalModule div.problem button.btn-default { + background-color: transparent; +} +.xmodule_display.xmodule_ConditionalModule div.problem button.btn-brand:hover { + background-color: #005d90; +} +.xmodule_display.xmodule_ConditionalModule div.problem .review-btn { + color: #0079bc; +} +.xmodule_display.xmodule_ConditionalModule div.problem .review-btn.sr, .xmodule_display.xmodule_ConditionalModule div.problem .view-uploads .assets-library .pagination .review-btn.nav-label, .view-uploads .assets-library .pagination .xmodule_display.xmodule_ConditionalModule div.problem .review-btn.nav-label, .xmodule_display.xmodule_ConditionalModule div.problem .view-uploads .assets-library .pagination .pagination-form .review-btn.page-number-label, .view-uploads .assets-library .pagination .pagination-form .xmodule_display.xmodule_ConditionalModule div.problem .review-btn.page-number-label, .xmodule_display.xmodule_ConditionalModule div.problem .view-uploads .assets-library .pagination .pagination-form .review-btn.submit-pagination-form, .view-uploads .assets-library .pagination .pagination-form .xmodule_display.xmodule_ConditionalModule div.problem .review-btn.submit-pagination-form { + color: #0079bc; +} +.xmodule_display.xmodule_ConditionalModule div.problem div.capa_reset { + padding: 25px; + border: 1px solid #cb0712; + background-color: #f95861; + border-radius: 3px; + font-size: 1em; + margin-top: 10px; + margin-bottom: 10px; +} +.xmodule_display.xmodule_ConditionalModule div.problem .capa_reset>h2 { + color: #aa0000; +} +.xmodule_display.xmodule_ConditionalModule div.problem .capa_reset li { + font-size: 0.9em; +} +.xmodule_display.xmodule_ConditionalModule div.problem .hints { + border: 1px solid #ccc; +} +.xmodule_display.xmodule_ConditionalModule div.problem .hints h3 { + padding: 9px; + border-bottom: 1px solid #e3e3e3; + background: #eee; + text-shadow: 0 1px 0 #fff; + font-size: 1em; +} +.xmodule_display.xmodule_ConditionalModule div.problem .hints div { + border-bottom: 1px solid #ddd; +} +.xmodule_display.xmodule_ConditionalModule div.problem .hints div:last-child { + border-bottom: none; +} +.xmodule_display.xmodule_ConditionalModule div.problem .hints div p { + margin-bottom: 0; +} +.xmodule_display.xmodule_ConditionalModule div.problem .hints div header a { + display: block; + padding: 9px; + background: #f9f9f9; + box-shadow: inset 0 0 0 1px #fff; +} +.xmodule_display.xmodule_ConditionalModule div.problem .hints div>section { + padding: 9px; +} +.xmodule_display.xmodule_ConditionalModule div.problem .test { + padding-top: 18px; +} +.xmodule_display.xmodule_ConditionalModule div.problem .test header { + margin-bottom: 12px; +} +.xmodule_display.xmodule_ConditionalModule div.problem .test header h3 { + color: #aaa; + text-transform: uppercase; + font-style: normal; + font-size: 0.9em; +} +.xmodule_display.xmodule_ConditionalModule div.problem .test>section { + position: relative; + margin-bottom: 10px; + padding: 9px 9px 20px; + border: 1px solid #ddd; + border-radius: 3px; + background: #fff; + box-shadow: inset 0 0 0 1px #eee; +} +.xmodule_display.xmodule_ConditionalModule div.problem .test>section p:last-of-type { + margin-bottom: 0; +} +.xmodule_display.xmodule_ConditionalModule div.problem .test>section .shortform { + margin-bottom: .6em; +} +.xmodule_display.xmodule_ConditionalModule div.problem .test>section a.full { + position: absolute; + top: 0; + right: 0; + bottom: 1px; + left: 0; + box-sizing: border-box; + display: block; + padding: 4px; + background: #e5e5e5; + text-align: right; + font-size: 1em; +} +.xmodule_display.xmodule_ConditionalModule div.problem .test>section a.full.full-top { + position: absolute; + top: 1px; + right: 0; + bottom: auto; + left: 0; +} +.xmodule_display.xmodule_ConditionalModule div.problem .test>section a.full.full-bottom { + position: absolute; + top: auto; + right: 0; + bottom: 1px; + left: 0; +} +.xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section { + padding-top: 30px; + padding-left: 20px; + background-color: #fafafa; + color: #2c2c2c; + font-size: 1em; + font-family: monospace; +} +.xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section header { + font-size: 1.4em; +} +.xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform { + margin: 0; + padding: 0; +} +.xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-errors { + margin: 5px; + padding: 10px 10px 10px 40px; + background: url("{{ path_to_images }}incorrect-icon.png") center left no-repeat; +} +.xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-errors li { + color: #b00; +} +.xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-output { + margin: 5px; + padding: 20px 0 15px 50px; + border-top: 1px solid #ddd; + border-left: 20px solid #fafafa; +} +.xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-output h4 { + font-size: 1em; + font-family: monospace; +} +.xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-output dl { + margin: 0; +} +.xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-output dt { + margin-top: 20px; +} +.xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-output dd { + margin-left: 24pt; +} +.xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-correct { + background: url("{{ path_to_images }}correct-icon.png") left 20px no-repeat; +} +.xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-correct .result-actual-output { + color: #090; +} +.xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-partially-correct { + background: url("{{ path_to_images }}partially-correct-icon.png") left 20px no-repeat; +} +.xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-partially-correct .result-actual-output { + color: #090; +} +.xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-incorrect { + background: url("{{ path_to_images }}incorrect-icon.png") left 20px no-repeat; +} +.xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-incorrect .result-actual-output { + color: #B00; +} +.xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .markup-text { + margin: 5px; + padding: 20px 0 15px 50px; + border-top: 1px solid #ddd; + border-left: 20px solid #fafafa; +} +.xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .markup-text bs { + color: #bb0000; +} +.xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .markup-text bg { + color: #bda046; +} +.xmodule_display.xmodule_ConditionalModule div.problem .rubric tr { + margin: 10px 0; + height: 100%} +.xmodule_display.xmodule_ConditionalModule div.problem .rubric td { + margin: 10px 0; + padding: 20px 0; + height: 100%} +.xmodule_display.xmodule_ConditionalModule div.problem .rubric th { + margin: 5px; + padding: 5px; +} +.xmodule_display.xmodule_ConditionalModule div.problem .rubric label, .xmodule_display.xmodule_ConditionalModule div.problem .rubric .view-only { + position: relative; + display: inline-block; + margin: 3px; + padding: 15px; + min-width: 50px; + min-height: 50px; + width: 150px; + height: 100%; + background-color: #ccc; + font-size: .9em; +} +.xmodule_display.xmodule_ConditionalModule div.problem .rubric .grade { + position: absolute; + right: 0; + bottom: 0; + margin: 10px; +} +.xmodule_display.xmodule_ConditionalModule div.problem .rubric .selected-grade { + background: #666; + color: white; +} +.xmodule_display.xmodule_ConditionalModule div.problem .rubric input[type=radio]:checked+label { + background: #666; + color: white; +} +.xmodule_display.xmodule_ConditionalModule div.problem .rubric input[class='score-selection'] { + display: none; +} +.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input { + margin: 0 0 1em 0; + border: 1px solid #ccc; + border-radius: 1em; +} +.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .annotation-header { + padding: .5em 1em; + border-bottom: 1px solid #ccc; +} +.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .annotation-body { + padding: .5em 1em; +} +.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input a.annotation-return { + float: right; + font: inherit; + font-weight: normal; +} +.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input a.annotation-return:after { + content: " \2191"} +.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .block, .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input ul.tags { + margin: .5em 0; + padding: 0; +} +.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .block-highlight { + padding: .5em; + border: 1px solid rgba(214, 214, 0, 0.3); + background-color: rgba(255, 255, 10, 0.3); + color: #333; + font-style: normal; +} +.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .block-comment { + font-style: italic; +} +.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input ul.tags { + display: block; + margin-left: 1em; + list-style-type: none; +} +.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input ul.tags li { + position: relative; + display: block; + margin: 1em 0 0 0; +} +.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input ul.tags li .tag { + display: inline-block; + margin-left: 40px; + border: 1px solid #666; +} +.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input ul.tags li .tag.selected { + background-color: rgba(255, 255, 10, 0.3); +} +.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input ul.tags li .tag-status { + position: absolute; + left: 0; +} +.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input ul.tags li .tag-status, .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input ul.tags li .tag { + padding: .25em .5em; +} +.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input textarea.comment { + padding: 0.2em 0.4em; + width: 100%; + height: 7.2em; + line-height: 1.4em; +} +.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .answer-annotation { + display: block; + margin: 0; +} +.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .debug-value { + margin: 1em 0; + padding: 1em; + border: 1px solid #000; + background-color: #999; + color: #fff; +} +.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .debug-value input[type="text"] { + width: 100%} +.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .debug-value pre { + background-color: #ccc; + color: #000; +} +.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .debug-value:before { + display: block; + content: "debug input value"; + text-transform: uppercase; + font-size: 1.5em; +} +.xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup input[type="text"] { + margin-bottom: 0.5em; +} +.xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_correct input[type="text"], .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_correct input[type="text"] { + border-color: #009b00; +} +.xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_partially-correct input[type="text"], .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_partially-correct input[type="text"] { + border-color: #009b00; +} +.xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_show_correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_show_correct:after { + margin-left: 15px; + content: url("{{ path_to_images }}correct-icon.png"); +} +.xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup span.mock_label { + cursor: default; +} +.xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .status { + display: inline-block; + position: relative; + top: 3px; + width: 25px; + height: 20px; +} +.xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .correct .status-icon:after { + color: #009b00; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .incorrect .status-icon:after { + color: #cb0712; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .partially-correct .status-icon:after { + color: #009b00; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .tag-status { + display: inline-block; + position: relative; + top: 3px; + width: 25px; + height: 20px; +} +.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .correct .status-icon:after { + color: #009b00; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .incorrect .status-icon:after { + color: #cb0712; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .partially-correct .status-icon:after { + color: #009b00; + font-size: 1.2em; + content: ""} +.xmodule_display.xmodule_SequenceModule .block-link { + border-left: 1px solid #c8c8c8; + display: block; +} +.xmodule_display.xmodule_SequenceModule .block-link:hover, .xmodule_display.xmodule_SequenceModule .block-link:focus { + background: none; +} +.xmodule_display.xmodule_SequenceModule .topbar, .xmodule_display.xmodule_SequenceModule .sequence-nav { + border-bottom: 1px solid #c8c8c8; +} +.xmodule_display.xmodule_SequenceModule .topbar:after, .xmodule_display.xmodule_SequenceModule .sequence-nav:after { + content: ""; + display: table; + clear: both; +} +@media print { + .xmodule_display.xmodule_SequenceModule .topbar, .xmodule_display.xmodule_SequenceModule .sequence-nav { + display: none; +} +}.xmodule_display.xmodule_SequenceModule .topbar a.block-link, .xmodule_display.xmodule_SequenceModule .sequence-nav a.block-link { + border-left: 1px solid #c8c8c8; + display: block; +} +.xmodule_display.xmodule_SequenceModule .topbar a.block-link:hover, .xmodule_display.xmodule_SequenceModule .sequence-nav a.block-link:hover, .xmodule_display.xmodule_SequenceModule .topbar a.block-link:focus, .xmodule_display.xmodule_SequenceModule .sequence-nav a.block-link:focus { + background: none; +} +.xmodule_display.xmodule_CourseModule .sequence-nav ol li .xmodule_display.xmodule_SequenceModule button, .xmodule_display.xmodule_SequenceModule .sequence-nav ol li button { + background-color: transparent; + background-image: none; + background-position: center 14px; + background-repeat: no-repeat; + border: none; + border-radius: 0; + background-clip: border-box; + box-shadow: none; + box-sizing: content-box; + font-family: inherit; + font-size: inherit; + font-weight: inherit; +} +.xmodule_display.xmodule_SequenceModule .sequence-nav { + margin: 0 0 20px 0; + position: relative; + border-bottom: none; + z-index: 0; + height: 44px; + display: flex; +} +.xmodule_display.xmodule_SequenceModule .sequence-nav .sequence-nav-button { + max-width: 200px; +} +@media print { + .xmodule_display.xmodule_SequenceModule .sequence-nav { + display: none; +} +}.xmodule_display.xmodule_SequenceModule .sequence-nav .sequence-list-wrapper { + position: relative; + height: 100%; + flex-grow: 1; +} +.xmodule_display.xmodule_SequenceModule .sequence-nav ol { + display: flex; +} +.xmodule_display.xmodule_SequenceModule .sequence-nav ol li { + box-sizing: border-box; + min-width: 20px; + flex-grow: 1; + border-color: #c8c8c8; + border-width: 1px; + border-top-style: solid; +} +.xmodule_display.xmodule_SequenceModule .sequence-nav ol li:not(:last-child) { + border-right-style: solid; +} +.xmodule_display.xmodule_SequenceModule .sequence-nav ol li button { + width: 100%; + height: 43px; + position: relative; + margin: 0; + padding: 0; + display: block; + text-align: center; + border-color: #c8c8c8; + border-width: 1px; + border-bottom-style: solid; + box-sizing: border-box; +} +.xmodule_display.xmodule_SequenceModule .sequence-nav ol li button .icon { + display: block; + line-height: 100%; + font-size: 110%; + color: #5a5a5a; +} +.xmodule_display.xmodule_SequenceModule .sequence-nav ol li button .fa-bookmark { + color: #0075b4; +} +.xmodule_display.xmodule_SequenceModule .sequence-nav ol li button.seq_video .icon:before { + content: "\f008"} +.xmodule_display.xmodule_SequenceModule .sequence-nav ol li button.seq_other .icon:before { + content: "\f02d"} +.xmodule_display.xmodule_SequenceModule .sequence-nav ol li button.seq_vertical .icon:before { + content: "\f00b"} +.xmodule_display.xmodule_SequenceModule .sequence-nav ol li button.seq_problem .icon:before { + content: "\f044"} +.xmodule_display.xmodule_SequenceModule .sequence-nav ol li button .sequence-tooltip { + text-align: left; + margin-top: 4px; + background: #333; + color: #fff; + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + line-height: 1.41575em; + right: 0; + padding: 6px; + position: absolute; + top: 48px; + text-shadow: 0 -1px 0 #000; + white-space: pre; + pointer-events: none; +} +.xmodule_display.xmodule_SequenceModule .sequence-nav ol li button .sequence-tooltip:empty { + background: none; +} +.xmodule_display.xmodule_SequenceModule .sequence-nav ol li button .sequence-tooltip:empty::after { + display: none; +} +.xmodule_display.xmodule_SequenceModule .sequence-nav ol li button .sequence-tooltip::after { + transform: rotate(45deg); + right: 18px; + background: #333; + content: " "; + display: block; + height: 10px; + right: 18px; + position: absolute; + top: -5px; + width: 10px; +} +body.touch-based-device .xmodule_display.xmodule_SequenceModule .sequence-nav ol li button:hover p { + display: none; +} +.xmodule_display.xmodule_SequenceModule .sequence-nav-button { + display: block; + top: 0; + height: 100%; + text-shadow: none; + background: none; + background-color: white; + border-color: #c8c8c8; + box-shadow: none; + min-width: 120px; + font-size: inherit; + font-weight: normal; + padding: 0 20px; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.xmodule_display.xmodule_SequenceModule .sequence-nav-button span:not(:last-child) { + padding-right: 10px; +} +.xmodule_display.xmodule_SequenceModule .sequence-nav-button.button-previous { + left: 0; + -webkit-border-top-left-radius: 3px; + -moz-border-topleft-radius: 3px; + border-top-left-radius: 3px; + -webkit-border-top-right-radius: 0; + -moz-border-topright-radius: 0; + border-top-right-radius: 0; + -webkit-border-bottom-right-radius: 0; + -moz-border-bottomright-radius: 0; + border-bottom-right-radius: 0; + -webkit-border-bottom-left-radius: 3px; + -moz-border-bottomleft-radius: 3px; + border-bottom-left-radius: 3px; +} +.xmodule_display.xmodule_SequenceModule .sequence-nav-button.button-next { + right: 0; + -webkit-border-top-left-radius: 0; + -moz-border-topleft-radius: 0; + border-top-left-radius: 0; + -webkit-border-top-right-radius: 3px; + -moz-border-topright-radius: 3px; + border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + -moz-border-bottomright-radius: 3px; + border-bottom-right-radius: 3px; + -webkit-border-bottom-left-radius: 0; + -moz-border-bottomleft-radius: 0; + border-bottom-left-radius: 0; +} +.xmodule_display.xmodule_SequenceModule .sequence-nav-button.disabled { + cursor: normal; +} +.xmodule_display.xmodule_SequenceModule .seq_contents { + display: none; +} +.xmodule_display.xmodule_SequenceModule nav.sequence-bottom { + position: relative; + height: 45px; + margin: 2.8315em auto; + display: flex; + justify-content: center; +} +.xmodule_display.xmodule_SequenceModule nav.sequence-bottom .sequence-nav-button { + position: relative; +} +.xmodule_display.xmodule_SequenceModule nav.sequence-bottom .sequence-nav-button:last-of-type { + border-left: none; +} +@media print { + .xmodule_display.xmodule_SequenceModule nav.sequence-bottom { + display: none; +} +}.xmodule_display.xmodule_SequenceModule #seq_content:focus, .xmodule_display.xmodule_SequenceModule #seq_content:active { + outline: none; +} +.xmodule_display.xmodule_SequenceModule .sequence-nav-button:hover, .xmodule_display.xmodule_SequenceModule .sequence-nav-button:active, .xmodule_display.xmodule_SequenceModule .sequence-nav-button.active, .xmodule_display.xmodule_SequenceModule .sequence-nav button:hover, .xmodule_display.xmodule_SequenceModule .sequence-nav button:active, .xmodule_display.xmodule_SequenceModule .sequence-nav button.active { + border-bottom: 3px solid #0075b4; + padding-top: 2px; +} +.xmodule_display.xmodule_SequenceModule .sequence-nav-button:hover .icon, .xmodule_display.xmodule_SequenceModule .sequence-nav-button:active .icon, .xmodule_display.xmodule_SequenceModule .sequence-nav-button.active .icon, .xmodule_display.xmodule_SequenceModule .sequence-nav button:hover .icon, .xmodule_display.xmodule_SequenceModule .sequence-nav button:active .icon, .xmodule_display.xmodule_SequenceModule .sequence-nav button.active .icon { + color: #0a0a0a; +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-wrapper { + position: relative; +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-header { + margin-bottom: .5em; +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-section { + position: relative; + padding: .5em 1em; + border: 1px solid #ccc; + border-radius: 0.5em; + margin-bottom: 0.5em; +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-section.shaded { + background-color: #EDEDED; +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-section .annotatable-section-title { + font-weight: bold; +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-section .annotatable-section-title a { + font-weight: normal; +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-section .annotatable-section-body { + border-top: 1px solid #ccc; + margin-top: 0.5em; + padding-top: 0.5em; +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-section .annotatable-section-body:after { + content: ""; + display: table; + clear: both; +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-section ul.instructions-template { + list-style: disc; + margin-left: 4em; +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-section ul.instructions-template b { + font-weight: bold; +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-section ul.instructions-template i { + font-style: italic; +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-section ul.instructions-template code { + display: inline; + white-space: pre; + font-family: Courier New, monospace; +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-toggle { + position: absolute; + right: 0; + margin: 2px 1em 2px 0; +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-toggle.expanded:after { + content: " \2191"} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-toggle.collapsed:after { + content: " \2193"} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-span { + display: inline; +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight { + background-color: rgba(255, 255, 10, 0.3); +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight.selected { + background-color: rgba(255, 255, 10, 0.9); +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight-#ff0 { + background-color: rgba(255, 255, 10, 0.3); +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight-#ff0.selected { + background-color: rgba(255, 255, 10, 0.9); +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight-red { + background-color: rgba(178, 19, 16, 0.3); +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight-red.selected { + background-color: rgba(178, 19, 16, 0.9); +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight-orange { + background-color: rgba(255, 165, 0, 0.3); +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight-orange.selected { + background-color: rgba(255, 165, 0, 0.9); +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight-green { + background-color: rgba(25, 255, 132, 0.3); +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight-green.selected { + background-color: rgba(25, 255, 132, 0.9); +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight-blue { + background-color: rgba(35, 163, 255, 0.3); +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight-blue.selected { + background-color: rgba(35, 163, 255, 0.9); +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight-purple { + background-color: rgba(115, 9, 178, 0.3); +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight-purple.selected { + background-color: rgba(115, 9, 178, 0.9); +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-span.hide { + cursor: none; + background-color: inherit; +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-span.hide .annotatable-icon { + display: none; +} +.xmodule_display.xmodule_TextAnnotationModule .annotatable-span .annotatable-comment { + display: none; +} +.xmodule_display.xmodule_TextAnnotationModule .ui-tooltip.qtip.ui-tooltip { + font-size: 0.875em; + border: 1px solid #333; + border-radius: 1em; + background-color: rgba(0, 0, 0, 0.85); + color: #fff; + -webkit-font-smoothing: antialiased; +} +.xmodule_display.xmodule_TextAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar { + font-size: 1em; + color: inherit; + background-color: transparent; + padding: 5px 10px; + border: none; +} +.xmodule_display.xmodule_TextAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar .ui-tooltip-title { + padding: 5px 0; + border-bottom: 2px solid #333; + font-weight: bold; +} +.xmodule_display.xmodule_TextAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar .ui-tooltip-icon { + right: 10px; + background: #333; +} +.xmodule_display.xmodule_TextAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar .ui-state-hover { + color: inherit; + border: 1px solid #ccc; +} +.xmodule_display.xmodule_TextAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-content { + color: inherit; + font-size: 0.875em; + text-align: left; + font-weight: 400; + padding: 0 10px 10px 10px; + background-color: transparent; + border-color: transparent; +} +.xmodule_display.xmodule_TextAnnotationModule .ui-tooltip.qtip.ui-tooltip p { + color: inherit; + line-height: normal; +} +.xmodule_display.xmodule_TextAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable { + max-width: 375px; +} +.xmodule_display.xmodule_TextAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable .ui-tooltip-content { + padding: 0 10px; +} +.xmodule_display.xmodule_TextAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable .ui-tooltip-content .annotatable-comment { + display: block; + margin: 0 0 10px 0; + max-height: 225px; + overflow: auto; + line-height: normal; +} +.xmodule_display.xmodule_TextAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable .ui-tooltip-content .annotatable-reply { + display: block; + border-top: 2px solid #333; + padding: 5px 0; + margin: 0; + text-align: center; +} +.xmodule_display.xmodule_TextAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable:after { + content: ''; + display: inline-block; + position: absolute; + bottom: -20px; + left: 50%; + height: 0; + width: 0; + margin-left: -5px; + border: 10px solid transparent; + border-top-color: rgba(0, 0, 0, 0.85); +} +.xmodule_display.xmodule_CourseInfoModule * { + line-height: 1.4em; +} +.xmodule_display.xmodule_CourseInfoModule h1 { + color: #3c3c3c; + font: normal 2em/1.4em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + letter-spacing: 1px; + margin: 0 0 1.416em 0; +} +.xmodule_display.xmodule_CourseInfoModule h2 { + color: #646464; + font: normal 1.2em/1.2em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + letter-spacing: 1px; + margin-bottom: 15px; + text-transform: uppercase; + -webkit-font-smoothing: antialiased; +} +.xmodule_display.xmodule_CourseInfoModule h3, .xmodule_display.xmodule_CourseInfoModule h4, .xmodule_display.xmodule_CourseInfoModule h5, .xmodule_display.xmodule_CourseInfoModule h6 { + margin: 0 0 10px 0; + font-weight: 600; +} +.xmodule_display.xmodule_CourseInfoModule h3 { + font-size: 1.2em; +} +.xmodule_display.xmodule_CourseInfoModule h4 { + font-size: 1em; +} +.xmodule_display.xmodule_CourseInfoModule h5 { + font-size: .83em; +} +.xmodule_display.xmodule_CourseInfoModule h6 { + font-size: 0.75em; +} +.xmodule_display.xmodule_CourseInfoModule p { + margin-bottom: 1.416em; + font-size: 1em; + line-height: 1.6em !important; + color: #3c3c3c; +} +.xmodule_display.xmodule_CourseInfoModule em, .xmodule_display.xmodule_CourseInfoModule i { + font-style: italic; +} +.xmodule_display.xmodule_CourseInfoModule em span, .xmodule_display.xmodule_CourseInfoModule i span { + font-style: italic; +} +.xmodule_display.xmodule_CourseInfoModule strong, .xmodule_display.xmodule_CourseInfoModule b { + font-weight: bold; +} +.xmodule_display.xmodule_CourseInfoModule strong span, .xmodule_display.xmodule_CourseInfoModule b span { + font-weight: bold; +} +.xmodule_display.xmodule_CourseInfoModule p+p, .xmodule_display.xmodule_CourseInfoModule ul+p, .xmodule_display.xmodule_CourseInfoModule ol+p { + margin-top: 20px; +} +.xmodule_display.xmodule_CourseInfoModule blockquote { + margin: 1em 40px; +} +.xmodule_display.xmodule_CourseInfoModule ol, .xmodule_display.xmodule_CourseInfoModule ul { + margin: 1em 0; + padding: 0 0 0 1em; + color: #3c3c3c; +} +.xmodule_display.xmodule_CourseInfoModule ol li, .xmodule_display.xmodule_CourseInfoModule ul li { + margin-bottom: 0.708em; +} +.xmodule_display.xmodule_CourseInfoModule ol { + list-style: decimal outside none; +} +.xmodule_display.xmodule_CourseInfoModule ul { + list-style: disc outside none; +} +.xmodule_display.xmodule_CourseInfoModule a:link, .xmodule_display.xmodule_CourseInfoModule a:visited, .xmodule_display.xmodule_CourseInfoModule a:hover, .xmodule_display.xmodule_CourseInfoModule a:active, .xmodule_display.xmodule_CourseInfoModule a:focus { + color: #0079bc; +} +.xmodule_display.xmodule_CourseInfoModule img { + max-width: 100%} +.xmodule_display.xmodule_CourseInfoModule pre { + margin: 1em 0; + color: #3c3c3c; + font-family: monospace, serif; + font-size: 1em; + white-space: pre-wrap; + word-wrap: break-word; +} +.xmodule_display.xmodule_CourseInfoModule code { + color: #3c3c3c; + font-family: monospace, serif; + background: none; + padding: 0; +} +.xmodule_display.xmodule_CourseInfoModule table { + width: 100%; + margin: 20px 0; + border-collapse: collapse; + font-size: 16px; +} +.xmodule_display.xmodule_CourseInfoModule table td, .xmodule_display.xmodule_CourseInfoModule table th { + margin: 20px 0; + padding: 10px; + border: 1px solid #ccc; + font-size: 14px; +} +.xmodule_display.xmodule_CourseInfoModule table td.cont-justified-left, .xmodule_display.xmodule_CourseInfoModule table th.cont-justified-left { + text-align: left !important; +} +.xmodule_display.xmodule_CourseInfoModule table td.cont-justified-right, .xmodule_display.xmodule_CourseInfoModule table th.cont-justified-right { + text-align: right !important; +} +.xmodule_display.xmodule_CourseInfoModule table td.cont-justified-center, .xmodule_display.xmodule_CourseInfoModule table th.cont-justified-center { + text-align: center !important; +} +.xmodule_display.xmodule_CourseInfoModule th { + background: #eee; + font-weight: bold; +} +.xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .modal-ui-icon { + position: absolute; + display: block; + padding: 5px 7px; + border-radius: 5px; + opacity: .9; + background: #fff; + color: #000; + border: 2px solid #000; +} +.xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .modal-ui-icon .label { + font-weight: bold; +} +.xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .modal-ui-icon i { + font-style: normal; +} +.xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-link { + position: relative; + display: block; +} +.xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-link .action-fullscreen { + display: none; + top: 10px; + left: 10px; +} +.xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-link:hover .action-fullscreen { + display: block; +} +.xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal { + position: fixed; + top: 0; + left: 0; + display: none; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.7); +} +.xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal .image-content { + position: relative; + top: 2.5%; + display: block; + height: 95%; + width: 95%; + margin: auto; + overflow: hidden; +} +.xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal .image-content .image-wrapper { + position: relative; +} +.xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal .image-content .image-wrapper img { + position: relative; + display: block; + max-width: 100%; + max-height: 100%; + margin: auto; + cursor: default; +} +.xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal .image-content .action-close { + top: 10px; + right: 10px; +} +.xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal .image-content .image-controls { + position: absolute; + right: 10px; + bottom: 10px; + margin: 0; + padding: 0; + list-style: none; +} +.xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control { + position: relative; + display: inline-block; + margin: 0; + padding: 0; +} +.xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon { + position: relative; +} +.xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon.action-zoom-in { + margin-right: 5px; +} +.xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon.action-zoom-out { + margin-left: 5px; +} +.xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon.is-disabled { + opacity: 0.5; + cursor: default; +} +.xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal.image-is-fit-to-screen { + display: block; +} +.xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal.image-is-fit-to-screen .image-content .image-wrapper { + top: 0 !important; + left: 0 !important; + width: 100% !important; + height: 100% !important; +} +.xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal.image-is-fit-to-screen .image-content .image-wrapper img { + top: 0 !important; + left: 0 !important; +} +.xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal.image-is-zoomed { + display: block; +} +.xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal.image-is-zoomed .image-content .image-wrapper img { + max-width: none; + max-height: none; + margin: 0; + cursor: move; +} +.xmodule_display.xmodule_WordCloudModule .input-cloud { + margin: 5px; +} +.xmodule_display.xmodule_WordCloudModule .result_cloud_section { + display: none; + width: 0px; + height: 0px; +} +.xmodule_display.xmodule_WordCloudModule .result_cloud_section.active { + display: block; + width: 100%; + height: auto; + margin-top: 1em; +} +.xmodule_display.xmodule_WordCloudModule .result_cloud_section.active h3 { + font-size: 100%} +.xmodule_display.xmodule_WordCloudModule .your_words { + font-size: 0.85em; + display: block; +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-wrapper { + position: relative; +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-header { + margin-bottom: .5em; +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-section { + position: relative; + padding: .5em 1em; + border: 1px solid #ccc; + border-radius: 0.5em; + margin-bottom: 0.5em; +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-section.shaded { + background-color: #EDEDED; +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-section .annotatable-section-title { + font-weight: bold; +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-section .annotatable-section-title a { + font-weight: normal; +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-section .annotatable-section-body { + border-top: 1px solid #ccc; + margin-top: 0.5em; + padding-top: 0.5em; +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-section .annotatable-section-body:after { + content: ""; + display: table; + clear: both; +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-section ul.instructions-template { + list-style: disc; + margin-left: 4em; +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-section ul.instructions-template b { + font-weight: bold; +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-section ul.instructions-template i { + font-style: italic; +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-section ul.instructions-template code { + display: inline; + white-space: pre; + font-family: Courier New, monospace; +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-toggle { + position: absolute; + right: 0; + margin: 2px 1em 2px 0; +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-toggle.expanded:after { + content: " \2191"} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-toggle.collapsed:after { + content: " \2193"} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-span { + display: inline; +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight { + background-color: rgba(255, 255, 10, 0.3); +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight.selected { + background-color: rgba(255, 255, 10, 0.9); +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight-#ff0 { + background-color: rgba(255, 255, 10, 0.3); +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight-#ff0.selected { + background-color: rgba(255, 255, 10, 0.9); +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight-red { + background-color: rgba(178, 19, 16, 0.3); +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight-red.selected { + background-color: rgba(178, 19, 16, 0.9); +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight-orange { + background-color: rgba(255, 165, 0, 0.3); +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight-orange.selected { + background-color: rgba(255, 165, 0, 0.9); +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight-green { + background-color: rgba(25, 255, 132, 0.3); +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight-green.selected { + background-color: rgba(25, 255, 132, 0.9); +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight-blue { + background-color: rgba(35, 163, 255, 0.3); +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight-blue.selected { + background-color: rgba(35, 163, 255, 0.9); +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight-purple { + background-color: rgba(115, 9, 178, 0.3); +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight-purple.selected { + background-color: rgba(115, 9, 178, 0.9); +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.hide { + cursor: none; + background-color: inherit; +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.hide .annotatable-icon { + display: none; +} +.xmodule_display.xmodule_ImageAnnotationModule .annotatable-span .annotatable-comment { + display: none; +} +.xmodule_display.xmodule_ImageAnnotationModule .ui-tooltip.qtip.ui-tooltip { + font-size: 0.875em; + border: 1px solid #333; + border-radius: 1em; + background-color: rgba(0, 0, 0, 0.85); + color: #fff; + -webkit-font-smoothing: antialiased; +} +.xmodule_display.xmodule_ImageAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar { + font-size: 1em; + color: inherit; + background-color: transparent; + padding: 5px 10px; + border: none; +} +.xmodule_display.xmodule_ImageAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar .ui-tooltip-title { + padding: 5px 0; + border-bottom: 2px solid #333; + font-weight: bold; +} +.xmodule_display.xmodule_ImageAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar .ui-tooltip-icon { + right: 10px; + background: #333; +} +.xmodule_display.xmodule_ImageAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar .ui-state-hover { + color: inherit; + border: 1px solid #ccc; +} +.xmodule_display.xmodule_ImageAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-content { + color: inherit; + font-size: 0.875em; + text-align: left; + font-weight: 400; + padding: 0 10px 10px 10px; + background-color: transparent; + border-color: transparent; +} +.xmodule_display.xmodule_ImageAnnotationModule .ui-tooltip.qtip.ui-tooltip p { + color: inherit; + line-height: normal; +} +.xmodule_display.xmodule_ImageAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable { + max-width: 375px; +} +.xmodule_display.xmodule_ImageAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable .ui-tooltip-content { + padding: 0 10px; +} +.xmodule_display.xmodule_ImageAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable .ui-tooltip-content .annotatable-comment { + display: block; + margin: 0 0 10px 0; + max-height: 225px; + overflow: auto; + line-height: normal; +} +.xmodule_display.xmodule_ImageAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable .ui-tooltip-content .annotatable-reply { + display: block; + border-top: 2px solid #333; + padding: 5px 0; + margin: 0; + text-align: center; +} +.xmodule_display.xmodule_ImageAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable:after { + content: ''; + display: inline-block; + position: absolute; + bottom: -20px; + left: 50%; + height: 0; + width: 0; + margin-left: -5px; + border: 10px solid transparent; + border-top-color: rgba(0, 0, 0, 0.85); +} +.xmodule_edit.xmodule_ImageAnnotationDescriptor .CodeMirror { + background: #fff; + font-size: 13px; + color: #3c3c3c; +} +.xmodule_edit.xmodule_StaticTabDescriptor .html-editor:after { + content: ""; + display: table; + clear: both; +} +.xmodule_edit.xmodule_StaticTabDescriptor .html-editor .CodeMirror { + box-sizing: border-box; + height: 435px; +} +.xmodule_edit.xmodule_StaticTabDescriptor .html-editor .is-inactive { + display: none; +} +.xmodule_edit.xmodule_StaticTabDescriptor .editor { + position: relative; +} +.xmodule_edit.xmodule_StaticTabDescriptor .editor .row { + position: relative; +} +.xmodule_edit.xmodule_StaticTabDescriptor .editor .editor-bar { + background-color: #d4dee8; + background-image: -webkit-linear-gradient(top, #d4dee8, #c9d5e2); + background-image: linear-gradient(to bottom, #d4dee8, #c9d5e2); + position: relative; + padding: 5px; + border-bottom-color: #a5aaaf; +} +.xmodule_edit.xmodule_StaticTabDescriptor .editor .editor-bar:after { + content: ""; + display: table; + clear: both; +} +.xmodule_edit.xmodule_StaticTabDescriptor .editor .editor-bar button { + display: inline-block; + float: left; + padding: 3px 10px 5px; + margin-left: 7px; + border: 0; + border-radius: 2px; + background: transparent; +} +.xmodule_edit.xmodule_StaticTabDescriptor .editor .editor-bar button .icon { + height: 21px; +} +.xmodule_edit.xmodule_StaticTabDescriptor .editor .editor-bar button:hover, .xmodule_edit.xmodule_StaticTabDescriptor .editor .editor-bar button:focus { + background: rgba(255, 255, 255, 0.5); +} +.xmodule_edit.xmodule_StaticTabDescriptor .editor .editor-tabs { + position: absolute; + top: 10px; + right: 10px; + text-align: left; + direction: ltr; +} +.xmodule_edit.xmodule_StaticTabDescriptor .editor .editor-tabs li { + float: left; + margin-right: 5px; +} +.xmodule_edit.xmodule_StaticTabDescriptor .editor .editor-tabs li:last-child { + margin-right: 0; +} +.xmodule_edit.xmodule_StaticTabDescriptor .editor .editor-tabs .tab { + display: block; + height: 24px; + padding: 7px 20px 3px; + border: 1px solid #a5aaaf; + border-radius: 3px 3px 0 0; + background-color: transparent; + background-image: -webkit-linear-gradient(top, transparent 87%, rgba(0, 0, 0, 0.06)); + background-image: linear-gradient(to bottom, transparent 87%, rgba(0, 0, 0, 0.06)); + background-color: #e5ecf3; + font-size: 13px; + color: #3c3c3c; + box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.05); +} +.xmodule_edit.xmodule_StaticTabDescriptor .editor .editor-tabs .tab.current { + background: #fff; + border-bottom-color: #fff; +} +.xmodule_edit.xmodule_VideoAnnotationDescriptor .CodeMirror { + background: #fff; + font-size: 13px; + color: #3c3c3c; +} +.xmodule_edit.xmodule_TextAnnotationDescriptor .CodeMirror { + background: #fff; + font-size: 13px; + color: #3c3c3c; +} +.xmodule_edit.xmodule_WordCloudDescriptor .CodeMirror { + background: #fff; + font-size: 13px; + color: #3c3c3c; +} +.xmodule_edit.xmodule_AboutDescriptor .html-editor:after { + content: ""; + display: table; + clear: both; +} +.xmodule_edit.xmodule_AboutDescriptor .html-editor .CodeMirror { + box-sizing: border-box; + height: 435px; +} +.xmodule_edit.xmodule_AboutDescriptor .html-editor .is-inactive { + display: none; +} +.xmodule_edit.xmodule_AboutDescriptor .editor { + position: relative; +} +.xmodule_edit.xmodule_AboutDescriptor .editor .row { + position: relative; +} +.xmodule_edit.xmodule_AboutDescriptor .editor .editor-bar { + background-color: #d4dee8; + background-image: -webkit-linear-gradient(top, #d4dee8, #c9d5e2); + background-image: linear-gradient(to bottom, #d4dee8, #c9d5e2); + position: relative; + padding: 5px; + border-bottom-color: #a5aaaf; +} +.xmodule_edit.xmodule_AboutDescriptor .editor .editor-bar:after { + content: ""; + display: table; + clear: both; +} +.xmodule_edit.xmodule_AboutDescriptor .editor .editor-bar button { + display: inline-block; + float: left; + padding: 3px 10px 5px; + margin-left: 7px; + border: 0; + border-radius: 2px; + background: transparent; +} +.xmodule_edit.xmodule_AboutDescriptor .editor .editor-bar button .icon { + height: 21px; +} +.xmodule_edit.xmodule_AboutDescriptor .editor .editor-bar button:hover, .xmodule_edit.xmodule_AboutDescriptor .editor .editor-bar button:focus { + background: rgba(255, 255, 255, 0.5); +} +.xmodule_edit.xmodule_AboutDescriptor .editor .editor-tabs { + position: absolute; + top: 10px; + right: 10px; + text-align: left; + direction: ltr; +} +.xmodule_edit.xmodule_AboutDescriptor .editor .editor-tabs li { + float: left; + margin-right: 5px; +} +.xmodule_edit.xmodule_AboutDescriptor .editor .editor-tabs li:last-child { + margin-right: 0; +} +.xmodule_edit.xmodule_AboutDescriptor .editor .editor-tabs .tab { + display: block; + height: 24px; + padding: 7px 20px 3px; + border: 1px solid #a5aaaf; + border-radius: 3px 3px 0 0; + background-color: transparent; + background-image: -webkit-linear-gradient(top, transparent 87%, rgba(0, 0, 0, 0.06)); + background-image: linear-gradient(to bottom, transparent 87%, rgba(0, 0, 0, 0.06)); + background-color: #e5ecf3; + font-size: 13px; + color: #3c3c3c; + box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.05); +} +.xmodule_edit.xmodule_AboutDescriptor .editor .editor-tabs .tab.current { + background: #fff; + border-bottom-color: #fff; +} +.xmodule_edit.xmodule_CapaDescriptor .editor-bar .editor-tabs .advanced-toggle { + height: auto; + margin-top: -4px; + padding: 3px 9px; + font-size: 12px; + color: #0075b4; +} +.xmodule_edit.xmodule_CapaDescriptor .editor-bar .editor-tabs .advanced-toggle.current { + border: 1px solid #edf1f5 !important; + border-radius: 3px !important; + background: #edf1f5 !important; + color: #8891a1 !important; + pointer-events: none; + cursor: none; +} +.xmodule_edit.xmodule_CapaDescriptor .editor-bar .editor-tabs .advanced-toggle.current:hover, .xmodule_edit.xmodule_CapaDescriptor .editor-bar .editor-tabs .advanced-toggle.current:focus { + box-shadow: 0 0 0 0 !important; + background-color: #fff; +} +.xmodule_edit.xmodule_CapaDescriptor .editor-bar .editor-tabs .cheatsheet-toggle { + width: 21px; + height: 21px; + padding: 0; + margin: -1px 5px 0 15px; + border-radius: 22px; + border: 1px solid #a5aaaf; + background: #e5ecf3; + font-size: 13px; + font-weight: 700; + color: #565d64; + text-align: center; +} +.xmodule_edit.xmodule_CapaDescriptor .simple-editor-cheatsheet { + position: absolute; + top: 0; + left: 100%; + width: 0; + border-radius: 0 3px 3px 0; + background-color: rgba(0, 0, 0, 0.1); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1), transparent 4px); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent 4px); + background-color: #fff; + overflow: hidden; + transition: width 0.3s linear 0s; +} +.xmodule_edit.xmodule_CapaDescriptor .simple-editor-cheatsheet.shown { + width: 20%; + height: 100%; + overflow-y: scroll; +} +.xmodule_edit.xmodule_CapaDescriptor .simple-editor-cheatsheet .cheatsheet-wrapper { + padding: 10%} +.xmodule_edit.xmodule_CapaDescriptor .simple-editor-cheatsheet h6 { + margin-bottom: 7px; + font-size: 15px; + font-weight: 700; +} +.xmodule_edit.xmodule_CapaDescriptor .simple-editor-cheatsheet .row { + padding-bottom: 5px !important; + margin-bottom: 10px !important; + border-bottom: 1px solid #ddd !important; +} +.xmodule_edit.xmodule_CapaDescriptor .simple-editor-cheatsheet .row:after { + content: ""; + display: table; + clear: both; +} +.xmodule_edit.xmodule_CapaDescriptor .simple-editor-cheatsheet .row:last-child { + border-bottom: none !important; + margin-bottom: 0 !important; +} +.xmodule_edit.xmodule_CapaDescriptor .simple-editor-cheatsheet .col { + display: block; +} +.xmodule_edit.xmodule_CapaDescriptor .simple-editor-cheatsheet .col.sample { + width: 60px; + margin-right: 30px; +} +.xmodule_edit.xmodule_CapaDescriptor .simple-editor-cheatsheet .col.sample .icon { + height: 30px; +} +.xmodule_edit.xmodule_CapaDescriptor .simple-editor-cheatsheet pre { + font-size: 12px; + line-height: 18px; +} +.xmodule_edit.xmodule_CapaDescriptor .simple-editor-cheatsheet code { + padding: 0; + background: none; +} +.xmodule_edit.xmodule_CapaDescriptor .problem-editor .markdown-box+.CodeMirror { + padding: 10px; +} +.xmodule_edit.xmodule_CapaDescriptor .problem-editor-icon { + display: inline-block; + width: 26px; + height: 21px; + vertical-align: middle; + color: #3c3c3c; +} +.xmodule_edit.xmodule_CapaDescriptor .editor { + position: relative; +} +.xmodule_edit.xmodule_CapaDescriptor .editor .row { + position: relative; +} +.xmodule_edit.xmodule_CapaDescriptor .editor .editor-bar { + background-color: #d4dee8; + background-image: -webkit-linear-gradient(top, #d4dee8, #c9d5e2); + background-image: linear-gradient(to bottom, #d4dee8, #c9d5e2); + position: relative; + padding: 5px; + border-bottom-color: #a5aaaf; +} +.xmodule_edit.xmodule_CapaDescriptor .editor .editor-bar:after { + content: ""; + display: table; + clear: both; +} +.xmodule_edit.xmodule_CapaDescriptor .editor .editor-bar button { + display: inline-block; + float: left; + padding: 3px 10px 5px; + margin-left: 7px; + border: 0; + border-radius: 2px; + background: transparent; +} +.xmodule_edit.xmodule_CapaDescriptor .editor .editor-bar button .icon { + height: 21px; +} +.xmodule_edit.xmodule_CapaDescriptor .editor .editor-bar button:hover, .xmodule_edit.xmodule_CapaDescriptor .editor .editor-bar button:focus { + background: rgba(255, 255, 255, 0.5); +} +.xmodule_edit.xmodule_CapaDescriptor .editor .editor-tabs { + position: absolute; + top: 10px; + right: 10px; + text-align: left; + direction: ltr; +} +.xmodule_edit.xmodule_CapaDescriptor .editor .editor-tabs li { + float: left; + margin-right: 5px; +} +.xmodule_edit.xmodule_CapaDescriptor .editor .editor-tabs li:last-child { + margin-right: 0; +} +.xmodule_edit.xmodule_CapaDescriptor .editor .editor-tabs .tab { + display: block; + height: 24px; + padding: 7px 20px 3px; + border: 1px solid #a5aaaf; + border-radius: 3px 3px 0 0; + background-color: transparent; + background-image: -webkit-linear-gradient(top, transparent 87%, rgba(0, 0, 0, 0.06)); + background-image: linear-gradient(to bottom, transparent 87%, rgba(0, 0, 0, 0.06)); + background-color: #e5ecf3; + font-size: 13px; + color: #3c3c3c; + box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.05); +} +.xmodule_edit.xmodule_CapaDescriptor .editor .editor-tabs .tab.current { + background: #fff; + border-bottom-color: #fff; +} +.xmodule_edit.xmodule_LTIDescriptor .CodeMirror { + background: #fff; + font-size: 13px; + color: #3c3c3c; +} +.xmodule_edit.xmodule_RawDescriptor .CodeMirror { + background: #fff; + font-size: 13px; + color: #3c3c3c; +} +.xmodule_edit .tabs-wrapper { + padding-top: 0; + position: relative; +} +.xmodule_edit .tabs-wrapper .wrapper-comp-settings { + display: block; +} +.xmodule_edit .editor-single-tab-name { + display: none; +} +.xmodule_edit .editor-with-tabs { + position: relative; +} +.xmodule_edit .editor-with-tabs:after { + content: ""; + display: table; + clear: both; +} +.xmodule_edit .editor-with-tabs .edit-header { + box-sizing: border-box; + padding: 18px 20px; + top: 0 !important; + right: 0; + background-color: #0079bc; + border-bottom: 1px solid #004971; + color: #fff; +} +.xmodule_edit .editor-with-tabs .edit-header .component-name { + position: relative; + top: 0; + left: 0; + width: 50%; + color: #fff; + font-weight: 600; +} +.xmodule_edit .editor-with-tabs .edit-header .component-name em { + display: inline-block; + margin-right: 5px; + font-weight: 400; + color: #fff; +} +.xmodule_edit .editor-with-tabs .edit-header .editor-tabs { + list-style: none; + right: 0; + top: 5px; + position: absolute; + padding: 12px 15px; +} +.xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap { + display: inline-block; + margin-left: 8px; +} +.xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab { + font-size: 14px; + font-size: 1.4rem; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #006196; + border-radius: 3px; + padding: 5px 20px; + background-color: #0079bc; + font-weight: bold; + color: #fff; +} +.xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab.current { + background-color: #0079bc; + background-image: -webkit-linear-gradient(#0079bc, #0079bc); + background-image: linear-gradient(#0079bc, #0079bc); + color: #006196; + box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.1); + background-color: #001826; + cursor: default; +} +.xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab:hover, .xmodule_edit .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab:focus { + box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(#009FE6, #009FE6) !important; +} +.xmodule_edit .editor-with-tabs .is-inactive { + display: none; +} +.xmodule_edit .editor-with-tabs .comp-subtitles-entry { + text-align: center; +} +.xmodule_edit .editor-with-tabs .comp-subtitles-entry .file-upload { + display: none; +} +.xmodule_edit .editor-with-tabs .comp-subtitles-entry .comp-subtitles-import-list>li { + display: block; + margin: 10px 0px 10px 0; +} +.xmodule_edit .editor-with-tabs .comp-subtitles-entry .comp-subtitles-import-list .blue-button { + font-size: 1em; + display: block; + width: 70%; + margin: 0 auto; + text-align: center; +} +.xmodule_edit .component-tab { + background: #fff; + position: relative; + border-top: 1px solid #8891a1; +} +.xmodule_edit .component-tab#advanced { + padding: 0; + border: none; +} +.xmodule_edit .component-tab .blue-button { + border: 1px solid #076fe4; + border-radius: 3px; + box-shadow: inset 0 1px 0 0 #8ebcf1; + color: #fff; + display: inline-block; + font-size: inherit; + font-weight: bold; + background-color: #4294f0; + background-image: -webkit-linear-gradient(#4294f0, #0776f3); + background-image: linear-gradient(#4294f0, #0776f3); + padding: 7px 18px; + text-decoration: none; + text-shadow: 0 1px 0 #0065d6; + background-clip: padding-box; + background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); + border: 1px solid #0075b4; + border-radius: 3px; + background-color: #0075b4; + color: #fff; +} +.xmodule_edit .component-tab .blue-button:hover:not(:disabled) { + box-shadow: inset 0 1px 0 0 #60a2ec; + cursor: pointer; + background-color: #2f87ea; + background-image: -webkit-linear-gradient(#2f87ea, #086fe3); + background-image: linear-gradient(#2f87ea, #086fe3); +} +.xmodule_edit .component-tab .blue-button:active:not(:disabled), .xmodule_edit .component-tab .blue-button:focus:not(:disabled) { + border: 1px solid #076fe4; + box-shadow: inset 0 0 8px 4px #0868d3, inset 0 0 8px 4px #0868d3; +} +.xmodule_edit .component-tab .blue-button:disabled { + opacity: 0.5; + cursor: not-allowed; +} +.xmodule_edit .component-tab .blue-button:hover, .xmodule_edit .component-tab .blue-button:focus, .xmodule_edit .component-tab .blue-button:active { + background-color: #065683; + color: #fff; +} +.xmodule_edit .component-tab .blue-button.disabled, .xmodule_edit .component-tab .blue-button.is-disabled { + box-shadow: none; + border: 1px solid #99c9e4 !important; + background: #99c9e4 !important; + color: #fff !important; +} +.xmodule_edit.xmodule_HiddenDescriptor .CodeMirror { + background: #fff; + font-size: 13px; + color: #3c3c3c; +} +.xmodule_edit.xmodule_CourseInfoDescriptor .html-editor:after { + content: ""; + display: table; + clear: both; +} +.xmodule_edit.xmodule_CourseInfoDescriptor .html-editor .CodeMirror { + box-sizing: border-box; + height: 435px; +} +.xmodule_edit.xmodule_CourseInfoDescriptor .html-editor .is-inactive { + display: none; +} +.xmodule_edit.xmodule_CourseInfoDescriptor .editor { + position: relative; +} +.xmodule_edit.xmodule_CourseInfoDescriptor .editor .row { + position: relative; +} +.xmodule_edit.xmodule_CourseInfoDescriptor .editor .editor-bar { + background-color: #d4dee8; + background-image: -webkit-linear-gradient(top, #d4dee8, #c9d5e2); + background-image: linear-gradient(to bottom, #d4dee8, #c9d5e2); + position: relative; + padding: 5px; + border-bottom-color: #a5aaaf; +} +.xmodule_edit.xmodule_CourseInfoDescriptor .editor .editor-bar:after { + content: ""; + display: table; + clear: both; +} +.xmodule_edit.xmodule_CourseInfoDescriptor .editor .editor-bar button { + display: inline-block; + float: left; + padding: 3px 10px 5px; + margin-left: 7px; + border: 0; + border-radius: 2px; + background: transparent; +} +.xmodule_edit.xmodule_CourseInfoDescriptor .editor .editor-bar button .icon { + height: 21px; +} +.xmodule_edit.xmodule_CourseInfoDescriptor .editor .editor-bar button:hover, .xmodule_edit.xmodule_CourseInfoDescriptor .editor .editor-bar button:focus { + background: rgba(255, 255, 255, 0.5); +} +.xmodule_edit.xmodule_CourseInfoDescriptor .editor .editor-tabs { + position: absolute; + top: 10px; + right: 10px; + text-align: left; + direction: ltr; +} +.xmodule_edit.xmodule_CourseInfoDescriptor .editor .editor-tabs li { + float: left; + margin-right: 5px; +} +.xmodule_edit.xmodule_CourseInfoDescriptor .editor .editor-tabs li:last-child { + margin-right: 0; +} +.xmodule_edit.xmodule_CourseInfoDescriptor .editor .editor-tabs .tab { + display: block; + height: 24px; + padding: 7px 20px 3px; + border: 1px solid #a5aaaf; + border-radius: 3px 3px 0 0; + background-color: transparent; + background-image: -webkit-linear-gradient(top, transparent 87%, rgba(0, 0, 0, 0.06)); + background-image: linear-gradient(to bottom, transparent 87%, rgba(0, 0, 0, 0.06)); + background-color: #e5ecf3; + font-size: 13px; + color: #3c3c3c; + box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.05); +} +.xmodule_edit.xmodule_CourseInfoDescriptor .editor .editor-tabs .tab.current { + background: #fff; + border-bottom-color: #fff; +} +.xmodule_edit.xmodule_AnnotatableDescriptor .CodeMirror { + background: #fff; + font-size: 13px; + color: #3c3c3c; +} +.xmodule_edit.xmodule_HtmlDescriptor .html-editor:after { + content: ""; + display: table; + clear: both; +} +.xmodule_edit.xmodule_HtmlDescriptor .html-editor .CodeMirror { + box-sizing: border-box; + height: 435px; +} +.xmodule_edit.xmodule_HtmlDescriptor .html-editor .is-inactive { + display: none; +} +.xmodule_edit.xmodule_HtmlDescriptor .editor { + position: relative; +} +.xmodule_edit.xmodule_HtmlDescriptor .editor .row { + position: relative; +} +.xmodule_edit.xmodule_HtmlDescriptor .editor .editor-bar { + background-color: #d4dee8; + background-image: -webkit-linear-gradient(top, #d4dee8, #c9d5e2); + background-image: linear-gradient(to bottom, #d4dee8, #c9d5e2); + position: relative; + padding: 5px; + border-bottom-color: #a5aaaf; +} +.xmodule_edit.xmodule_HtmlDescriptor .editor .editor-bar:after { + content: ""; + display: table; + clear: both; +} +.xmodule_edit.xmodule_HtmlDescriptor .editor .editor-bar button { + display: inline-block; + float: left; + padding: 3px 10px 5px; + margin-left: 7px; + border: 0; + border-radius: 2px; + background: transparent; +} +.xmodule_edit.xmodule_HtmlDescriptor .editor .editor-bar button .icon { + height: 21px; +} +.xmodule_edit.xmodule_HtmlDescriptor .editor .editor-bar button:hover, .xmodule_edit.xmodule_HtmlDescriptor .editor .editor-bar button:focus { + background: rgba(255, 255, 255, 0.5); +} +.xmodule_edit.xmodule_HtmlDescriptor .editor .editor-tabs { + position: absolute; + top: 10px; + right: 10px; + text-align: left; + direction: ltr; +} +.xmodule_edit.xmodule_HtmlDescriptor .editor .editor-tabs li { + float: left; + margin-right: 5px; +} +.xmodule_edit.xmodule_HtmlDescriptor .editor .editor-tabs li:last-child { + margin-right: 0; +} +.xmodule_edit.xmodule_HtmlDescriptor .editor .editor-tabs .tab { + display: block; + height: 24px; + padding: 7px 20px 3px; + border: 1px solid #a5aaaf; + border-radius: 3px 3px 0 0; + background-color: transparent; + background-image: -webkit-linear-gradient(top, transparent 87%, rgba(0, 0, 0, 0.06)); + background-image: linear-gradient(to bottom, transparent 87%, rgba(0, 0, 0, 0.06)); + background-color: #e5ecf3; + font-size: 13px; + color: #3c3c3c; + box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.05); +} +.xmodule_edit.xmodule_HtmlDescriptor .editor .editor-tabs .tab.current { + background: #fff; + border-bottom-color: #fff; +} +.xmodule_edit.xmodule_CustomTagDescriptor .CodeMirror { + background: #fff; + font-size: 13px; + color: #3c3c3c; +} +.wrapper-xblock .xblock-render .xblock .xblock-render .xblock .hd-1, .wrapper-xblock .xblock-render .xblock .xblock-render .xblock .hd-2, .wrapper-xblock .xblock-render .xblock .xblock-render .xblock .hd-3, .wrapper-xblock .xblock-render .xblock .xblock-render .xblock .hd-4, .wrapper-xblock .xblock-render .xblock .xblock-render .xblock .hd-5, .wrapper-xblock .xblock-render .xblock .xblock-render .xblock .hd-6, .wrapper-xblock .xblock-render .xblock .xblock-render .xblock .hd-7, .wrapper-xblock .xblock-render .xblock .xblock-render .xblock .hd-8 { + margin: 0; + font-weight: 400; + font-size: inherit; + line-height: inherit; + color: #4c4c4c; +} +.wrapper-xblock .xblock-render .xblock .xblock-render .xblock .hd-1 { + margin-bottom: 1.41575em; + font-size: 2em; + line-height: 1.4em; +} +.wrapper-xblock .xblock-render .xblock .xblock-render .xblock .hd-2, .wrapper-xblock .xblock-render .xblock .xblock-render .xblock h3 { + font-size: 1.1125em; + font-weight: 600; + line-height: 1.4em; +} +.wrapper-xblock .xblock-render .xblock .xblock-render .xblock .hd-3 { + margin-bottom: 10px; + font-size: 1.35em; + font-weight: 400; + line-height: 1.4em; +} +.wrapper-xblock .xblock-render .xblock .xblock-render .xblock .hd-4 { + margin-bottom: 10px; + font-size: 1.25em; + font-weight: 600; + line-height: 1.4em; +} +.wrapper-xblock .xblock-render .xblock .xblock-render .xblock .hd-5 { + margin-bottom: 10px; + font-size: 1.1em; + font-weight: 600; + line-height: 1.4em; +} +.wrapper-xblock .xblock-render .xblock .xblock-render .xblock .hd-6 { + margin-bottom: 10px; + font-size: 1em; + font-weight: 600; + line-height: 1.4em; +} +.wrapper-xblock .xblock-render .xblock .xblock-render .xblock .hd-7 { + margin-bottom: 5px; + font-size: 14px; + font-weight: 600; + text-transform: uppercase; + line-height: 1.6em; + letter-spacing: 1px; +} +.wrapper-xblock .xblock-render .xblock .xblock-render .xblock .hd-8 { + margin-bottom: 2.5px; + font-size: 12px; + font-weight: 600; + text-transform: uppercase; + line-height: 1.5em; + letter-spacing: 1px; +} +.wrapper-xblock .xblock-render .xblock .xblock-render .xblock h3 { + font-weight: 400; + text-transform: initial; +} +.xmodule_display i, .xmodule_display em, .xblock-student_view i, .xblock-student_view em { + font-style: italic; +} +.xmodule_display .icon, .xblock-student_view .icon { + font-style: normal; +} +.xmodule_VideoModule.xblock-student_view .video-tracks .a11y-menu-container .a11y-menu-list { + bottom: 100%; + top: auto; +} + .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .setting-label { + vertical-align: top; + margin-top: 10px; +} + .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .setting-help { + display: block; + width: 45%; + max-width: auto; + margin-left: 25%; + padding: 0 13px; +} + .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .collapse-setting { + display: block; + width: 100%; + padding: 10px; +} + .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .collapse-setting .icon { + margin-right: 5px; +} + .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .videolist-url-tip.setting-help, .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .videolist-extra-videos-tip.setting-help { + margin-left: 0; + width: 100%; + padding: 0 10px 10px; +} + .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .videolist-url-tip.setting-help { + padding: 0 0 10px; +} + .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .wrapper-comp-setting { + width: 100%; + display: block; + max-width: auto; +} + .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .wrapper-videolist-settings { + width: 45%; + display: inline-block; + min-width: 100px; +} + .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .wrapper-videolist-settings .input { + width: 100%; + vertical-align: middle; +} + .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .wrapper-videolist-settings .input.is-disabled, .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .wrapper-videolist-settings .input [disabled="disabled"] { + opacity: .5; +} + .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .wrapper-videolist-settings .wrapper-videolist-url { + margin-bottom: 10px; +} + .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .wrapper-videolist-settings .wrapper-videolist-urls { + background: #edf1f5; + padding: 6.66667px; +} + .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .wrapper-videolist-settings .wrapper-videolist-urls .videolist-extra-videos { + display: none; +} + .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .wrapper-videolist-settings .wrapper-videolist-urls .videolist-extra-videos.is-visible { + display: block; +} + .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .wrapper-videolist-settings .wrapper-videolist-urls .videolist-extra-videos .videolist-settings-item { + margin-bottom: 10px; +} + .wrapper-comp-settings.basic_metadata_edit .transcripts-status { + margin-top: 20px; +} + .wrapper-comp-settings.basic_metadata_edit .transcripts-status.is-invisible { + display: none !important; +} + .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message { + width: 60%; + display: inline-block; + vertical-align: top; + min-width: 100px; + margin-top: 10px; +} + .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-message-status { + color: #25b85a; +} + .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-message-status.status-error { + color: #b20610; +} + .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-message-status .icon, .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-message-status [class*=" fa-"] { + margin-right: 5px; +} + .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-error-message { + background: #b20610; + color: #fff; + padding: 6.66667px; +} + .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-error-message.is-invisible { + display: none; +} + .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .wrapper-transcripts-buttons.is-invisible { + display: none; +} + .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action { + margin-bottom: 10px; +} + .wrapper-comp-settings.basic_metadata_edit .metadata-videolist-enum * { + box-sizing: border-box; +} + .wrapper-comp-settings.basic_metadata_edit .file-chooser { + display: none; +} + .wrapper-comp-settings.basic_metadata_edit .progress-bar { + display: block; + height: 30px; + margin: 10px 0; + border: 1px solid #0079bc; + text-align: center; +} + .wrapper-comp-settings.basic_metadata_edit .progress-bar.is-invisible { + display: none; +} + .wrapper-comp-settings.basic_metadata_edit .progress-bar.loaded { + border-color: #66b93d; +} + .wrapper-comp-settings.basic_metadata_edit .progress-bar.loaded .progress-fill { + background: #66b93d; +} + .wrapper-comp-settings.basic_metadata_edit .progress-bar .progress-fill { + display: block; + width: 0%; + height: 30px; + background: #0079bc; + color: #fff; + line-height: 28px; +} + .wrapper-comp-settings .list-input.settings-list .metadata-video-translations * { + box-sizing: border-box; +} + .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .setting-label { + vertical-align: top; + margin-top: 5px; +} + .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .wrapper-translations-settings { + width: 45%; + display: inline-block; + min-width: 240px; +} + .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .wrapper-translations-settings .list-settings { + margin: 0; +} + .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .wrapper-translations-settings .list-settings .list-settings-item { + margin-bottom: 10px; +} + .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .wrapper-translations-settings .list-settings .list-settings-item select { + width: 80%; + margin-right: 10px; +} + .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .wrapper-translations-settings .list-settings .list-settings-item .list-settings-buttons { + padding: 10px 0; + border-bottom: 1px solid #e5e5e5; +} + .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .wrapper-translations-settings .list-settings .input { + width: 43%; + margin-right: 5px; + vertical-align: middle; + display: inline-block; +} + .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .wrapper-translations-settings .list-settings .input.input-value { + margin-right: 10px; +} + .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .setting-clear.action { + vertical-align: top; + margin: 5px 10px 0; +} + .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .create-setting { + display: block; + padding: 10px; +} + .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .create-setting .icon { + margin-right: 5px; +} + .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .upload-setting { + display: inline-block; + padding: 10px; + width: 49%; + margin-right: 2%} + .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .download-setting { + display: inline-block; + padding: 10px; + width: 48%; + text-align: center; + color: #0079bc; +} + .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .download-setting:hover { + background-color: #0079bc; +} + .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .remove-setting { + transition: color 0.25s ease-in-out; + display: inline-block; + background: transparent; + color: #99c9e4; +} + .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .remove-setting:hover { + color: #0079bc; +} +.view-dashboard .wrapper-authorshiprights .ui-toggle-control { + transition-duration: 0.25s; + transition-timing-function: ease-in-out; +} +.view-dashboard .wrapper-authorshiprights .fa-times-circle { + transition-duration: 0.25s; + transition-timing-function: ease-in-out; +} +.outline-section.is-dragging, .outline-subsection.is-dragging { + border-color: #333; +} +.outline-section.valid-drop, .outline-subsection.valid-drop { + border-color: #009fe6; +} +#page-prompt .wrapper-prompt:before { + display: inline-block; +} +.ui-datepicker { + background: #fff !important; +} +.modal-content.cheatsheet-is-shown { + overflow: visible !important; +} +.modal-content.cheatsheet-is-shown .CodeMirror { + overflow: visible !important; +} +.wrapper-comp-editor.latex-problem { + margin-top: 50px; +} +.launch-latex-compiler { + position: absolute; + width: 100%; + top: 0; + background-color: #fff; + padding: 10px 0 10px 20px; + border-bottom: 1px solid #b2b2b2; +} +div.wrapper-comp-editor.is-inactive ~ div.launch-latex-compiler { + display: none; +} +.ui-tabs-nav .ui-state-default { + font-weight: normal; +} +.xmodule_edit .editor-with-tabs .editor-tabs .inner_tab_wrap a.tab { + font-weight: normal !important; +} +.wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content { + border: 0; + padding: 30px 40px; + background-color: #e5e5e5; + text-align: center; + color: #7f7f7f; +} +.CodeMirror .CodeMirror-linenumber.CodeMirror-gutter-elt { + color: #333 !important; +} +.btn-default:disabled, .btn-brand:disabled, .is-disabled.btn-default, .is-disabled.btn-brand { + pointer-events: none; + outline: none; + cursor: not-allowed; +} +.btn-small.btn-default, .btn-small.btn-brand { + padding: 0.625rem 0.625rem; + font-size: 14px; +} +.btn-default, .btn-brand { + display: inline-block; + border-style: solid; + border-radius: 3px; + border-width: 1px; + box-shadow: none; + padding: 0.625rem 1.25rem; + font-size: 16px; + font-weight: normal; + text-shadow: none; + text-transform: capitalize; +} +.block.btn-default, .block.btn-brand { + display: block; + width: 100%} +.btn-default .icon, .btn-brand .icon { + display: inline-block; + vertical-align: baseline; +} +.btn-default .icon:only-child, .btn-brand .icon:only-child, .sr-only+.btn-default .icon, .sr-only+.btn-brand .icon { + margin-right: 0; +} +.btn-default { + border-color: transparent; + background: transparent; + color: #0074b4; +} +.btn-default:hover, .btn-default.is-hovered, .btn-default:focus, .btn-default.is-focused { + border-color: #0074b4; + background-color: transparent; + color: #0074b4; +} +.btn-default:active, .btn-default.is-pressed, .btn-default.is-active { + border-color: #0074b4; + color: #0074b4; +} +.btn-default:disabled, .btn-default.is-disabled { + border-color: #d2d0d0; + color: #6b6969; +} +.btn-brand { + border-color: #0074b4; + background: #0074b4; + color: #fcfcfc; +} +.btn-brand:hover, .btn-brand.is-hovered, .btn-brand:focus, .btn-brand.is-focused { + border-color: #005d90; + background-color: #005d90; + color: #fcfcfc; +} +.btn-brand:active, .btn-brand.is-pressed, .btn-brand.is-active { + border-color: #0074b4; + background: #0074b4; +} +.btn-brand:disabled, .btn-brand.is-disabled { + border-color: #d2d0d0; + background: #f2f3f3; + color: #676666; +} diff --git a/video_xblock/static/css/transcripts.css b/video_xblock/static/css/transcripts.css new file mode 100644 index 00000000..55e88b9d --- /dev/null +++ b/video_xblock/static/css/transcripts.css @@ -0,0 +1,13 @@ +.wrapper-translations-settings { + width: 45%; + display: inline-block; + min-width: 240px; +} + +.is-hidden { + display: none !important; +} + +.status-upload { + color: green; +} diff --git a/video_xblock/static/html/studio_edit.html b/video_xblock/static/html/studio_edit.html index fbe17eab..ef539532 100644 --- a/video_xblock/static/html/studio_edit.html +++ b/video_xblock/static/html/studio_edit.html @@ -9,7 +9,7 @@ data-default="{% if field.type == 'boolean' %}{{ field.default|yesno:'1,0' }}{% else %}{{ field.default|default_if_none:"" }}{% endif %}" data-cast="{{field.type}}" > -
+
{% if field.type == "boolean" %} @@ -92,7 +92,50 @@ {% trans "Download" %} {% endif %}
+
+ + {% elif field.type == 'transcript_uploader' %} +
+
    + {% for transcript in transcripts %} +
  1. + + Remove +
    + {% trans "Replace" %} + Download +
    +
    +
    2. + {% endfor %} + + +
+ + + + {% trans 'Add' %} + +
{% else %} @@ -112,8 +155,8 @@ {% endfor %} -
diff --git a/video_xblock/static/js/studio_edit.js b/video_xblock/static/js/studio_edit.js index d51f6620..7ba35051 100644 --- a/video_xblock/static/js/studio_edit.js +++ b/video_xblock/static/js/studio_edit.js @@ -157,27 +157,6 @@ function StudioEditableXBlock(runtime, element) { studio_submit({values: values, defaults: notSet}); }); - // Raccoongang addons - - var $fileUploader = $('.input-file-uploader', element); - - $fileUploader.on('change', function(e) { - var fieldName = $fileUploader.data('change-field-name'); - $('form', element).ajaxSubmit({ - success: function(response, statusText, xhr, form) { - $('input[data-field-name=' + fieldName + ']').val(response['asset']['id']).change(); - } - }) - }); - - $('.upload-setting', element).on('click', function(e) { - e.preventDefault(); - var fieldName = $(e.currentTarget).data('change-field-name'); - $fileUploader.attr('data-change-field-name', fieldName); - $fileUploader.click(); - }); - // End of Raccoongang addons - $(element).find('.cancel-button').bind('click', function(e) { // Remove TinyMCE instances to make sure jQuery does not try to access stale instances // when loading editor for another block: @@ -190,4 +169,193 @@ function StudioEditableXBlock(runtime, element) { e.preventDefault(); runtime.notify('cancel', {}); }); + + // Raccoongang addons + + var transcriptsValue = []; + var disabledLanguages = []; + var $fileUploader = $('.input-file-uploader', element); + var $langChoiceItem = $('.language-transcript-selector', element); + var gotTranscriptsValue = $('input[data-field-name="transcripts"]').val(); + + if(gotTranscriptsValue){ + transcriptsValue = JSON.parse(gotTranscriptsValue); + } + + transcriptsValue.forEach(function(transcriptValue, index, array) { + disabledLanguages.push(transcriptValue.lang) + }); + + var disableOption = function(){ + + $langChoiceItem.find('option').each(function(ind){ + if(disabledLanguages.indexOf($(this).val()) > -1){ + $(this).attr('disabled', true) + } else { + $(this).attr('disabled', false) + } + }) + }; + + var pushTranscript = function (lang, label, url){ + var indexLanguage; + for (var i=0; i < transcriptsValue.length; i++){ + if (lang == transcriptsValue[i].lang){ + indexLanguage = i; + break; + } + } + if (indexLanguage !== undefined){ + transcriptsValue[indexLanguage].url = url + } else { + transcriptsValue.push({ + lang: lang, + url: url, + label: label + }) + } + $('.add-transcript').removeClass('is-disabled'); + }; + + var clickUploader = function(event){ + event.preventDefault(); + event.stopPropagation(); + var $buttonBlock = $(event.currentTarget); + var indexOfParentLi = $('.language-transcript-selector').children().index($buttonBlock.closest('li')); + $fileUploader.attr({ + 'data-lang-code': $buttonBlock.attr('data-lang-code'), + 'data-lang-label': $buttonBlock.attr('data-lang-label'), + 'data-change-field-name': $buttonBlock.attr('data-change-field-name'), + 'accept': $buttonBlock.attr('data-change-field-name') == 'transcripts' ? '.sjson, .srt, .vtt' : '', + 'data-li-index': $buttonBlock.attr('data-change-field-name') == 'transcripts' ? indexOfParentLi : '' + }); + + $fileUploader.click(); + }; + + var languageChecker = function (event) { + event.stopPropagation(); + var $selectedOption = $(event.currentTarget).find('option:selected'); + var selectedLanguage = $selectedOption.val(); + var languageLabel = $selectedOption.attr('data-lang-label'); + var $langSelectParent = $(event.currentTarget).parent('li'); + var $uploadButton = $('.upload-transcript', $langSelectParent); + var oldLang = $uploadButton.data('lang-code'); + if(selectedLanguage != oldLang && selectedLanguage != ''){ + pushTranscript(selectedLanguage, languageLabel, ''); + disabledLanguages.push(selectedLanguage); + if(oldLang != ''){ + removeTranscript(oldLang); + removeLanguage(oldLang); + } + $uploadButton.data('lang-code', selectedLanguage); + } else if (selectedLanguage == '') { + $selectedOption.val($uploadButton.data('lang-code')); + $('.remove-action', $langSelectParent).trigger('click'); + } + $uploadButton.attr({ + 'data-lang-code': selectedLanguage, + 'data-lang-label': languageLabel + }); + $uploadButton.removeClass('is-hidden').text('Upload'); + disableOption(); + pushTranscriptsValue(); + }; + + var removeLanguage = function(language){ + var index = disabledLanguages.indexOf(language); + disabledLanguages.splice(index, 1); + }; + + var removeTranscript = function(lang){ + for (var i=0; i < transcriptsValue.length; i++){ + if(lang == transcriptsValue[i].lang){ + transcriptsValue.splice(i,1); + break; + } + } + }; + + var pushTranscriptsValue = function(){ + transcriptsValue.forEach(function (transcriptValue, index, array){ + if(transcriptValue.lang == "" || transcriptValue.label == "" || transcriptValue.url == ""){ + transcriptsValue.splice(index, 1); + } + }); + $('input[data-field-name="transcripts"]').val(JSON.stringify(transcriptsValue)).change(); + }; + + var removeTranscriptBlock = function(event){ + event.preventDefault(); + event.stopPropagation(); + var $currentBlock = $(event.currentTarget).closest('li'); + var lang = $currentBlock.find('option:selected').val(); + removeTranscript(lang); + if(!transcriptsValue.length){ + $currentBlock.parents('li').removeClass('is-set').find('.setting-clear').removeClass('active').addClass('inactive'); + } + removeLanguage(lang); + pushTranscriptsValue(); + $('.add-transcript', element).removeClass('is-disabled'); + $currentBlock.remove(); + disableOption(); + + }; + + $fileUploader.on('change', function(event) { + var fieldName = $(event.currentTarget).attr('data-change-field-name'); + var lang = $(event.currentTarget).attr('data-lang-code'); + var label = $(event.currentTarget).attr('data-lang-label'); + var currentLiIndex = $(event.currentTarget).attr('data-li-index'); + var currentLiTag = $('.language-transcript-selector').children()[parseInt(currentLiIndex)]; + $('.upload-setting', element).addClass('is-disabled'); + $('.file-uploader-form', element).ajaxSubmit({ + success: function(response, statusText, xhr, form) { + if(fieldName == "handout"){ + $('input[data-field-name=' + fieldName + ']').val(response['asset']['id']).change(); + } else { + var url = '/' + response['asset']['id']; + pushTranscript(lang, label, url); + $('input[data-field-name=' + fieldName + ']').val(JSON.stringify(transcriptsValue)).change(); + $(currentLiTag).find('.upload-transcript').text('Replace'); + $(currentLiTag).find('.download-transcript').removeClass('is-hidden').attr('href', url); + } + $(event.currentTarget).attr({ + 'data-change-field-name': '', + 'data-lang-code': '', + 'data-lang-label': '' + }); + $('.status-upload', $(currentLiTag)).text('File uploaded successfully').show(); + setTimeout(function(){ + $('.status-upload', $(currentLiTag)).hide() + }, 2000); + $('.upload-setting', element).removeClass('is-disabled'); + } + }); + }); + + $('.add-transcript', element).on('click', function (event) { + event.preventDefault(); + $(event.currentTarget).addClass('is-disabled'); + var $templateItem = $('.list-settings-item:hidden').clone(); + $templateItem.removeClass('is-hidden').appendTo($langChoiceItem); + $('.upload-transcript', $templateItem).on('click', clickUploader); + $('.lang-select', $templateItem).on('change', languageChecker); + $('.remove-action', element).on('click', removeTranscriptBlock); + }); + + $('.lang-select').on('change', languageChecker); + + $('.upload-transcript, .upload-action', element).on('click', clickUploader); + + $('.remove-action', element).on('click', removeTranscriptBlock); + + $('.setting-clear').on('click', function (event){ + var $currentBlock = $(event.currentTarget).closest('li'); + $currentBlock.find('ol').find('li:visible').remove(); + }); + $().ready(function(){ + disableOption(); + }); + // End of Raccoongang addons } diff --git a/video_xblock/video_xblock.py b/video_xblock/video_xblock.py index d766853a..521bdb24 100644 --- a/video_xblock/video_xblock.py +++ b/video_xblock/video_xblock.py @@ -6,6 +6,8 @@ import logging import pkg_resources +import json +import os from xblock.core import XBlock from xblock.fields import Scope, Boolean, Integer, Float, String @@ -16,6 +18,7 @@ from django.template import Template, Context from backends.base import BaseVideoPlayer, html_parser +from . import settings _ = lambda text: text @@ -95,7 +98,14 @@ class VideoXBlock(StudioEditableXBlockMixin, XBlock): help=_('You can upload handout file for students') ) - editable_fields = ('display_name', 'href', 'account_id', 'player_id', 'handout') + transcripts = String( + default='', + scope=Scope.content, + display_name=_('Upload transcript'), + help=_('Add transcripts in different languages. Click below to specify a language and upload an .srt transcript file for that language.') + ) + + editable_fields = ('display_name', 'href', 'account_id', 'handout', 'transcripts', 'player_id') player_state_fields = ('current_time', 'muted', 'playback_rate', 'volume') @property @@ -181,9 +191,14 @@ def studio_view(self, context): Render a form for editing this XBlock """ fragment = Fragment() + languages = [{'label': label, 'code': lang} for lang, label in settings.ALL_LANGUAGES] + languages.sort(key=lambda l: l['label']) + transcripts = json.loads(self.transcripts) if self.transcripts else [] context = { 'fields': [], - 'courseKey': self.location.course_key + 'courseKey': self.location.course_key, + 'languages': languages, + 'transcripts': transcripts } # Build a list of all the fields that can be edited: for field_name in self.editable_fields: @@ -196,8 +211,17 @@ def studio_view(self, context): field_info = self._make_field_info(field_name, field) if field_info is not None: context["fields"].append(field_info) + path_to_images = self.runtime.local_resource_url(self, 'public/images/') + path_to_fonts = self.runtime.local_resource_url(self, 'public/fonts/') + fragment.content = self.render_resource('static/html/studio_edit.html', **context) fragment.add_css(self.resource_string("static/css/handout.css")) + fragment.add_css(self.resource_string("static/css/transcripts.css")) + fragment.add_css(self.render_resource("static/css/studio-main-v1.css", + path_to_images=path_to_images, + path_to_fonts=path_to_fonts + ) + ) fragment.add_javascript(self.resource_string("static/js/studio_edit.js")) fragment.initialize_js('StudioEditableXBlock') return fragment @@ -261,6 +285,9 @@ def _make_field_info(self, field_name, field): if field_name == 'handout': info['type'] = 'file_uploader' info['file_name'] = self.get_handout_file_name() + info['value'] = self.get_url_for(self.handout) + if field_name == 'transcripts': + info['type'] = 'transcript_uploader' return info def get_handout_file_name(self): @@ -271,3 +298,11 @@ def get_handout_file_name(self): It returns only name of file with extension """ return self.handout.split('@')[-1] + + def get_url_for(self, field): + """ + Returns downloaded asset url + """ + if field: + return os.path.join('/', field) + return ''