From 6abf44c65bae494dbac0edcccabaddcbbbe6e13c Mon Sep 17 00:00:00 2001 From: Hiroki Terashima Date: Tue, 23 Dec 2025 17:36:58 -0800 Subject: [PATCH 01/32] Chatbot appears bottom left and persists across steps. Does not save transcript to server yet. --- src/app/chatbot/chatbot.component.html | 127 +++++++++++++++++ src/app/chatbot/chatbot.component.scss | 182 ++++++++++++++++++++++++ src/app/chatbot/chatbot.component.ts | 168 ++++++++++++++++++++++ src/app/chatbot/chatbot.service.ts | 81 +++++++++++ src/assets/wise5/vle/vle.component.html | 6 + src/assets/wise5/vle/vle.component.ts | 12 ++ 6 files changed, 576 insertions(+) create mode 100644 src/app/chatbot/chatbot.component.html create mode 100644 src/app/chatbot/chatbot.component.scss create mode 100644 src/app/chatbot/chatbot.component.ts create mode 100644 src/app/chatbot/chatbot.service.ts diff --git a/src/app/chatbot/chatbot.component.html b/src/app/chatbot/chatbot.component.html new file mode 100644 index 00000000000..5a0c8722710 --- /dev/null +++ b/src/app/chatbot/chatbot.component.html @@ -0,0 +1,127 @@ + + + + smart_toy + AI Assistant + + + + @if (!collapsed) { + + } @else { + + } + + + +
+ @if (messages.length === 0) { +
+ chat_bubble_outline +

Start a conversation with the AI assistant!

+

+ Ask questions about your work, get help with concepts, or discuss ideas. +

+
+ } + @for (message of messages; track $index) { + @if (message.role !== 'system') { +
+
+ + {{ message.role === 'user' ? 'person' : 'smart_toy' }} + + + {{ message.role === 'user' ? 'You' : 'AI Assistant' }} + +
+
+ {{ message.content }} +
+
+ } + } + @if (loading) { +
+
+ smart_toy + AI Assistant +
+
+ + Thinking... +
+
+ } +
+ + + +
+ + Type your message... + + +
+ +
+
+ + diff --git a/src/app/chatbot/chatbot.component.scss b/src/app/chatbot/chatbot.component.scss new file mode 100644 index 00000000000..b82f2bb03ce --- /dev/null +++ b/src/app/chatbot/chatbot.component.scss @@ -0,0 +1,182 @@ +@use 'style/abstracts/variables'; +@use 'style/abstracts/functions'; + +$height: 550px !default; +$width: 450px !default; +$width-collapsed: 300px !default; + +.chatbot { + height: $height; + width: $width; + padding: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + position: fixed; + bottom: 0; + right: 16px; + z-index: 100; + + &.full { + height: 100%; + width: 100%; + right: 0; + border-bottom-left-radius: variables.$card-border-radius; + border-bottom-right-radius: variables.$card-border-radius; + } + + &.collapsed { + height: auto; + width: $width-collapsed; + } +} + +.hidden { + display: none; +} + +.mat-mdc-card-header { + cursor: pointer; + border-top-left-radius: variables.$card-border-radius; + border-top-right-radius: variables.$card-border-radius; + padding: 0 0 0 12px; +} + +.mat-mdc-card-content { + padding: 0; + overflow: hidden; +} + +.mat-mdc-card-actions { + padding: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.chatbot__messages { + overflow-y: auto; + padding: 16px; + min-height: 300px; + max-height: calc(#{$height} - 200px); + + .full & { + max-height: calc(100vh - 200px); + } +} + +.chatbot__empty-state { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 100%; + text-align: center; + color: rgba(0, 0, 0, 0.54); + padding: 32px; +} + +.chatbot__empty-icon { + font-size: 64px; + width: 64px; + height: 64px; + margin-bottom: 16px; + opacity: 0.3; +} + +.chatbot__message { + margin-bottom: 16px; + animation: fadeIn 0.3s ease-in; + + &--user { + .chatbot__message-content { + background-color: #e3f2fd; + margin-left: auto; + margin-right: 0; + } + } + + &--assistant { + .chatbot__message-content { + background-color: #f5f5f5; + } + } +} + +.chatbot__message-header { + display: flex; + align-items: center; + gap: 8px; + margin-bottom: 4px; + font-size: 12px; + color: rgba(0, 0, 0, 0.6); +} + +.chatbot__message-icon { + font-size: 16px; + width: 16px; + height: 16px; +} + +.chatbot__message-role { + font-weight: 500; +} + +.chatbot__message-content { + padding: 12px; + border-radius: 8px; + max-width: 85%; + word-wrap: break-word; + white-space: pre-wrap; + line-height: 1.5; + + mat-spinner { + display: inline-block; + margin-right: 8px; + vertical-align: middle; + } +} + +.chatbot__input-container { + display: flex; + flex-direction: column; + gap: 8px; + width: 100%; +} + +.chatbot__input-field { + width: 100%; + margin: 0; + + textarea { + resize: none; + } +} + +.chatbot__actions { + display: flex; + justify-content: space-between; + align-items: center; + gap: 8px; +} + +@keyframes fadeIn { + from { + opacity: 0; + transform: translateY(10px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + +// Adjust positioning when notebook report is visible +:host-context(.notes-visible) .chatbot { + right: calc(450px + 32px); + + &.full { + right: 0; + } +} + +:host-context(.report-full) .chatbot { + display: none; +} diff --git a/src/app/chatbot/chatbot.component.ts b/src/app/chatbot/chatbot.component.ts new file mode 100644 index 00000000000..12f2f6bb3e4 --- /dev/null +++ b/src/app/chatbot/chatbot.component.ts @@ -0,0 +1,168 @@ +import { CommonModule } from '@angular/common'; +import { Component, inject, Input } from '@angular/core'; +import { FormsModule } from '@angular/forms'; +import { MatButtonModule } from '@angular/material/button'; +import { MatCardModule } from '@angular/material/card'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatIconModule } from '@angular/material/icon'; +import { MatInputModule } from '@angular/material/input'; +import { MatProgressSpinnerModule } from '@angular/material/progress-spinner'; +import { MatTooltipModule } from '@angular/material/tooltip'; +import { BreakpointObserver } from '@angular/cdk/layout'; +import { Subscription } from 'rxjs'; +import { ChatbotService, ChatMessage } from './chatbot.service'; +import { ConfigService } from '../../assets/wise5/services/configService'; + +@Component({ + imports: [ + CommonModule, + FormsModule, + MatButtonModule, + MatCardModule, + MatFormFieldModule, + MatIconModule, + MatInputModule, + MatProgressSpinnerModule, + MatTooltipModule + ], + selector: 'chatbot', + styleUrl: 'chatbot.component.scss', + templateUrl: 'chatbot.component.html' +}) +export class ChatbotComponent { + @Input() config: any; + + private breakpointObserver = inject(BreakpointObserver); + private chatbotService: ChatbotService = inject(ChatbotService); + private configService: ConfigService = inject(ConfigService); + + protected collapsed: boolean = true; + protected full: boolean = false; + protected messages: ChatMessage[] = []; + protected userInput: string = ''; + protected loading: boolean = false; + private subscriptions: Subscription = new Subscription(); + + ngOnInit(): void { + this.breakpointObserver.observe(['(max-width: 40rem)']).subscribe((result) => { + if (!this.collapsed) { + this.collapsed = true; + this.fullscreen(); + } + }); + + this.messages.push({ + role: 'system', + content: 'You are a helpful assistant. Be polite and concise.' + }); + // Load chat history if available + //this.loadChatHistory(); + } + + ngOnDestroy(): void { + this.subscriptions.unsubscribe(); + } + + private loadChatHistory(): void { + const workgroupId = this.configService.getWorkgroupId(); + const runId = this.configService.getRunId(); + this.chatbotService.getChatHistory(runId, workgroupId).subscribe({ + next: (messages) => { + this.messages = messages; + this.scrollToBottom(); + }, + error: (error) => { + console.error('Error loading chat history:', error); + } + }); + } + + protected toggleCollapse(): void { + if (this.collapsed && this.breakpointObserver.isMatched('(max-width: 40rem)')) { + this.fullscreen(); + return; + } + if (this.full) { + this.full = false; + } + this.collapsed = !this.collapsed; + if (!this.collapsed) { + setTimeout(() => this.scrollToBottom(), 100); + } + } + + protected fullscreen(): void { + if (this.collapsed) { + this.full = true; + this.collapsed = false; + } else { + this.full = !this.full; + } + setTimeout(() => this.scrollToBottom(), 100); + } + + protected async sendMessage(): Promise { + if (!this.userInput.trim() || this.loading) { + return; + } + + const userMessage: ChatMessage = { + role: 'user', + content: this.userInput, + timestamp: new Date() + }; + + this.messages.push(userMessage); + const messageToSend = this.userInput; + this.userInput = ''; + this.loading = true; + this.scrollToBottom(); + + try { + const workgroupId = this.configService.getWorkgroupId(); + const runId = this.configService.getRunId(); + + const response = await this.chatbotService.sendMessage( + messageToSend, + this.messages, + runId, + workgroupId + ); + + const assistantMessage: ChatMessage = { + role: 'assistant', + content: response, + timestamp: new Date() + }; + + this.messages.push(assistantMessage); + this.scrollToBottom(); + } catch (error) { + console.error('Error sending message:', error); + const errorMessage: ChatMessage = { + role: 'assistant', + content: $localize`Sorry, I encountered an error. Please try again.`, + timestamp: new Date() + }; + this.messages.push(errorMessage); + } finally { + this.loading = false; + } + } + + private scrollToBottom(): void { + setTimeout(() => { + const chatContent = document.querySelector('.chatbot__messages'); + if (chatContent) { + chatContent.scrollTop = chatContent.scrollHeight; + } + }, 100); + } + + protected handleKeyPress(event: KeyboardEvent): void { + if (event.key === 'Enter' && !event.shiftKey) { + event.preventDefault(); + this.sendMessage(); + } + } +} diff --git a/src/app/chatbot/chatbot.service.ts b/src/app/chatbot/chatbot.service.ts new file mode 100644 index 00000000000..84a9d3248a4 --- /dev/null +++ b/src/app/chatbot/chatbot.service.ts @@ -0,0 +1,81 @@ +import { Injectable, inject } from '@angular/core'; +import { HttpClient, HttpHeaders } from '@angular/common/http'; +import { firstValueFrom, Observable, of } from 'rxjs'; +import { map, catchError } from 'rxjs/operators'; + +export interface ChatMessage { + role: 'user' | 'assistant' | 'system'; + content: string; + timestamp?: Date; +} + +export interface ChatHistory { + runId: number; + workgroupId: number; + messages: ChatMessage[]; + lastUpdated: Date; +} + +@Injectable({ providedIn: 'root' }) +export class ChatbotService { + private http = inject(HttpClient); + private apiEndpoint = '/api/chat-gpt'; + + async sendMessage( + message: string, + conversationHistory: ChatMessage[], + runId: number, + workgroupId: number + ): Promise { + const headers = new HttpHeaders({ 'Content-Type': 'application/json' }); + const payload = { + messages: conversationHistory.map((msg) => ({ + role: msg.role, + content: msg.content + })), + model: 'gpt-3.5-turbo' + }; + + try { + const response$ = this.http.post(`${this.apiEndpoint}`, payload, { headers }); + const response = await firstValueFrom(response$); + + // this.saveChatHistory(runId, workgroupId, [ + // ...conversationHistory, + // { role: 'user', content: message, timestamp: new Date() }, + // { role: 'assistant', content: response.response, timestamp: new Date() } + // ]).subscribe(); + + return response.choices[0].message.content; + } catch (error) { + console.error('Error calling chatbot API:', error); + throw error; + } + } + + /** + * Get chat history for a specific run and workgroup + */ + getChatHistory(runId: number, workgroupId: number): Observable { + return this.http.get(`${this.apiEndpoint}/history/${runId}/${workgroupId}`).pipe( + map((history) => history.messages || []), + catchError(() => of([])) + ); + } + + /** + * Save chat history to the server + */ + private saveChatHistory( + runId: number, + workgroupId: number, + messages: ChatMessage[] + ): Observable { + const headers = new HttpHeaders({ 'Content-Type': 'application/json' }); + return this.http.post( + `${this.apiEndpoint}/history`, + { runId, workgroupId, messages }, + { headers } + ); + } +} diff --git a/src/assets/wise5/vle/vle.component.html b/src/assets/wise5/vle/vle.component.html index cba3fda1847..2cfe47e43b7 100644 --- a/src/assets/wise5/vle/vle.component.html +++ b/src/assets/wise5/vle/vle.component.html @@ -18,6 +18,12 @@ @if (notesEnabled && !notesVisible) { } + @if (chatbotEnabled) { + + } } diff --git a/src/assets/wise5/vle/vle.component.ts b/src/assets/wise5/vle/vle.component.ts index 9753df97860..45475972495 100644 --- a/src/assets/wise5/vle/vle.component.ts +++ b/src/assets/wise5/vle/vle.component.ts @@ -38,9 +38,11 @@ import { Subscription } from 'rxjs'; import { TopBarComponent } from '../../../app/student/top-bar/top-bar.component'; import { VLEProjectService } from './vleProjectService'; import { WiseLinkService } from '../../../app/services/wiseLinkService'; +import { ChatbotComponent } from '../../../app/chatbot/chatbot.component'; @Component({ imports: [ + ChatbotComponent, CommonModule, GroupTabsComponent, MatSidenavModule, @@ -60,6 +62,8 @@ import { WiseLinkService } from '../../../app/services/wiseLinkService'; templateUrl: './vle.component.html' }) export class VLEComponent implements AfterViewInit { + protected chatbotEnabled: boolean = false; + protected chatbotConfig: any; protected currentNode: Node; @ViewChild('defaultVLETemplate') private defaultVLETemplate: TemplateRef; @ViewChild('drawer') public drawer: any; @@ -156,6 +160,7 @@ export class VLEComponent implements AfterViewInit { this.setLayoutState(); this.initializeSubscriptions(); this.saveNodeEnteredEvent(); + this.initializeChatbot(); // Set isSurvey if (!this.configService.isPreview()) { @@ -436,6 +441,13 @@ export class VLEComponent implements AfterViewInit { this.studentDataService.saveEvents([this.createNodeEnteredEvent()]); } + private initializeChatbot(): void { + if (this.project.chatbot?.enabled) { + this.chatbotEnabled = true; + this.chatbotConfig = this.project.chatbot; + } + } + private saveNodeExitedEvent(): void { this.studentDataService.saveEvents([this.createNodeExitedEvent()]); } From 3d527f63deb21b9842710355dfafe725fa562e3a Mon Sep 17 00:00:00 2001 From: Hiroki Terashima Date: Tue, 23 Dec 2025 18:33:41 -0800 Subject: [PATCH 02/32] Let user create new chats --- src/app/chatbot/chatbot.component.html | 72 +++++++++++++--- src/app/chatbot/chatbot.component.scss | 78 +++++++++++++++-- src/app/chatbot/chatbot.component.ts | 107 +++++++++++++++++++++-- src/app/chatbot/chatbot.service.ts | 115 ++++++++++++++++++++++++- 4 files changed, 343 insertions(+), 29 deletions(-) diff --git a/src/app/chatbot/chatbot.component.html b/src/app/chatbot/chatbot.component.html index 5a0c8722710..438d09254fc 100644 --- a/src/app/chatbot/chatbot.component.html +++ b/src/app/chatbot/chatbot.component.html @@ -11,6 +11,55 @@ AI Assistant + @if (!collapsed && currentChat) { + + + + + @for (chat of chats; track chat.id) { + + + + + + } + + } - + diff --git a/src/app/chatbot/chatbot.component.scss b/src/app/chatbot/chatbot.component.scss index b82f2bb03ce..87e10eae5f9 100644 --- a/src/app/chatbot/chatbot.component.scss +++ b/src/app/chatbot/chatbot.component.scss @@ -136,13 +136,14 @@ $width-collapsed: 300px !default; .chatbot__input-container { display: flex; - flex-direction: column; + flex-direction: row; + align-items: flex-end; gap: 8px; width: 100%; } .chatbot__input-field { - width: 100%; + flex: 1; margin: 0; textarea { @@ -150,11 +151,16 @@ $width-collapsed: 300px !default; } } -.chatbot__actions { - display: flex; - justify-content: space-between; - align-items: center; - gap: 8px; +.chatbot__send-button { + margin-bottom: 4px; + width: 48px; + height: 48px; + + mat-icon { + font-size: 24px; + width: 24px; + height: 24px; + } } @keyframes fadeIn { @@ -168,6 +174,63 @@ $width-collapsed: 300px !default; } } +.chatbot__chat-selector { + max-width: 200px; + text-transform: none; + font-size: 14px; + + .chatbot__chat-title { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + max-width: 150px; + display: inline-block; + } +} + +.chatbot__chat-item { + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + gap: 8px; + + .chatbot__chat-item-title { + flex: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + .chatbot__chat-actions { + display: flex; + gap: 4px; + opacity: 0; + transition: opacity 0.2s; + } + + .chatbot__edit-chat, + .chatbot__delete-chat { + width: 32px; + height: 32px; + + mat-icon { + font-size: 18px; + width: 18px; + height: 18px; + } + } + + &:hover .chatbot__chat-actions { + opacity: 1; + } +} + + +.mat-mdc-menu-item.active { + background-color: rgba(0, 0, 0, 0.04); +} + // Adjust positioning when notebook report is visible :host-context(.notes-visible) .chatbot { right: calc(450px + 32px); @@ -180,3 +243,4 @@ $width-collapsed: 300px !default; :host-context(.report-full) .chatbot { display: none; } + diff --git a/src/app/chatbot/chatbot.component.ts b/src/app/chatbot/chatbot.component.ts index 12f2f6bb3e4..7730289e6e5 100644 --- a/src/app/chatbot/chatbot.component.ts +++ b/src/app/chatbot/chatbot.component.ts @@ -8,9 +8,13 @@ import { MatIconModule } from '@angular/material/icon'; import { MatInputModule } from '@angular/material/input'; import { MatProgressSpinnerModule } from '@angular/material/progress-spinner'; import { MatTooltipModule } from '@angular/material/tooltip'; +import { MatMenuModule } from '@angular/material/menu'; +import { MatListModule } from '@angular/material/list'; +import { MatDividerModule } from '@angular/material/divider'; +import { MatDialog, MatDialogModule } from '@angular/material/dialog'; import { BreakpointObserver } from '@angular/cdk/layout'; import { Subscription } from 'rxjs'; -import { ChatbotService, ChatMessage } from './chatbot.service'; +import { ChatbotService, ChatMessage, Chat } from './chatbot.service'; import { ConfigService } from '../../assets/wise5/services/configService'; @Component({ @@ -23,7 +27,11 @@ import { ConfigService } from '../../assets/wise5/services/configService'; MatIconModule, MatInputModule, MatProgressSpinnerModule, - MatTooltipModule + MatTooltipModule, + MatMenuModule, + MatListModule, + MatDividerModule, + MatDialogModule ], selector: 'chatbot', styleUrl: 'chatbot.component.scss', @@ -35,12 +43,15 @@ export class ChatbotComponent { private breakpointObserver = inject(BreakpointObserver); private chatbotService: ChatbotService = inject(ChatbotService); private configService: ConfigService = inject(ConfigService); + private dialog = inject(MatDialog); protected collapsed: boolean = true; protected full: boolean = false; protected messages: ChatMessage[] = []; protected userInput: string = ''; protected loading: boolean = false; + protected chats: Chat[] = []; + protected currentChat: Chat | null = null; private subscriptions: Subscription = new Subscription(); ngOnInit(): void { @@ -51,12 +62,19 @@ export class ChatbotComponent { } }); - this.messages.push({ - role: 'system', - content: 'You are a helpful assistant. Be polite and concise.' - }); - // Load chat history if available - //this.loadChatHistory(); + // Load existing chats or create a new one + const workgroupId = this.configService.getWorkgroupId(); + const runId = this.configService.getRunId(); + this.chats = this.chatbotService.getChats(runId, workgroupId); + + if (this.chats.length === 0) { + // Create first chat + this.createNewChat(); + } else { + // Load the most recent chat + this.currentChat = this.chats[this.chats.length - 1]; + this.messages = [...this.currentChat.messages]; + } } ngOnDestroy(): void { @@ -102,7 +120,7 @@ export class ChatbotComponent { } protected async sendMessage(): Promise { - if (!this.userInput.trim() || this.loading) { + if (!this.userInput.trim() || this.loading || !this.currentChat) { return; } @@ -136,6 +154,14 @@ export class ChatbotComponent { }; this.messages.push(assistantMessage); + + // Update current chat with new messages + this.currentChat.messages = [...this.messages]; + this.chatbotService.updateChat(runId, workgroupId, this.currentChat); + + // Refresh chats list + this.chats = this.chatbotService.getChats(runId, workgroupId); + this.scrollToBottom(); } catch (error) { console.error('Error sending message:', error); @@ -150,6 +176,69 @@ export class ChatbotComponent { } } + protected createNewChat(): void { + const workgroupId = this.configService.getWorkgroupId(); + const runId = this.configService.getRunId(); + + const newChat = this.chatbotService.createChat(runId, workgroupId); + this.chats = this.chatbotService.getChats(runId, workgroupId); + this.switchToChat(newChat); + } + + protected switchToChat(chat: Chat): void { + this.currentChat = chat; + this.messages = [...chat.messages]; + setTimeout(() => this.scrollToBottom(), 100); + } + + protected deleteChat(chat: Chat, event: Event): void { + event.stopPropagation(); + + // Show confirmation dialog + const confirmed = confirm( + $localize`Are you sure you want to delete "${chat.title}"? This action cannot be undone.` + ); + + if (!confirmed) { + return; + } + + const workgroupId = this.configService.getWorkgroupId(); + const runId = this.configService.getRunId(); + + this.chatbotService.deleteChat(runId, workgroupId, chat.id); + this.chats = this.chatbotService.getChats(runId, workgroupId); + + // If we deleted the current chat, switch to another one or create a new one + if (this.currentChat?.id === chat.id) { + if (this.chats.length > 0) { + this.switchToChat(this.chats[this.chats.length - 1]); + } else { + this.createNewChat(); + } + } + } + + protected editChatTitle(chat: Chat, event: Event): void { + event.stopPropagation(); + + const newTitle = prompt($localize`Enter new chat title:`, chat.title); + + if (newTitle && newTitle.trim() && newTitle !== chat.title) { + const workgroupId = this.configService.getWorkgroupId(); + const runId = this.configService.getRunId(); + + chat.title = newTitle.trim(); + this.chatbotService.updateChat(runId, workgroupId, chat); + this.chats = this.chatbotService.getChats(runId, workgroupId); + + // Update current chat reference if it's the one being edited + if (this.currentChat?.id === chat.id) { + this.currentChat = chat; + } + } + } + private scrollToBottom(): void { setTimeout(() => { const chatContent = document.querySelector('.chatbot__messages'); diff --git a/src/app/chatbot/chatbot.service.ts b/src/app/chatbot/chatbot.service.ts index 84a9d3248a4..461e93acc1b 100644 --- a/src/app/chatbot/chatbot.service.ts +++ b/src/app/chatbot/chatbot.service.ts @@ -9,6 +9,14 @@ export interface ChatMessage { timestamp?: Date; } +export interface Chat { + id: string; + title: string; + messages: ChatMessage[]; + createdAt: Date; + lastUpdated: Date; +} + export interface ChatHistory { runId: number; workgroupId: number; @@ -18,8 +26,9 @@ export interface ChatHistory { @Injectable({ providedIn: 'root' }) export class ChatbotService { - private http = inject(HttpClient); private apiEndpoint = '/api/chat-gpt'; + private newChatTitlePrefix = $localize`New chat`; + private http = inject(HttpClient); async sendMessage( message: string, @@ -78,4 +87,108 @@ export class ChatbotService { { headers } ); } + + /** + * Get all chats for a specific run and workgroup + */ + getChats(runId: number, workgroupId: number): Chat[] { + const key = this.getChatStorageKey(runId, workgroupId); + const stored = localStorage.getItem(key); + if (!stored) { + return []; + } + try { + const chats = JSON.parse(stored); + // Convert date strings back to Date objects + return chats.map((chat: any) => ({ + ...chat, + createdAt: new Date(chat.createdAt), + lastUpdated: new Date(chat.lastUpdated), + messages: chat.messages.map((msg: any) => ({ + ...msg, + timestamp: msg.timestamp ? new Date(msg.timestamp) : undefined + })) + })); + } catch (error) { + console.error('Error parsing chats from localStorage:', error); + return []; + } + } + + /** + * Create a new chat + */ + createChat(runId: number, workgroupId: number, title?: string): Chat { + const chats = this.getChats(runId, workgroupId); + + // Generate incremental title if not provided + let chatTitle = title; + if (!chatTitle) { + // Find the highest chat number + const chatNumbers = chats + .map((chat) => { + const match = chat.title.match(new RegExp(`^${this.newChatTitlePrefix} (\\d+)$`)); + return match ? parseInt(match[1], 10) : 0; + }) + .filter((num) => num > 0); + + const nextNumber = chatNumbers.length > 0 ? Math.max(...chatNumbers) + 1 : 1; + chatTitle = `${this.newChatTitlePrefix} ${nextNumber}`; + } + + const newChat: Chat = { + id: `chat_${Date.now()}`, // Use timestamp as unique ID + title: chatTitle, + messages: [ + { + role: 'system', + content: 'You are a helpful assistant. Be polite and concise.' + } + ], + createdAt: new Date(), + lastUpdated: new Date() + }; + + chats.push(newChat); + this.saveChats(runId, workgroupId, chats); + return newChat; + } + + /** + * Update an existing chat + */ + updateChat(runId: number, workgroupId: number, chat: Chat): void { + const chats = this.getChats(runId, workgroupId); + const index = chats.findIndex((c) => c.id === chat.id); + if (index !== -1) { + chat.lastUpdated = new Date(); + chats[index] = chat; + this.saveChats(runId, workgroupId, chats); + } + } + + /** + * Delete a chat + */ + deleteChat(runId: number, workgroupId: number, chatId: string): void { + const chats = this.getChats(runId, workgroupId); + const filtered = chats.filter((c) => c.id !== chatId); + this.saveChats(runId, workgroupId, filtered); + } + + /** + * Get a specific chat by ID + */ + getChat(runId: number, workgroupId: number, chatId: string): Chat | undefined { + return this.getChats(runId, workgroupId).find((c) => c.id === chatId); + } + + private getChatStorageKey(runId: number, workgroupId: number): string { + return `chatbot_chats_${runId}_${workgroupId}`; + } + + private saveChats(runId: number, workgroupId: number, chats: Chat[]): void { + const key = this.getChatStorageKey(runId, workgroupId); + localStorage.setItem(key, JSON.stringify(chats)); + } } From 41758111e0a648f404227a2bc8cb125d008da2d0 Mon Sep 17 00:00:00 2001 From: Hiroki Terashima Date: Wed, 24 Dec 2025 08:00:45 -0800 Subject: [PATCH 03/32] Clean up code, make more readable --- src/app/chatbot/chatbot.component.ts | 53 +++++++++++----------------- src/app/chatbot/chatbot.service.ts | 21 ----------- 2 files changed, 20 insertions(+), 54 deletions(-) diff --git a/src/app/chatbot/chatbot.component.ts b/src/app/chatbot/chatbot.component.ts index 7730289e6e5..d7edeefda54 100644 --- a/src/app/chatbot/chatbot.component.ts +++ b/src/app/chatbot/chatbot.component.ts @@ -11,7 +11,6 @@ import { MatTooltipModule } from '@angular/material/tooltip'; import { MatMenuModule } from '@angular/material/menu'; import { MatListModule } from '@angular/material/list'; import { MatDividerModule } from '@angular/material/divider'; -import { MatDialog, MatDialogModule } from '@angular/material/dialog'; import { BreakpointObserver } from '@angular/cdk/layout'; import { Subscription } from 'rxjs'; import { ChatbotService, ChatMessage, Chat } from './chatbot.service'; @@ -30,8 +29,7 @@ import { ConfigService } from '../../assets/wise5/services/configService'; MatTooltipModule, MatMenuModule, MatListModule, - MatDividerModule, - MatDialogModule + MatDividerModule ], selector: 'chatbot', styleUrl: 'chatbot.component.scss', @@ -43,7 +41,6 @@ export class ChatbotComponent { private breakpointObserver = inject(BreakpointObserver); private chatbotService: ChatbotService = inject(ChatbotService); private configService: ConfigService = inject(ConfigService); - private dialog = inject(MatDialog); protected collapsed: boolean = true; protected full: boolean = false; @@ -55,23 +52,24 @@ export class ChatbotComponent { private subscriptions: Subscription = new Subscription(); ngOnInit(): void { - this.breakpointObserver.observe(['(max-width: 40rem)']).subscribe((result) => { - if (!this.collapsed) { - this.collapsed = true; - this.fullscreen(); - } - }); + this.subscriptions.add( + this.breakpointObserver.observe(['(max-width: 40rem)']).subscribe((result) => { + if (!this.collapsed) { + this.collapsed = true; + this.fullscreen(); + } + }) + ); // Load existing chats or create a new one - const workgroupId = this.configService.getWorkgroupId(); - const runId = this.configService.getRunId(); - this.chats = this.chatbotService.getChats(runId, workgroupId); + this.chats = this.chatbotService.getChats( + this.configService.getRunId(), + this.configService.getWorkgroupId() + ); if (this.chats.length === 0) { - // Create first chat this.createNewChat(); } else { - // Load the most recent chat this.currentChat = this.chats[this.chats.length - 1]; this.messages = [...this.currentChat.messages]; } @@ -105,7 +103,7 @@ export class ChatbotComponent { } this.collapsed = !this.collapsed; if (!this.collapsed) { - setTimeout(() => this.scrollToBottom(), 100); + this.scrollToBottom(); } } @@ -116,7 +114,7 @@ export class ChatbotComponent { } else { this.full = !this.full; } - setTimeout(() => this.scrollToBottom(), 100); + this.scrollToBottom(); } protected async sendMessage(): Promise { @@ -131,7 +129,6 @@ export class ChatbotComponent { }; this.messages.push(userMessage); - const messageToSend = this.userInput; this.userInput = ''; this.loading = true; this.scrollToBottom(); @@ -139,9 +136,8 @@ export class ChatbotComponent { try { const workgroupId = this.configService.getWorkgroupId(); const runId = this.configService.getRunId(); - const response = await this.chatbotService.sendMessage( - messageToSend, + userMessage.content, this.messages, runId, workgroupId @@ -179,7 +175,6 @@ export class ChatbotComponent { protected createNewChat(): void { const workgroupId = this.configService.getWorkgroupId(); const runId = this.configService.getRunId(); - const newChat = this.chatbotService.createChat(runId, workgroupId); this.chats = this.chatbotService.getChats(runId, workgroupId); this.switchToChat(newChat); @@ -188,24 +183,19 @@ export class ChatbotComponent { protected switchToChat(chat: Chat): void { this.currentChat = chat; this.messages = [...chat.messages]; - setTimeout(() => this.scrollToBottom(), 100); + this.scrollToBottom(); } protected deleteChat(chat: Chat, event: Event): void { event.stopPropagation(); - // Show confirmation dialog - const confirmed = confirm( - $localize`Are you sure you want to delete "${chat.title}"? This action cannot be undone.` - ); - - if (!confirmed) { + const msg = $localize`Are you sure you want to delete "${chat.title}"? This action cannot be undone.`; + if (!confirm(msg)) { return; } const workgroupId = this.configService.getWorkgroupId(); const runId = this.configService.getRunId(); - this.chatbotService.deleteChat(runId, workgroupId, chat.id); this.chats = this.chatbotService.getChats(runId, workgroupId); @@ -223,7 +213,6 @@ export class ChatbotComponent { event.stopPropagation(); const newTitle = prompt($localize`Enter new chat title:`, chat.title); - if (newTitle && newTitle.trim() && newTitle !== chat.title) { const workgroupId = this.configService.getWorkgroupId(); const runId = this.configService.getRunId(); @@ -242,9 +231,7 @@ export class ChatbotComponent { private scrollToBottom(): void { setTimeout(() => { const chatContent = document.querySelector('.chatbot__messages'); - if (chatContent) { - chatContent.scrollTop = chatContent.scrollHeight; - } + chatContent.scrollTop = chatContent.scrollHeight; }, 100); } diff --git a/src/app/chatbot/chatbot.service.ts b/src/app/chatbot/chatbot.service.ts index 461e93acc1b..5ca81f57d4f 100644 --- a/src/app/chatbot/chatbot.service.ts +++ b/src/app/chatbot/chatbot.service.ts @@ -62,9 +62,6 @@ export class ChatbotService { } } - /** - * Get chat history for a specific run and workgroup - */ getChatHistory(runId: number, workgroupId: number): Observable { return this.http.get(`${this.apiEndpoint}/history/${runId}/${workgroupId}`).pipe( map((history) => history.messages || []), @@ -72,9 +69,6 @@ export class ChatbotService { ); } - /** - * Save chat history to the server - */ private saveChatHistory( runId: number, workgroupId: number, @@ -88,9 +82,6 @@ export class ChatbotService { ); } - /** - * Get all chats for a specific run and workgroup - */ getChats(runId: number, workgroupId: number): Chat[] { const key = this.getChatStorageKey(runId, workgroupId); const stored = localStorage.getItem(key); @@ -115,9 +106,6 @@ export class ChatbotService { } } - /** - * Create a new chat - */ createChat(runId: number, workgroupId: number, title?: string): Chat { const chats = this.getChats(runId, workgroupId); @@ -154,9 +142,6 @@ export class ChatbotService { return newChat; } - /** - * Update an existing chat - */ updateChat(runId: number, workgroupId: number, chat: Chat): void { const chats = this.getChats(runId, workgroupId); const index = chats.findIndex((c) => c.id === chat.id); @@ -167,18 +152,12 @@ export class ChatbotService { } } - /** - * Delete a chat - */ deleteChat(runId: number, workgroupId: number, chatId: string): void { const chats = this.getChats(runId, workgroupId); const filtered = chats.filter((c) => c.id !== chatId); this.saveChats(runId, workgroupId, filtered); } - /** - * Get a specific chat by ID - */ getChat(runId: number, workgroupId: number, chatId: string): Chat | undefined { return this.getChats(runId, workgroupId).find((c) => c.id === chatId); } From 216d40e650cd23d43962f132bfd2f829d6eda60f Mon Sep 17 00:00:00 2001 From: Hiroki Terashima Date: Wed, 24 Dec 2025 11:25:53 -0800 Subject: [PATCH 04/32] Chatbot create and retrieve chats working with dummy backend --- src/app/chatbot/chatbot.component.html | 4 +- src/app/chatbot/chatbot.component.ts | 154 +++++++++++-------------- src/app/chatbot/chatbot.service.ts | 139 ++++++---------------- 3 files changed, 104 insertions(+), 193 deletions(-) diff --git a/src/app/chatbot/chatbot.component.html b/src/app/chatbot/chatbot.component.html index 438d09254fc..e50f172375d 100644 --- a/src/app/chatbot/chatbot.component.html +++ b/src/app/chatbot/chatbot.component.html @@ -123,9 +123,7 @@ {{ message.role === 'user' ? 'You' : 'AI Assistant' }} -
- {{ message.content }} -
+
{{ message.content }}
} } diff --git a/src/app/chatbot/chatbot.component.ts b/src/app/chatbot/chatbot.component.ts index d7edeefda54..c0a9a5189e8 100644 --- a/src/app/chatbot/chatbot.component.ts +++ b/src/app/chatbot/chatbot.component.ts @@ -62,37 +62,28 @@ export class ChatbotComponent { ); // Load existing chats or create a new one - this.chats = this.chatbotService.getChats( - this.configService.getRunId(), - this.configService.getWorkgroupId() - ); - - if (this.chats.length === 0) { - this.createNewChat(); - } else { - this.currentChat = this.chats[this.chats.length - 1]; - this.messages = [...this.currentChat.messages]; - } + this.chatbotService + .getChats(this.configService.getRunId(), this.configService.getWorkgroupId()) + .subscribe({ + next: (chats) => { + this.chats = chats; + if (this.chats.length === 0) { + this.createNewChat(); + } else { + this.currentChat = this.chats[this.chats.length - 1]; + this.messages = [...this.currentChat.messages]; + } + }, + error: (error) => { + console.error('Error loading chats:', error); + } + }); } ngOnDestroy(): void { this.subscriptions.unsubscribe(); } - private loadChatHistory(): void { - const workgroupId = this.configService.getWorkgroupId(); - const runId = this.configService.getRunId(); - this.chatbotService.getChatHistory(runId, workgroupId).subscribe({ - next: (messages) => { - this.messages = messages; - this.scrollToBottom(); - }, - error: (error) => { - console.error('Error loading chat history:', error); - } - }); - } - protected toggleCollapse(): void { if (this.collapsed && this.breakpointObserver.isMatched('(max-width: 40rem)')) { this.fullscreen(); @@ -121,43 +112,27 @@ export class ChatbotComponent { if (!this.userInput.trim() || this.loading || !this.currentChat) { return; } - const userMessage: ChatMessage = { role: 'user', content: this.userInput, timestamp: new Date() }; - this.messages.push(userMessage); this.userInput = ''; this.loading = true; this.scrollToBottom(); - try { - const workgroupId = this.configService.getWorkgroupId(); - const runId = this.configService.getRunId(); - const response = await this.chatbotService.sendMessage( - userMessage.content, - this.messages, - runId, - workgroupId - ); - + const response = await this.chatbotService.sendMessage(this.messages); const assistantMessage: ChatMessage = { role: 'assistant', content: response, timestamp: new Date() }; - this.messages.push(assistantMessage); - - // Update current chat with new messages this.currentChat.messages = [...this.messages]; - this.chatbotService.updateChat(runId, workgroupId, this.currentChat); - - // Refresh chats list - this.chats = this.chatbotService.getChats(runId, workgroupId); - + const runId = this.configService.getRunId(); + const workgroupId = this.configService.getWorkgroupId(); + await this.chatbotService.updateChat(runId, workgroupId, this.currentChat); this.scrollToBottom(); } catch (error) { console.error('Error sending message:', error); @@ -172,14 +147,31 @@ export class ChatbotComponent { } } - protected createNewChat(): void { + protected async createNewChat(): Promise { const workgroupId = this.configService.getWorkgroupId(); const runId = this.configService.getRunId(); - const newChat = this.chatbotService.createChat(runId, workgroupId); - this.chats = this.chatbotService.getChats(runId, workgroupId); + const newChat = await this.chatbotService.createChat(runId, workgroupId, this.getChatTitle()); + this.chatbotService + .getChats(this.configService.getRunId(), this.configService.getWorkgroupId()) + .subscribe((chats) => { + this.chats = chats; + }); this.switchToChat(newChat); } + private getChatTitle(): string { + const newChatTitlePrefix = $localize`New chat`; + // Find the highest chat number in title + const chatsWithNumInTitle = this.chats + .map((chat) => { + const match = chat.title.match(new RegExp(`^${newChatTitlePrefix} (\\d+)$`)); + return match ? parseInt(match[1], 10) : 0; + }) + .filter((num) => num > 0); + const nextNum = chatsWithNumInTitle.length > 0 ? Math.max(...chatsWithNumInTitle) + 1 : 1; + return `${newChatTitlePrefix} ${nextNum}`; + } + protected switchToChat(chat: Chat): void { this.currentChat = chat; this.messages = [...chat.messages]; @@ -187,45 +179,39 @@ export class ChatbotComponent { } protected deleteChat(chat: Chat, event: Event): void { - event.stopPropagation(); - - const msg = $localize`Are you sure you want to delete "${chat.title}"? This action cannot be undone.`; - if (!confirm(msg)) { - return; - } - - const workgroupId = this.configService.getWorkgroupId(); - const runId = this.configService.getRunId(); - this.chatbotService.deleteChat(runId, workgroupId, chat.id); - this.chats = this.chatbotService.getChats(runId, workgroupId); - - // If we deleted the current chat, switch to another one or create a new one - if (this.currentChat?.id === chat.id) { - if (this.chats.length > 0) { - this.switchToChat(this.chats[this.chats.length - 1]); - } else { - this.createNewChat(); - } - } + // event.stopPropagation(); + // const msg = $localize`Are you sure you want to delete "${chat.title}"? This action cannot be undone.`; + // if (!confirm(msg)) { + // return; + // } + // const workgroupId = this.configService.getWorkgroupId(); + // const runId = this.configService.getRunId(); + // this.chatbotService.deleteChat(runId, workgroupId, chat.id); + // this.chats = this.chatbotService.getChats(runId, workgroupId); + // // If we deleted the current chat, switch to another one or create a new one + // if (this.currentChat?.id === chat.id) { + // if (this.chats.length > 0) { + // this.switchToChat(this.chats[this.chats.length - 1]); + // } else { + // this.createNewChat(); + // } + // } } protected editChatTitle(chat: Chat, event: Event): void { - event.stopPropagation(); - - const newTitle = prompt($localize`Enter new chat title:`, chat.title); - if (newTitle && newTitle.trim() && newTitle !== chat.title) { - const workgroupId = this.configService.getWorkgroupId(); - const runId = this.configService.getRunId(); - - chat.title = newTitle.trim(); - this.chatbotService.updateChat(runId, workgroupId, chat); - this.chats = this.chatbotService.getChats(runId, workgroupId); - - // Update current chat reference if it's the one being edited - if (this.currentChat?.id === chat.id) { - this.currentChat = chat; - } - } + // event.stopPropagation(); + // const newTitle = prompt($localize`Enter new chat title:`, chat.title); + // if (newTitle && newTitle.trim() && newTitle !== chat.title) { + // const workgroupId = this.configService.getWorkgroupId(); + // const runId = this.configService.getRunId(); + // chat.title = newTitle.trim(); + // this.chatbotService.updateChat(runId, workgroupId, chat); + // this.chats = this.chatbotService.getChats(runId, workgroupId); + // // Update current chat reference if it's the one being edited + // if (this.currentChat?.id === chat.id) { + // this.currentChat = chat; + // } + // } } private scrollToBottom(): void { diff --git a/src/app/chatbot/chatbot.service.ts b/src/app/chatbot/chatbot.service.ts index 5ca81f57d4f..8c4e02053f7 100644 --- a/src/app/chatbot/chatbot.service.ts +++ b/src/app/chatbot/chatbot.service.ts @@ -1,14 +1,8 @@ import { Injectable, inject } from '@angular/core'; -import { HttpClient, HttpHeaders } from '@angular/common/http'; +import { HttpClient } from '@angular/common/http'; import { firstValueFrom, Observable, of } from 'rxjs'; import { map, catchError } from 'rxjs/operators'; -export interface ChatMessage { - role: 'user' | 'assistant' | 'system'; - content: string; - timestamp?: Date; -} - export interface Chat { id: string; title: string; @@ -17,26 +11,24 @@ export interface Chat { lastUpdated: Date; } -export interface ChatHistory { - runId: number; - workgroupId: number; - messages: ChatMessage[]; - lastUpdated: Date; +export interface ChatMessage { + role: 'user' | 'assistant' | 'system'; + content: string; + timestamp?: Date; } @Injectable({ providedIn: 'root' }) export class ChatbotService { - private apiEndpoint = '/api/chat-gpt'; - private newChatTitlePrefix = $localize`New chat`; + private chatGptEndpoint = '/api/chat-gpt'; + private chatsEndpoint = '/api/chatbot/chats'; private http = inject(HttpClient); - async sendMessage( - message: string, - conversationHistory: ChatMessage[], - runId: number, - workgroupId: number - ): Promise { - const headers = new HttpHeaders({ 'Content-Type': 'application/json' }); + /** + * Sends a message to the chat-gpt endpoint. + * @param conversationHistory The conversation history. + * @returns A promise that resolves to the response from the chat-gpt endpoint. + */ + async sendMessage(conversationHistory: ChatMessage[]): Promise { const payload = { messages: conversationHistory.map((msg) => ({ role: msg.role, @@ -44,88 +36,27 @@ export class ChatbotService { })), model: 'gpt-3.5-turbo' }; - try { - const response$ = this.http.post(`${this.apiEndpoint}`, payload, { headers }); - const response = await firstValueFrom(response$); - - // this.saveChatHistory(runId, workgroupId, [ - // ...conversationHistory, - // { role: 'user', content: message, timestamp: new Date() }, - // { role: 'assistant', content: response.response, timestamp: new Date() } - // ]).subscribe(); - + const response = await firstValueFrom( + this.http.post(`${this.chatGptEndpoint}`, payload) + ); return response.choices[0].message.content; } catch (error) { - console.error('Error calling chatbot API:', error); + console.error('Error calling chat-gpt endpoint:', error); throw error; } } - getChatHistory(runId: number, workgroupId: number): Observable { - return this.http.get(`${this.apiEndpoint}/history/${runId}/${workgroupId}`).pipe( - map((history) => history.messages || []), + getChats(runId: number, workgroupId: number): Observable { + return this.http.get(`${this.chatsEndpoint}/${runId}/${workgroupId}`).pipe( + map((chats) => chats || []), catchError(() => of([])) ); } - private saveChatHistory( - runId: number, - workgroupId: number, - messages: ChatMessage[] - ): Observable { - const headers = new HttpHeaders({ 'Content-Type': 'application/json' }); - return this.http.post( - `${this.apiEndpoint}/history`, - { runId, workgroupId, messages }, - { headers } - ); - } - - getChats(runId: number, workgroupId: number): Chat[] { - const key = this.getChatStorageKey(runId, workgroupId); - const stored = localStorage.getItem(key); - if (!stored) { - return []; - } - try { - const chats = JSON.parse(stored); - // Convert date strings back to Date objects - return chats.map((chat: any) => ({ - ...chat, - createdAt: new Date(chat.createdAt), - lastUpdated: new Date(chat.lastUpdated), - messages: chat.messages.map((msg: any) => ({ - ...msg, - timestamp: msg.timestamp ? new Date(msg.timestamp) : undefined - })) - })); - } catch (error) { - console.error('Error parsing chats from localStorage:', error); - return []; - } - } - - createChat(runId: number, workgroupId: number, title?: string): Chat { - const chats = this.getChats(runId, workgroupId); - - // Generate incremental title if not provided - let chatTitle = title; - if (!chatTitle) { - // Find the highest chat number - const chatNumbers = chats - .map((chat) => { - const match = chat.title.match(new RegExp(`^${this.newChatTitlePrefix} (\\d+)$`)); - return match ? parseInt(match[1], 10) : 0; - }) - .filter((num) => num > 0); - - const nextNumber = chatNumbers.length > 0 ? Math.max(...chatNumbers) + 1 : 1; - chatTitle = `${this.newChatTitlePrefix} ${nextNumber}`; - } - + createChat(runId: number, workgroupId: number, chatTitle: string): Promise { const newChat: Chat = { - id: `chat_${Date.now()}`, // Use timestamp as unique ID + id: null, // id will be generated by the server title: chatTitle, messages: [ { @@ -136,30 +67,26 @@ export class ChatbotService { createdAt: new Date(), lastUpdated: new Date() }; - - chats.push(newChat); - this.saveChats(runId, workgroupId, chats); - return newChat; + return firstValueFrom( + this.http.post(`${this.chatsEndpoint}/${runId}/${workgroupId}`, newChat) + ); } - updateChat(runId: number, workgroupId: number, chat: Chat): void { - const chats = this.getChats(runId, workgroupId); - const index = chats.findIndex((c) => c.id === chat.id); - if (index !== -1) { - chat.lastUpdated = new Date(); - chats[index] = chat; - this.saveChats(runId, workgroupId, chats); - } + updateChat(runId: number, workgroupId: number, chat: Chat): Promise { + return firstValueFrom( + this.http.put(`${this.chatsEndpoint}/${runId}/${workgroupId}/${chat.id}`, chat) + ); } deleteChat(runId: number, workgroupId: number, chatId: string): void { const chats = this.getChats(runId, workgroupId); - const filtered = chats.filter((c) => c.id !== chatId); - this.saveChats(runId, workgroupId, filtered); + // const filtered = chats.filter((c) => c.id !== chatId); + // this.saveChats(runId, workgroupId, filtered); } getChat(runId: number, workgroupId: number, chatId: string): Chat | undefined { - return this.getChats(runId, workgroupId).find((c) => c.id === chatId); + return null; + // return this.getChats(runId, workgroupId).find((c) => c.id === chatId); } private getChatStorageKey(runId: number, workgroupId: number): string { From f7db8ef44b5a1abb688a2dace4abc928b6eaee07 Mon Sep 17 00:00:00 2001 From: Hiroki Terashima Date: Mon, 29 Dec 2025 13:02:02 -0800 Subject: [PATCH 05/32] Let user edit chat title --- src/app/chatbot/chatbot.component.html | 2 +- src/app/chatbot/chatbot.component.ts | 33 ++--- src/messages.xlf | 170 ++++++++++++++++++++----- 3 files changed, 154 insertions(+), 51 deletions(-) diff --git a/src/app/chatbot/chatbot.component.html b/src/app/chatbot/chatbot.component.html index e50f172375d..70486b42563 100644 --- a/src/app/chatbot/chatbot.component.html +++ b/src/app/chatbot/chatbot.component.html @@ -26,7 +26,7 @@ add New Chat - + @for (chat of chats; track chat.id) { @@ -61,7 +62,7 @@ } + + + } @else { +
+
+ chat + {{ chat.title }} +
+
+ {{ formatDate(chat.lastUpdated) }} + + {{ getMessageCount(chat) }} + @if (getMessageCount(chat) === 1) { + message + } @else { + messages + } + +
+
+
+ + +
+ } + + @if (!$last) { + + } + } + + } + + + + diff --git a/src/app/chatbot/chat-history-dialog.component.scss b/src/app/chatbot/chat-history-dialog.component.scss new file mode 100644 index 00000000000..650b6ecf24e --- /dev/null +++ b/src/app/chatbot/chat-history-dialog.component.scss @@ -0,0 +1,112 @@ +.chat-history-dialog { + min-width: 500px; + max-width: 600px; + min-height: 400px; + max-height: 70vh; +} + +.empty-state { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 3rem 1rem; + color: rgba(0, 0, 0, 0.54); +} + +.empty-icon { + font-size: 64px; + width: 64px; + height: 64px; + margin-bottom: 1rem; + opacity: 0.3; +} + +.chat-item { + cursor: pointer !important; + transition: background-color 0.2s; + padding: 0.5rem 1rem; + height: auto !important; + min-height: 72px; + + &:hover { + background-color: rgba(0, 0, 0, 0.04); + } + + &.active { + background-color: rgba(63, 81, 181, 0.1); + border-left: 4px solid #3f51b5; + } +} + +.chat-item-content { + flex: 1; + display: flex; + flex-direction: column; + gap: 0.5rem; + padding-right: 1rem; +} + +.chat-item-title { + display: flex; + align-items: center; + gap: 0.5rem; + font-weight: 500; + font-size: 1rem; +} + +.chat-icon { + font-size: 20px; + width: 20px; + height: 20px; +} + +.chat-item-meta { + display: flex; + gap: 1rem; + font-size: 0.875rem; + color: rgba(0, 0, 0, 0.6); +} + +.chat-item-actions { + display: flex; + gap: 0.25rem; + opacity: 0; + transition: opacity 0.2s; +} + +.chat-item:hover .chat-item-actions { + opacity: 1; +} + +.edit-mode { + display: flex; + align-items: center; + gap: 0.5rem; + width: 100%; +} + +h2 { + display: flex; + align-items: center; +} + +.align-middle { + vertical-align: middle; +} + +.mr-2 { + margin-right: 0.5rem; +} + +.w-full { + width: 100%; +} + +.mb-4 { + margin-bottom: 1rem; +} + +.flex-grow { + flex-grow: 1; +} diff --git a/src/app/chatbot/chat-history-dialog.component.ts b/src/app/chatbot/chat-history-dialog.component.ts new file mode 100644 index 00000000000..2729fc44ec4 --- /dev/null +++ b/src/app/chatbot/chat-history-dialog.component.ts @@ -0,0 +1,127 @@ +import { Component, inject } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; +import { MatButtonModule } from '@angular/material/button'; +import { MatDialogModule, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog'; +import { MatIconModule } from '@angular/material/icon'; +import { MatListModule } from '@angular/material/list'; +import { MatDividerModule } from '@angular/material/divider'; +import { MatFormFieldModule } from '@angular/material/form-field'; +import { MatInputModule } from '@angular/material/input'; +import { MatTooltipModule } from '@angular/material/tooltip'; +import { Chat } from './chat'; +import { ChatbotService } from './chatbot.service'; + +export interface ChatHistoryDialogData { + chats: Chat[]; + currentChatId: string | null; + runId: number; + workgroupId: number; +} + +@Component({ + selector: 'chat-history-dialog', + imports: [ + CommonModule, + FormsModule, + MatButtonModule, + MatDialogModule, + MatIconModule, + MatListModule, + MatDividerModule, + MatFormFieldModule, + MatInputModule, + MatTooltipModule + ], + templateUrl: 'chat-history-dialog.component.html', + styleUrl: 'chat-history-dialog.component.scss' +}) +export class ChatHistoryDialogComponent { + protected dialogRef = inject(MatDialogRef); + private chatbotService: ChatbotService = inject(ChatbotService); + protected data: ChatHistoryDialogData = inject(MAT_DIALOG_DATA); + protected editingChatId: string | null = null; + protected editingTitle: string = ''; + + protected startEdit(chat: Chat): void { + this.editingChatId = chat.id; + this.editingTitle = chat.title; + } + + protected cancelEdit(): void { + this.editingChatId = null; + this.editingTitle = ''; + } + + protected async saveEdit(chat: Chat): Promise { + if (!this.editingTitle.trim()) { + return; + } + chat.title = this.editingTitle.trim(); + await this.chatbotService.updateChat(this.data.runId, this.data.workgroupId, chat); + this.cancelEdit(); + } + + protected handleEditKeyPress(event: KeyboardEvent, chat: Chat): void { + if (event.key === 'Enter') { + event.preventDefault(); + this.saveEdit(chat); + } else if (event.key === 'Escape') { + event.preventDefault(); + this.cancelEdit(); + } + } + + protected async deleteChat(chat: Chat): Promise { + const msg = $localize`Are you sure you want to delete "${chat.title}"? This action cannot be undone.`; + if (confirm(msg)) { + await this.chatbotService.deleteChat(this.data.runId, this.data.workgroupId, chat.id); + const chatIndex = this.data.chats.findIndex((c) => c.id === chat.id); + this.data.chats.splice(chatIndex, 1); + if (this.data.currentChatId === chat.id) { + if (this.data.chats.length > 0) { + this.data.currentChatId = this.data.chats[0].id; + } else { + this.data.currentChatId = null; + } + } + } + } + + protected close(): void { + this.switchToChat(this.data.chats.find((c) => c.id === this.data.currentChatId)); + } + + protected switchToChat(chat: Chat): void { + if (this.editingChatId) { + return; // don't switch if we're editing + } + this.dialogRef.close(chat); + } + + protected formatDate(date: Date): string { + const now = new Date(); + const chatDate = new Date(date); + const diffMs = now.getTime() - chatDate.getTime(); + const diffMins = Math.floor(diffMs / 60000); + const diffHours = Math.floor(diffMs / 3600000); + const diffDays = Math.floor(diffMs / 86400000); + + if (diffMins < 1) { + return $localize`Just now`; + } else if (diffMins < 60) { + return $localize`${diffMins}m ago`; + } else if (diffHours < 24) { + return $localize`${diffHours}h ago`; + } else if (diffDays < 7) { + return $localize`${diffDays}d ago`; + } else { + return chatDate.toLocaleDateString(); + } + } + + protected getMessageCount(chat: Chat): number { + // Don't count system messages + return chat.messages.filter((msg) => msg.role !== 'system').length; + } +} diff --git a/src/app/chatbot/chatbot.component.html b/src/app/chatbot/chatbot.component.html index b20d7710e36..cc2b4571897 100644 --- a/src/app/chatbot/chatbot.component.html +++ b/src/app/chatbot/chatbot.component.html @@ -6,60 +6,34 @@ class="dark-theme mat-app-background !flex justify-start items-center" (click)="toggleCollapse()" > - - auto_awesome - AI Assistant + + auto_awesome + @if (currentChat) { + {{ currentChat.title }} + } @else { + AI Assistant + } @if (!collapsed && currentChat) { + - - - - @for (chat of chats; track chat.id) { - - - - - - } - } - - - } @else { -
-
- chat - {{ chat.title }} -
-
- {{ formatDate(chat.lastUpdated) }} - - {{ getMessageCount(chat) }} - @if (getMessageCount(chat) === 1) { - message - } @else { - messages - } - -
-
-
- - -
- } - - @if (!$last) { - - } +

Conversation History

+ + + + @for (chat of data.chats; track chat.id) { + @if (editingChatId === chat.id) { + + + + + } @else { + + + + } - - } + + } + - + @if (this.chats.length > 1) { + + } } } } - - @if (!collapsed) { + @if (!smallScreen) { - } @else { - } + - - +
@if (messages.length === 0) {
@@ -126,7 +106,7 @@
- +
Type your message... diff --git a/src/app/chatbot/chatbot.component.scss b/src/app/chatbot/chatbot.component.scss index aef70c00c81..0d536ba7e0c 100644 --- a/src/app/chatbot/chatbot.component.scss +++ b/src/app/chatbot/chatbot.component.scss @@ -1,43 +1,25 @@ @use 'style/abstracts/variables'; @use 'style/abstracts/functions'; -$height: 550px !default; +@use '@angular/material' as mat; + $width: 450px !default; -$width-collapsed: 300px !default; -.chatbot { - height: $height; - width: $width; +.chatbot {width: $width; padding: 0; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - position: fixed; - bottom: 0; - right: 16px; z-index: 100; + height: 100%; + border-radius: 0; &.full { - height: 100%; width: 100%; - right: 0; - border-bottom-left-radius: variables.$card-border-radius; - border-bottom-right-radius: variables.$card-border-radius; - } - - &.collapsed { - height: auto; - width: $width-collapsed; + position: fixed; + left: 0; + top: 0; } } -.hidden { - display: none; -} - .mat-mdc-card-header { - cursor: pointer; - border-top-left-radius: variables.$card-border-radius; - border-top-right-radius: variables.$card-border-radius; padding: 0 0 0 12px; } @@ -125,7 +107,7 @@ markdown::ng-deep { } ul, ol { - list-style-type: disc; + list-style-type: revert; margin-inline-start: 24px; } @@ -188,18 +170,3 @@ markdown::ng-deep { transform: translateY(0); } } - - -// Adjust positioning when notebook report is visible -:host-context(.notes-visible) .chatbot { - right: calc(450px + 32px); - - &.full { - right: 0; - } -} - -:host-context(.report-full) .chatbot { - display: none; -} - diff --git a/src/app/chatbot/chatbot.component.spec.ts b/src/app/chatbot/chatbot.component.spec.ts index 252b42f0823..21a23a2406a 100644 --- a/src/app/chatbot/chatbot.component.spec.ts +++ b/src/app/chatbot/chatbot.component.spec.ts @@ -268,62 +268,62 @@ describe('ChatbotComponent', () => { fixture.detectChanges(); }); - it('should toggle collapsed state', () => { - component['collapsed'] = true; - component['full'] = false; + // it('should toggle collapsed state', () => { + // component['collapsed'] = true; + // component['full'] = false; - component['toggleCollapse'](); + // component['toggleCollapse'](); - expect(component['collapsed']).toBe(false); - }); + // expect(component['collapsed']).toBe(false); + // }); - it('should open fullscreen on small screens when collapsed', () => { - component['collapsed'] = true; - breakpointObserver.isMatched.and.returnValue(true); + // it('should open fullscreen on small screens when collapsed', () => { + // component['collapsed'] = true; + // breakpointObserver.isMatched.and.returnValue(true); - component['toggleCollapse'](); + // component['toggleCollapse'](); - expect(component['full']).toBe(true); - expect(component['collapsed']).toBe(false); - }); + // expect(component['full']).toBe(true); + // expect(component['collapsed']).toBe(false); + // }); - it('should exit fullscreen mode when toggling', () => { - component['collapsed'] = false; - component['full'] = true; + // it('should exit fullscreen mode when toggling', () => { + // component['collapsed'] = false; + // component['full'] = true; - component['toggleCollapse'](); + // component['toggleCollapse'](); - expect(component['full']).toBe(false); - expect(component['collapsed']).toBe(true); - }); + // expect(component['full']).toBe(false); + // expect(component['collapsed']).toBe(true); + // }); }); - describe('fullscreen', () => { - beforeEach(() => { - chatbotService.getChats.and.returnValue(of([])); - chatbotService.createChat.and.returnValue(Promise.resolve(createMockChat('1'))); - fixture.detectChanges(); - }); + // describe('fullscreen', () => { + // beforeEach(() => { + // chatbotService.getChats.and.returnValue(of([])); + // chatbotService.createChat.and.returnValue(Promise.resolve(createMockChat('1'))); + // fixture.detectChanges(); + // }); - it('should enter fullscreen mode when collapsed', () => { - component['collapsed'] = true; - component['full'] = false; + // it('should enter fullscreen mode when collapsed', () => { + // component['collapsed'] = true; + // component['full'] = false; - component['fullscreen'](); + // component['fullscreen'](); - expect(component['full']).toBe(true); - expect(component['collapsed']).toBe(false); - }); + // expect(component['full']).toBe(true); + // expect(component['collapsed']).toBe(false); + // }); - it('should toggle fullscreen mode when not collapsed', () => { - component['collapsed'] = false; - component['full'] = false; + // it('should toggle fullscreen mode when not collapsed', () => { + // component['collapsed'] = false; + // component['full'] = false; - component['fullscreen'](); + // component['fullscreen'](); - expect(component['full']).toBe(true); - }); - }); + // expect(component['full']).toBe(true); + // }); + // }); describe('handleKeyPress', () => { beforeEach(() => { diff --git a/src/app/chatbot/chatbot.component.ts b/src/app/chatbot/chatbot.component.ts index 4db745594f5..47429e881fd 100644 --- a/src/app/chatbot/chatbot.component.ts +++ b/src/app/chatbot/chatbot.component.ts @@ -1,5 +1,5 @@ import { CommonModule } from '@angular/common'; -import { Component, inject, Input } from '@angular/core'; +import { Component, EventEmitter, inject, Input, Output } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { MatButtonModule } from '@angular/material/button'; import { MatCardModule } from '@angular/material/card'; @@ -10,7 +10,7 @@ import { MatProgressSpinnerModule } from '@angular/material/progress-spinner'; import { MatTooltipModule } from '@angular/material/tooltip'; import { MatDialog, MatDialogModule } from '@angular/material/dialog'; import { BreakpointObserver } from '@angular/cdk/layout'; -import { Subscription } from 'rxjs'; +import { skip, Subscription } from 'rxjs'; import { ChatbotService } from './chatbot.service'; import { ConfigService } from '../../assets/wise5/services/configService'; import { DataService } from '../services/data.service'; @@ -19,6 +19,7 @@ import { AwsBedRockService } from './awsBedRock.service'; import { ProjectService } from '../../assets/wise5/services/projectService'; import { MarkdownComponent } from 'ngx-markdown'; import { ChatHistoryDialogComponent } from './chat-history-dialog.component'; +import { MatDividerModule } from '@angular/material/divider'; @Component({ imports: [ @@ -48,7 +49,7 @@ export class ChatbotComponent { private dialog = inject(MatDialog); @Input() config: any; - protected collapsed: boolean = true; + @Output() closeChatbot = new EventEmitter(); protected full: boolean = false; protected messages: ChatMessage[] = []; protected userInput: string = ''; @@ -56,16 +57,15 @@ export class ChatbotComponent { protected chats: Chat[] = []; protected currentChat: Chat | null = null; protected runId: number = this.configService.getRunId(); + protected smallScreen: boolean = false; protected workgroupId: number = this.configService.getWorkgroupId(); private subscriptions: Subscription = new Subscription(); ngOnInit(): void { this.subscriptions.add( this.breakpointObserver.observe(['(max-width: 40rem)']).subscribe((result) => { - if (!this.collapsed) { - this.collapsed = true; - this.fullscreen(); - } + this.smallScreen = result.matches; + this.full = result.matches; }) ); @@ -96,27 +96,8 @@ export class ChatbotComponent { )[0]; } - protected toggleCollapse(): void { - if (this.collapsed && this.breakpointObserver.isMatched('(max-width: 40rem)')) { - this.fullscreen(); - return; - } - if (this.full) { - this.full = false; - } - this.collapsed = !this.collapsed; - if (!this.collapsed) { - this.scrollToBottom(); - } - } - protected fullscreen(): void { - if (this.collapsed) { - this.full = true; - this.collapsed = false; - } else { - this.full = !this.full; - } + this.full = !this.full; this.scrollToBottom(); } @@ -229,4 +210,11 @@ export class ChatbotComponent { this.sendMessage(); } } + + protected close(): void { + if (!this.smallScreen) { + this.full = false; + } + this.closeChatbot.emit(); + } } diff --git a/src/app/notebook/notebook-launcher/notebook-launcher.component.html b/src/app/notebook/notebook-launcher/notebook-launcher.component.html index dc21ec1ef8f..5b56789f4a3 100644 --- a/src/app/notebook/notebook-launcher/notebook-launcher.component.html +++ b/src/app/notebook/notebook-launcher/notebook-launcher.component.html @@ -1,10 +1,3 @@ - diff --git a/src/assets/wise5/themes/default/style/author.css b/src/assets/wise5/themes/default/style/author.css index db1a15a1a7f..ccc0ad39704 100644 --- a/src/assets/wise5/themes/default/style/author.css +++ b/src/assets/wise5/themes/default/style/author.css @@ -1,2 +1,2 @@ -body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#7e57c2}blockquote{background-color:#fff;border:solid #7e57c2;border-width:0 0 0 3px;margin:16px 0;padding:8px}.has-indicator:after{background-color:#f05843;border-radius:50%;content:"";padding:5px;position:absolute}.has-indicator--icon-button:after{left:5px;top:25px}.badge{background-color:#aaa;border-radius:4px;font-size:12px;font-style:normal;font-weight:500;padding:2px 6px}.badge.md-button{line-height:inherit;min-height:0;min-width:0}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#7e57c2;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#7e57c2!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu md-option[selected],md-select-menu.md-default-theme md-option[selected]{background-color:#fff}.md-autocomplete-suggestions-container li .highlight,.md-autocomplete-suggestions-container.md-default-theme li .highlight{background-color:#fff;color:#7e57c2}.primary{color:#7e57c2}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#fff}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#7e57c2}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#fff}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#7e57c2}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#fff}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}@media (min-width:1920px){.l-constrained{width:1920px}}.l-constrained-md{max-width:100%;width:960px}.l-footer{background-color:#fff;border-top:1px solid #eee;bottom:0;left:0;position:fixed;right:0;z-index:1}.button--footer{display:flex;margin:0;min-width:0;padding-bottom:0;padding-top:0}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{height:36px;margin-left:0!important;vertical-align:middle;width:36px}.l-header .logo-link{display:none;margin-right:12px;min-width:auto;padding:0 4px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{left:0;margin:0 auto;padding:8px;position:absolute;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-size:36px;font-weight:300;margin-bottom:0;margin-top:0}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-notebook{background-color:#eee!important;margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;vertical-align:bottom;z-index:1}.md-button.status-icon{height:auto;line-height:inherit;margin:0 4px;min-height:0;padding:0;width:auto}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{background-color:#ef6c00;padding:0 0 0 12px}.help-bubble___title__content .md-icon-button{margin-right:0;padding-bottom:0;padding-top:0}.help-bubble__content{max-height:480px;overflow:auto;padding:8px 12px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#7e57c2}.input--textarea,.input-container textarea.input--textarea{background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px;padding:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{color:rgba(0,0,0,.87);line-height:1.2}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#7e57c2}.autocomplete input{word-wrap:none;color:rgba(0,0,0,.54);font-weight:500;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){background-color:#eee;box-shadow:none}.select__header{height:48px}.select__header input{border:0;font-size:14px;font-weight:500;height:100%;outline:none;padding:0 8px;width:100%}.table{margin:8px 0;max-width:100%;min-width:100px;width:auto}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;font-size:15px;height:32px;min-height:32px;min-width:32px;padding:6px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{background-color:#fff;border:0;border-collapse:collapse;max-width:100%;overflow:auto}.table--list td,.table--list th{border:0;padding:0 4px}.table--list td{height:56px;min-height:56px}.table--list tr.md-button{display:table-row;font-size:inherit;font-weight:400;text-align:left;text-transform:none;width:auto}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;height:42px;min-height:42px}.table--list__thead__link{color:#fff;line-height:1.4;margin:0;min-width:0;text-transform:none;white-space:normal;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{line-height:1.2;min-width:180px;white-space:normal}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{font-size:15px;padding:0 8px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{left:0;position:fixed;right:0;top:52px;z-index:3}.toolbar__title{font-size:16px;font-weight:500;margin-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{background-color:#f7f7f7;margin:0 4px;min-height:32px}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item .md-subheader,.list-item.md-subheader{background-color:#fff;color:rgba(0,0,0,.87)}.list-item .md-subheader md-icon,.list-item.md-subheader md-icon{vertical-align:middle}.list-item .md-subheader .md-subheader-inner,.list-item.md-subheader .md-subheader-inner{padding:0}.list-item .md-subheader .md-avatar,.list-item.md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info .md-subheader-content,.list-item--info._md-button-wrap>div.md-button:first-child{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn .md-subheader-content,.list-item--warn._md-button-wrap>div.md-button:first-child{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{background-color:#f7f7f7;cursor:default}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{line-height:1.4;margin:0;padding:8px 16px;text-align:left;text-transform:none;white-space:normal;width:100%}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{background-color:rgba(0,0,0,.25);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#fff}.nav-item--card__content{border-top-left-radius:4px;border-top-right-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;margin:8px auto;max-height:none!important;max-width:100%}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{display:inline-block;padding:0 16px 0 4px}.nav-item--list__reorder{color:rgba(0,0,0,.26);margin-left:8px}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid #ddd;min-height:40px;padding:8px 16px}.nav-item__users{color:#fff;cursor:pointer;height:auto;margin:0;padding:1px 6px}.nav-item__users>md-icon{color:#fff;padding-right:4px}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{font-weight:400;line-height:1.2;padding-left:16px}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{cursor:pointer;padding:2px 0}.menu-progress{position:absolute;right:12px;top:10px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{left:12px;right:auto}.menu-sidenav__item{font-size:14px;font-weight:700}.menu-sidenav__icon{margin-left:12px;margin-right:12px!important;margin-top:12px!important}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#7e57c2}.menu-sidebar{background-color:#fff;border-right:1px solid #ccc;bottom:0;left:0;overflow:hidden;padding:8px 0;position:absolute;text-align:center;top:94px;width:56px}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{left:auto;right:0}.md-button.md-icon-button.menu-sidebar__link{margin-bottom:6px;margin-top:6px}#node{left:0;margin:0 auto;position:absolute;right:0}@media only screen and (min-width:600px){#node{margin-bottom:32px;padding:24px 16px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{opacity:0;transition:opacity .5s}#node.ng-enter-active{opacity:1}.node-content{background-color:#fff;border-radius:3px;overflow:visible;padding:0 0 48px}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{border-bottom:2px solid;border-top:2px solid;padding:0}}md-content.node-content{background-color:#fff}.node-content__rubric{left:0;position:absolute;right:0;top:-22px;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{font-size:15px;font-weight:500;margin:0 8px;min-width:0}.node-select .md-select-value :first-child{flex:1 0 0;transform:translateZ(0)}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{color:rgba(0,0,0,.87);margin-left:0}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;margin-top:3px;text-transform:none}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{color:rgba(0,0,0,.54);font-style:italic;margin-left:8px}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{background-color:#fff;border-radius:3px;padding:8px 0;position:fixed;width:52px}@media only screen and (max-width:599px){.node-sidebar__toolbar{border-radius:0;bottom:0;height:42px;left:0;min-height:0;padding:0;right:0;width:100%}}.node__label--vertical-alignment{display:inline-block;vertical-align:middle}notebook-launcher{bottom:24px;position:absolute;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}notebook-report{bottom:0;position:absolute;right:96px;transition:right .25s;z-index:3}notebook-report.report-full{bottom:8px;left:8px;right:8px;top:8px}@media only screen and (min-width:960px){notebook-report.notes-visible{right:492px}}.notebook-sidebar{max-width:none;width:300px}@media only screen and (min-width:600px){.notebook-sidebar{width:480px}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{background-color:#f05843;border:2px solid;border-radius:50%;font-size:12px;font-weight:700;height:22px;left:-18px;line-height:22px;position:absolute;top:12px;width:22px}.notification-count:before{border-bottom:4px solid transparent;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;content:"";position:absolute;right:-7px;top:6px}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;line-height:20px;margin-left:-4px;min-width:0;width:auto}.account-menu{border-radius:4px;font-size:15px;max-width:380px;padding:0}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{font-weight:300;margin:0}.account-menu .mat-mdc-menu-content{padding:0}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{outline:none;position:absolute;right:28px;top:-8px}.account-menu__caret:before{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;content:"";position:absolute}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{left:28px;right:auto}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{color:rgba(0,0,0,.54);font-weight:400}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{height:48px;margin:0 8px 0 0;width:48px}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{font-size:15px;margin:16px 4px 16px 62px;position:relative}.annotations hr{border-color:rgba(0,0,0,.12);margin:10px 0 8px}.annotations:after{border-bottom:20px solid transparent;border-right:16px solid #757575;border-top:20px solid transparent;bottom:auto;content:"";height:0;left:-15px;position:absolute;right:auto;top:-1px;width:0}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-bottom:0;margin-top:0}.annotations__header{background-color:#757575;border-top-right-radius:4px;color:#fff;font-weight:700;padding:10px 12px;position:relative;transition:all 1s}.annotations__avatar{background-color:#f05843;left:-62px;padding:2px;position:absolute;top:0}.annotations__icon{color:#fff;transition:all 1s}.annotations__body{background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto;padding:12px}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;font-size:12px;margin-left:8px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{border-bottom:1px dotted;font-size:13px;font-style:italic;opacity:.8}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-left:72px;margin-right:8px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{margin:24px 0;padding:0 24px}.component__content{font-size:15px;overflow-x:auto;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}h3.component__header{font-size:14px;margin:0;padding:8px 12px}.component__rubric{left:-20px;position:absolute;top:12px}.notebook-enabled .component_content img{cursor:pointer;cursor:copy;transition:all .25s}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{color:rgba(0,0,0,.54);font-style:italic;font-weight:400;margin-left:8px}.component__actions__more{border-bottom:1px dotted}.component__prompt{font-weight:500;margin-bottom:8px}.component__prompt__content{display:inline}.component__attachment{margin:0 8px;padding-bottom:8px;position:relative}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{background-color:hsla(0,0%,100%,.75)!important;border-radius:0;margin:0;min-width:0;padding:4px;position:absolute;right:0;top:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{border-bottom:1px solid #ddd;padding:4px 0 8px}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__attachment{height:auto!important;margin-top:16px;max-width:100%}.discussion-new{background-color:#fff;margin-left:auto;margin-right:auto;max-width:570px;padding:8px;transform:scale(.95);transition:all .25s}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{margin:0 0 8px;padding:0}.discussion-new__attachment__content{margin-bottom:16px;margin-top:0}.embedded-content__iframe{border:0}.graph-select{max-width:200px;min-width:150px}.graph-controls{border-color:#eee;border-style:solid;border-width:1px 0;margin:8px 0;padding:8px 0}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{bottom:40px;position:absolute}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block} +body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#7e57c2}blockquote{background-color:#fff;border:solid #7e57c2;border-width:0 0 0 3px;margin:16px 0;padding:8px}.has-indicator:after{background-color:#f05843;border-radius:50%;content:"";padding:5px;position:absolute}.has-indicator--icon-button:after{left:5px;top:25px}.badge{background-color:#aaa;border-radius:4px;font-size:12px;font-style:normal;font-weight:500;padding:2px 6px}.badge.md-button{line-height:inherit;min-height:0;min-width:0}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#7e57c2;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#7e57c2!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu md-option[selected],md-select-menu.md-default-theme md-option[selected]{background-color:#fff}.md-autocomplete-suggestions-container li .highlight,.md-autocomplete-suggestions-container.md-default-theme li .highlight{background-color:#fff;color:#7e57c2}.primary{color:#7e57c2}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#fff}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#7e57c2}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#fff}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#7e57c2}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#fff}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}@media (min-width:1920px){.l-constrained{width:1920px}}.l-constrained-md{max-width:100%;width:960px}.l-footer{background-color:#fff;border-top:1px solid #eee;bottom:0;left:0;position:fixed;right:0;z-index:1}.button--footer{display:flex;margin:0;min-width:0;padding-bottom:0;padding-top:0}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{height:36px;margin-left:0!important;vertical-align:middle;width:36px}.l-header .logo-link{display:none;margin-right:12px;min-width:auto;padding:0 4px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{left:0;margin:0 auto;padding:8px;position:absolute;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-size:36px;font-weight:300;margin-bottom:0;margin-top:0}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-notebook{background-color:#eee!important;margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;vertical-align:bottom;z-index:1}.md-button.status-icon{height:auto;line-height:inherit;margin:0 4px;min-height:0;padding:0;width:auto}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{background-color:#ef6c00;padding:0 0 0 12px}.help-bubble___title__content .md-icon-button{margin-right:0;padding-bottom:0;padding-top:0}.help-bubble__content{max-height:480px;overflow:auto;padding:8px 12px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#7e57c2}.input--textarea,.input-container textarea.input--textarea{background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px;padding:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{color:rgba(0,0,0,.87);line-height:1.2}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#7e57c2}.autocomplete input{word-wrap:none;color:rgba(0,0,0,.54);font-weight:500;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){background-color:#eee;box-shadow:none}.select__header{height:48px}.select__header input{border:0;font-size:14px;font-weight:500;height:100%;outline:none;padding:0 8px;width:100%}.table{margin:8px 0;max-width:100%;min-width:100px;width:auto}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;font-size:15px;height:32px;min-height:32px;min-width:32px;padding:6px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{background-color:#fff;border:0;border-collapse:collapse;max-width:100%;overflow:auto}.table--list td,.table--list th{border:0;padding:0 4px}.table--list td{height:56px;min-height:56px}.table--list tr.md-button{display:table-row;font-size:inherit;font-weight:400;text-align:left;text-transform:none;width:auto}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;height:42px;min-height:42px}.table--list__thead__link{color:#fff;line-height:1.4;margin:0;min-width:0;text-transform:none;white-space:normal;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{line-height:1.2;min-width:180px;white-space:normal}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{font-size:15px;padding:0 8px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{left:0;position:fixed;right:0;top:52px;z-index:3}.toolbar__title{font-size:16px;font-weight:500;margin-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{background-color:#f7f7f7;margin:0 4px;min-height:32px}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item .md-subheader,.list-item.md-subheader{background-color:#fff;color:rgba(0,0,0,.87)}.list-item .md-subheader md-icon,.list-item.md-subheader md-icon{vertical-align:middle}.list-item .md-subheader .md-subheader-inner,.list-item.md-subheader .md-subheader-inner{padding:0}.list-item .md-subheader .md-avatar,.list-item.md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info .md-subheader-content,.list-item--info._md-button-wrap>div.md-button:first-child{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn .md-subheader-content,.list-item--warn._md-button-wrap>div.md-button:first-child{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{background-color:#f7f7f7;cursor:default}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{line-height:1.4;margin:0;padding:8px 16px;text-align:left;text-transform:none;white-space:normal;width:100%}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{background-color:rgba(0,0,0,.25);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#fff}.nav-item--card__content{border-top-left-radius:4px;border-top-right-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;margin:8px auto;max-height:none!important;max-width:100%}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{display:inline-block;padding:0 16px 0 4px}.nav-item--list__reorder{color:rgba(0,0,0,.26);margin-left:8px}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid #ddd;min-height:40px;padding:8px 16px}.nav-item__users{color:#fff;cursor:pointer;height:auto;margin:0;padding:1px 6px}.nav-item__users>md-icon{color:#fff;padding-right:4px}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{font-weight:400;line-height:1.2;padding-left:16px}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{cursor:pointer;padding:2px 0}.menu-progress{position:absolute;right:12px;top:10px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{left:12px;right:auto}.menu-sidenav__item{font-size:14px;font-weight:700}.menu-sidenav__icon{margin-left:12px;margin-right:12px!important;margin-top:12px!important}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#7e57c2}.menu-sidebar{background-color:#fff;border-right:1px solid #ccc;bottom:0;left:0;overflow:hidden;padding:8px 0;position:absolute;text-align:center;top:94px;width:56px}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{left:auto;right:0}.md-button.md-icon-button.menu-sidebar__link{margin-bottom:6px;margin-top:6px}#node{left:0;margin:0 auto;position:absolute;right:0}@media only screen and (min-width:600px){#node{margin-bottom:32px;padding:24px 16px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{opacity:0;transition:opacity .5s}#node.ng-enter-active{opacity:1}.node-content{background-color:#fff;border-radius:3px;overflow:visible;padding:0 0 48px}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{border-bottom:2px solid;border-top:2px solid;padding:0}}md-content.node-content{background-color:#fff}.node-content__rubric{left:0;position:absolute;right:0;top:-22px;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{font-size:15px;font-weight:500;margin:0 8px;min-width:0}.node-select .md-select-value :first-child{flex:1 0 0;transform:translateZ(0)}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{color:rgba(0,0,0,.87);margin-left:0}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;margin-top:3px;text-transform:none}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{color:rgba(0,0,0,.54);font-style:italic;margin-left:8px}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{background-color:#fff;border-radius:3px;padding:8px 0;position:fixed;width:52px}@media only screen and (max-width:599px){.node-sidebar__toolbar{border-radius:0;bottom:0;height:42px;left:0;min-height:0;padding:0;right:0;width:100%}}.node__label--vertical-alignment{display:inline-block;vertical-align:middle}notebook-report{bottom:0;position:absolute;right:66px;transition:right .25s;z-index:3}notebook-report.report-full{bottom:8px;left:8px;right:8px;top:8px}@media only screen and (min-width:960px){notebook-report.notes-visible{right:474px}}.notebook-sidebar{max-width:none;width:270px}@media only screen and (min-width:600px){.notebook-sidebar{width:450px}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{background-color:#f05843;border:2px solid;border-radius:50%;font-size:12px;font-weight:700;height:22px;left:-18px;line-height:22px;position:absolute;top:12px;width:22px}.notification-count:before{border-bottom:4px solid transparent;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;content:"";position:absolute;right:-7px;top:6px}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;line-height:20px;margin-left:-4px;min-width:0;width:auto}.account-menu{border-radius:4px;font-size:15px;max-width:380px;padding:0}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{font-weight:300;margin:0}.account-menu .mat-mdc-menu-content{padding:0}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{outline:none;position:absolute;right:28px;top:-8px}.account-menu__caret:before{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;content:"";position:absolute}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{left:28px;right:auto}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{color:rgba(0,0,0,.54);font-weight:400}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{height:48px;margin:0 8px 0 0;width:48px}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{font-size:15px;margin:16px 4px 16px 62px;position:relative}.annotations hr{border-color:rgba(0,0,0,.12);margin:10px 0 8px}.annotations:after{border-bottom:20px solid transparent;border-right:16px solid #757575;border-top:20px solid transparent;bottom:auto;content:"";height:0;left:-15px;position:absolute;right:auto;top:-1px;width:0}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-bottom:0;margin-top:0}.annotations__header{background-color:#757575;border-top-right-radius:4px;color:#fff;font-weight:700;padding:10px 12px;position:relative;transition:all 1s}.annotations__avatar{background-color:#f05843;left:-62px;padding:2px;position:absolute;top:0}.annotations__icon{color:#fff;transition:all 1s}.annotations__body{background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto;padding:12px}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;font-size:12px;margin-left:8px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{border-bottom:1px dotted;font-size:13px;font-style:italic;opacity:.8}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-left:72px;margin-right:8px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{margin:24px 0;padding:0 24px}.component__content{font-size:15px;overflow-x:auto;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}h3.component__header{font-size:14px;margin:0;padding:8px 12px}.component__rubric{left:-20px;position:absolute;top:12px}.notebook-enabled .component_content img{cursor:pointer;cursor:copy;transition:all .25s}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{color:rgba(0,0,0,.54);font-style:italic;font-weight:400;margin-left:8px}.component__actions__more{border-bottom:1px dotted}.component__prompt{font-weight:500;margin-bottom:8px}.component__prompt__content{display:inline}.component__attachment{margin:0 8px;padding-bottom:8px;position:relative}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{background-color:hsla(0,0%,100%,.75)!important;border-radius:0;margin:0;min-width:0;padding:4px;position:absolute;right:0;top:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{border-bottom:1px solid #ddd;padding:4px 0 8px}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__attachment{height:auto!important;margin-top:16px;max-width:100%}.discussion-new{background-color:#fff;margin-left:auto;margin-right:auto;max-width:570px;padding:8px;transform:scale(.95);transition:all .25s}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{margin:0 0 8px;padding:0}.discussion-new__attachment__content{margin-bottom:16px;margin-top:0}.embedded-content__iframe{border:0}.graph-select{max-width:200px;min-width:150px}.graph-controls{border-color:#eee;border-style:solid;border-width:1px 0;margin:8px 0;padding:8px 0}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{bottom:40px;position:absolute}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block} /*# sourceMappingURL=author.css.map */ diff --git a/src/assets/wise5/themes/default/style/author.css.map b/src/assets/wise5/themes/default/style/author.css.map index 0b96fe77ec3..da76bf912db 100644 --- a/src/assets/wise5/themes/default/style/author.css.map +++ b/src/assets/wise5/themes/default/style/author.css.map @@ -1 +1 @@ -{"version":3,"sources":["src/assets/wise5/themes/default/style/base/_presets.scss","src/assets/wise5/themes/default/style/author.css","src/assets/wise5/themes/default/style/base/_config.scss","src/assets/wise5/themes/default/style/layouts/_l-default.scss","src/assets/wise5/themes/default/style/layouts/_l-footer.scss","src/assets/wise5/themes/default/style/layouts/_l-header.scss","src/assets/wise5/themes/default/style/layouts/_l-main.scss","src/assets/wise5/themes/default/style/layouts/_l-notebook.scss","src/assets/wise5/themes/default/style/layouts/_l-sidebar.scss","src/assets/wise5/themes/default/style/modules/_alerts.scss","src/assets/wise5/themes/default/style/modules/_dialog.scss","src/assets/wise5/themes/default/style/modules/_help.scss","src/assets/wise5/themes/default/style/modules/_inputs.scss","src/assets/wise5/themes/default/style/modules/_table.scss","src/assets/wise5/themes/default/style/modules/_toolbar.scss","src/assets/wise5/themes/default/style/material/_config.scss","src/assets/wise5/themes/default/style/modules/_list.scss","src/assets/wise5/themes/default/style/modules/_nav.scss","src/assets/wise5/themes/default/style/modules/_menu.scss","src/assets/wise5/themes/default/style/modules/_node.scss","src/assets/wise5/themes/default/style/modules/_notebook.scss","src/assets/wise5/themes/default/style/modules/_notifications.scss","src/assets/wise5/themes/default/style/modules/_account-menu.scss","src/assets/wise5/themes/default/style/modules/_annotations.scss","src/assets/wise5/themes/default/style/modules/_component.scss","src/assets/wise5/themes/default/style/modules/_component--discussion.scss","src/assets/wise5/themes/default/style/modules/_component--embedded.scss","src/assets/wise5/themes/default/style/modules/_component--graph.scss","src/assets/wise5/themes/default/style/modules/_component--outside.scss","src/assets/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/assets/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCAF,CDEE,SACI,eCAN,CDKI,gBACI,aCFR,CDMA,WACE,qBAAA,CAKA,oBAAA,CAAA,sBAAA,CAHA,aAAA,CADA,WCCF,CDOI,qBAKI,wBAAA,CAFA,iBAAA,CAFA,UAAA,CAGA,WAAA,CAFA,iBCDR,CDSI,kCAEI,QAAA,CADA,QCLR,CDWA,OAMI,qBAAA,CALA,iBEUiB,CFRjB,cAAA,CAEA,iBAAA,CADA,eAAA,CAFA,eCJJ,CDUI,iBAGI,mBAAA,CADA,YAAA,CADA,WCNR,CDUQ,8CACI,qBCRZ,CDWQ,uBACI,uBCTZ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,gBACI,wBAAA,CACA,UCXJ,CDeA,qBACI,aCZJ,CDeA,iBACI,uBCZJ,CDgBA,EACE,aAAA,CACA,cCbF,CDgBA,QACI,kCAAA,CACA,qBCbJ,CDiBA,QACE,iBAAA,CACA,sBCdF,CDiBA,gBACE,iBCdF,CDmBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDqBA,cACE,qBAAA,CACA,4BClBF,CDoBE,8BACI,WClBN,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDwBE,wDACE,qBCrBJ,CDyBI,4EACE,qBCvBN,CD8BE,mDACE,uBC3BJ,CD6BE,mDACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,iDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CDgCA,uCACE,qBC7BF,CDgCA,uFACE,qBC7BF,CDgCA,2HAGE,qBAAA,CADA,aC5BF,CDmCI,SACE,aChCN,CD+BI,QACE,aC5BN,CD2BI,UACE,aCxBN,CDuBI,UACE,aCpBN,CDmBI,MACE,aChBN,CDeI,MACE,aCZN,CDWI,SACE,aCRN,CDOI,SACE,qBCJN,CDGI,eACE,aCAN,CDDI,cACE,UCIN,CDLI,YACE,UCQN,CDTI,MACE,UCYN,CDbI,WACE,UCgBN,CDjBI,aACE,aCoBN,CDrBI,cACE,UCwBN,CDzBI,MACE,qBC4BN,CD7BI,gBACE,qBCgCN,CDjCI,eACE,qBCoCN,CDrCI,YACE,UCwCN,CDzCI,sBACE,wBC4CN,CD7CI,qBACE,wBCgDN,CDjDI,aACE,UCoDN,CDrDI,OACE,aCwDN,CDzDI,MACE,qBC4DN,CD7DI,SACE,UCgEN,CD1DI,YACE,wBC6DN,CD9DI,WACE,wBCiEN,CDlEI,aACE,wBCqEN,CDtEI,aACE,wBCyEN,CD1EI,SACE,wBC6EN,CD9EI,SACE,wBCiFN,CDlFI,YACE,wBCqFN,CDtFI,YACE,gCCyFN,CD1FI,kBACE,wBC6FN,CD9FI,iBACE,qBCiGN,CDlGI,eACE,qBCqGN,CDtGI,SACE,qBCyGN,CD1GI,cACE,qBC6GN,CD9GI,gBACE,wBCiHN,CDlHI,iBACE,qBCqHN,CDtHI,SACE,gCCyHN,CD1HI,mBACE,gCC6HN,CD9HI,kBACE,gCCiIN,CDlII,eACE,qBCqIN,CDtII,yBACE,mCCyIN,CD1II,wBACE,mCC6IN,CD9II,gBACE,qBCiJN,CDlJI,UACE,wBCqJN,CDtJI,SACE,gCCyJN,CD1JI,YACE,qBC6JN,CDtJQ,kCACI,cCyJZ,CD1JQ,iCACI,cC6JZ,CD9JQ,mCACI,cCiKZ,CDlKQ,mCACI,cCqKZ,CDtKQ,+BACI,cCyKZ,CD1KQ,+BACI,cC6KZ,CD9KQ,kCACI,cCiLZ,CDlLQ,kCACI,sBCqLZ,CDtLQ,wCACI,cCyLZ,CD1LQ,uCACI,WC6LZ,CD9LQ,qCACI,WCiMZ,CDlMQ,+BACI,WCqMZ,CDtMQ,oCACI,WCyMZ,CD1MQ,sCACI,cC6MZ,CD9MQ,uCACI,WCiNZ,CDlNQ,+BACI,sBCqNZ,CDtNQ,yCACI,sBCyNZ,CD1NQ,wCACI,sBC6NZ,CD9NQ,qCACI,WCiOZ,CDlOQ,+CACI,yBCqOZ,CDtOQ,8CACI,yBCyOZ,CD1OQ,sCACI,WC6OZ,CD9OQ,gCACI,cCiPZ,CDlPQ,+BACI,sBCqPZ,CDtPQ,kCACI,WCyPZ,CE7dA,eACE,gBAAA,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","file":"author.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n background: color('body-bg');\n\n &.vle {\n overflow: hidden;\n }\n}\n\na {\n &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n color: color('primary');\n }\n}\n\nblockquote {\n background-color: lighten(color('primary'), 56%);\n padding: 8px;\n margin: 16px 0;\n border-style: solid;\n border-color: color('primary');\n border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n &:after {\n content: '';\n position: absolute;\n border-radius: 50%;\n padding: 5px;\n background-color: color('accent');\n }\n}\n\n.has-indicator--icon-button {\n &:after {\n top: 25px;\n left: 5px;\n }\n}\n\n// Badges\n.badge {\n border-radius: $card-border-radius;\n padding: 2px 6px;\n font-size: rem(1.2);\n font-weight: 500;\n font-style: normal;\n background-color: color('gray-dark');\n\n &.md-button {\n min-width: 0;\n min-height: 0;\n line-height: inherit;\n\n &:hover, &:focus {\n background-color: color('gray-dark');\n }\n\n &:focus {\n outline: 1px dotted color('gray-dark');\n }\n }\n}\n\n.badge--info {\n background-color: color('info');\n color: #ffffff;\n}\n\n.badge--warn {\n background-color: color('warn');\n color: #ffffff;\n}\n\n.badge--success {\n background-color: color('success');\n color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n margin: 16px 0;\n}\n\n.divider--dashed {\n border-top-style: dashed;\n}\n\n// Links\na {\n color: color('primary');\n cursor: pointer;\n}\n\n.active {\n background-color: rgba(158,158,158,0.2);\n color: color('text');\n}\n\n// Images & Icons\n.avatar {\n border-radius: 50%;\n box-sizing: content-box;\n}\n\n.avatar--square {\n border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n &.md-18 {\n height: 18px + $avatar-icon-padding*2;\n width: 18px + $avatar-icon-padding*2;\n }\n &.md-24 {\n height: 24px + $avatar-icon-padding*2;\n width: 24px + $avatar-icon-padding*2;\n }\n &.md-36 {\n height: 36px + $avatar-icon-padding*2;\n width: 36px + $avatar-icon-padding*2;\n }\n &.md-48 {\n height: 48px + $avatar-icon-padding*2;\n width: 48px + $avatar-icon-padding*2;\n }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n background-color: color('gray-light');\n white-space: normal !important;\n\n &:not(.md-avatar) {\n padding: $avatar-icon-padding;\n }\n\n &.md-18 {\n height: 18px;\n width: 18px;\n }\n &.md-24 {\n height: 24px;\n width: 24px;\n }\n &.md-36 {\n height: 36px;\n width: 36px;\n }\n &.md-48 {\n height: 48px;\n width: 48px;\n }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n md-icon {\n color: color('text-secondary');\n }\n\n .md-button:disabled {\n md-icon {\n color: color('text-disabled');\n }\n }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n &.primary {\n color: color('primary') !important;\n }\n &.success {\n color: color('success') !important;\n }\n &.warn {\n color: color('warn') !important;\n }\n &.info {\n color: color('info') !important;\n }\n &.accent {\n color: color('accent') !important;\n }\n &.accent-1 {\n color: color('accent-1') !important;\n }\n &.accent-2 {\n color: color('accent-2') !important;\n }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n color: color('primary');\n background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n .#{$key} {\n color: $value;\n }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n .#{$key}-bg {\n background-color: $value;\n }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n md-progress-circular.#{$key} {\n path {\n stroke: $value;\n }\n }\n}\n","/*\n WISE Project Styles\n */\nbody {\n background: #eeeeee;\n}\nbody.vle {\n overflow: hidden;\n}\n\na:hover, a:focus {\n color: #7e57c2;\n}\n\nblockquote {\n background-color: white;\n padding: 8px;\n margin: 16px 0;\n border-style: solid;\n border-color: #7e57c2;\n border-width: 0 0 0 3px;\n}\n\n.has-indicator:after {\n content: \"\";\n position: absolute;\n border-radius: 50%;\n padding: 5px;\n background-color: #F05843;\n}\n\n.has-indicator--icon-button:after {\n top: 25px;\n left: 5px;\n}\n\n.badge {\n border-radius: 4px;\n padding: 2px 6px;\n font-size: 12px;\n font-weight: 500;\n font-style: normal;\n background-color: #aaaaaa;\n}\n.badge.md-button {\n min-width: 0;\n min-height: 0;\n line-height: inherit;\n}\n.badge.md-button:hover, .badge.md-button:focus {\n background-color: #aaaaaa;\n}\n.badge.md-button:focus {\n outline: 1px dotted #aaaaaa;\n}\n\n.badge--info {\n background-color: #ef6c00;\n color: #ffffff;\n}\n\n.badge--warn {\n background-color: #c62828;\n color: #ffffff;\n}\n\n.badge--success {\n background-color: #00C853;\n color: #ffffff;\n}\n\n.divider--withmargin {\n margin: 16px 0;\n}\n\n.divider--dashed {\n border-top-style: dashed;\n}\n\na {\n color: #7e57c2;\n cursor: pointer;\n}\n\n.active {\n background-color: rgba(158, 158, 158, 0.2);\n color: rgba(0, 0, 0, 0.87);\n}\n\n.avatar {\n border-radius: 50%;\n box-sizing: content-box;\n}\n\n.avatar--square {\n border-radius: 4px;\n}\n\n.avatar.md-18 {\n height: 30px;\n width: 30px;\n}\n.avatar.md-24 {\n height: 36px;\n width: 36px;\n}\n.avatar.md-36 {\n height: 48px;\n width: 48px;\n}\n.avatar.md-48 {\n height: 60px;\n width: 60px;\n}\n\n.avatar--icon {\n background-color: #dddddd;\n white-space: normal !important;\n}\n.avatar--icon:not(.md-avatar) {\n padding: 6px;\n}\n.avatar--icon.md-18 {\n height: 18px;\n width: 18px;\n}\n.avatar--icon.md-24 {\n height: 24px;\n width: 24px;\n}\n.avatar--icon.md-36 {\n height: 36px;\n width: 36px;\n}\n.avatar--icon.md-48 {\n height: 48px;\n width: 48px;\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n color: rgba(0, 0, 0, 0.54);\n}\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n color: rgba(0, 0, 0, 0.26);\n}\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n color: #7e57c2 !important;\n}\nmd-icon.success, .md-button:not([disabled]).success {\n color: #00C853 !important;\n}\nmd-icon.warn, .md-button:not([disabled]).warn {\n color: #c62828 !important;\n}\nmd-icon.info, .md-button:not([disabled]).info {\n color: #ef6c00 !important;\n}\nmd-icon.accent, .md-button:not([disabled]).accent {\n color: #F05843 !important;\n}\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n color: #795C3A !important;\n}\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n color: #CAD266 !important;\n}\n\nmd-input-container.md-wise-theme label {\n color: rgba(0, 0, 0, 0.87);\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n background-color: white;\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n color: #7e57c2;\n background-color: white;\n}\n\n.primary {\n color: #7e57c2;\n}\n\n.accent {\n color: #F05843;\n}\n\n.accent-1 {\n color: #795C3A;\n}\n\n.accent-2 {\n color: #CAD266;\n}\n\n.warn {\n color: #c62828;\n}\n\n.info {\n color: #ef6c00;\n}\n\n.success {\n color: #00C853;\n}\n\n.divider {\n color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest {\n color: #f7f7f7;\n}\n\n.gray-lighter {\n color: #eeeeee;\n}\n\n.gray-light {\n color: #dddddd;\n}\n\n.gray {\n color: #cccccc;\n}\n\n.gray-dark {\n color: #aaaaaa;\n}\n\n.gray-darker {\n color: #757575;\n}\n\n.gray-darkest {\n color: #333333;\n}\n\n.text {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled {\n color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light {\n color: rgb(255, 255, 255);\n}\n\n.text-light-secondary {\n color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg {\n color: white;\n}\n\n.score {\n color: #FFC107;\n}\n\n.body {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg {\n color: #eeeeee;\n}\n\n.primary-bg {\n background-color: #7e57c2;\n}\n\n.accent-bg {\n background-color: #F05843;\n}\n\n.accent-1-bg {\n background-color: #795C3A;\n}\n\n.accent-2-bg {\n background-color: #CAD266;\n}\n\n.warn-bg {\n background-color: #c62828;\n}\n\n.info-bg {\n background-color: #ef6c00;\n}\n\n.success-bg {\n background-color: #00C853;\n}\n\n.divider-bg {\n background-color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest-bg {\n background-color: #f7f7f7;\n}\n\n.gray-lighter-bg {\n background-color: #eeeeee;\n}\n\n.gray-light-bg {\n background-color: #dddddd;\n}\n\n.gray-bg {\n background-color: #cccccc;\n}\n\n.gray-dark-bg {\n background-color: #aaaaaa;\n}\n\n.gray-darker-bg {\n background-color: #757575;\n}\n\n.gray-darkest-bg {\n background-color: #333333;\n}\n\n.text-bg {\n background-color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary-bg {\n background-color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled-bg {\n background-color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light-bg {\n background-color: rgb(255, 255, 255);\n}\n\n.text-light-secondary-bg {\n background-color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled-bg {\n background-color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg-bg {\n background-color: white;\n}\n\n.score-bg {\n background-color: #FFC107;\n}\n\n.body-bg {\n background-color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg-bg {\n background-color: #eeeeee;\n}\n\nmd-progress-circular.primary path {\n stroke: #7e57c2;\n}\n\nmd-progress-circular.accent path {\n stroke: #F05843;\n}\n\nmd-progress-circular.accent-1 path {\n stroke: #795C3A;\n}\n\nmd-progress-circular.accent-2 path {\n stroke: #CAD266;\n}\n\nmd-progress-circular.warn path {\n stroke: #c62828;\n}\n\nmd-progress-circular.info path {\n stroke: #ef6c00;\n}\n\nmd-progress-circular.success path {\n stroke: #00C853;\n}\n\nmd-progress-circular.divider path {\n stroke: rgba(0, 0, 0, 0.12);\n}\n\nmd-progress-circular.gray-lightest path {\n stroke: #f7f7f7;\n}\n\nmd-progress-circular.gray-lighter path {\n stroke: #eeeeee;\n}\n\nmd-progress-circular.gray-light path {\n stroke: #dddddd;\n}\n\nmd-progress-circular.gray path {\n stroke: #cccccc;\n}\n\nmd-progress-circular.gray-dark path {\n stroke: #aaaaaa;\n}\n\nmd-progress-circular.gray-darker path {\n stroke: #757575;\n}\n\nmd-progress-circular.gray-darkest path {\n stroke: #333333;\n}\n\nmd-progress-circular.text path {\n stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.text-secondary path {\n stroke: rgba(0, 0, 0, 0.54);\n}\n\nmd-progress-circular.text-disabled path {\n stroke: rgba(0, 0, 0, 0.26);\n}\n\nmd-progress-circular.text-light path {\n stroke: rgb(255, 255, 255);\n}\n\nmd-progress-circular.text-light-secondary path {\n stroke: rgba(255, 255, 255, 0.7);\n}\n\nmd-progress-circular.text-light-disabled path {\n stroke: rgba(255, 255, 255, 0.5);\n}\n\nmd-progress-circular.selected-bg path {\n stroke: white;\n}\n\nmd-progress-circular.score path {\n stroke: #FFC107;\n}\n\nmd-progress-circular.body path {\n stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.body-bg path {\n stroke: #eeeeee;\n}\n\n.l-constrained {\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n position: relative;\n}\n@media (min-width: 600px) {\n .l-constrained {\n width: 1280px;\n }\n}\n@media (min-width: 1920px) {\n .l-constrained {\n width: 1920px;\n }\n}\n\n.l-constrained-md {\n width: 960px;\n max-width: 100%;\n}\n\n.l-footer {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n background-color: #ffffff;\n border-top: 1px solid #eeeeee;\n}\n\n.button--footer {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n min-width: 0;\n display: flex;\n}\n\n.button--footer__element {\n padding-left: 8px;\n}\n\n.l-header {\n z-index: 3;\n}\n.l-header .logo {\n margin-left: 0 !important;\n height: 36px;\n width: 36px;\n vertical-align: middle;\n}\n.l-header .logo-link {\n min-width: auto;\n display: none;\n padding: 0 4px;\n margin-right: 12px;\n}\n@media only screen and (min-width: 600px) {\n .l-header .logo-link {\n display: block;\n }\n}\n.l-header .logo-link:hover, .l-header .logo-link:focus {\n border: 0 none;\n}\n@media only screen and (max-width: 599px) {\n .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n font-size: 15px;\n }\n}\n\n.l-main {\n background-color: #eeeeee;\n}\n\n.l-main--with-toolbar {\n margin-top: 42px;\n}\n\n#content {\n transition: margin-top 0.5s;\n}\n\n.view-content {\n margin: 0 auto;\n padding: 8px;\n position: absolute;\n left: 0;\n right: 0;\n transition: opacity 500ms;\n}\n@media only screen and (min-width: 960px) {\n .view-content {\n padding: 16px;\n }\n}\n.view-content.ng-enter {\n opacity: 0;\n}\n.view-content .ng-enter-active {\n opacity: 1;\n transition-delay: 250ms;\n}\n.view-content.ng-leave-active, .view-content.ng-hide {\n opacity: 0;\n}\n.view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n opacity: 0;\n}\n\n.view-content--with-sidemenu {\n padding: 8px;\n}\n@media only screen and (min-width: 600px) {\n .view-content--with-sidemenu {\n margin-left: 54px;\n padding: 16px;\n }\n}\n\n@media only screen and (min-width: 600px) {\n [dir=rtl] .view-content--with-sidemenu {\n margin-left: auto;\n margin-right: 54px;\n }\n}\n\n.content-head {\n margin: 8px 0;\n}\n.content-head h1,\n.content-head h2,\n.content-head h3 {\n font-weight: 300;\n margin-top: 0;\n margin-bottom: 0;\n font-size: 36px;\n}\n@media only screen and (max-width: 959px) {\n .content-head h1,\n .content-head h2,\n .content-head h3 {\n font-size: 32px;\n text-align: center;\n }\n}\n\n@media only screen and (max-width: 959px) {\n .content-head__more {\n margin-top: 8px;\n }\n}\n\n.content-head__item,\nh2.content-head__item {\n margin: 0 8px;\n}\n.content-head__item .md-subhead,\nh2.content-head__item .md-subhead {\n padding-left: 4px;\n}\n@media only screen and (max-width: 959px) {\n .content-head__item .md-subhead,\n h2.content-head__item .md-subhead {\n display: block;\n padding-left: 0;\n }\n}\n.content-head__item md-icon,\nh2.content-head__item md-icon {\n vertical-align: text-bottom;\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n max-height: 500px;\n}\n\n.l-notebook {\n margin-top: 42px;\n background-color: #eeeeee !important;\n}\n\n.l-sidebar__header {\n background-color: #ffffff !important;\n color: #795C3A !important;\n}\n.l-sidebar__header md-select {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.status-icon {\n margin: 0 4px;\n z-index: 1;\n vertical-align: bottom;\n}\n\n.md-button.status-icon {\n height: auto;\n width: auto;\n min-height: 0;\n line-height: inherit;\n margin: 0 4px;\n padding: 0;\n}\n\n.avatar--icon--alert {\n background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n font-size: 48px;\n margin: -4px 0 0 -4px;\n}\n\nmd-dialog {\n width: 600px;\n}\n\n.dialog--wide {\n width: 960px;\n}\n\n.dialog--wider {\n width: 1280px;\n}\n\n.help-bubble {\n border-radius: 4px;\n max-width: 320px;\n}\n@media (min-width: 600px) {\n .help-bubble {\n max-width: 552px;\n }\n}\n@media (min-width: 960px) {\n .help-bubble {\n max-width: 912px;\n }\n}\n@media (min-width: 1280px) {\n .help-bubble {\n max-width: 1232px;\n }\n}\n\n.help-bubble__title {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n}\n\n.help-bubble___title__content {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n padding: 0px 0 0 12px;\n background-color: #ef6c00;\n}\n.help-bubble___title__content .md-icon-button {\n margin-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.help-bubble__content {\n overflow: auto;\n padding: 8px 12px;\n max-height: 480px;\n}\n\n.help-bubble__actions {\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n\n.input-container {\n padding-top: 12px;\n}\n\n.input-container--component {\n margin-bottom: 0;\n}\n\n.input-container--open-response.md-has-icon {\n padding-left: 0;\n}\n.input-container--open-response .md-errors-spacer {\n display: none;\n}\n\n.input-wrapper {\n position: relative;\n}\n\n.input-wrapper--focused .input--textarea__action md-icon {\n color: #7e57c2;\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n padding: 8px;\n background-color: #f7f7f7;\n border: 1px solid #cccccc;\n margin-bottom: 8px;\n}\n.input--textarea:focus, .input-container textarea.input--textarea:focus {\n background-color: #ffffff;\n}\n.input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.input-container textarea.input--textarea {\n width: 100%;\n}\n\n.input--textarea--disabled {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.input--textarea__action {\n position: absolute;\n right: -4px;\n}\n.input--textarea__action[disabled] md-icon {\n color: rgba(0, 0, 0, 0.26) !important;\n}\n\n.input--textarea__action--notebook {\n top: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--notebook {\n top: -7px;\n}\n\n.input--textarea__action--revision {\n bottom: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--revision {\n bottom: -5px;\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n line-height: 1.2;\n color: rgba(0, 0, 0, 0.87);\n}\n.input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n color: #7e57c2;\n}\n\n.autocomplete input {\n text-overflow: ellipsis;\n overflow: hidden;\n word-wrap: none;\n font-weight: 500;\n color: rgba(0, 0, 0, 0.54);\n}\n\n@media only screen and (min-width: 600px) {\n .autocomplete--minwidth {\n min-width: 300px;\n }\n}\n@media only screen and (min-width: 960px) {\n .autocomplete--minwidth {\n min-width: 300px;\n }\n}\n\n.autocomplete--flat md-autocomplete-wrap {\n background-color: #ffffff;\n}\n.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n box-shadow: none;\n background-color: #eeeeee;\n}\n\n.select__header {\n height: 48px;\n}\n.select__header input {\n height: 100%;\n width: 100%;\n padding: 0 8px;\n outline: none;\n border: 0 none;\n font-size: 14px;\n font-weight: 500;\n}\n\n.table {\n max-width: 100%;\n width: auto;\n min-width: 100px;\n margin: 8px 0;\n}\n.table thead > tr > th,\n.table thead > tr > td,\n.table tbody > tr > th,\n.table tbody > tr > td,\n.table tfoot > tr > th,\n.table tfoot > tr > td {\n border: 1px solid #cccccc;\n padding: 6px;\n font-size: 15px;\n min-height: 32px;\n height: 32px;\n min-width: 32px;\n vertical-align: top;\n}\n.table td.inactive,\n.table th {\n background-color: #f7f7f7;\n opacity: 1;\n visibility: visible;\n}\n.table md-input-container {\n margin: 0;\n}\n.table .md-errors-spacer {\n display: none;\n}\n\n.table--student td.inactive {\n padding: 8px 10px;\n}\n\n.table--full-width {\n width: 100%;\n}\n\n.table--list {\n border: 0 none;\n border-collapse: collapse;\n background-color: #ffffff;\n max-width: 100%;\n overflow: auto;\n}\n.table--list th,\n.table--list td {\n padding: 0 4px;\n border: 0 none;\n}\n.table--list td {\n min-height: 56px;\n height: 56px;\n}\n.table--list tr.md-button {\n display: table-row;\n text-align: left;\n width: auto;\n text-transform: none;\n font-size: inherit;\n font-weight: normal;\n}\n\n.table--list__wrap {\n min-width: 600px;\n}\n\n@media only screen and (max-width: 959px) {\n .table-wrap-sticky {\n overflow-x: auto;\n }\n}\n\n.table--list__thead {\n font-size: 14px;\n font-weight: 700;\n}\n\n.table--list__thead__tr {\n height: 100%;\n margin: 0;\n}\n\n.table--list__thead__th {\n background-color: #757575;\n color: rgb(255, 255, 255);\n min-height: 42px;\n height: 42px;\n}\n\n.table--list__thead__link {\n color: #ffffff;\n text-transform: none;\n margin: 0;\n min-width: 0;\n white-space: normal;\n line-height: 1.4;\n width: 100%;\n}\n\n.table--list__thead__sort {\n margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n transform: rotate(180deg);\n}\n\n.td--wrap {\n min-width: 180px;\n white-space: normal;\n line-height: 1.2;\n}\n\n@media only screen and (max-width: 959px) {\n .td--max-width {\n max-width: 180px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n\n.md-toolbar-tools {\n font-size: 18px;\n}\n.md-toolbar-tools .autocomplete {\n height: 36px;\n}\n.md-toolbar-tools .autocomplete md-autocomplete-wrap {\n height: 36px;\n}\n.md-toolbar-tools .autocomplete input {\n height: 36px;\n}\n\n.md-toolbar--wise {\n min-height: 42px;\n}\n.md-toolbar--wise .md-toolbar-tools {\n height: 42px;\n max-height: 42px;\n}\n.md-toolbar--wise .md-button.md-icon-button {\n height: 42px;\n line-height: 42px;\n width: 42px;\n}\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n padding: 0 8px;\n font-size: 15px;\n}\n\n.md-toolbar--sidenav {\n background-color: #333333 !important;\n}\n.md-toolbar--sidenav .md-toolbar-tools {\n font-size: 16px;\n font-weight: 500;\n}\n\n.toolbar {\n position: fixed;\n left: 0;\n right: 0;\n top: 52px;\n z-index: 3;\n}\n\n.toolbar__title {\n margin-left: 8px;\n font-size: 16px;\n font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n margin: 0 4px;\n min-height: 32px;\n background-color: #f7f7f7;\n}\n.toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n height: 32px;\n text-align: left;\n}\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n text-align: right;\n}\n\n.toolbar__select--fixedwidth {\n width: 168px;\n}\n@media only screen and (min-width: 600px) {\n .toolbar__select--fixedwidth {\n width: 264px;\n }\n}\n@media only screen and (min-width: 960px) {\n .toolbar__select--fixedwidth {\n width: 432px;\n }\n}\n\n.list-item {\n background-color: #ffffff;\n border-bottom: 1px solid #eeeeee;\n}\n.list-item .md-subheader, .list-item.md-subheader {\n color: rgba(0, 0, 0, 0.87);\n background-color: #ffffff;\n}\n.list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n vertical-align: middle;\n}\n.list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n padding: 0;\n}\n.list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n margin-right: 8px;\n}\n.list-item .autocomplete {\n margin: 8px 0;\n}\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n border-left: 4px solid #ef6c00 !important;\n margin-left: -4px;\n}\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n border-left: 4px solid #c62828 !important;\n margin-left: -4px;\n}\n\n.list-item--expanded {\n border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n cursor: default;\n background-color: #f7f7f7;\n}\n\n.list-item--actions {\n padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n text-transform: none;\n width: 100%;\n padding: 8px 16px;\n margin: 0;\n white-space: normal;\n text-align: left;\n line-height: 1.4;\n}\n\n.user-list {\n font-size: 15px;\n}\n\n#nav {\n position: relative;\n}\n\n.nav {\n margin-bottom: 16px;\n}\n\n.nav-mask {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0, 0, 0, 0.25);\n z-index: 1;\n}\n.nav-mask.ng-hide {\n opacity: 0;\n}\n\n.nav-head {\n color: rgba(0, 0, 0, 0.54);\n font-weight: 500;\n}\n.nav-head md-icon {\n line-height: 20px;\n}\n\n.nav-contents--root {\n padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n background-color: #dddddd;\n padding: 8px;\n}\n\n.nav-contents--root {\n padding: 0;\n}\n\n.nav-contents__list {\n padding: 0;\n}\n@media (min-width: 600px) {\n .nav-contents__list {\n padding: 8px;\n }\n}\n\n.nav-item {\n transition: opacity 250ms ease-in-out;\n}\n.nav-item.prev md-list-item {\n background-color: white;\n /*&._md-button-wrap>div.md-button:first-child {\n border-left: 4px solid color('primary');\n margin-left: -4px;\n }*/\n}\n\n.nav-item--card__content {\n border-top-right-radius: 4px;\n border-top-left-radius: 4px;\n}\n.nav-item--card__content:focus {\n outline: none;\n}\n.nav-item--card__content:focus .nav-item__title > span {\n border-bottom: 1px dashed #cccccc;\n}\n\n.nav-item--root {\n transition: margin 250ms, box-shadow 500ms;\n}\n.nav-item--root.expanded {\n flex-basis: 100%;\n max-width: 100%;\n max-height: none !important;\n margin: 8px auto;\n}\n.nav-item--root.expanded:first-of-type {\n margin-top: 0;\n}\n\n.nav-item--list__info-item {\n padding: 0 16px 0 4px;\n display: inline-block;\n}\n\n.nav-item--list__reorder {\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.26);\n}\n\n.nav-item--card--group:not(.expanded) {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n}\n\n.nav-item__collapse {\n margin: 0;\n}\n\n.nav-item__more {\n border-top: 1px solid #dddddd;\n border-bottom-right-radius: 4px;\n border-bottom-left-radius: 4px;\n padding: 8px 16px;\n min-height: 40px;\n}\n\n.nav-item__users {\n height: auto;\n cursor: pointer;\n color: #ffffff;\n margin: 0;\n padding: 1px 6px;\n}\n.nav-item__users > md-icon {\n padding-right: 4px;\n color: #ffffff;\n}\n.nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n background-color: #00C853;\n}\n\n.nav-item__title {\n padding-left: 16px;\n line-height: 1.2;\n font-weight: 400;\n}\n\n[dir=rtl] .nav-item__title {\n padding-left: auto;\n padding-right: 16px;\n}\n\n.nav-item__info {\n padding: 0 8px;\n}\n\n.nav-item__progress {\n width: 48px;\n}\n.nav-item__progress > .md-container {\n top: 0;\n}\n\n.nav-item__progress-value {\n margin-left: 8px;\n width: 36px;\n}\n\n.progress-wrapper {\n padding: 2px 0;\n cursor: pointer;\n}\n\n.menu-progress {\n position: absolute;\n top: 10px;\n right: 12px;\n}\n.menu-progress path {\n stroke: #CAD266 !important;\n stroke-width: 2px;\n}\n\n[dir=rtl] .menu-progress {\n right: auto;\n left: 12px;\n}\n\n.menu-sidenav__item {\n font-weight: 700;\n font-size: 14px;\n}\n\n.menu-sidenav__icon {\n margin-top: 12px !important;\n margin-right: 12px !important;\n margin-left: 12px;\n}\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n color: #7e57c2;\n}\n\n.menu-sidebar {\n position: absolute;\n top: 94px;\n bottom: 0;\n left: 0;\n background-color: #fff;\n width: 56px;\n overflow: hidden;\n padding: 8px 0;\n text-align: center;\n border-right: 1px solid #cccccc;\n}\n@media only screen and (max-width: 599px) {\n .menu-sidebar {\n display: none;\n }\n}\n\n[dir=rtl] .menu-sidebar {\n right: 0;\n left: auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n margin-top: 6px;\n margin-bottom: 6px;\n}\n\n#node {\n margin: 0 auto;\n position: absolute;\n left: 0;\n right: 0;\n}\n@media only screen and (min-width: 600px) {\n #node {\n padding: 8px;\n padding: 24px 16px;\n margin-bottom: 32px;\n }\n}\n@media only screen and (min-width: 960px) {\n #node {\n padding: 32px;\n }\n}\n#node.ng-enter {\n transition: opacity 0.5s;\n opacity: 0;\n}\n#node.ng-enter-active {\n opacity: 1;\n}\n\n.node-content {\n padding: 0 0 48px;\n background-color: #ffffff;\n border-radius: 3px;\n overflow: visible;\n}\n@media only screen and (max-width: 599px) {\n .node-content {\n box-shadow: none;\n }\n}\n@media only screen and (min-width: 600px) {\n .node-content {\n padding: 0;\n border-top: 2px solid;\n border-bottom: 2px solid;\n }\n}\n\nmd-content.node-content {\n background-color: #ffffff;\n}\n\n.node-content__rubric {\n position: absolute;\n top: -22px;\n left: 0;\n right: 0;\n z-index: 1;\n}\n.node-content__rubric .avatar--icon {\n transform: scale(0.94);\n}\n@media only screen and (max-width: 599px) {\n .node-content__rubric .avatar--icon {\n transform: scale(0.8);\n }\n}\n\n.node-icon {\n color: #ffffff;\n vertical-align: inherit;\n}\n\n.node-select {\n margin: 0 8px;\n min-width: 0;\n font-weight: 500;\n font-size: 15px;\n}\n.node-select .md-select-value *:first-child {\n transform: translate3d(0, 0, 0);\n flex: 1 0 0;\n}\n.node-select .md-select-value .node-select__icon {\n display: none;\n}\n.node-select .md-select-value .node-select__status {\n display: none;\n}\n.node-select .md-select-icon {\n margin-left: 0;\n color: rgba(0, 0, 0, 0.87);\n}\n\n.node-select-option--group {\n background-color: #f7f7f7;\n border-bottom: 1px solid #eeeeee;\n border-top: 1px solid #eeeeee;\n}\n\n.node-select-option--node {\n padding-left: 20px;\n}\n\n.node-select__icon {\n margin-right: 8px;\n}\n\n.node-select__status {\n margin-left: 8px;\n}\n\n.node-select__text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n@media only screen and (min-width: 600px) {\n .node-select__text {\n margin-top: 2px;\n }\n}\n\n.node-title {\n line-height: 1.2;\n text-transform: none;\n margin-top: 3px;\n}\n@media only screen and (max-width: 599px) {\n .node-title {\n font-size: 15px;\n }\n}\n\n.node-content__actions {\n padding: 0 16px 16px;\n}\n@media only screen and (min-width: 960px) {\n .node-content__actions {\n padding: 0 24px 24px;\n }\n}\n.node-content__actions .md-button:first-child {\n margin-left: 0;\n}\n.node-content__actions .md-button:last-child {\n margin-right: 0;\n}\n\n.node-content__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.node-content__actions__more {\n border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav:first-of-type {\n margin-right: 0;\n}\n\n@media only screen and (min-width: 600px) {\n .node-sidebar-active {\n margin-right: 68px;\n }\n}\n\n@media only screen and (max-width: 599px) {\n .node-sidebar-visible {\n margin-bottom: 42px;\n }\n}\n\n.node-sidebar {\n position: absolute;\n right: 0;\n top: 0;\n width: 52px;\n}\n\n.node-sidebar__toolbar {\n position: fixed;\n width: 52px;\n background-color: #ffffff;\n padding: 8px 0;\n border-radius: 3px;\n}\n@media only screen and (max-width: 599px) {\n .node-sidebar__toolbar {\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n border-radius: 0;\n padding: 0;\n min-height: 0;\n height: 42px;\n }\n}\n\n.node__label--vertical-alignment {\n vertical-align: middle;\n display: inline-block;\n}\n\nnotebook-launcher {\n position: absolute;\n bottom: 24px;\n right: 28px;\n}\n@media only screen and (min-width: 600px) {\n notebook-launcher.md-button.md-fab {\n z-index: 61;\n }\n}\n\nnotebook-report {\n position: absolute;\n bottom: 0;\n right: 96px;\n transition: right 250ms;\n z-index: 3;\n}\nnotebook-report.report-full {\n left: 8px;\n right: 8px;\n top: 8px;\n bottom: 8px;\n}\n@media only screen and (min-width: 960px) {\n notebook-report.notes-visible {\n right: 492px;\n }\n}\n\n.notebook-sidebar {\n width: 300px;\n max-width: none;\n}\n@media only screen and (min-width: 600px) {\n .notebook-sidebar {\n width: 480px;\n }\n}\n\n@media only screen and (max-width: 599px) {\n .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n bottom: 50px !important;\n }\n}\n.notification-btn {\n width: 60px !important;\n}\n.notification-btn md-icon {\n margin-left: 20px;\n}\n\n.notification-count {\n border-radius: 50%;\n position: absolute;\n background-color: #F05843;\n width: 22px;\n top: 12px;\n left: -18px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid;\n}\n.notification-count:before {\n content: \"\";\n position: absolute;\n right: -7px;\n top: 6px;\n border-left: 6px solid rgba(255, 255, 255, 0.87);\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n}\n\n.notification-list {\n padding: 8px 0;\n}\n\n.notification-dismiss {\n width: 500px;\n}\n\n.notification-dismiss__input {\n margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n color: rgba(0, 0, 0, 0.54);\n font-size: 12px;\n}\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n font-size: 18px;\n min-width: 0;\n width: auto;\n margin-left: -4px;\n line-height: 20px;\n}\n\n.account-menu {\n border-radius: 4px;\n padding: 0;\n font-size: 15px;\n max-width: 380px;\n}\n@media (min-width: 1280px) {\n .account-menu {\n min-width: 380px !important;\n }\n}\n.account-menu h3 {\n margin: 0;\n font-weight: 300;\n}\n.account-menu .mat-mdc-menu-content {\n padding: 0;\n}\n\n.account-menu--fixed-height {\n height: 304px;\n}\n\n.account-menu--fixed-width {\n width: 320px;\n}\n@media (min-width: 960px) {\n .account-menu--fixed-width {\n width: 380px;\n }\n}\n\n.account-menu__icon {\n background-color: rgb(255, 255, 255);\n border-radius: 50%;\n}\n\n.account-menu__caret {\n position: absolute;\n right: 28px;\n top: -8px;\n outline: none;\n}\n.account-menu__caret:before {\n content: \"\";\n position: absolute;\n border-bottom: 8px solid #fff;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n right: 132px;\n}\n\n[dir=rtl] .account-menu__caret {\n right: auto;\n left: 28px;\n}\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n left: 80px;\n right: auto;\n}\n[dir=rtl] .account-menu__caret--notification--with-pause {\n left: 132px;\n right: auto;\n}\n\n.account-menu__info {\n padding: 8px 12px;\n}\n\n.account-menu__info__title {\n font-weight: 500;\n}\n\n.account-menu__info__team {\n font-weight: 400;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.account-menu__users {\n padding: 0;\n}\n.account-menu__users md-list-item {\n padding: 0;\n}\n.account-menu__users md-list-item .md-avatar {\n margin: 0 8px 0 0;\n height: 48px;\n width: 48px;\n}\n\n.account-menu__actions {\n background-color: #f7f7f7;\n}\n\n.account-menu__control {\n padding: 16px;\n}\n\n.annotations {\n margin: 16px 4px 16px 62px;\n position: relative;\n font-size: 15px;\n}\n.annotations hr {\n margin: 10px 0 8px;\n border-color: rgba(0, 0, 0, 0.12);\n}\n.annotations:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n left: -15px;\n right: auto;\n top: -1px;\n bottom: auto;\n border-top: 20px solid transparent;\n border-bottom: 20px solid transparent;\n border-right: 16px solid #757575;\n}\n\n.annotations-container--student--report {\n border-top: 1px solid #dddddd;\n}\n\n.annotations--report {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.annotations__header {\n position: relative;\n border-top-right-radius: 4px;\n padding: 10px 12px;\n font-weight: 700;\n transition: all 1s;\n color: #ffffff;\n background-color: #757575;\n}\n\n.annotations__avatar {\n background-color: #F05843;\n padding: 2px;\n position: absolute;\n top: 0;\n left: -62px;\n}\n\n.annotations__icon {\n transition: all 1s;\n color: #ffffff;\n}\n\n.annotations__body {\n padding: 12px;\n background-color: #ffffff;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n overflow: auto;\n}\n\n.annotations__status {\n background-color: #ffffff;\n color: #ef6c00;\n display: inline-block;\n margin-left: 8px;\n font-size: 12px;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave {\n transition: all 1s;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n opacity: 0;\n}\n.annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n opacity: 1;\n}\n\n.annotations__score {\n font-weight: 700;\n}\n\n.annotations__info {\n font-style: italic;\n opacity: 0.8;\n border-bottom: 1px dotted;\n font-size: 13px;\n}\n\n.annotations--inside .annotations {\n margin-left: 72px;\n}\n\n.annotations--info {\n margin-bottom: 32px;\n margin-right: 8px;\n margin-left: 72px;\n}\n@media only screen and (min-width: 600px) {\n .annotations--info {\n margin: 16px 16px 32px 76px;\n }\n}\n.annotations--info:after {\n border-right: 16px solid #ef6c00;\n}\n.annotations--info .annotations__avatar {\n background-color: #ffffff;\n}\n.annotations--info .annotations__header {\n background-color: #ef6c00;\n}\n\n.component {\n position: relative;\n}\n\n.component__wrapper {\n padding: 0 24px;\n margin: 24px 0;\n}\n\n.component__content {\n overflow-x: auto;\n font-size: 15px;\n overflow-y: hidden;\n}\n@media only screen and (min-width: 600px) {\n .component__content {\n padding: 0 8px;\n }\n}\n\nh3.component__header {\n padding: 8px 12px;\n margin: 0;\n font-size: 14px;\n}\n\n.component__rubric {\n position: absolute;\n left: -20px;\n top: 12px;\n}\n\n.notebook-enabled .component_content img {\n transition: all 250ms;\n cursor: pointer;\n cursor: copy;\n}\n.notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n box-shadow: 0 0 5px 1px #F05843;\n}\n\n.component__actions .md-button:first-child {\n margin-left: 0;\n}\n.component__actions .md-button:last-child {\n margin-right: 0;\n}\n\n.component__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.54);\n font-weight: 400;\n}\n\n.component__actions__more {\n border-bottom: 1px dotted;\n}\n\n.component__prompt {\n margin-bottom: 8px;\n font-weight: 500;\n}\n\n.component__prompt__content {\n display: inline;\n}\n\n.component__attachment {\n position: relative;\n margin: 0 8px;\n padding-bottom: 8px;\n}\n@media only screen and (min-width: 600px) {\n .component__attachment {\n padding-top: 8px;\n }\n}\n\n@media only screen and (max-width: 599px) {\n .component__add-attachment {\n width: 100%;\n }\n}\n\n.component__attachment__content {\n max-height: 100px;\n width: auto;\n}\n\n.component__attachment__delete {\n position: absolute;\n top: 0;\n right: 0;\n min-width: 0;\n background-color: rgba(255, 255, 255, 0.75) !important;\n border-radius: 0;\n padding: 4px;\n margin: 0;\n}\n.component__attachment__delete > md-icon {\n margin-top: 0;\n}\n\n.component__revision {\n margin: 8px 0;\n padding: 8px;\n}\n.component__revision:nth-child(odd) {\n background-color: #f7f7f7;\n}\n\n.component__revision__content {\n padding: 4px 0 8px 0;\n border-bottom: 1px solid #dddddd;\n}\n\n.component__revision__actions {\n color: #757575;\n padding-top: 4px;\n}\n\n.component__content--Discussion {\n overflow: hidden;\n}\n\n.discussion-content {\n background-color: #eeeeee;\n box-shadow: inset 0 0 3px #aaaaaa;\n}\n\n.discussion-posts {\n padding: 12px 12px 8px;\n}\n@media only screen and (min-width: 1280px) {\n .discussion-posts {\n padding: 16px 16px 0;\n }\n}\n\n.discussion-post {\n margin: 0 auto 16px;\n max-width: 600px;\n}\n@media only screen and (min-width: 600px) {\n .discussion-post {\n margin-bottom: 24px;\n }\n}\n@media only screen and (min-width: 1280px) {\n .discussion-post {\n margin-bottom: 32px;\n }\n}\n.discussion-post md-divider {\n position: relative;\n width: auto;\n}\n\n.discussion-post__attachment {\n max-width: 100%;\n height: auto !important;\n margin-top: 16px;\n}\n\n.discussion-new {\n background-color: #ffffff;\n max-width: 570px;\n margin-left: auto;\n margin-right: auto;\n padding: 8px;\n transition: all 250ms;\n transform: scale(0.95);\n}\n\n.discussion-new--focused {\n transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n margin: 0;\n padding: 0;\n}\nmd-input-container.discussion-new__input-container > textarea.md-input {\n min-height: 68px;\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n border: 0 none;\n}\n\n.discussion-new__actions {\n padding: 0 8px;\n}\n.discussion-new__actions .md-button:first-of-type {\n margin-left: 0;\n}\n.discussion-new__actions .md-button:last-of-type {\n margin-right: 0;\n}\n\n.discussion-new__attachment {\n padding: 0;\n margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n margin-top: 0;\n margin-bottom: 16px;\n}\n\n.embedded-content__iframe {\n border: 0 none;\n}\n\n.graph-select {\n min-width: 150px;\n max-width: 200px;\n}\n\n.graph-controls {\n margin: 8px 0;\n padding: 8px 0;\n border: 1px solid #eeeeee;\n border-left-width: 0;\n border-right-width: 0;\n}\n\n.outside-content iframe {\n border: 1px solid #eeeeee;\n}\n\n.outside-content__source {\n margin-top: 4px;\n text-align: end;\n}\n.outside-content__source a {\n max-width: 240px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n}\n\n.notebook-toolbar md-divider {\n margin: 8px 0;\n}\n@media only screen and (max-width: 959px) {\n .notebook-toolbar {\n border-top: 1px solid #dddddd;\n }\n}\n\n.notebook-toolbar__add-menu {\n position: absolute;\n bottom: 40px;\n}\n.notebook-toolbar__add-menu .md-fab-action-item {\n background-color: #ffffff;\n}\n\n.notebook-toolbar__add-icon {\n border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n float: right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n float: left;\n}\n\nhighchart {\n display: block;\n}","@use 'sass:map';\n\n// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n 'primary': $_primary-color,\n 'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n 'accent-1': #795C3A,\n 'accent-2': #CAD266,\n 'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n 'info': #ef6c00,\n 'success': #00C853,\n 'divider': rgba(0, 0, 0, 0.12),\n 'gray-lightest': #f7f7f7,\n 'gray-lighter': #eeeeee,\n 'gray-light': #dddddd,\n 'gray': #cccccc,\n 'gray-dark': #aaaaaa,\n 'gray-darker': #757575,\n 'gray-darkest': #333333,\n 'text': rgba(0, 0, 0, 0.87),\n 'text-secondary': rgba(0, 0, 0, 0.54),\n 'text-disabled': rgba(0, 0, 0, 0.26),\n 'text-light': rgba(255, 255, 255, 1),\n 'text-light-secondary': rgba(255, 255, 255, 0.70),\n 'text-light-disabled': rgba(255, 255, 255, 0.50),\n 'selected-bg': $_selected-bg,\n 'score': #FFC107\n);\n\n$body-color: (\n 'body': map.get($color, 'text'),\n 'body-bg': map.get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid: 8px;\n$body-font-size-base: rem(1.500);\n$caption-font-size-base: rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n position: relative;\n\n @media (min-width: $layout-breakpoint-xs) {\n width: $layout-breakpoint-md;\n }\n\n @media (min-width: $layout-breakpoint-lg) {\n width: $layout-breakpoint-lg;\n }\n}\n\n.l-constrained-md {\n width: $layout-breakpoint-sm;\n max-width: 100%;\n}\n","// 1. Config\n\n// 2. Base\n.l-footer {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n background-color: #ffffff;\n border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n min-width: 0;\n display: flex;\n}\n\n.button--footer__element {\n padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n z-index: 3;\n\n .logo {\n margin-left: 0 !important;\n height: 36px;\n width: 36px;\n vertical-align: middle;\n }\n\n .logo-link {\n min-width: auto;\n display: none;\n padding: 0 4px;\n margin-right: 12px;\n\n @media only screen and (min-width: ($layout-breakpoint-xs)) {\n display: block;\n }\n\n &:hover, &:focus {\n border: 0 none;\n }\n }\n\n // Handle mobile portrait\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n .md-toolbar-tools {\n h1, h2, h3 {\n font-size: $body-font-size-base;\n }\n }\n }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n margin-top: $wise-toolbar-height;\n}\n\n#content {\n transition: margin-top 0.5s;\n}\n\n.view-content {\n margin: 0 auto;\n padding: 8px;\n position: absolute;\n left: 0;\n right: 0;\n transition: opacity 500ms;\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 16px;\n }\n\n &.ng-enter {\n opacity: 0;\n }\n\n .ng-enter-active {\n opacity: 1;\n transition-delay: 250ms;\n }\n\n &.ng-leave-active,\n &.ng-hide {\n opacity: 0;\n }\n\n &.ng-hide-add,\n &.ng-hide-add-active,\n &.ng-hide-remove,\n &.ng-hide-remove-active {\n opacity: 0;\n }\n}\n\n.view-content--with-sidemenu {\n padding: 8px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-left: 54px;\n padding: 16px;\n }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-left: auto;\n margin-right: 54px;\n }\n}\n\n.content-head {\n margin: 8px 0;\n\n h1,\n h2,\n h3 {\n font-weight: 300;\n margin-top: 0;\n margin-bottom: 0;\n font-size: rem(3.6);\n\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n font-size: rem(3.2);\n text-align: center;\n }\n }\n}\n\n.content-head__more {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n margin-top: 8px;\n }\n}\n\n.content-head__item,\nh2.content-head__item {\n margin: 0 8px;\n\n .md-subhead {\n padding-left: 4px;\n\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n display: block;\n padding-left: 0;\n }\n }\n\n md-icon {\n vertical-align: text-bottom;\n }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n max-height: 500px;\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n margin-top: $wise-toolbar-height;\n background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n background-color: #ffffff !important;\n color: color('accent-1') !important;\n\n md-select {\n color: color('body');\n }\n}",".status-icon {\n margin: 0 4px;\n z-index: 1;\n vertical-align: bottom;\n}\n\n.md-button.status-icon {\n height: auto;\n width: auto;\n min-height: 0;\n line-height: inherit;\n margin: 0 4px;\n padding: 0;\n}\n\n.avatar--icon--alert {\n background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n font-size: 48px;\n margin: -4px 0 0 -4px;\n}\n","md-dialog {\n width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n width: $layout-breakpoint-md;\n}\n",".help-bubble {\n border-radius: $card-border-radius;\n max-width: 320px;\n\n @media (min-width: $layout-breakpoint-xs) {\n max-width: ($layout-breakpoint-xs - 48);\n }\n\n @media (min-width: $layout-breakpoint-sm) {\n max-width: ($layout-breakpoint-sm - 48);\n }\n\n @media (min-width: $layout-breakpoint-md) {\n max-width: ($layout-breakpoint-md - 48);\n }\n}\n\n.help-bubble__title {\n border-top-left-radius: $card-border-radius;\n border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n border-top-left-radius: $card-border-radius;\n border-top-right-radius: $card-border-radius;\n padding: 0px 0 0 12px;\n background-color: color('info');\n\n .md-icon-button {\n margin-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n }\n}\n\n.help-bubble__content {\n overflow: auto;\n padding: 8px 12px;\n max-height: 480px;\n}\n\n.help-bubble__actions {\n border-bottom-left-radius: $card-border-radius;\n border-bottom-right-radius: $card-border-radius;\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n padding-top: 12px;\n}\n\n.input-container--component {\n margin-bottom: 0;\n}\n\n.input-container--open-response {\n &.md-has-icon {\n padding-left: 0;\n }\n\n .md-errors-spacer {\n display: none;\n }\n}\n\n.input-wrapper {\n position: relative;\n}\n\n.input-wrapper--focused {\n .input--textarea__action md-icon {\n color: color('primary');\n }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n padding: 8px;\n background-color: color('gray-lightest');\n border: 1px solid color('gray');\n margin-bottom: 8px;\n\n &:focus {\n background-color: #ffffff;\n }\n\n &[disabled] {\n color: color('text-secondary');\n }\n}\n\n.input-container textarea.input--textarea {\n width: 100%;\n}\n\n.input--textarea--disabled {\n color: color('text-secondary');\n}\n\n.input--textarea__action {\n position: absolute;\n right: -4px;\n\n &[disabled] md-icon {\n color: color('text-disabled') !important;\n }\n}\n\n.input--textarea__action--notebook {\n top: $input-action-vertical-offset;\n\n .input-wrapper--richtext & {\n top: $input-action-vertical-offset-richtext\n }\n}\n\n.input--textarea__action--revision {\n bottom: $input-action-vertical-offset;\n\n .input-wrapper--richtext & {\n bottom: ($input-action-vertical-offset-richtext + 2px);\n }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n line-height: 1.2;\n color: color('text');\n\n &.input-label--focused {\n color: color('primary');\n }\n}\n\n.autocomplete {\n input {\n text-overflow: ellipsis;\n overflow: hidden;\n word-wrap: none;\n font-weight: 500;\n color: color('text-secondary');\n }\n}\n\n.autocomplete--minwidth {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n min-width: 300px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n min-width: 300px;\n }\n}\n\n.autocomplete--flat {\n md-autocomplete-wrap {\n background-color: #ffffff;\n\n &:not(.md-menu-showing) {\n box-shadow: none;\n background-color: color('gray-lighter');\n }\n }\n}\n\n.select__header {\n height: $menu-item-height;\n\n input {\n height: 100%;\n width: 100%;\n padding: 0 8px;\n outline: none;\n border: 0 none;\n font-size: rem(1.4);\n font-weight: 500;\n }\n}\n",".table {\n max-width: 100%;\n width: auto;\n min-width: 100px;\n margin: 8px 0;\n\n thead,\n tbody,\n tfoot {\n // TODO: remove chaining when bootstrap dependency is removed\n > tr > th,\n > tr > td {\n border: 1px solid color('gray');\n padding: 6px;\n font-size: rem(1.5);\n min-height: 32px;\n height: 32px;\n min-width: 32px;\n vertical-align: top;\n }\n }\n\n td.inactive,\n th {\n background-color: color('gray-lightest');\n opacity: 1;\n visibility: visible;\n }\n\n md-input-container {\n margin: 0;\n }\n\n .md-errors-spacer {\n display: none;\n }\n}\n\n.table--student {\n td {\n &.inactive {\n padding: 8px 10px;\n }\n }\n}\n\n.table--full-width {\n width: 100%;\n}\n\n.table--list {\n border: 0 none;\n border-collapse: collapse;\n background-color: #ffffff;\n max-width: 100%;\n overflow: auto;\n\n th,\n td {\n padding: 0 4px;\n border: 0 none;\n }\n\n td {\n min-height: 56px;\n height: 56px;\n }\n\n tr {\n &.md-button {\n display: table-row;\n text-align: left;\n width: auto;\n text-transform: none;\n font-size: inherit;\n font-weight: normal;\n }\n }\n}\n\n.table--list__wrap {\n min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n overflow-x: auto;\n }\n}\n\n.table--list__thead {\n font-size: rem(1.4);\n font-weight: 700;\n}\n\n.table--list__thead__tr {\n height: 100%;\n margin: 0;\n}\n\n.table--list__thead__th {\n background-color: color('gray-darker');\n color: color('text-light');\n min-height: $wise-toolbar-height;\n height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n color: #ffffff;\n text-transform: none;\n margin: 0;\n min-width: 0;\n white-space: normal;\n line-height: 1.4;\n width: 100%;\n}\n\n.table--list__thead__sort {\n margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n transform: rotate(180deg);\n}\n\n.td--wrap {\n min-width: 180px;\n white-space: normal;\n line-height: 1.2;\n}\n\n.td--max-width {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n max-width: 180px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n",".md-toolbar-tools {\n font-size: 18px;\n\n .autocomplete {\n height: 36px;\n\n md-autocomplete-wrap {\n height: 36px;\n }\n\n input {\n height: 36px;\n }\n }\n}\n\n.md-toolbar--wise {\n min-height: $wise-toolbar-height;\n\n .md-toolbar-tools {\n height: $wise-toolbar-height;\n max-height: $wise-toolbar-height;\n }\n\n .md-button.md-icon-button {\n height: $wise-toolbar-height;\n line-height: $wise-toolbar-height;\n width: $wise-toolbar-height;\n }\n}\n\n.md-toolbar--wise--sm {\n .md-toolbar-tools {\n padding: 0 8px;\n font-size: $body-font-size-base;\n }\n}\n\n.md-toolbar--sidenav {\n background-color: color('gray-darkest') !important;\n\n .md-toolbar-tools {\n font-size: rem(1.6);\n font-weight: 500;\n }\n}\n\n.toolbar {\n position: fixed;\n left: 0;\n right: 0;\n top: $md-toolbar-height;\n z-index: 3;\n}\n\n.toolbar__title {\n margin-left: 8px;\n font-size: rem(1.6);\n font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n margin: 0 4px;\n min-height: 32px;\n background-color: color('gray-lightest');\n\n .md-select-value {\n height: 32px;\n text-align: left;\n }\n}\n[dir=rtl] {\n .toolbar__select, .md-button.toolbar__select {\n .md-select-value {\n text-align: right;\n }\n }\n}\n\n.toolbar__select--fixedwidth {\n width: 168px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n width: 264px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n width: 432px;\n }\n}\n","// Helpers\n@function rem($multiplier) {\n $font-size: 10px;\n @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base: rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs: 600px;\n$layout-breakpoint-sm: 960px;\n$layout-breakpoint-md: 1280px;\n$layout-breakpoint-lg: 1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n",".list-item {\n background-color: #ffffff;\n border-bottom: 1px solid color('gray-lighter');\n\n .md-subheader, &.md-subheader {\n color: color('text');\n background-color: #ffffff;\n\n md-icon {\n vertical-align: middle;\n }\n\n .md-subheader-inner {\n padding: 0;\n }\n\n .md-avatar {\n margin-right: 8px;\n }\n }\n\n .autocomplete {\n margin: 8px 0;\n }\n}\n\n.list-item--info {\n &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n border-left: 4px solid color('info') !important;\n margin-left: -4px;\n }\n}\n\n.list-item--warn {\n //background-color: lighten(color('warn'), 56%);\n\n &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n border-left: 4px solid color('warn') !important;\n margin-left: -4px;\n }\n}\n\n.list-item--expanded {\n border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n cursor: default;\n background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n text-transform: none;\n width: 100%;\n padding: 8px 16px;\n margin: 0;\n white-space: normal;\n text-align: left;\n line-height: 1.4;\n}\n\n.user-list {\n font-size: rem(1.5);\n}\n","#nav {\n position: relative;\n}\n\n.nav {\n margin-bottom: 16px;\n}\n\n.nav-mask {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0,0,0,0.25);\n z-index: 1;\n\n &.ng-hide {\n opacity: 0;\n }\n}\n\n.nav-head {\n color: color('text-secondary');\n font-weight: 500;\n\n md-icon {\n line-height: 20px;\n }\n}\n\n.nav-contents--root {\n padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n background-color: color('gray-light');\n padding: 8px;\n}\n\n.nav-contents--root {\n padding: 0;\n}\n\n.nav-contents__list {\n padding: 0;\n\n @media (min-width: $layout-breakpoint-xs) {\n padding: 8px;\n }\n}\n\n.nav-item {\n transition: opacity 250ms ease-in-out;\n\n &.prev {\n md-list-item {\n background-color: color('selected-bg');\n\n /*&._md-button-wrap>div.md-button:first-child {\n border-left: 4px solid color('primary');\n margin-left: -4px;\n }*/\n }\n }\n}\n\n.nav-item--card__content {\n border-top-right-radius: $card-border-radius;\n border-top-left-radius: $card-border-radius;\n\n &:focus {\n outline: none;\n\n .nav-item__title > span {\n border-bottom: 1px dashed color('gray');\n }\n }\n}\n\n.nav-item--root {\n transition: margin 250ms, box-shadow 500ms;\n\n &.expanded {\n flex-basis: 100%;\n //max-width: ($layout-breakpoint-md - 100) !important;\n max-width: 100%;\n max-height: none !important;\n margin: 8px auto;\n\n &:first-of-type {\n margin-top: 0;\n }\n\n //@media only screen and (min-width: $layout-breakpoint-sm) {\n //margin: 8px auto;\n //}\n }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n padding: 0 16px 0 4px;\n display: inline-block;\n}\n\n.nav-item--list__reorder {\n margin-left: 8px;\n color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n &:not(.expanded) {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n }\n}\n\n.nav-item__collapse {\n margin: 0;\n}\n\n.nav-item__more {\n border-top: 1px solid color('gray-light');\n border-bottom-right-radius: $card-border-radius;\n border-bottom-left-radius: $card-border-radius;\n padding: 8px 16px;\n min-height: 40px;\n}\n\n.nav-item__users {\n height: auto;\n cursor: pointer;\n color: #ffffff;\n margin: 0;\n padding: 1px 6px;\n\n > md-icon {\n padding-right: 4px;\n color: #ffffff;\n }\n\n &:hover, &:focus {\n &.success-bg {\n background-color: color('success');\n }\n }\n}\n\n.nav-item__title {\n padding-left: 16px;\n line-height: 1.2;\n font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n padding-left: auto;\n padding-right: 16px;\n}\n\n.nav-item__info {\n padding: 0 8px;\n}\n\n.nav-item__progress {\n width: 48px;\n\n > .md-container {\n top: 0;\n }\n}\n\n.nav-item__progress-value {\n margin-left: 8px;\n width: 36px;\n}\n\n.progress-wrapper {\n padding: 2px 0;\n cursor: pointer;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n position: absolute;\n top: 10px;\n right: 12px;\n\n path {\n stroke: color('accent-2') !important;\n stroke-width: 2px;\n }\n}\n[dir=rtl] .menu-progress {\n right:auto;\n left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n font-weight: 700;\n //color: color('text-secondary');\n font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n margin-top: 12px !important;\n margin-right: 12px !important;\n margin-left: 12px;\n}\n\n.active {\n .menu-sidenav__icon, .menu-sidenav__item {\n color: color('primary');\n }\n}\n\n.menu-sidebar {\n position: absolute;\n top: $wise-toolbar-height + $md-toolbar-height;\n bottom: 0;\n left: 0;\n background-color: #fff;\n width: $menu-sidebar-width;\n overflow: hidden;\n padding: 8px 0;\n text-align: center;\n border-right: 1px solid color('gray');\n\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n display: none;\n }\n}\n[dir=rtl] .menu-sidebar {\n right:0;\n left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n margin-top: 6px;\n margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n margin: 0 auto;\n position: absolute;\n left: 0;\n right: 0;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 8px;\n padding: 24px 16px;\n margin-bottom: 32px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 32px;\n }\n\n &.ng-enter {\n transition: opacity .5s;\n opacity: 0;\n }\n\n &.ng-enter-active {\n opacity: 1;\n }\n}\n\n// TODO: use BEM conventions\n\n.node-content {\n padding: 0 0 48px;\n background-color: #ffffff;\n border-radius: $button-border-radius;\n overflow: visible;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n box-shadow: none;\n }\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 0;\n border-top: 2px solid;\n border-bottom: 2px solid;\n }\n}\n\nmd-content {\n &.node-content {\n background-color: #ffffff;\n }\n}\n\n.node-content__rubric {\n position: absolute;\n top: -22px;\n left: 0;\n right: 0;\n z-index: 1;\n\n .avatar--icon {\n transform: scale(0.94);\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n transform: scale(0.8);\n }\n }\n}\n\n.node-icon {\n color: #ffffff;\n vertical-align: inherit;\n}\n\n.node-select {\n margin: 0 8px;\n min-width: 0;\n font-weight: 500;\n font-size: $body-font-size-base;\n\n .md-select-value {\n *:first-child {\n transform: translate3d(0,0,0);\n flex: 1 0 0;\n }\n\n .node-select__icon {\n display: none;\n }\n\n .node-select__status {\n display: none;\n }\n }\n\n .md-select-icon {\n margin-left: 0;\n color: color('text');\n }\n}\n\n.node-select-option--group {\n //color: rgba(0,0,0,0.54);\n background-color: color('gray-lightest');\n border-bottom: 1px solid color('gray-lighter');\n border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n padding-left: 20px;\n}\n\n.node-select__icon {\n margin-right: 8px;\n}\n\n.node-select__status {\n margin-left: 8px;\n}\n\n.node-select__text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-top: 2px;\n }\n}\n\n.node-title {\n line-height: 1.2;\n text-transform: none;\n margin-top: 3px;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n font-size: $body-font-size-base;\n }\n}\n\n.node-content__actions {\n padding: 0 16px 16px;\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 0 24px 24px;\n }\n\n .md-button:first-child {\n margin-left: 0;\n }\n\n .md-button:last-child {\n margin-right: 0;\n }\n}\n\n.node-content__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: color('text-secondary');\n}\n\n.node-content__actions__more {\n border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n &:not(:first-of-type) {\n }\n\n &:first-of-type {\n margin-right: 0;\n }\n}\n\n.node-sidebar-active {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-right: ($md-toolbar-height + 16);\n }\n}\n\n.node-sidebar-visible {\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n margin-bottom: $wise-toolbar-height;\n }\n}\n\n.node-sidebar {\n position: absolute;\n right: 0;\n top: 0;\n width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n position: fixed;\n width: $md-toolbar-height;\n background-color: #ffffff;\n padding: 8px 0;\n border-radius: $button-border-radius;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n border-radius: 0;\n padding: 0;\n min-height: 0;\n height: $wise-toolbar-height;\n }\n}\n\n.node__label--vertical-alignment {\n vertical-align: middle;\n display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 480px;\n$report-position-right: 96px;\n$report-full-gap: 8px;\n\n// Base\nnotebook-launcher {\n position: absolute;\n bottom: 24px;\n right: 28px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n &.md-button.md-fab {\n z-index: 61;\n }\n }\n}\n\nnotebook-report {\n position: absolute;\n bottom: 0;\n right: $report-position-right;\n transition: right 250ms;\n z-index: 3;\n\n &.report-full {\n left: $report-full-gap;\n right: $report-full-gap;\n top: $report-full-gap;\n bottom: $report-full-gap\n }\n \n @media only screen and (min-width: $layout-breakpoint-sm) {\n &.notes-visible {\n right: $notebook-sidebar-width + 12;\n }\n }\n}\n\n.notebook-sidebar {\n width: $notebook-sidebar-width - 180; \n max-width: none;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n width: $notebook-sidebar-width;\n }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n .notebook-enabled {\n .md-fab-bottom-right, .md-fab-bottom-left {\n bottom: ($wise-toolbar-height + 8) !important;\n }\n }\n}\n",".notification-btn {\n width: 60px !important;\n\n md-icon {\n margin-left: 20px;\n }\n}\n\n.notification-count {\n border-radius: 50%;\n position: absolute;\n background-color: color('accent');\n width: 22px;\n top: 12px;\n left: -18px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid;\n\n &:before {\n content: \"\";\n position: absolute;\n right: -7px;\n top: 6px;\n border-left: 6px solid rgba(255,255,255,0.87);\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n }\n}\n\n.notification-list {\n padding: 8px 0;\n}\n\n.notification-dismiss {\n width: 500px;\n}\n\n.notification-dismiss__input {\n margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n &.notification-list-item__source {\n color: color('text-secondary');\n font-size: rem(1.2);\n\n md-icon {\n font-size: rem(1.8);\n min-width: 0;\n width: auto;\n margin-left: -4px;\n line-height: rem(2);\n }\n }\n}\n",".account-menu {\n border-radius: $card-border-radius;\n padding: 0;\n font-size: $body-font-size-base;\n max-width: 380px;\n\n @media (min-width: $layout-breakpoint-md) {\n min-width: 380px !important;\n }\n\n h3 {\n margin: 0;\n font-weight: 300;\n }\n\n .mat-mdc-menu-content {\n padding: 0;\n }\n}\n\n.account-menu--fixed-height {\n height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n width: 320px;\n\n @media (min-width: $layout-breakpoint-sm) {\n width: 380px;\n }\n}\n\n.account-menu__icon {\n background-color: color('text-light');\n border-radius: 50%;\n}\n\n.account-menu__caret {\n position: absolute;\n right: 28px;\n top: -8px;\n outline: none;\n\n &:before {\n content: '';\n position: absolute;\n border-bottom: 8px solid #fff;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n right: 132px;\n}\n\n[dir=rtl] {\n .account-menu__caret {\n right: auto;\n left: 28px;\n }\n .account-menu__caret--pause, .account-menu__caret--notification {\n left:80px;\n right:auto;\n }\n .account-menu__caret--notification--with-pause {\n left: 132px;\n right:auto;\n }\n}\n\n.account-menu__info {\n padding: 8px 12px;\n}\n\n.account-menu__info__title {\n font-weight: 500;\n}\n\n.account-menu__info__team {\n font-weight: 400;\n color: color('text-secondary');\n}\n\n.account-menu__users {\n padding: 0;\n\n md-list-item {\n padding: 0;\n\n .md-avatar {\n margin: 0 8px 0 0;\n height: 48px;\n width: 48px;\n }\n }\n}\n\n.account-menu__actions {\n background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n padding: 16px;\n}\n",".annotations {\n margin: 16px 4px 16px 62px;\n position: relative;\n font-size: rem(1.5);\n\n hr {\n margin: 10px 0 8px;\n border-color: rgba(0,0,0,.12);\n }\n\n &:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n left: -15px;\n right: auto;\n top: -1px;\n bottom: auto;\n border-top: 20px solid transparent;\n border-bottom: 20px solid transparent;\n border-right: 16px solid color('gray-darker');\n }\n}\n\n.annotations-container--student--report {\n border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.annotations__header {\n position: relative;\n //border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n padding: 10px 12px;\n font-weight: 700;\n transition: all 1s;\n color: #ffffff;\n background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n background-color: color('accent');\n padding: 2px;\n position: absolute;\n top: 0;\n left: -62px;\n}\n\n.annotations__icon {\n transition: all 1s;\n color: #ffffff;\n}\n\n.annotations__body {\n padding: 12px;\n background-color: #ffffff;\n border-bottom-left-radius: $card-border-radius;\n border-bottom-right-radius: $card-border-radius;\n overflow: auto;\n}\n\n.annotations__status {\n background-color: #ffffff;\n color: color('info');\n display: inline-block;\n margin-left: 8px;\n font-size: rem(1.2);\n\n &.ng-enter, &.ng-leave {\n transition: all 1s;\n }\n\n &.ng-enter, &.ng-leave.ng-leave-active {\n opacity:0;\n }\n\n &.ng-leave, &.ng-enter.ng-enter-active {\n opacity:1;\n }\n}\n\n.annotations__score {\n font-weight: 700;\n}\n\n.annotations__info {\n font-style: italic;\n opacity: 0.8;\n border-bottom: 1px dotted;\n font-size: rem(1.3);\n}\n\n.annotations--inside {\n .annotations {\n margin-left: 72px;\n }\n}\n\n// TODO: move to own file\n.annotations--info {\n margin-bottom: 32px;\n margin-right: 8px;\n margin-left: 72px;\n\n @media only screen and (min-width: ($layout-breakpoint-xs)) {\n margin: 16px 16px 32px 76px;\n }\n\n &:after {\n border-right: 16px solid color('info');\n }\n\n .annotations__avatar {\n background-color: #ffffff;\n }\n\n .annotations__header {\n background-color: color('info');\n }\n}\n",".component {\n position: relative;\n}\n\n.component__wrapper {\n padding: 0 24px;\n margin: 24px 0;\n}\n\n.component__content {\n overflow-x: auto;\n font-size: rem(1.5);\n overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 0 8px;\n }\n}\n\nh3.component__header {\n padding: 8px 12px;\n margin: 0;\n font-size: rem(1.4);\n}\n\n.component__rubric {\n position: absolute;\n left: -20px;\n top: 12px;\n}\n\n.notebook-enabled {\n .component_content {\n img {\n transition: all 250ms;\n cursor: pointer;\n cursor: copy;\n //position: relative;\n //border: 2px solid transparent;\n\n &:hover, &:focus {\n box-shadow: 0 0 5px 1px color('accent');\n //border: 2px solid #ffffff;\n }\n }\n }\n}\n\n.component__actions {\n .md-button:first-child {\n margin-left: 0;\n }\n\n .md-button:last-child {\n margin-right: 0;\n }\n}\n\n.component__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: color('text-secondary');\n font-weight: 400;\n}\n\n.component__actions__more {\n border-bottom: 1px dotted;\n}\n\n.component__prompt {\n margin-bottom: 8px;\n font-weight: 500;\n}\n\n.component__prompt__content {\n display: inline;\n}\n\n.component__attachment {\n position: relative;\n margin: 0 8px;\n padding-bottom: 8px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding-top: 8px;\n }\n}\n\n.component__add-attachment {\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n width: 100%;\n }\n}\n\n.component__attachment__content {\n max-height: 100px;\n width: auto;\n}\n\n.component__attachment__delete {\n position: absolute;\n top: 0;\n right: 0;\n min-width: 0;\n background-color: rgba(255, 255, 255, 0.75) !important;\n border-radius: 0;\n padding: 4px;\n margin: 0;\n\n //@media only screen and (min-width: $layout-breakpoint-sm) {\n //margin-top: 8px;\n //}\n\n > md-icon {\n margin-top: 0;\n }\n}\n\n.component__revision {\n margin: 8px 0;\n padding: 8px;\n\n &:nth-child(odd) {\n background-color: color('gray-lightest');\n }\n}\n\n.component__revision__content {\n padding: 4px 0 8px 0;\n border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n color: color('gray-darker');\n padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n overflow: hidden;\n}\n\n.discussion-content {\n background-color: color('gray-lighter');\n //margin: 0 0 -16px;\n box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n padding: 12px 12px 8px;\n\n @media only screen and (min-width: $layout-breakpoint-md) {\n padding: 16px 16px 0;\n }\n}\n\n.discussion-post {\n margin: 0 auto 16px;\n max-width: $layout-breakpoint-xs;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-bottom: 24px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-md) {\n margin-bottom: 32px;\n }\n\n // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n md-divider {\n position: relative;\n width: auto;\n }\n}\n\n\n\n.discussion-post__attachment {\n max-width: 100%;\n height: auto !important;\n margin-top: 16px;\n}\n\n.discussion-new {\n background-color: #ffffff;\n max-width: 570px;\n margin-left: auto;\n margin-right: auto;\n padding: 8px;\n transition: all 250ms;\n transform: scale(0.95);\n}\n\n.discussion-new--focused {\n transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n margin: 0;\n padding: 0;\n\n > textarea.md-input {\n min-height: 68px;\n }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n border: 0 none;\n}\n\n.discussion-new__actions {\n padding: 0 8px;\n\n .md-button {\n &:first-of-type {\n margin-left: 0;\n }\n\n &:last-of-type {\n margin-right: 0;\n }\n }\n}\n\n.discussion-new__attachment {\n padding: 0;\n margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n margin-top: 0;\n margin-bottom: 16px;\n}\n\n\n\n\n\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n border: 0 none;\n}\n",".graph-select {\n min-width: 150px;\n max-width: 200px;\n}\n\n.graph-controls {\n margin: 8px 0;\n padding: 8px 0;\n border: 1px solid color('gray-lighter');\n border-left-width: 0;\n border-right-width: 0;\n}\n",".outside-content {\n iframe {\n border: 1px solid color('gray-lighter');\n }\n}\n\n.outside-content__source {\n margin-top: 4px;\n text-align: end;\n\n a {\n max-width: 240px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n }\n}",".notebook-toolbar {\n md-divider {\n margin: 8px 0;\n }\n\n @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n border-top: 1px solid color('gray-light');\n }\n}\n\n.notebook-toolbar__add-menu {\n position: absolute;\n bottom: 40px;\n\n .md-fab-action-item {\n background-color: #ffffff;\n }\n}\n\n.notebook-toolbar__add-icon {\n border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n float:left;\n}","highchart {\n display: block;\n}\n"]} \ No newline at end of file +{"version":3,"sources":["src/assets/wise5/themes/default/style/base/_presets.scss","src/assets/wise5/themes/default/style/author.css","src/assets/wise5/themes/default/style/base/_config.scss","src/assets/wise5/themes/default/style/layouts/_l-default.scss","src/assets/wise5/themes/default/style/layouts/_l-footer.scss","src/assets/wise5/themes/default/style/layouts/_l-header.scss","src/assets/wise5/themes/default/style/layouts/_l-main.scss","src/assets/wise5/themes/default/style/layouts/_l-notebook.scss","src/assets/wise5/themes/default/style/layouts/_l-sidebar.scss","src/assets/wise5/themes/default/style/modules/_alerts.scss","src/assets/wise5/themes/default/style/modules/_dialog.scss","src/assets/wise5/themes/default/style/modules/_help.scss","src/assets/wise5/themes/default/style/modules/_inputs.scss","src/assets/wise5/themes/default/style/modules/_table.scss","src/assets/wise5/themes/default/style/modules/_toolbar.scss","src/assets/wise5/themes/default/style/material/_config.scss","src/assets/wise5/themes/default/style/modules/_list.scss","src/assets/wise5/themes/default/style/modules/_nav.scss","src/assets/wise5/themes/default/style/modules/_menu.scss","src/assets/wise5/themes/default/style/modules/_node.scss","src/assets/wise5/themes/default/style/modules/_notebook.scss","src/assets/wise5/themes/default/style/modules/_notifications.scss","src/assets/wise5/themes/default/style/modules/_account-menu.scss","src/assets/wise5/themes/default/style/modules/_annotations.scss","src/assets/wise5/themes/default/style/modules/_component.scss","src/assets/wise5/themes/default/style/modules/_component--discussion.scss","src/assets/wise5/themes/default/style/modules/_component--embedded.scss","src/assets/wise5/themes/default/style/modules/_component--graph.scss","src/assets/wise5/themes/default/style/modules/_component--outside.scss","src/assets/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/assets/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCAF,CDEE,SACI,eCAN,CDKI,gBACI,aCFR,CDMA,WACE,qBAAA,CAKA,oBAAA,CAAA,sBAAA,CAHA,aAAA,CADA,WCCF,CDOI,qBAKI,wBAAA,CAFA,iBAAA,CAFA,UAAA,CAGA,WAAA,CAFA,iBCDR,CDSI,kCAEI,QAAA,CADA,QCLR,CDWA,OAMI,qBAAA,CALA,iBEUiB,CFRjB,cAAA,CAEA,iBAAA,CADA,eAAA,CAFA,eCJJ,CDUI,iBAGI,mBAAA,CADA,YAAA,CADA,WCNR,CDUQ,8CACI,qBCRZ,CDWQ,uBACI,uBCTZ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,gBACI,wBAAA,CACA,UCXJ,CDeA,qBACI,aCZJ,CDeA,iBACI,uBCZJ,CDgBA,EACE,aAAA,CACA,cCbF,CDgBA,QACI,kCAAA,CACA,qBCbJ,CDiBA,QACE,iBAAA,CACA,sBCdF,CDiBA,gBACE,iBCdF,CDmBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDqBA,cACE,qBAAA,CACA,4BClBF,CDoBE,8BACI,WClBN,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDwBE,wDACE,qBCrBJ,CDyBI,4EACE,qBCvBN,CD8BE,mDACE,uBC3BJ,CD6BE,mDACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,iDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CDgCA,uCACE,qBC7BF,CDgCA,uFACE,qBC7BF,CDgCA,2HAGE,qBAAA,CADA,aC5BF,CDmCI,SACE,aChCN,CD+BI,QACE,aC5BN,CD2BI,UACE,aCxBN,CDuBI,UACE,aCpBN,CDmBI,MACE,aChBN,CDeI,MACE,aCZN,CDWI,SACE,aCRN,CDOI,SACE,qBCJN,CDGI,eACE,aCAN,CDDI,cACE,UCIN,CDLI,YACE,UCQN,CDTI,MACE,UCYN,CDbI,WACE,UCgBN,CDjBI,aACE,aCoBN,CDrBI,cACE,UCwBN,CDzBI,MACE,qBC4BN,CD7BI,gBACE,qBCgCN,CDjCI,eACE,qBCoCN,CDrCI,YACE,UCwCN,CDzCI,sBACE,wBC4CN,CD7CI,qBACE,wBCgDN,CDjDI,aACE,UCoDN,CDrDI,OACE,aCwDN,CDzDI,MACE,qBC4DN,CD7DI,SACE,UCgEN,CD1DI,YACE,wBC6DN,CD9DI,WACE,wBCiEN,CDlEI,aACE,wBCqEN,CDtEI,aACE,wBCyEN,CD1EI,SACE,wBC6EN,CD9EI,SACE,wBCiFN,CDlFI,YACE,wBCqFN,CDtFI,YACE,gCCyFN,CD1FI,kBACE,wBC6FN,CD9FI,iBACE,qBCiGN,CDlGI,eACE,qBCqGN,CDtGI,SACE,qBCyGN,CD1GI,cACE,qBC6GN,CD9GI,gBACE,wBCiHN,CDlHI,iBACE,qBCqHN,CDtHI,SACE,gCCyHN,CD1HI,mBACE,gCC6HN,CD9HI,kBACE,gCCiIN,CDlII,eACE,qBCqIN,CDtII,yBACE,mCCyIN,CD1II,wBACE,mCC6IN,CD9II,gBACE,qBCiJN,CDlJI,UACE,wBCqJN,CDtJI,SACE,gCCyJN,CD1JI,YACE,qBC6JN,CDtJQ,kCACI,cCyJZ,CD1JQ,iCACI,cC6JZ,CD9JQ,mCACI,cCiKZ,CDlKQ,mCACI,cCqKZ,CDtKQ,+BACI,cCyKZ,CD1KQ,+BACI,cC6KZ,CD9KQ,kCACI,cCiLZ,CDlLQ,kCACI,sBCqLZ,CDtLQ,wCACI,cCyLZ,CD1LQ,uCACI,WC6LZ,CD9LQ,qCACI,WCiMZ,CDlMQ,+BACI,WCqMZ,CDtMQ,oCACI,WCyMZ,CD1MQ,sCACI,cC6MZ,CD9MQ,uCACI,WCiNZ,CDlNQ,+BACI,sBCqNZ,CDtNQ,yCACI,sBCyNZ,CD1NQ,wCACI,sBC6NZ,CD9NQ,qCACI,WCiOZ,CDlOQ,+CACI,yBCqOZ,CDtOQ,8CACI,yBCyOZ,CD1OQ,sCACI,WC6OZ,CD9OQ,gCACI,cCiPZ,CDlPQ,+BACI,sBCqPZ,CDtPQ,kCACI,WCyPZ,CE7dA,eACE,gBAAA,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","file":"author.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n background: color('body-bg');\n\n &.vle {\n overflow: hidden;\n }\n}\n\na {\n &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n color: color('primary');\n }\n}\n\nblockquote {\n background-color: lighten(color('primary'), 56%);\n padding: 8px;\n margin: 16px 0;\n border-style: solid;\n border-color: color('primary');\n border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n &:after {\n content: '';\n position: absolute;\n border-radius: 50%;\n padding: 5px;\n background-color: color('accent');\n }\n}\n\n.has-indicator--icon-button {\n &:after {\n top: 25px;\n left: 5px;\n }\n}\n\n// Badges\n.badge {\n border-radius: $card-border-radius;\n padding: 2px 6px;\n font-size: rem(1.2);\n font-weight: 500;\n font-style: normal;\n background-color: color('gray-dark');\n\n &.md-button {\n min-width: 0;\n min-height: 0;\n line-height: inherit;\n\n &:hover, &:focus {\n background-color: color('gray-dark');\n }\n\n &:focus {\n outline: 1px dotted color('gray-dark');\n }\n }\n}\n\n.badge--info {\n background-color: color('info');\n color: #ffffff;\n}\n\n.badge--warn {\n background-color: color('warn');\n color: #ffffff;\n}\n\n.badge--success {\n background-color: color('success');\n color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n margin: 16px 0;\n}\n\n.divider--dashed {\n border-top-style: dashed;\n}\n\n// Links\na {\n color: color('primary');\n cursor: pointer;\n}\n\n.active {\n background-color: rgba(158,158,158,0.2);\n color: color('text');\n}\n\n// Images & Icons\n.avatar {\n border-radius: 50%;\n box-sizing: content-box;\n}\n\n.avatar--square {\n border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n &.md-18 {\n height: 18px + $avatar-icon-padding*2;\n width: 18px + $avatar-icon-padding*2;\n }\n &.md-24 {\n height: 24px + $avatar-icon-padding*2;\n width: 24px + $avatar-icon-padding*2;\n }\n &.md-36 {\n height: 36px + $avatar-icon-padding*2;\n width: 36px + $avatar-icon-padding*2;\n }\n &.md-48 {\n height: 48px + $avatar-icon-padding*2;\n width: 48px + $avatar-icon-padding*2;\n }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n background-color: color('gray-light');\n white-space: normal !important;\n\n &:not(.md-avatar) {\n padding: $avatar-icon-padding;\n }\n\n &.md-18 {\n height: 18px;\n width: 18px;\n }\n &.md-24 {\n height: 24px;\n width: 24px;\n }\n &.md-36 {\n height: 36px;\n width: 36px;\n }\n &.md-48 {\n height: 48px;\n width: 48px;\n }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n md-icon {\n color: color('text-secondary');\n }\n\n .md-button:disabled {\n md-icon {\n color: color('text-disabled');\n }\n }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n &.primary {\n color: color('primary') !important;\n }\n &.success {\n color: color('success') !important;\n }\n &.warn {\n color: color('warn') !important;\n }\n &.info {\n color: color('info') !important;\n }\n &.accent {\n color: color('accent') !important;\n }\n &.accent-1 {\n color: color('accent-1') !important;\n }\n &.accent-2 {\n color: color('accent-2') !important;\n }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n color: color('primary');\n background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n .#{$key} {\n color: $value;\n }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n .#{$key}-bg {\n background-color: $value;\n }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n md-progress-circular.#{$key} {\n path {\n stroke: $value;\n }\n }\n}\n","/*\n WISE Project Styles\n */\nbody {\n background: #eeeeee;\n}\nbody.vle {\n overflow: hidden;\n}\n\na:hover, a:focus {\n color: #7e57c2;\n}\n\nblockquote {\n background-color: white;\n padding: 8px;\n margin: 16px 0;\n border-style: solid;\n border-color: #7e57c2;\n border-width: 0 0 0 3px;\n}\n\n.has-indicator:after {\n content: \"\";\n position: absolute;\n border-radius: 50%;\n padding: 5px;\n background-color: #F05843;\n}\n\n.has-indicator--icon-button:after {\n top: 25px;\n left: 5px;\n}\n\n.badge {\n border-radius: 4px;\n padding: 2px 6px;\n font-size: 12px;\n font-weight: 500;\n font-style: normal;\n background-color: #aaaaaa;\n}\n.badge.md-button {\n min-width: 0;\n min-height: 0;\n line-height: inherit;\n}\n.badge.md-button:hover, .badge.md-button:focus {\n background-color: #aaaaaa;\n}\n.badge.md-button:focus {\n outline: 1px dotted #aaaaaa;\n}\n\n.badge--info {\n background-color: #ef6c00;\n color: #ffffff;\n}\n\n.badge--warn {\n background-color: #c62828;\n color: #ffffff;\n}\n\n.badge--success {\n background-color: #00C853;\n color: #ffffff;\n}\n\n.divider--withmargin {\n margin: 16px 0;\n}\n\n.divider--dashed {\n border-top-style: dashed;\n}\n\na {\n color: #7e57c2;\n cursor: pointer;\n}\n\n.active {\n background-color: rgba(158, 158, 158, 0.2);\n color: rgba(0, 0, 0, 0.87);\n}\n\n.avatar {\n border-radius: 50%;\n box-sizing: content-box;\n}\n\n.avatar--square {\n border-radius: 4px;\n}\n\n.avatar.md-18 {\n height: 30px;\n width: 30px;\n}\n.avatar.md-24 {\n height: 36px;\n width: 36px;\n}\n.avatar.md-36 {\n height: 48px;\n width: 48px;\n}\n.avatar.md-48 {\n height: 60px;\n width: 60px;\n}\n\n.avatar--icon {\n background-color: #dddddd;\n white-space: normal !important;\n}\n.avatar--icon:not(.md-avatar) {\n padding: 6px;\n}\n.avatar--icon.md-18 {\n height: 18px;\n width: 18px;\n}\n.avatar--icon.md-24 {\n height: 24px;\n width: 24px;\n}\n.avatar--icon.md-36 {\n height: 36px;\n width: 36px;\n}\n.avatar--icon.md-48 {\n height: 48px;\n width: 48px;\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n color: rgba(0, 0, 0, 0.54);\n}\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n color: rgba(0, 0, 0, 0.26);\n}\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n color: #7e57c2 !important;\n}\nmd-icon.success, .md-button:not([disabled]).success {\n color: #00C853 !important;\n}\nmd-icon.warn, .md-button:not([disabled]).warn {\n color: #c62828 !important;\n}\nmd-icon.info, .md-button:not([disabled]).info {\n color: #ef6c00 !important;\n}\nmd-icon.accent, .md-button:not([disabled]).accent {\n color: #F05843 !important;\n}\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n color: #795C3A !important;\n}\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n color: #CAD266 !important;\n}\n\nmd-input-container.md-wise-theme label {\n color: rgba(0, 0, 0, 0.87);\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n background-color: white;\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n color: #7e57c2;\n background-color: white;\n}\n\n.primary {\n color: #7e57c2;\n}\n\n.accent {\n color: #F05843;\n}\n\n.accent-1 {\n color: #795C3A;\n}\n\n.accent-2 {\n color: #CAD266;\n}\n\n.warn {\n color: #c62828;\n}\n\n.info {\n color: #ef6c00;\n}\n\n.success {\n color: #00C853;\n}\n\n.divider {\n color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest {\n color: #f7f7f7;\n}\n\n.gray-lighter {\n color: #eeeeee;\n}\n\n.gray-light {\n color: #dddddd;\n}\n\n.gray {\n color: #cccccc;\n}\n\n.gray-dark {\n color: #aaaaaa;\n}\n\n.gray-darker {\n color: #757575;\n}\n\n.gray-darkest {\n color: #333333;\n}\n\n.text {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled {\n color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light {\n color: rgb(255, 255, 255);\n}\n\n.text-light-secondary {\n color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg {\n color: white;\n}\n\n.score {\n color: #FFC107;\n}\n\n.body {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg {\n color: #eeeeee;\n}\n\n.primary-bg {\n background-color: #7e57c2;\n}\n\n.accent-bg {\n background-color: #F05843;\n}\n\n.accent-1-bg {\n background-color: #795C3A;\n}\n\n.accent-2-bg {\n background-color: #CAD266;\n}\n\n.warn-bg {\n background-color: #c62828;\n}\n\n.info-bg {\n background-color: #ef6c00;\n}\n\n.success-bg {\n background-color: #00C853;\n}\n\n.divider-bg {\n background-color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest-bg {\n background-color: #f7f7f7;\n}\n\n.gray-lighter-bg {\n background-color: #eeeeee;\n}\n\n.gray-light-bg {\n background-color: #dddddd;\n}\n\n.gray-bg {\n background-color: #cccccc;\n}\n\n.gray-dark-bg {\n background-color: #aaaaaa;\n}\n\n.gray-darker-bg {\n background-color: #757575;\n}\n\n.gray-darkest-bg {\n background-color: #333333;\n}\n\n.text-bg {\n background-color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary-bg {\n background-color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled-bg {\n background-color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light-bg {\n background-color: rgb(255, 255, 255);\n}\n\n.text-light-secondary-bg {\n background-color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled-bg {\n background-color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg-bg {\n background-color: white;\n}\n\n.score-bg {\n background-color: #FFC107;\n}\n\n.body-bg {\n background-color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg-bg {\n background-color: #eeeeee;\n}\n\nmd-progress-circular.primary path {\n stroke: #7e57c2;\n}\n\nmd-progress-circular.accent path {\n stroke: #F05843;\n}\n\nmd-progress-circular.accent-1 path {\n stroke: #795C3A;\n}\n\nmd-progress-circular.accent-2 path {\n stroke: #CAD266;\n}\n\nmd-progress-circular.warn path {\n stroke: #c62828;\n}\n\nmd-progress-circular.info path {\n stroke: #ef6c00;\n}\n\nmd-progress-circular.success path {\n stroke: #00C853;\n}\n\nmd-progress-circular.divider path {\n stroke: rgba(0, 0, 0, 0.12);\n}\n\nmd-progress-circular.gray-lightest path {\n stroke: #f7f7f7;\n}\n\nmd-progress-circular.gray-lighter path {\n stroke: #eeeeee;\n}\n\nmd-progress-circular.gray-light path {\n stroke: #dddddd;\n}\n\nmd-progress-circular.gray path {\n stroke: #cccccc;\n}\n\nmd-progress-circular.gray-dark path {\n stroke: #aaaaaa;\n}\n\nmd-progress-circular.gray-darker path {\n stroke: #757575;\n}\n\nmd-progress-circular.gray-darkest path {\n stroke: #333333;\n}\n\nmd-progress-circular.text path {\n stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.text-secondary path {\n stroke: rgba(0, 0, 0, 0.54);\n}\n\nmd-progress-circular.text-disabled path {\n stroke: rgba(0, 0, 0, 0.26);\n}\n\nmd-progress-circular.text-light path {\n stroke: rgb(255, 255, 255);\n}\n\nmd-progress-circular.text-light-secondary path {\n stroke: rgba(255, 255, 255, 0.7);\n}\n\nmd-progress-circular.text-light-disabled path {\n stroke: rgba(255, 255, 255, 0.5);\n}\n\nmd-progress-circular.selected-bg path {\n stroke: white;\n}\n\nmd-progress-circular.score path {\n stroke: #FFC107;\n}\n\nmd-progress-circular.body path {\n stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.body-bg path {\n stroke: #eeeeee;\n}\n\n.l-constrained {\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n position: relative;\n}\n@media (min-width: 600px) {\n .l-constrained {\n width: 1280px;\n }\n}\n@media (min-width: 1920px) {\n .l-constrained {\n width: 1920px;\n }\n}\n\n.l-constrained-md {\n width: 960px;\n max-width: 100%;\n}\n\n.l-footer {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n background-color: #ffffff;\n border-top: 1px solid #eeeeee;\n}\n\n.button--footer {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n min-width: 0;\n display: flex;\n}\n\n.button--footer__element {\n padding-left: 8px;\n}\n\n.l-header {\n z-index: 3;\n}\n.l-header .logo {\n margin-left: 0 !important;\n height: 36px;\n width: 36px;\n vertical-align: middle;\n}\n.l-header .logo-link {\n min-width: auto;\n display: none;\n padding: 0 4px;\n margin-right: 12px;\n}\n@media only screen and (min-width: 600px) {\n .l-header .logo-link {\n display: block;\n }\n}\n.l-header .logo-link:hover, .l-header .logo-link:focus {\n border: 0 none;\n}\n@media only screen and (max-width: 599px) {\n .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n font-size: 15px;\n }\n}\n\n.l-main {\n background-color: #eeeeee;\n}\n\n.l-main--with-toolbar {\n margin-top: 42px;\n}\n\n#content {\n transition: margin-top 0.5s;\n}\n\n.view-content {\n margin: 0 auto;\n padding: 8px;\n position: absolute;\n left: 0;\n right: 0;\n transition: opacity 500ms;\n}\n@media only screen and (min-width: 960px) {\n .view-content {\n padding: 16px;\n }\n}\n.view-content.ng-enter {\n opacity: 0;\n}\n.view-content .ng-enter-active {\n opacity: 1;\n transition-delay: 250ms;\n}\n.view-content.ng-leave-active, .view-content.ng-hide {\n opacity: 0;\n}\n.view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n opacity: 0;\n}\n\n.view-content--with-sidemenu {\n padding: 8px;\n}\n@media only screen and (min-width: 600px) {\n .view-content--with-sidemenu {\n margin-left: 54px;\n padding: 16px;\n }\n}\n\n@media only screen and (min-width: 600px) {\n [dir=rtl] .view-content--with-sidemenu {\n margin-left: auto;\n margin-right: 54px;\n }\n}\n\n.content-head {\n margin: 8px 0;\n}\n.content-head h1,\n.content-head h2,\n.content-head h3 {\n font-weight: 300;\n margin-top: 0;\n margin-bottom: 0;\n font-size: 36px;\n}\n@media only screen and (max-width: 959px) {\n .content-head h1,\n .content-head h2,\n .content-head h3 {\n font-size: 32px;\n text-align: center;\n }\n}\n\n@media only screen and (max-width: 959px) {\n .content-head__more {\n margin-top: 8px;\n }\n}\n\n.content-head__item,\nh2.content-head__item {\n margin: 0 8px;\n}\n.content-head__item .md-subhead,\nh2.content-head__item .md-subhead {\n padding-left: 4px;\n}\n@media only screen and (max-width: 959px) {\n .content-head__item .md-subhead,\n h2.content-head__item .md-subhead {\n display: block;\n padding-left: 0;\n }\n}\n.content-head__item md-icon,\nh2.content-head__item md-icon {\n vertical-align: text-bottom;\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n max-height: 500px;\n}\n\n.l-notebook {\n margin-top: 42px;\n background-color: #eeeeee !important;\n}\n\n.l-sidebar__header {\n background-color: #ffffff !important;\n color: #795C3A !important;\n}\n.l-sidebar__header md-select {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.status-icon {\n margin: 0 4px;\n z-index: 1;\n vertical-align: bottom;\n}\n\n.md-button.status-icon {\n height: auto;\n width: auto;\n min-height: 0;\n line-height: inherit;\n margin: 0 4px;\n padding: 0;\n}\n\n.avatar--icon--alert {\n background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n font-size: 48px;\n margin: -4px 0 0 -4px;\n}\n\nmd-dialog {\n width: 600px;\n}\n\n.dialog--wide {\n width: 960px;\n}\n\n.dialog--wider {\n width: 1280px;\n}\n\n.help-bubble {\n border-radius: 4px;\n max-width: 320px;\n}\n@media (min-width: 600px) {\n .help-bubble {\n max-width: 552px;\n }\n}\n@media (min-width: 960px) {\n .help-bubble {\n max-width: 912px;\n }\n}\n@media (min-width: 1280px) {\n .help-bubble {\n max-width: 1232px;\n }\n}\n\n.help-bubble__title {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n}\n\n.help-bubble___title__content {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n padding: 0px 0 0 12px;\n background-color: #ef6c00;\n}\n.help-bubble___title__content .md-icon-button {\n margin-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.help-bubble__content {\n overflow: auto;\n padding: 8px 12px;\n max-height: 480px;\n}\n\n.help-bubble__actions {\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n\n.input-container {\n padding-top: 12px;\n}\n\n.input-container--component {\n margin-bottom: 0;\n}\n\n.input-container--open-response.md-has-icon {\n padding-left: 0;\n}\n.input-container--open-response .md-errors-spacer {\n display: none;\n}\n\n.input-wrapper {\n position: relative;\n}\n\n.input-wrapper--focused .input--textarea__action md-icon {\n color: #7e57c2;\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n padding: 8px;\n background-color: #f7f7f7;\n border: 1px solid #cccccc;\n margin-bottom: 8px;\n}\n.input--textarea:focus, .input-container textarea.input--textarea:focus {\n background-color: #ffffff;\n}\n.input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.input-container textarea.input--textarea {\n width: 100%;\n}\n\n.input--textarea--disabled {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.input--textarea__action {\n position: absolute;\n right: -4px;\n}\n.input--textarea__action[disabled] md-icon {\n color: rgba(0, 0, 0, 0.26) !important;\n}\n\n.input--textarea__action--notebook {\n top: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--notebook {\n top: -7px;\n}\n\n.input--textarea__action--revision {\n bottom: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--revision {\n bottom: -5px;\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n line-height: 1.2;\n color: rgba(0, 0, 0, 0.87);\n}\n.input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n color: #7e57c2;\n}\n\n.autocomplete input {\n text-overflow: ellipsis;\n overflow: hidden;\n word-wrap: none;\n font-weight: 500;\n color: rgba(0, 0, 0, 0.54);\n}\n\n@media only screen and (min-width: 600px) {\n .autocomplete--minwidth {\n min-width: 300px;\n }\n}\n@media only screen and (min-width: 960px) {\n .autocomplete--minwidth {\n min-width: 300px;\n }\n}\n\n.autocomplete--flat md-autocomplete-wrap {\n background-color: #ffffff;\n}\n.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n box-shadow: none;\n background-color: #eeeeee;\n}\n\n.select__header {\n height: 48px;\n}\n.select__header input {\n height: 100%;\n width: 100%;\n padding: 0 8px;\n outline: none;\n border: 0 none;\n font-size: 14px;\n font-weight: 500;\n}\n\n.table {\n max-width: 100%;\n width: auto;\n min-width: 100px;\n margin: 8px 0;\n}\n.table thead > tr > th,\n.table thead > tr > td,\n.table tbody > tr > th,\n.table tbody > tr > td,\n.table tfoot > tr > th,\n.table tfoot > tr > td {\n border: 1px solid #cccccc;\n padding: 6px;\n font-size: 15px;\n min-height: 32px;\n height: 32px;\n min-width: 32px;\n vertical-align: top;\n}\n.table td.inactive,\n.table th {\n background-color: #f7f7f7;\n opacity: 1;\n visibility: visible;\n}\n.table md-input-container {\n margin: 0;\n}\n.table .md-errors-spacer {\n display: none;\n}\n\n.table--student td.inactive {\n padding: 8px 10px;\n}\n\n.table--full-width {\n width: 100%;\n}\n\n.table--list {\n border: 0 none;\n border-collapse: collapse;\n background-color: #ffffff;\n max-width: 100%;\n overflow: auto;\n}\n.table--list th,\n.table--list td {\n padding: 0 4px;\n border: 0 none;\n}\n.table--list td {\n min-height: 56px;\n height: 56px;\n}\n.table--list tr.md-button {\n display: table-row;\n text-align: left;\n width: auto;\n text-transform: none;\n font-size: inherit;\n font-weight: normal;\n}\n\n.table--list__wrap {\n min-width: 600px;\n}\n\n@media only screen and (max-width: 959px) {\n .table-wrap-sticky {\n overflow-x: auto;\n }\n}\n\n.table--list__thead {\n font-size: 14px;\n font-weight: 700;\n}\n\n.table--list__thead__tr {\n height: 100%;\n margin: 0;\n}\n\n.table--list__thead__th {\n background-color: #757575;\n color: rgb(255, 255, 255);\n min-height: 42px;\n height: 42px;\n}\n\n.table--list__thead__link {\n color: #ffffff;\n text-transform: none;\n margin: 0;\n min-width: 0;\n white-space: normal;\n line-height: 1.4;\n width: 100%;\n}\n\n.table--list__thead__sort {\n margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n transform: rotate(180deg);\n}\n\n.td--wrap {\n min-width: 180px;\n white-space: normal;\n line-height: 1.2;\n}\n\n@media only screen and (max-width: 959px) {\n .td--max-width {\n max-width: 180px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n\n.md-toolbar-tools {\n font-size: 18px;\n}\n.md-toolbar-tools .autocomplete {\n height: 36px;\n}\n.md-toolbar-tools .autocomplete md-autocomplete-wrap {\n height: 36px;\n}\n.md-toolbar-tools .autocomplete input {\n height: 36px;\n}\n\n.md-toolbar--wise {\n min-height: 42px;\n}\n.md-toolbar--wise .md-toolbar-tools {\n height: 42px;\n max-height: 42px;\n}\n.md-toolbar--wise .md-button.md-icon-button {\n height: 42px;\n line-height: 42px;\n width: 42px;\n}\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n padding: 0 8px;\n font-size: 15px;\n}\n\n.md-toolbar--sidenav {\n background-color: #333333 !important;\n}\n.md-toolbar--sidenav .md-toolbar-tools {\n font-size: 16px;\n font-weight: 500;\n}\n\n.toolbar {\n position: fixed;\n left: 0;\n right: 0;\n top: 52px;\n z-index: 3;\n}\n\n.toolbar__title {\n margin-left: 8px;\n font-size: 16px;\n font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n margin: 0 4px;\n min-height: 32px;\n background-color: #f7f7f7;\n}\n.toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n height: 32px;\n text-align: left;\n}\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n text-align: right;\n}\n\n.toolbar__select--fixedwidth {\n width: 168px;\n}\n@media only screen and (min-width: 600px) {\n .toolbar__select--fixedwidth {\n width: 264px;\n }\n}\n@media only screen and (min-width: 960px) {\n .toolbar__select--fixedwidth {\n width: 432px;\n }\n}\n\n.list-item {\n background-color: #ffffff;\n border-bottom: 1px solid #eeeeee;\n}\n.list-item .md-subheader, .list-item.md-subheader {\n color: rgba(0, 0, 0, 0.87);\n background-color: #ffffff;\n}\n.list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n vertical-align: middle;\n}\n.list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n padding: 0;\n}\n.list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n margin-right: 8px;\n}\n.list-item .autocomplete {\n margin: 8px 0;\n}\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n border-left: 4px solid #ef6c00 !important;\n margin-left: -4px;\n}\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n border-left: 4px solid #c62828 !important;\n margin-left: -4px;\n}\n\n.list-item--expanded {\n border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n cursor: default;\n background-color: #f7f7f7;\n}\n\n.list-item--actions {\n padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n text-transform: none;\n width: 100%;\n padding: 8px 16px;\n margin: 0;\n white-space: normal;\n text-align: left;\n line-height: 1.4;\n}\n\n.user-list {\n font-size: 15px;\n}\n\n#nav {\n position: relative;\n}\n\n.nav {\n margin-bottom: 16px;\n}\n\n.nav-mask {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0, 0, 0, 0.25);\n z-index: 1;\n}\n.nav-mask.ng-hide {\n opacity: 0;\n}\n\n.nav-head {\n color: rgba(0, 0, 0, 0.54);\n font-weight: 500;\n}\n.nav-head md-icon {\n line-height: 20px;\n}\n\n.nav-contents--root {\n padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n background-color: #dddddd;\n padding: 8px;\n}\n\n.nav-contents--root {\n padding: 0;\n}\n\n.nav-contents__list {\n padding: 0;\n}\n@media (min-width: 600px) {\n .nav-contents__list {\n padding: 8px;\n }\n}\n\n.nav-item {\n transition: opacity 250ms ease-in-out;\n}\n.nav-item.prev md-list-item {\n background-color: white;\n /*&._md-button-wrap>div.md-button:first-child {\n border-left: 4px solid color('primary');\n margin-left: -4px;\n }*/\n}\n\n.nav-item--card__content {\n border-top-right-radius: 4px;\n border-top-left-radius: 4px;\n}\n.nav-item--card__content:focus {\n outline: none;\n}\n.nav-item--card__content:focus .nav-item__title > span {\n border-bottom: 1px dashed #cccccc;\n}\n\n.nav-item--root {\n transition: margin 250ms, box-shadow 500ms;\n}\n.nav-item--root.expanded {\n flex-basis: 100%;\n max-width: 100%;\n max-height: none !important;\n margin: 8px auto;\n}\n.nav-item--root.expanded:first-of-type {\n margin-top: 0;\n}\n\n.nav-item--list__info-item {\n padding: 0 16px 0 4px;\n display: inline-block;\n}\n\n.nav-item--list__reorder {\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.26);\n}\n\n.nav-item--card--group:not(.expanded) {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n}\n\n.nav-item__collapse {\n margin: 0;\n}\n\n.nav-item__more {\n border-top: 1px solid #dddddd;\n border-bottom-right-radius: 4px;\n border-bottom-left-radius: 4px;\n padding: 8px 16px;\n min-height: 40px;\n}\n\n.nav-item__users {\n height: auto;\n cursor: pointer;\n color: #ffffff;\n margin: 0;\n padding: 1px 6px;\n}\n.nav-item__users > md-icon {\n padding-right: 4px;\n color: #ffffff;\n}\n.nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n background-color: #00C853;\n}\n\n.nav-item__title {\n padding-left: 16px;\n line-height: 1.2;\n font-weight: 400;\n}\n\n[dir=rtl] .nav-item__title {\n padding-left: auto;\n padding-right: 16px;\n}\n\n.nav-item__info {\n padding: 0 8px;\n}\n\n.nav-item__progress {\n width: 48px;\n}\n.nav-item__progress > .md-container {\n top: 0;\n}\n\n.nav-item__progress-value {\n margin-left: 8px;\n width: 36px;\n}\n\n.progress-wrapper {\n padding: 2px 0;\n cursor: pointer;\n}\n\n.menu-progress {\n position: absolute;\n top: 10px;\n right: 12px;\n}\n.menu-progress path {\n stroke: #CAD266 !important;\n stroke-width: 2px;\n}\n\n[dir=rtl] .menu-progress {\n right: auto;\n left: 12px;\n}\n\n.menu-sidenav__item {\n font-weight: 700;\n font-size: 14px;\n}\n\n.menu-sidenav__icon {\n margin-top: 12px !important;\n margin-right: 12px !important;\n margin-left: 12px;\n}\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n color: #7e57c2;\n}\n\n.menu-sidebar {\n position: absolute;\n top: 94px;\n bottom: 0;\n left: 0;\n background-color: #fff;\n width: 56px;\n overflow: hidden;\n padding: 8px 0;\n text-align: center;\n border-right: 1px solid #cccccc;\n}\n@media only screen and (max-width: 599px) {\n .menu-sidebar {\n display: none;\n }\n}\n\n[dir=rtl] .menu-sidebar {\n right: 0;\n left: auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n margin-top: 6px;\n margin-bottom: 6px;\n}\n\n#node {\n margin: 0 auto;\n position: absolute;\n left: 0;\n right: 0;\n}\n@media only screen and (min-width: 600px) {\n #node {\n padding: 8px;\n padding: 24px 16px;\n margin-bottom: 32px;\n }\n}\n@media only screen and (min-width: 960px) {\n #node {\n padding: 32px;\n }\n}\n#node.ng-enter {\n transition: opacity 0.5s;\n opacity: 0;\n}\n#node.ng-enter-active {\n opacity: 1;\n}\n\n.node-content {\n padding: 0 0 48px;\n background-color: #ffffff;\n border-radius: 3px;\n overflow: visible;\n}\n@media only screen and (max-width: 599px) {\n .node-content {\n box-shadow: none;\n }\n}\n@media only screen and (min-width: 600px) {\n .node-content {\n padding: 0;\n border-top: 2px solid;\n border-bottom: 2px solid;\n }\n}\n\nmd-content.node-content {\n background-color: #ffffff;\n}\n\n.node-content__rubric {\n position: absolute;\n top: -22px;\n left: 0;\n right: 0;\n z-index: 1;\n}\n.node-content__rubric .avatar--icon {\n transform: scale(0.94);\n}\n@media only screen and (max-width: 599px) {\n .node-content__rubric .avatar--icon {\n transform: scale(0.8);\n }\n}\n\n.node-icon {\n color: #ffffff;\n vertical-align: inherit;\n}\n\n.node-select {\n margin: 0 8px;\n min-width: 0;\n font-weight: 500;\n font-size: 15px;\n}\n.node-select .md-select-value *:first-child {\n transform: translate3d(0, 0, 0);\n flex: 1 0 0;\n}\n.node-select .md-select-value .node-select__icon {\n display: none;\n}\n.node-select .md-select-value .node-select__status {\n display: none;\n}\n.node-select .md-select-icon {\n margin-left: 0;\n color: rgba(0, 0, 0, 0.87);\n}\n\n.node-select-option--group {\n background-color: #f7f7f7;\n border-bottom: 1px solid #eeeeee;\n border-top: 1px solid #eeeeee;\n}\n\n.node-select-option--node {\n padding-left: 20px;\n}\n\n.node-select__icon {\n margin-right: 8px;\n}\n\n.node-select__status {\n margin-left: 8px;\n}\n\n.node-select__text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n@media only screen and (min-width: 600px) {\n .node-select__text {\n margin-top: 2px;\n }\n}\n\n.node-title {\n line-height: 1.2;\n text-transform: none;\n margin-top: 3px;\n}\n@media only screen and (max-width: 599px) {\n .node-title {\n font-size: 15px;\n }\n}\n\n.node-content__actions {\n padding: 0 16px 16px;\n}\n@media only screen and (min-width: 960px) {\n .node-content__actions {\n padding: 0 24px 24px;\n }\n}\n.node-content__actions .md-button:first-child {\n margin-left: 0;\n}\n.node-content__actions .md-button:last-child {\n margin-right: 0;\n}\n\n.node-content__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.node-content__actions__more {\n border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav:first-of-type {\n margin-right: 0;\n}\n\n@media only screen and (min-width: 600px) {\n .node-sidebar-active {\n margin-right: 68px;\n }\n}\n\n@media only screen and (max-width: 599px) {\n .node-sidebar-visible {\n margin-bottom: 42px;\n }\n}\n\n.node-sidebar {\n position: absolute;\n right: 0;\n top: 0;\n width: 52px;\n}\n\n.node-sidebar__toolbar {\n position: fixed;\n width: 52px;\n background-color: #ffffff;\n padding: 8px 0;\n border-radius: 3px;\n}\n@media only screen and (max-width: 599px) {\n .node-sidebar__toolbar {\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n border-radius: 0;\n padding: 0;\n min-height: 0;\n height: 42px;\n }\n}\n\n.node__label--vertical-alignment {\n vertical-align: middle;\n display: inline-block;\n}\n\nnotebook-report {\n position: absolute;\n bottom: 0;\n right: 66px;\n transition: right 250ms;\n z-index: 3;\n}\nnotebook-report.report-full {\n left: 8px;\n right: 8px;\n top: 8px;\n bottom: 8px;\n}\n@media only screen and (min-width: 960px) {\n notebook-report.notes-visible {\n right: 474px;\n }\n}\n\n.notebook-sidebar {\n width: 270px;\n max-width: none;\n}\n@media only screen and (min-width: 600px) {\n .notebook-sidebar {\n width: 450px;\n }\n}\n\n@media only screen and (max-width: 599px) {\n .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n bottom: 50px !important;\n }\n}\n.notification-btn {\n width: 60px !important;\n}\n.notification-btn md-icon {\n margin-left: 20px;\n}\n\n.notification-count {\n border-radius: 50%;\n position: absolute;\n background-color: #F05843;\n width: 22px;\n top: 12px;\n left: -18px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid;\n}\n.notification-count:before {\n content: \"\";\n position: absolute;\n right: -7px;\n top: 6px;\n border-left: 6px solid rgba(255, 255, 255, 0.87);\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n}\n\n.notification-list {\n padding: 8px 0;\n}\n\n.notification-dismiss {\n width: 500px;\n}\n\n.notification-dismiss__input {\n margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n color: rgba(0, 0, 0, 0.54);\n font-size: 12px;\n}\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n font-size: 18px;\n min-width: 0;\n width: auto;\n margin-left: -4px;\n line-height: 20px;\n}\n\n.account-menu {\n border-radius: 4px;\n padding: 0;\n font-size: 15px;\n max-width: 380px;\n}\n@media (min-width: 1280px) {\n .account-menu {\n min-width: 380px !important;\n }\n}\n.account-menu h3 {\n margin: 0;\n font-weight: 300;\n}\n.account-menu .mat-mdc-menu-content {\n padding: 0;\n}\n\n.account-menu--fixed-height {\n height: 304px;\n}\n\n.account-menu--fixed-width {\n width: 320px;\n}\n@media (min-width: 960px) {\n .account-menu--fixed-width {\n width: 380px;\n }\n}\n\n.account-menu__icon {\n background-color: rgb(255, 255, 255);\n border-radius: 50%;\n}\n\n.account-menu__caret {\n position: absolute;\n right: 28px;\n top: -8px;\n outline: none;\n}\n.account-menu__caret:before {\n content: \"\";\n position: absolute;\n border-bottom: 8px solid #fff;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n right: 132px;\n}\n\n[dir=rtl] .account-menu__caret {\n right: auto;\n left: 28px;\n}\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n left: 80px;\n right: auto;\n}\n[dir=rtl] .account-menu__caret--notification--with-pause {\n left: 132px;\n right: auto;\n}\n\n.account-menu__info {\n padding: 8px 12px;\n}\n\n.account-menu__info__title {\n font-weight: 500;\n}\n\n.account-menu__info__team {\n font-weight: 400;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.account-menu__users {\n padding: 0;\n}\n.account-menu__users md-list-item {\n padding: 0;\n}\n.account-menu__users md-list-item .md-avatar {\n margin: 0 8px 0 0;\n height: 48px;\n width: 48px;\n}\n\n.account-menu__actions {\n background-color: #f7f7f7;\n}\n\n.account-menu__control {\n padding: 16px;\n}\n\n.annotations {\n margin: 16px 4px 16px 62px;\n position: relative;\n font-size: 15px;\n}\n.annotations hr {\n margin: 10px 0 8px;\n border-color: rgba(0, 0, 0, 0.12);\n}\n.annotations:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n left: -15px;\n right: auto;\n top: -1px;\n bottom: auto;\n border-top: 20px solid transparent;\n border-bottom: 20px solid transparent;\n border-right: 16px solid #757575;\n}\n\n.annotations-container--student--report {\n border-top: 1px solid #dddddd;\n}\n\n.annotations--report {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.annotations__header {\n position: relative;\n border-top-right-radius: 4px;\n padding: 10px 12px;\n font-weight: 700;\n transition: all 1s;\n color: #ffffff;\n background-color: #757575;\n}\n\n.annotations__avatar {\n background-color: #F05843;\n padding: 2px;\n position: absolute;\n top: 0;\n left: -62px;\n}\n\n.annotations__icon {\n transition: all 1s;\n color: #ffffff;\n}\n\n.annotations__body {\n padding: 12px;\n background-color: #ffffff;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n overflow: auto;\n}\n\n.annotations__status {\n background-color: #ffffff;\n color: #ef6c00;\n display: inline-block;\n margin-left: 8px;\n font-size: 12px;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave {\n transition: all 1s;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n opacity: 0;\n}\n.annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n opacity: 1;\n}\n\n.annotations__score {\n font-weight: 700;\n}\n\n.annotations__info {\n font-style: italic;\n opacity: 0.8;\n border-bottom: 1px dotted;\n font-size: 13px;\n}\n\n.annotations--inside .annotations {\n margin-left: 72px;\n}\n\n.annotations--info {\n margin-bottom: 32px;\n margin-right: 8px;\n margin-left: 72px;\n}\n@media only screen and (min-width: 600px) {\n .annotations--info {\n margin: 16px 16px 32px 76px;\n }\n}\n.annotations--info:after {\n border-right: 16px solid #ef6c00;\n}\n.annotations--info .annotations__avatar {\n background-color: #ffffff;\n}\n.annotations--info .annotations__header {\n background-color: #ef6c00;\n}\n\n.component {\n position: relative;\n}\n\n.component__wrapper {\n padding: 0 24px;\n margin: 24px 0;\n}\n\n.component__content {\n overflow-x: auto;\n font-size: 15px;\n overflow-y: hidden;\n}\n@media only screen and (min-width: 600px) {\n .component__content {\n padding: 0 8px;\n }\n}\n\nh3.component__header {\n padding: 8px 12px;\n margin: 0;\n font-size: 14px;\n}\n\n.component__rubric {\n position: absolute;\n left: -20px;\n top: 12px;\n}\n\n.notebook-enabled .component_content img {\n transition: all 250ms;\n cursor: pointer;\n cursor: copy;\n}\n.notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n box-shadow: 0 0 5px 1px #F05843;\n}\n\n.component__actions .md-button:first-child {\n margin-left: 0;\n}\n.component__actions .md-button:last-child {\n margin-right: 0;\n}\n\n.component__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.54);\n font-weight: 400;\n}\n\n.component__actions__more {\n border-bottom: 1px dotted;\n}\n\n.component__prompt {\n margin-bottom: 8px;\n font-weight: 500;\n}\n\n.component__prompt__content {\n display: inline;\n}\n\n.component__attachment {\n position: relative;\n margin: 0 8px;\n padding-bottom: 8px;\n}\n@media only screen and (min-width: 600px) {\n .component__attachment {\n padding-top: 8px;\n }\n}\n\n@media only screen and (max-width: 599px) {\n .component__add-attachment {\n width: 100%;\n }\n}\n\n.component__attachment__content {\n max-height: 100px;\n width: auto;\n}\n\n.component__attachment__delete {\n position: absolute;\n top: 0;\n right: 0;\n min-width: 0;\n background-color: rgba(255, 255, 255, 0.75) !important;\n border-radius: 0;\n padding: 4px;\n margin: 0;\n}\n.component__attachment__delete > md-icon {\n margin-top: 0;\n}\n\n.component__revision {\n margin: 8px 0;\n padding: 8px;\n}\n.component__revision:nth-child(odd) {\n background-color: #f7f7f7;\n}\n\n.component__revision__content {\n padding: 4px 0 8px 0;\n border-bottom: 1px solid #dddddd;\n}\n\n.component__revision__actions {\n color: #757575;\n padding-top: 4px;\n}\n\n.component__content--Discussion {\n overflow: hidden;\n}\n\n.discussion-content {\n background-color: #eeeeee;\n box-shadow: inset 0 0 3px #aaaaaa;\n}\n\n.discussion-posts {\n padding: 12px 12px 8px;\n}\n@media only screen and (min-width: 1280px) {\n .discussion-posts {\n padding: 16px 16px 0;\n }\n}\n\n.discussion-post {\n margin: 0 auto 16px;\n max-width: 600px;\n}\n@media only screen and (min-width: 600px) {\n .discussion-post {\n margin-bottom: 24px;\n }\n}\n@media only screen and (min-width: 1280px) {\n .discussion-post {\n margin-bottom: 32px;\n }\n}\n.discussion-post md-divider {\n position: relative;\n width: auto;\n}\n\n.discussion-post__attachment {\n max-width: 100%;\n height: auto !important;\n margin-top: 16px;\n}\n\n.discussion-new {\n background-color: #ffffff;\n max-width: 570px;\n margin-left: auto;\n margin-right: auto;\n padding: 8px;\n transition: all 250ms;\n transform: scale(0.95);\n}\n\n.discussion-new--focused {\n transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n margin: 0;\n padding: 0;\n}\nmd-input-container.discussion-new__input-container > textarea.md-input {\n min-height: 68px;\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n border: 0 none;\n}\n\n.discussion-new__actions {\n padding: 0 8px;\n}\n.discussion-new__actions .md-button:first-of-type {\n margin-left: 0;\n}\n.discussion-new__actions .md-button:last-of-type {\n margin-right: 0;\n}\n\n.discussion-new__attachment {\n padding: 0;\n margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n margin-top: 0;\n margin-bottom: 16px;\n}\n\n.embedded-content__iframe {\n border: 0 none;\n}\n\n.graph-select {\n min-width: 150px;\n max-width: 200px;\n}\n\n.graph-controls {\n margin: 8px 0;\n padding: 8px 0;\n border: 1px solid #eeeeee;\n border-left-width: 0;\n border-right-width: 0;\n}\n\n.outside-content iframe {\n border: 1px solid #eeeeee;\n}\n\n.outside-content__source {\n margin-top: 4px;\n text-align: end;\n}\n.outside-content__source a {\n max-width: 240px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n}\n\n.notebook-toolbar md-divider {\n margin: 8px 0;\n}\n@media only screen and (max-width: 959px) {\n .notebook-toolbar {\n border-top: 1px solid #dddddd;\n }\n}\n\n.notebook-toolbar__add-menu {\n position: absolute;\n bottom: 40px;\n}\n.notebook-toolbar__add-menu .md-fab-action-item {\n background-color: #ffffff;\n}\n\n.notebook-toolbar__add-icon {\n border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n float: right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n float: left;\n}\n\nhighchart {\n display: block;\n}","@use 'sass:map';\n\n// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n 'primary': $_primary-color,\n 'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n 'accent-1': #795C3A,\n 'accent-2': #CAD266,\n 'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n 'info': #ef6c00,\n 'success': #00C853,\n 'divider': rgba(0, 0, 0, 0.12),\n 'gray-lightest': #f7f7f7,\n 'gray-lighter': #eeeeee,\n 'gray-light': #dddddd,\n 'gray': #cccccc,\n 'gray-dark': #aaaaaa,\n 'gray-darker': #757575,\n 'gray-darkest': #333333,\n 'text': rgba(0, 0, 0, 0.87),\n 'text-secondary': rgba(0, 0, 0, 0.54),\n 'text-disabled': rgba(0, 0, 0, 0.26),\n 'text-light': rgba(255, 255, 255, 1),\n 'text-light-secondary': rgba(255, 255, 255, 0.70),\n 'text-light-disabled': rgba(255, 255, 255, 0.50),\n 'selected-bg': $_selected-bg,\n 'score': #FFC107\n);\n\n$body-color: (\n 'body': map.get($color, 'text'),\n 'body-bg': map.get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid: 8px;\n$body-font-size-base: rem(1.500);\n$caption-font-size-base: rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n position: relative;\n\n @media (min-width: $layout-breakpoint-xs) {\n width: $layout-breakpoint-md;\n }\n\n @media (min-width: $layout-breakpoint-lg) {\n width: $layout-breakpoint-lg;\n }\n}\n\n.l-constrained-md {\n width: $layout-breakpoint-sm;\n max-width: 100%;\n}\n","// 1. Config\n\n// 2. Base\n.l-footer {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n background-color: #ffffff;\n border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n min-width: 0;\n display: flex;\n}\n\n.button--footer__element {\n padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n z-index: 3;\n\n .logo {\n margin-left: 0 !important;\n height: 36px;\n width: 36px;\n vertical-align: middle;\n }\n\n .logo-link {\n min-width: auto;\n display: none;\n padding: 0 4px;\n margin-right: 12px;\n\n @media only screen and (min-width: ($layout-breakpoint-xs)) {\n display: block;\n }\n\n &:hover, &:focus {\n border: 0 none;\n }\n }\n\n // Handle mobile portrait\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n .md-toolbar-tools {\n h1, h2, h3 {\n font-size: $body-font-size-base;\n }\n }\n }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n margin-top: $wise-toolbar-height;\n}\n\n#content {\n transition: margin-top 0.5s;\n}\n\n.view-content {\n margin: 0 auto;\n padding: 8px;\n position: absolute;\n left: 0;\n right: 0;\n transition: opacity 500ms;\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 16px;\n }\n\n &.ng-enter {\n opacity: 0;\n }\n\n .ng-enter-active {\n opacity: 1;\n transition-delay: 250ms;\n }\n\n &.ng-leave-active,\n &.ng-hide {\n opacity: 0;\n }\n\n &.ng-hide-add,\n &.ng-hide-add-active,\n &.ng-hide-remove,\n &.ng-hide-remove-active {\n opacity: 0;\n }\n}\n\n.view-content--with-sidemenu {\n padding: 8px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-left: 54px;\n padding: 16px;\n }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-left: auto;\n margin-right: 54px;\n }\n}\n\n.content-head {\n margin: 8px 0;\n\n h1,\n h2,\n h3 {\n font-weight: 300;\n margin-top: 0;\n margin-bottom: 0;\n font-size: rem(3.6);\n\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n font-size: rem(3.2);\n text-align: center;\n }\n }\n}\n\n.content-head__more {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n margin-top: 8px;\n }\n}\n\n.content-head__item,\nh2.content-head__item {\n margin: 0 8px;\n\n .md-subhead {\n padding-left: 4px;\n\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n display: block;\n padding-left: 0;\n }\n }\n\n md-icon {\n vertical-align: text-bottom;\n }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n max-height: 500px;\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n margin-top: $wise-toolbar-height;\n background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n background-color: #ffffff !important;\n color: color('accent-1') !important;\n\n md-select {\n color: color('body');\n }\n}",".status-icon {\n margin: 0 4px;\n z-index: 1;\n vertical-align: bottom;\n}\n\n.md-button.status-icon {\n height: auto;\n width: auto;\n min-height: 0;\n line-height: inherit;\n margin: 0 4px;\n padding: 0;\n}\n\n.avatar--icon--alert {\n background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n font-size: 48px;\n margin: -4px 0 0 -4px;\n}\n","md-dialog {\n width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n width: $layout-breakpoint-md;\n}\n",".help-bubble {\n border-radius: $card-border-radius;\n max-width: 320px;\n\n @media (min-width: $layout-breakpoint-xs) {\n max-width: ($layout-breakpoint-xs - 48);\n }\n\n @media (min-width: $layout-breakpoint-sm) {\n max-width: ($layout-breakpoint-sm - 48);\n }\n\n @media (min-width: $layout-breakpoint-md) {\n max-width: ($layout-breakpoint-md - 48);\n }\n}\n\n.help-bubble__title {\n border-top-left-radius: $card-border-radius;\n border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n border-top-left-radius: $card-border-radius;\n border-top-right-radius: $card-border-radius;\n padding: 0px 0 0 12px;\n background-color: color('info');\n\n .md-icon-button {\n margin-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n }\n}\n\n.help-bubble__content {\n overflow: auto;\n padding: 8px 12px;\n max-height: 480px;\n}\n\n.help-bubble__actions {\n border-bottom-left-radius: $card-border-radius;\n border-bottom-right-radius: $card-border-radius;\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n padding-top: 12px;\n}\n\n.input-container--component {\n margin-bottom: 0;\n}\n\n.input-container--open-response {\n &.md-has-icon {\n padding-left: 0;\n }\n\n .md-errors-spacer {\n display: none;\n }\n}\n\n.input-wrapper {\n position: relative;\n}\n\n.input-wrapper--focused {\n .input--textarea__action md-icon {\n color: color('primary');\n }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n padding: 8px;\n background-color: color('gray-lightest');\n border: 1px solid color('gray');\n margin-bottom: 8px;\n\n &:focus {\n background-color: #ffffff;\n }\n\n &[disabled] {\n color: color('text-secondary');\n }\n}\n\n.input-container textarea.input--textarea {\n width: 100%;\n}\n\n.input--textarea--disabled {\n color: color('text-secondary');\n}\n\n.input--textarea__action {\n position: absolute;\n right: -4px;\n\n &[disabled] md-icon {\n color: color('text-disabled') !important;\n }\n}\n\n.input--textarea__action--notebook {\n top: $input-action-vertical-offset;\n\n .input-wrapper--richtext & {\n top: $input-action-vertical-offset-richtext\n }\n}\n\n.input--textarea__action--revision {\n bottom: $input-action-vertical-offset;\n\n .input-wrapper--richtext & {\n bottom: ($input-action-vertical-offset-richtext + 2px);\n }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n line-height: 1.2;\n color: color('text');\n\n &.input-label--focused {\n color: color('primary');\n }\n}\n\n.autocomplete {\n input {\n text-overflow: ellipsis;\n overflow: hidden;\n word-wrap: none;\n font-weight: 500;\n color: color('text-secondary');\n }\n}\n\n.autocomplete--minwidth {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n min-width: 300px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n min-width: 300px;\n }\n}\n\n.autocomplete--flat {\n md-autocomplete-wrap {\n background-color: #ffffff;\n\n &:not(.md-menu-showing) {\n box-shadow: none;\n background-color: color('gray-lighter');\n }\n }\n}\n\n.select__header {\n height: $menu-item-height;\n\n input {\n height: 100%;\n width: 100%;\n padding: 0 8px;\n outline: none;\n border: 0 none;\n font-size: rem(1.4);\n font-weight: 500;\n }\n}\n",".table {\n max-width: 100%;\n width: auto;\n min-width: 100px;\n margin: 8px 0;\n\n thead,\n tbody,\n tfoot {\n // TODO: remove chaining when bootstrap dependency is removed\n > tr > th,\n > tr > td {\n border: 1px solid color('gray');\n padding: 6px;\n font-size: rem(1.5);\n min-height: 32px;\n height: 32px;\n min-width: 32px;\n vertical-align: top;\n }\n }\n\n td.inactive,\n th {\n background-color: color('gray-lightest');\n opacity: 1;\n visibility: visible;\n }\n\n md-input-container {\n margin: 0;\n }\n\n .md-errors-spacer {\n display: none;\n }\n}\n\n.table--student {\n td {\n &.inactive {\n padding: 8px 10px;\n }\n }\n}\n\n.table--full-width {\n width: 100%;\n}\n\n.table--list {\n border: 0 none;\n border-collapse: collapse;\n background-color: #ffffff;\n max-width: 100%;\n overflow: auto;\n\n th,\n td {\n padding: 0 4px;\n border: 0 none;\n }\n\n td {\n min-height: 56px;\n height: 56px;\n }\n\n tr {\n &.md-button {\n display: table-row;\n text-align: left;\n width: auto;\n text-transform: none;\n font-size: inherit;\n font-weight: normal;\n }\n }\n}\n\n.table--list__wrap {\n min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n overflow-x: auto;\n }\n}\n\n.table--list__thead {\n font-size: rem(1.4);\n font-weight: 700;\n}\n\n.table--list__thead__tr {\n height: 100%;\n margin: 0;\n}\n\n.table--list__thead__th {\n background-color: color('gray-darker');\n color: color('text-light');\n min-height: $wise-toolbar-height;\n height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n color: #ffffff;\n text-transform: none;\n margin: 0;\n min-width: 0;\n white-space: normal;\n line-height: 1.4;\n width: 100%;\n}\n\n.table--list__thead__sort {\n margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n transform: rotate(180deg);\n}\n\n.td--wrap {\n min-width: 180px;\n white-space: normal;\n line-height: 1.2;\n}\n\n.td--max-width {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n max-width: 180px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n",".md-toolbar-tools {\n font-size: 18px;\n\n .autocomplete {\n height: 36px;\n\n md-autocomplete-wrap {\n height: 36px;\n }\n\n input {\n height: 36px;\n }\n }\n}\n\n.md-toolbar--wise {\n min-height: $wise-toolbar-height;\n\n .md-toolbar-tools {\n height: $wise-toolbar-height;\n max-height: $wise-toolbar-height;\n }\n\n .md-button.md-icon-button {\n height: $wise-toolbar-height;\n line-height: $wise-toolbar-height;\n width: $wise-toolbar-height;\n }\n}\n\n.md-toolbar--wise--sm {\n .md-toolbar-tools {\n padding: 0 8px;\n font-size: $body-font-size-base;\n }\n}\n\n.md-toolbar--sidenav {\n background-color: color('gray-darkest') !important;\n\n .md-toolbar-tools {\n font-size: rem(1.6);\n font-weight: 500;\n }\n}\n\n.toolbar {\n position: fixed;\n left: 0;\n right: 0;\n top: $md-toolbar-height;\n z-index: 3;\n}\n\n.toolbar__title {\n margin-left: 8px;\n font-size: rem(1.6);\n font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n margin: 0 4px;\n min-height: 32px;\n background-color: color('gray-lightest');\n\n .md-select-value {\n height: 32px;\n text-align: left;\n }\n}\n[dir=rtl] {\n .toolbar__select, .md-button.toolbar__select {\n .md-select-value {\n text-align: right;\n }\n }\n}\n\n.toolbar__select--fixedwidth {\n width: 168px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n width: 264px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n width: 432px;\n }\n}\n","// Helpers\n@function rem($multiplier) {\n $font-size: 10px;\n @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base: rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs: 600px;\n$layout-breakpoint-sm: 960px;\n$layout-breakpoint-md: 1280px;\n$layout-breakpoint-lg: 1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n",".list-item {\n background-color: #ffffff;\n border-bottom: 1px solid color('gray-lighter');\n\n .md-subheader, &.md-subheader {\n color: color('text');\n background-color: #ffffff;\n\n md-icon {\n vertical-align: middle;\n }\n\n .md-subheader-inner {\n padding: 0;\n }\n\n .md-avatar {\n margin-right: 8px;\n }\n }\n\n .autocomplete {\n margin: 8px 0;\n }\n}\n\n.list-item--info {\n &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n border-left: 4px solid color('info') !important;\n margin-left: -4px;\n }\n}\n\n.list-item--warn {\n //background-color: lighten(color('warn'), 56%);\n\n &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n border-left: 4px solid color('warn') !important;\n margin-left: -4px;\n }\n}\n\n.list-item--expanded {\n border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n cursor: default;\n background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n text-transform: none;\n width: 100%;\n padding: 8px 16px;\n margin: 0;\n white-space: normal;\n text-align: left;\n line-height: 1.4;\n}\n\n.user-list {\n font-size: rem(1.5);\n}\n","#nav {\n position: relative;\n}\n\n.nav {\n margin-bottom: 16px;\n}\n\n.nav-mask {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0,0,0,0.25);\n z-index: 1;\n\n &.ng-hide {\n opacity: 0;\n }\n}\n\n.nav-head {\n color: color('text-secondary');\n font-weight: 500;\n\n md-icon {\n line-height: 20px;\n }\n}\n\n.nav-contents--root {\n padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n background-color: color('gray-light');\n padding: 8px;\n}\n\n.nav-contents--root {\n padding: 0;\n}\n\n.nav-contents__list {\n padding: 0;\n\n @media (min-width: $layout-breakpoint-xs) {\n padding: 8px;\n }\n}\n\n.nav-item {\n transition: opacity 250ms ease-in-out;\n\n &.prev {\n md-list-item {\n background-color: color('selected-bg');\n\n /*&._md-button-wrap>div.md-button:first-child {\n border-left: 4px solid color('primary');\n margin-left: -4px;\n }*/\n }\n }\n}\n\n.nav-item--card__content {\n border-top-right-radius: $card-border-radius;\n border-top-left-radius: $card-border-radius;\n\n &:focus {\n outline: none;\n\n .nav-item__title > span {\n border-bottom: 1px dashed color('gray');\n }\n }\n}\n\n.nav-item--root {\n transition: margin 250ms, box-shadow 500ms;\n\n &.expanded {\n flex-basis: 100%;\n //max-width: ($layout-breakpoint-md - 100) !important;\n max-width: 100%;\n max-height: none !important;\n margin: 8px auto;\n\n &:first-of-type {\n margin-top: 0;\n }\n\n //@media only screen and (min-width: $layout-breakpoint-sm) {\n //margin: 8px auto;\n //}\n }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n padding: 0 16px 0 4px;\n display: inline-block;\n}\n\n.nav-item--list__reorder {\n margin-left: 8px;\n color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n &:not(.expanded) {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n }\n}\n\n.nav-item__collapse {\n margin: 0;\n}\n\n.nav-item__more {\n border-top: 1px solid color('gray-light');\n border-bottom-right-radius: $card-border-radius;\n border-bottom-left-radius: $card-border-radius;\n padding: 8px 16px;\n min-height: 40px;\n}\n\n.nav-item__users {\n height: auto;\n cursor: pointer;\n color: #ffffff;\n margin: 0;\n padding: 1px 6px;\n\n > md-icon {\n padding-right: 4px;\n color: #ffffff;\n }\n\n &:hover, &:focus {\n &.success-bg {\n background-color: color('success');\n }\n }\n}\n\n.nav-item__title {\n padding-left: 16px;\n line-height: 1.2;\n font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n padding-left: auto;\n padding-right: 16px;\n}\n\n.nav-item__info {\n padding: 0 8px;\n}\n\n.nav-item__progress {\n width: 48px;\n\n > .md-container {\n top: 0;\n }\n}\n\n.nav-item__progress-value {\n margin-left: 8px;\n width: 36px;\n}\n\n.progress-wrapper {\n padding: 2px 0;\n cursor: pointer;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n position: absolute;\n top: 10px;\n right: 12px;\n\n path {\n stroke: color('accent-2') !important;\n stroke-width: 2px;\n }\n}\n[dir=rtl] .menu-progress {\n right:auto;\n left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n font-weight: 700;\n //color: color('text-secondary');\n font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n margin-top: 12px !important;\n margin-right: 12px !important;\n margin-left: 12px;\n}\n\n.active {\n .menu-sidenav__icon, .menu-sidenav__item {\n color: color('primary');\n }\n}\n\n.menu-sidebar {\n position: absolute;\n top: $wise-toolbar-height + $md-toolbar-height;\n bottom: 0;\n left: 0;\n background-color: #fff;\n width: $menu-sidebar-width;\n overflow: hidden;\n padding: 8px 0;\n text-align: center;\n border-right: 1px solid color('gray');\n\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n display: none;\n }\n}\n[dir=rtl] .menu-sidebar {\n right:0;\n left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n margin-top: 6px;\n margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n margin: 0 auto;\n position: absolute;\n left: 0;\n right: 0;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 8px;\n padding: 24px 16px;\n margin-bottom: 32px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 32px;\n }\n\n &.ng-enter {\n transition: opacity .5s;\n opacity: 0;\n }\n\n &.ng-enter-active {\n opacity: 1;\n }\n}\n\n// TODO: use BEM conventions\n\n.node-content {\n padding: 0 0 48px;\n background-color: #ffffff;\n border-radius: $button-border-radius;\n overflow: visible;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n box-shadow: none;\n }\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 0;\n border-top: 2px solid;\n border-bottom: 2px solid;\n }\n}\n\nmd-content {\n &.node-content {\n background-color: #ffffff;\n }\n}\n\n.node-content__rubric {\n position: absolute;\n top: -22px;\n left: 0;\n right: 0;\n z-index: 1;\n\n .avatar--icon {\n transform: scale(0.94);\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n transform: scale(0.8);\n }\n }\n}\n\n.node-icon {\n color: #ffffff;\n vertical-align: inherit;\n}\n\n.node-select {\n margin: 0 8px;\n min-width: 0;\n font-weight: 500;\n font-size: $body-font-size-base;\n\n .md-select-value {\n *:first-child {\n transform: translate3d(0,0,0);\n flex: 1 0 0;\n }\n\n .node-select__icon {\n display: none;\n }\n\n .node-select__status {\n display: none;\n }\n }\n\n .md-select-icon {\n margin-left: 0;\n color: color('text');\n }\n}\n\n.node-select-option--group {\n //color: rgba(0,0,0,0.54);\n background-color: color('gray-lightest');\n border-bottom: 1px solid color('gray-lighter');\n border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n padding-left: 20px;\n}\n\n.node-select__icon {\n margin-right: 8px;\n}\n\n.node-select__status {\n margin-left: 8px;\n}\n\n.node-select__text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-top: 2px;\n }\n}\n\n.node-title {\n line-height: 1.2;\n text-transform: none;\n margin-top: 3px;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n font-size: $body-font-size-base;\n }\n}\n\n.node-content__actions {\n padding: 0 16px 16px;\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 0 24px 24px;\n }\n\n .md-button:first-child {\n margin-left: 0;\n }\n\n .md-button:last-child {\n margin-right: 0;\n }\n}\n\n.node-content__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: color('text-secondary');\n}\n\n.node-content__actions__more {\n border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n &:not(:first-of-type) {\n }\n\n &:first-of-type {\n margin-right: 0;\n }\n}\n\n.node-sidebar-active {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-right: ($md-toolbar-height + 16);\n }\n}\n\n.node-sidebar-visible {\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n margin-bottom: $wise-toolbar-height;\n }\n}\n\n.node-sidebar {\n position: absolute;\n right: 0;\n top: 0;\n width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n position: fixed;\n width: $md-toolbar-height;\n background-color: #ffffff;\n padding: 8px 0;\n border-radius: $button-border-radius;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n border-radius: 0;\n padding: 0;\n min-height: 0;\n height: $wise-toolbar-height;\n }\n}\n\n.node__label--vertical-alignment {\n vertical-align: middle;\n display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 450px;\n$report-position-right: 66px;\n$report-full-gap: 8px;\n\n// Base\n\nnotebook-report {\n position: absolute;\n bottom: 0;\n right: $report-position-right;\n transition: right 250ms;\n z-index: 3;\n\n &.report-full {\n left: $report-full-gap;\n right: $report-full-gap;\n top: $report-full-gap;\n bottom: $report-full-gap\n }\n \n @media only screen and (min-width: $layout-breakpoint-sm) {\n &.notes-visible {\n right: $notebook-sidebar-width + 24;\n }\n }\n}\n\n.notebook-sidebar {\n width: $notebook-sidebar-width - 180; \n max-width: none;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n width: $notebook-sidebar-width;\n }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n .notebook-enabled {\n .md-fab-bottom-right, .md-fab-bottom-left {\n bottom: ($wise-toolbar-height + 8) !important;\n }\n }\n}\n",".notification-btn {\n width: 60px !important;\n\n md-icon {\n margin-left: 20px;\n }\n}\n\n.notification-count {\n border-radius: 50%;\n position: absolute;\n background-color: color('accent');\n width: 22px;\n top: 12px;\n left: -18px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid;\n\n &:before {\n content: \"\";\n position: absolute;\n right: -7px;\n top: 6px;\n border-left: 6px solid rgba(255,255,255,0.87);\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n }\n}\n\n.notification-list {\n padding: 8px 0;\n}\n\n.notification-dismiss {\n width: 500px;\n}\n\n.notification-dismiss__input {\n margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n &.notification-list-item__source {\n color: color('text-secondary');\n font-size: rem(1.2);\n\n md-icon {\n font-size: rem(1.8);\n min-width: 0;\n width: auto;\n margin-left: -4px;\n line-height: rem(2);\n }\n }\n}\n",".account-menu {\n border-radius: $card-border-radius;\n padding: 0;\n font-size: $body-font-size-base;\n max-width: 380px;\n\n @media (min-width: $layout-breakpoint-md) {\n min-width: 380px !important;\n }\n\n h3 {\n margin: 0;\n font-weight: 300;\n }\n\n .mat-mdc-menu-content {\n padding: 0;\n }\n}\n\n.account-menu--fixed-height {\n height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n width: 320px;\n\n @media (min-width: $layout-breakpoint-sm) {\n width: 380px;\n }\n}\n\n.account-menu__icon {\n background-color: color('text-light');\n border-radius: 50%;\n}\n\n.account-menu__caret {\n position: absolute;\n right: 28px;\n top: -8px;\n outline: none;\n\n &:before {\n content: '';\n position: absolute;\n border-bottom: 8px solid #fff;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n right: 132px;\n}\n\n[dir=rtl] {\n .account-menu__caret {\n right: auto;\n left: 28px;\n }\n .account-menu__caret--pause, .account-menu__caret--notification {\n left:80px;\n right:auto;\n }\n .account-menu__caret--notification--with-pause {\n left: 132px;\n right:auto;\n }\n}\n\n.account-menu__info {\n padding: 8px 12px;\n}\n\n.account-menu__info__title {\n font-weight: 500;\n}\n\n.account-menu__info__team {\n font-weight: 400;\n color: color('text-secondary');\n}\n\n.account-menu__users {\n padding: 0;\n\n md-list-item {\n padding: 0;\n\n .md-avatar {\n margin: 0 8px 0 0;\n height: 48px;\n width: 48px;\n }\n }\n}\n\n.account-menu__actions {\n background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n padding: 16px;\n}\n",".annotations {\n margin: 16px 4px 16px 62px;\n position: relative;\n font-size: rem(1.5);\n\n hr {\n margin: 10px 0 8px;\n border-color: rgba(0,0,0,.12);\n }\n\n &:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n left: -15px;\n right: auto;\n top: -1px;\n bottom: auto;\n border-top: 20px solid transparent;\n border-bottom: 20px solid transparent;\n border-right: 16px solid color('gray-darker');\n }\n}\n\n.annotations-container--student--report {\n border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.annotations__header {\n position: relative;\n //border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n padding: 10px 12px;\n font-weight: 700;\n transition: all 1s;\n color: #ffffff;\n background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n background-color: color('accent');\n padding: 2px;\n position: absolute;\n top: 0;\n left: -62px;\n}\n\n.annotations__icon {\n transition: all 1s;\n color: #ffffff;\n}\n\n.annotations__body {\n padding: 12px;\n background-color: #ffffff;\n border-bottom-left-radius: $card-border-radius;\n border-bottom-right-radius: $card-border-radius;\n overflow: auto;\n}\n\n.annotations__status {\n background-color: #ffffff;\n color: color('info');\n display: inline-block;\n margin-left: 8px;\n font-size: rem(1.2);\n\n &.ng-enter, &.ng-leave {\n transition: all 1s;\n }\n\n &.ng-enter, &.ng-leave.ng-leave-active {\n opacity:0;\n }\n\n &.ng-leave, &.ng-enter.ng-enter-active {\n opacity:1;\n }\n}\n\n.annotations__score {\n font-weight: 700;\n}\n\n.annotations__info {\n font-style: italic;\n opacity: 0.8;\n border-bottom: 1px dotted;\n font-size: rem(1.3);\n}\n\n.annotations--inside {\n .annotations {\n margin-left: 72px;\n }\n}\n\n// TODO: move to own file\n.annotations--info {\n margin-bottom: 32px;\n margin-right: 8px;\n margin-left: 72px;\n\n @media only screen and (min-width: ($layout-breakpoint-xs)) {\n margin: 16px 16px 32px 76px;\n }\n\n &:after {\n border-right: 16px solid color('info');\n }\n\n .annotations__avatar {\n background-color: #ffffff;\n }\n\n .annotations__header {\n background-color: color('info');\n }\n}\n",".component {\n position: relative;\n}\n\n.component__wrapper {\n padding: 0 24px;\n margin: 24px 0;\n}\n\n.component__content {\n overflow-x: auto;\n font-size: rem(1.5);\n overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 0 8px;\n }\n}\n\nh3.component__header {\n padding: 8px 12px;\n margin: 0;\n font-size: rem(1.4);\n}\n\n.component__rubric {\n position: absolute;\n left: -20px;\n top: 12px;\n}\n\n.notebook-enabled {\n .component_content {\n img {\n transition: all 250ms;\n cursor: pointer;\n cursor: copy;\n //position: relative;\n //border: 2px solid transparent;\n\n &:hover, &:focus {\n box-shadow: 0 0 5px 1px color('accent');\n //border: 2px solid #ffffff;\n }\n }\n }\n}\n\n.component__actions {\n .md-button:first-child {\n margin-left: 0;\n }\n\n .md-button:last-child {\n margin-right: 0;\n }\n}\n\n.component__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: color('text-secondary');\n font-weight: 400;\n}\n\n.component__actions__more {\n border-bottom: 1px dotted;\n}\n\n.component__prompt {\n margin-bottom: 8px;\n font-weight: 500;\n}\n\n.component__prompt__content {\n display: inline;\n}\n\n.component__attachment {\n position: relative;\n margin: 0 8px;\n padding-bottom: 8px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding-top: 8px;\n }\n}\n\n.component__add-attachment {\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n width: 100%;\n }\n}\n\n.component__attachment__content {\n max-height: 100px;\n width: auto;\n}\n\n.component__attachment__delete {\n position: absolute;\n top: 0;\n right: 0;\n min-width: 0;\n background-color: rgba(255, 255, 255, 0.75) !important;\n border-radius: 0;\n padding: 4px;\n margin: 0;\n\n //@media only screen and (min-width: $layout-breakpoint-sm) {\n //margin-top: 8px;\n //}\n\n > md-icon {\n margin-top: 0;\n }\n}\n\n.component__revision {\n margin: 8px 0;\n padding: 8px;\n\n &:nth-child(odd) {\n background-color: color('gray-lightest');\n }\n}\n\n.component__revision__content {\n padding: 4px 0 8px 0;\n border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n color: color('gray-darker');\n padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n overflow: hidden;\n}\n\n.discussion-content {\n background-color: color('gray-lighter');\n //margin: 0 0 -16px;\n box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n padding: 12px 12px 8px;\n\n @media only screen and (min-width: $layout-breakpoint-md) {\n padding: 16px 16px 0;\n }\n}\n\n.discussion-post {\n margin: 0 auto 16px;\n max-width: $layout-breakpoint-xs;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-bottom: 24px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-md) {\n margin-bottom: 32px;\n }\n\n // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n md-divider {\n position: relative;\n width: auto;\n }\n}\n\n\n\n.discussion-post__attachment {\n max-width: 100%;\n height: auto !important;\n margin-top: 16px;\n}\n\n.discussion-new {\n background-color: #ffffff;\n max-width: 570px;\n margin-left: auto;\n margin-right: auto;\n padding: 8px;\n transition: all 250ms;\n transform: scale(0.95);\n}\n\n.discussion-new--focused {\n transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n margin: 0;\n padding: 0;\n\n > textarea.md-input {\n min-height: 68px;\n }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n border: 0 none;\n}\n\n.discussion-new__actions {\n padding: 0 8px;\n\n .md-button {\n &:first-of-type {\n margin-left: 0;\n }\n\n &:last-of-type {\n margin-right: 0;\n }\n }\n}\n\n.discussion-new__attachment {\n padding: 0;\n margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n margin-top: 0;\n margin-bottom: 16px;\n}\n\n\n\n\n\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n border: 0 none;\n}\n",".graph-select {\n min-width: 150px;\n max-width: 200px;\n}\n\n.graph-controls {\n margin: 8px 0;\n padding: 8px 0;\n border: 1px solid color('gray-lighter');\n border-left-width: 0;\n border-right-width: 0;\n}\n",".outside-content {\n iframe {\n border: 1px solid color('gray-lighter');\n }\n}\n\n.outside-content__source {\n margin-top: 4px;\n text-align: end;\n\n a {\n max-width: 240px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n }\n}",".notebook-toolbar {\n md-divider {\n margin: 8px 0;\n }\n\n @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n border-top: 1px solid color('gray-light');\n }\n}\n\n.notebook-toolbar__add-menu {\n position: absolute;\n bottom: 40px;\n\n .md-fab-action-item {\n background-color: #ffffff;\n }\n}\n\n.notebook-toolbar__add-icon {\n border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n float:left;\n}","highchart {\n display: block;\n}\n"]} \ No newline at end of file diff --git a/src/assets/wise5/themes/default/style/modules/_notebook.scss b/src/assets/wise5/themes/default/style/modules/_notebook.scss index 69c8ba90546..54436592294 100644 --- a/src/assets/wise5/themes/default/style/modules/_notebook.scss +++ b/src/assets/wise5/themes/default/style/modules/_notebook.scss @@ -1,20 +1,9 @@ // Variables -$notebook-sidebar-width: 480px; -$report-position-right: 96px; +$notebook-sidebar-width: 450px; +$report-position-right: 66px; $report-full-gap: 8px; // Base -notebook-launcher { - position: absolute; - bottom: 24px; - right: 28px; - - @media only screen and (min-width: $layout-breakpoint-xs) { - &.md-button.md-fab { - z-index: 61; - } - } -} notebook-report { position: absolute; @@ -32,7 +21,7 @@ notebook-report { @media only screen and (min-width: $layout-breakpoint-sm) { &.notes-visible { - right: $notebook-sidebar-width + 12; + right: $notebook-sidebar-width + 24; } } } diff --git a/src/assets/wise5/themes/default/style/monitor.css b/src/assets/wise5/themes/default/style/monitor.css index af7467fdeb3..cc4a42d0cfb 100644 --- a/src/assets/wise5/themes/default/style/monitor.css +++ b/src/assets/wise5/themes/default/style/monitor.css @@ -1,2 +1,2 @@ -body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1565c0}blockquote{background-color:#f5f9fe;border:solid #1565c0;border-width:0 0 0 3px;margin:16px 0;padding:8px}.has-indicator:after{background-color:#f05843;border-radius:50%;content:"";padding:5px;position:absolute}.has-indicator--icon-button:after{left:5px;top:25px}.badge{background-color:#aaa;border-radius:4px;font-size:12px;font-style:normal;font-weight:500;padding:2px 6px}.badge.md-button{line-height:inherit;min-height:0;min-width:0}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1565c0;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1565c0!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu md-option[selected],md-select-menu.md-default-theme md-option[selected]{background-color:#ecf4fd}.md-autocomplete-suggestions-container li .highlight,.md-autocomplete-suggestions-container.md-default-theme li .highlight{background-color:#ecf4fd;color:#1565c0}.primary{color:#1565c0}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#ecf4fd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1565c0}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#ecf4fd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1565c0}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#ecf4fd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}@media (min-width:1920px){.l-constrained{width:1920px}}.l-constrained-md{max-width:100%;width:960px}.l-footer{background-color:#fff;border-top:1px solid #eee;bottom:0;left:0;position:fixed;right:0;z-index:1}.button--footer{display:flex;margin:0;min-width:0;padding-bottom:0;padding-top:0}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{height:36px;margin-left:0!important;vertical-align:middle;width:36px}.l-header .logo-link{display:none;margin-right:12px;min-width:auto;padding:0 4px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{left:0;margin:0 auto;padding:8px;position:absolute;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-size:36px;font-weight:300;margin-bottom:0;margin-top:0}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav,.l-notebook{background-color:#eee!important}.l-notebook{margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;vertical-align:bottom;z-index:1}.md-button.status-icon{height:auto;line-height:inherit;margin:0 4px;min-height:0;padding:0;width:auto}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{background-color:#ef6c00;padding:0 0 0 12px}.help-bubble___title__content .md-icon-button{margin-right:0;padding-bottom:0;padding-top:0}.help-bubble__content{max-height:480px;overflow:auto;padding:8px 12px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1565c0}.input--textarea,.input-container textarea.input--textarea{background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px;padding:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{color:rgba(0,0,0,.87);line-height:1.2}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1565c0}.autocomplete input{word-wrap:none;color:rgba(0,0,0,.54);font-weight:500;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){background-color:#eee;box-shadow:none}.select__header{height:48px}.select__header input{border:0;font-size:14px;font-weight:500;height:100%;outline:none;padding:0 8px;width:100%}.table{margin:8px 0;max-width:100%;min-width:100px;width:auto}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;font-size:15px;height:32px;min-height:32px;min-width:32px;padding:6px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{background-color:#fff;border:0;border-collapse:collapse;max-width:100%;overflow:auto}.table--list td,.table--list th{border:0;padding:0 4px}.table--list td{height:56px;min-height:56px}.table--list tr.md-button{display:table-row;font-size:inherit;font-weight:400;text-align:left;text-transform:none;width:auto}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;height:42px;min-height:42px}.table--list__thead__link{color:#fff;line-height:1.4;margin:0;min-width:0;text-transform:none;white-space:normal;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{line-height:1.2;min-width:180px;white-space:normal}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{font-size:15px;padding:0 8px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{left:0;position:fixed;right:0;top:52px;z-index:3}.toolbar__title{font-size:16px;font-weight:500;margin-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{background-color:#f7f7f7;margin:0 4px;min-height:32px}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item .md-subheader,.list-item.md-subheader{background-color:#fff;color:rgba(0,0,0,.87)}.list-item .md-subheader md-icon,.list-item.md-subheader md-icon{vertical-align:middle}.list-item .md-subheader .md-subheader-inner,.list-item.md-subheader .md-subheader-inner{padding:0}.list-item .md-subheader .md-avatar,.list-item.md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info .md-subheader-content,.list-item--info._md-button-wrap>div.md-button:first-child{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn .md-subheader-content,.list-item--warn._md-button-wrap>div.md-button:first-child{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{background-color:#f7f7f7;cursor:default}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{line-height:1.4;margin:0;padding:8px 16px;text-align:left;text-transform:none;white-space:normal;width:100%}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{background-color:rgba(0,0,0,.25);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#ecf4fd}.nav-item--card__content{border-top-left-radius:4px;border-top-right-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;margin:8px auto;max-height:none!important;max-width:100%}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{display:inline-block;padding:0 16px 0 4px}.nav-item--list__reorder{color:rgba(0,0,0,.26);margin-left:8px}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid #ddd;min-height:40px;padding:8px 16px}.nav-item__users{color:#fff;cursor:pointer;height:auto;margin:0;padding:1px 6px}.nav-item__users>md-icon{color:#fff;padding-right:4px}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{font-weight:400;line-height:1.2;padding-left:16px}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{cursor:pointer;padding:2px 0}.student-select{padding-bottom:0;padding-top:0}.workgroup-progress{margin-bottom:8px}@media (min-width:960px){.workgroup-progress{margin-bottom:0}}alert-status-corner{position:absolute;right:0;top:0}.menu-progress{position:absolute;right:12px;top:10px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{left:12px;right:auto}.menu-sidenav__item{font-size:14px;font-weight:700}.menu-sidenav__icon{margin-left:12px;margin-right:12px!important;margin-top:12px!important}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1565c0}.menu-sidebar{background-color:#fff;border-right:1px solid #ccc;bottom:0;left:0;overflow:hidden;padding:8px 0;position:absolute;text-align:center;top:94px;width:56px}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{left:auto;right:0}.md-button.md-icon-button.menu-sidebar__link{margin-bottom:6px;margin-top:6px}#node{left:0;margin:0 auto;position:absolute;right:0}@media only screen and (min-width:600px){#node{margin-bottom:32px;padding:24px 16px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{opacity:0;transition:opacity .5s}#node.ng-enter-active{opacity:1}.node-content{background-color:#fff;border-radius:3px;overflow:visible;padding:0 0 48px}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{border-bottom:2px solid;border-top:2px solid;padding:0}}md-content.node-content{background-color:#fff}.node-content__rubric{left:0;position:absolute;right:0;top:-22px;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{font-size:15px;font-weight:500;margin:0 8px;min-width:0}.node-select .md-select-value :first-child{flex:1 0 0;transform:translateZ(0)}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{color:rgba(0,0,0,.87);margin-left:0}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;margin-top:3px;text-transform:none}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{color:rgba(0,0,0,.54);font-style:italic;margin-left:8px}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{background-color:#fff;border-radius:3px;padding:8px 0;position:fixed;width:52px}@media only screen and (max-width:599px){.node-sidebar__toolbar{border-radius:0;bottom:0;height:42px;left:0;min-height:0;padding:0;right:0;width:100%}}.node__label--vertical-alignment{display:inline-block;vertical-align:middle}.grading__item-container{margin:0 0 16px;padding:0!important}.grading__item{background-color:#fff}.grading__item .component{padding:0}notebook-launcher{bottom:24px;position:absolute;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}notebook-report{bottom:0;position:absolute;right:96px;transition:right .25s;z-index:3}notebook-report.report-full{bottom:8px;left:8px;right:8px;top:8px}@media only screen and (min-width:960px){notebook-report.notes-visible{right:492px}}.notebook-sidebar{max-width:none;width:300px}@media only screen and (min-width:600px){.notebook-sidebar{width:480px}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{background-color:#f05843;border:2px solid;border-radius:50%;font-size:12px;font-weight:700;height:22px;left:-18px;line-height:22px;position:absolute;top:12px;width:22px}.notification-count:before{border-bottom:4px solid transparent;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;content:"";position:absolute;right:-7px;top:6px}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;line-height:20px;margin-left:-4px;min-width:0;width:auto}.account-menu{border-radius:4px;font-size:15px;max-width:380px;padding:0}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{font-weight:300;margin:0}.account-menu .mat-mdc-menu-content{padding:0}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{outline:none;position:absolute;right:28px;top:-8px}.account-menu__caret:before{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;content:"";position:absolute}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{left:28px;right:auto}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{color:rgba(0,0,0,.54);font-weight:400}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{height:48px;margin:0 8px 0 0;width:48px}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{font-size:15px;margin:16px 4px 16px 62px;position:relative}.annotations hr{border-color:rgba(0,0,0,.12);margin:10px 0 8px}.annotations:after{border-bottom:20px solid transparent;border-right:16px solid #757575;border-top:20px solid transparent;bottom:auto;content:"";height:0;left:-15px;position:absolute;right:auto;top:-1px;width:0}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-bottom:0;margin-top:0}.annotations__header{background-color:#757575;border-top-right-radius:4px;color:#fff;font-weight:700;padding:10px 12px;position:relative;transition:all 1s}.annotations__avatar{background-color:#f05843;left:-62px;padding:2px;position:absolute;top:0}.annotations__icon{color:#fff;transition:all 1s}.annotations__body{background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto;padding:12px}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;font-size:12px;margin-left:8px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{border-bottom:1px dotted;font-size:13px;font-style:italic;opacity:.8}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-left:72px;margin-right:8px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.annotations--grading md-input-container{margin-bottom:0}.annotations--grading .mat-mdc-form-field-subscript-wrapper,.annotations--grading .md-errors-spacer{display:none}.annotations--grading--revision{margin:8px 0 0;padding:8px}.annotations--notebook{margin-top:16px}.annotations--grading__info{font-style:italic;margin:8px 8px 4px}.annotations--grading__item{padding:8px}.annotations--grading__score input{font-size:18px;margin-top:0!important;text-align:center;width:52px}.annotations--grading__score .mat-mdc-form-field-infix{width:auto}.annotations--grading__score__label{display:block;margin:0 8px 0 0;padding:0;transform:none!important;width:auto}.annotations--grading__score__max label{display:none}.annotations--grading__score__divider{margin-left:4px;position:relative;top:12px}.annotations--grading__auto-comment{margin:0 2px}.annotations--grading__auto-comment__content{margin-top:8px}.component{position:relative}.component__wrapper{margin:24px 0;padding:0 24px}.component__content{font-size:15px;overflow-x:auto;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}h3.component__header{font-size:14px;margin:0;padding:8px 12px}.component__rubric{left:-20px;position:absolute;top:12px}.notebook-enabled .component_content img{cursor:pointer;cursor:copy;transition:all .25s}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{color:rgba(0,0,0,.54);font-style:italic;font-weight:400;margin-left:8px}.component__actions__more{border-bottom:1px dotted}.component__prompt{font-weight:500;margin-bottom:8px}.component__prompt__content{display:inline}.component__attachment{margin:0 8px;padding-bottom:8px;position:relative}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{background-color:hsla(0,0%,100%,.75)!important;border-radius:0;margin:0;min-width:0;padding:4px;position:absolute;right:0;top:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{border-bottom:1px solid #ddd;padding:4px 0 8px}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__attachment{height:auto!important;margin-top:16px;max-width:100%}.discussion-new{background-color:#fff;margin-left:auto;margin-right:auto;max-width:570px;padding:8px;transform:scale(.95);transition:all .25s}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{margin:0 0 8px;padding:0}.discussion-new__attachment__content{margin-bottom:16px;margin-top:0}.embedded-content__iframe{border:0}.component--grading{margin:0;padding:0}.component--grading:not(:last-child)>div{border-bottom:1px solid #ddd}.component--grading .component__wrapper{margin:0;padding:0}.component--grading .component__content{margin:0;padding:16px}.component--grading__response__content{white-space:pre-wrap}.component--grading__annotations{background-color:#ecf4fd}.component--grading__annotations__divider{background-color:#fff;padding:4px}.component--grading__actions__info{border-top:1px solid #eee;margin:16px 0 0;padding-top:8px}.graph-select{max-width:200px;min-width:150px}.graph-controls{border-color:#eee;border-style:solid;border-width:1px 0;margin:8px 0;padding:8px 0}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-revisions .component{margin:0;padding:0}.component-revisions .component__content{padding:0}.component-revisions .component__wrapper{margin:16px 0}.component-revisions .md-resize-handle{display:none}.component-revisions__item,md-list-item.component-revisions__item{padding:0}.component-revisions__item--latest{margin-bottom:24px}.component-revisions__annotation-label{margin-right:8px}.component-revisions__has-auto-and-teacher{border-top:1px solid #ddd;margin-top:8px;padding-top:8px}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{bottom:40px;position:absolute}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block} +body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1565c0}blockquote{background-color:#f5f9fe;border:solid #1565c0;border-width:0 0 0 3px;margin:16px 0;padding:8px}.has-indicator:after{background-color:#f05843;border-radius:50%;content:"";padding:5px;position:absolute}.has-indicator--icon-button:after{left:5px;top:25px}.badge{background-color:#aaa;border-radius:4px;font-size:12px;font-style:normal;font-weight:500;padding:2px 6px}.badge.md-button{line-height:inherit;min-height:0;min-width:0}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1565c0;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1565c0!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu md-option[selected],md-select-menu.md-default-theme md-option[selected]{background-color:#ecf4fd}.md-autocomplete-suggestions-container li .highlight,.md-autocomplete-suggestions-container.md-default-theme li .highlight{background-color:#ecf4fd;color:#1565c0}.primary{color:#1565c0}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#ecf4fd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1565c0}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#ecf4fd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1565c0}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#ecf4fd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}@media (min-width:1920px){.l-constrained{width:1920px}}.l-constrained-md{max-width:100%;width:960px}.l-footer{background-color:#fff;border-top:1px solid #eee;bottom:0;left:0;position:fixed;right:0;z-index:1}.button--footer{display:flex;margin:0;min-width:0;padding-bottom:0;padding-top:0}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{height:36px;margin-left:0!important;vertical-align:middle;width:36px}.l-header .logo-link{display:none;margin-right:12px;min-width:auto;padding:0 4px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{left:0;margin:0 auto;padding:8px;position:absolute;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-size:36px;font-weight:300;margin-bottom:0;margin-top:0}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav,.l-notebook{background-color:#eee!important}.l-notebook{margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;vertical-align:bottom;z-index:1}.md-button.status-icon{height:auto;line-height:inherit;margin:0 4px;min-height:0;padding:0;width:auto}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{background-color:#ef6c00;padding:0 0 0 12px}.help-bubble___title__content .md-icon-button{margin-right:0;padding-bottom:0;padding-top:0}.help-bubble__content{max-height:480px;overflow:auto;padding:8px 12px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1565c0}.input--textarea,.input-container textarea.input--textarea{background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px;padding:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{color:rgba(0,0,0,.87);line-height:1.2}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1565c0}.autocomplete input{word-wrap:none;color:rgba(0,0,0,.54);font-weight:500;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){background-color:#eee;box-shadow:none}.select__header{height:48px}.select__header input{border:0;font-size:14px;font-weight:500;height:100%;outline:none;padding:0 8px;width:100%}.table{margin:8px 0;max-width:100%;min-width:100px;width:auto}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;font-size:15px;height:32px;min-height:32px;min-width:32px;padding:6px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{background-color:#fff;border:0;border-collapse:collapse;max-width:100%;overflow:auto}.table--list td,.table--list th{border:0;padding:0 4px}.table--list td{height:56px;min-height:56px}.table--list tr.md-button{display:table-row;font-size:inherit;font-weight:400;text-align:left;text-transform:none;width:auto}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;height:42px;min-height:42px}.table--list__thead__link{color:#fff;line-height:1.4;margin:0;min-width:0;text-transform:none;white-space:normal;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{line-height:1.2;min-width:180px;white-space:normal}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{font-size:15px;padding:0 8px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{left:0;position:fixed;right:0;top:52px;z-index:3}.toolbar__title{font-size:16px;font-weight:500;margin-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{background-color:#f7f7f7;margin:0 4px;min-height:32px}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item .md-subheader,.list-item.md-subheader{background-color:#fff;color:rgba(0,0,0,.87)}.list-item .md-subheader md-icon,.list-item.md-subheader md-icon{vertical-align:middle}.list-item .md-subheader .md-subheader-inner,.list-item.md-subheader .md-subheader-inner{padding:0}.list-item .md-subheader .md-avatar,.list-item.md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info .md-subheader-content,.list-item--info._md-button-wrap>div.md-button:first-child{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn .md-subheader-content,.list-item--warn._md-button-wrap>div.md-button:first-child{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{background-color:#f7f7f7;cursor:default}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{line-height:1.4;margin:0;padding:8px 16px;text-align:left;text-transform:none;white-space:normal;width:100%}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{background-color:rgba(0,0,0,.25);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#ecf4fd}.nav-item--card__content{border-top-left-radius:4px;border-top-right-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;margin:8px auto;max-height:none!important;max-width:100%}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{display:inline-block;padding:0 16px 0 4px}.nav-item--list__reorder{color:rgba(0,0,0,.26);margin-left:8px}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid #ddd;min-height:40px;padding:8px 16px}.nav-item__users{color:#fff;cursor:pointer;height:auto;margin:0;padding:1px 6px}.nav-item__users>md-icon{color:#fff;padding-right:4px}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{font-weight:400;line-height:1.2;padding-left:16px}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{cursor:pointer;padding:2px 0}.student-select{padding-bottom:0;padding-top:0}.workgroup-progress{margin-bottom:8px}@media (min-width:960px){.workgroup-progress{margin-bottom:0}}alert-status-corner{position:absolute;right:0;top:0}.menu-progress{position:absolute;right:12px;top:10px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{left:12px;right:auto}.menu-sidenav__item{font-size:14px;font-weight:700}.menu-sidenav__icon{margin-left:12px;margin-right:12px!important;margin-top:12px!important}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1565c0}.menu-sidebar{background-color:#fff;border-right:1px solid #ccc;bottom:0;left:0;overflow:hidden;padding:8px 0;position:absolute;text-align:center;top:94px;width:56px}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{left:auto;right:0}.md-button.md-icon-button.menu-sidebar__link{margin-bottom:6px;margin-top:6px}#node{left:0;margin:0 auto;position:absolute;right:0}@media only screen and (min-width:600px){#node{margin-bottom:32px;padding:24px 16px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{opacity:0;transition:opacity .5s}#node.ng-enter-active{opacity:1}.node-content{background-color:#fff;border-radius:3px;overflow:visible;padding:0 0 48px}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{border-bottom:2px solid;border-top:2px solid;padding:0}}md-content.node-content{background-color:#fff}.node-content__rubric{left:0;position:absolute;right:0;top:-22px;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{font-size:15px;font-weight:500;margin:0 8px;min-width:0}.node-select .md-select-value :first-child{flex:1 0 0;transform:translateZ(0)}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{color:rgba(0,0,0,.87);margin-left:0}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;margin-top:3px;text-transform:none}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{color:rgba(0,0,0,.54);font-style:italic;margin-left:8px}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{background-color:#fff;border-radius:3px;padding:8px 0;position:fixed;width:52px}@media only screen and (max-width:599px){.node-sidebar__toolbar{border-radius:0;bottom:0;height:42px;left:0;min-height:0;padding:0;right:0;width:100%}}.node__label--vertical-alignment{display:inline-block;vertical-align:middle}.grading__item-container{margin:0 0 16px;padding:0!important}.grading__item{background-color:#fff}.grading__item .component{padding:0}notebook-report{bottom:0;position:absolute;right:66px;transition:right .25s;z-index:3}notebook-report.report-full{bottom:8px;left:8px;right:8px;top:8px}@media only screen and (min-width:960px){notebook-report.notes-visible{right:474px}}.notebook-sidebar{max-width:none;width:270px}@media only screen and (min-width:600px){.notebook-sidebar{width:450px}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{background-color:#f05843;border:2px solid;border-radius:50%;font-size:12px;font-weight:700;height:22px;left:-18px;line-height:22px;position:absolute;top:12px;width:22px}.notification-count:before{border-bottom:4px solid transparent;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;content:"";position:absolute;right:-7px;top:6px}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;line-height:20px;margin-left:-4px;min-width:0;width:auto}.account-menu{border-radius:4px;font-size:15px;max-width:380px;padding:0}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{font-weight:300;margin:0}.account-menu .mat-mdc-menu-content{padding:0}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{outline:none;position:absolute;right:28px;top:-8px}.account-menu__caret:before{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;content:"";position:absolute}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{left:28px;right:auto}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{color:rgba(0,0,0,.54);font-weight:400}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{height:48px;margin:0 8px 0 0;width:48px}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{font-size:15px;margin:16px 4px 16px 62px;position:relative}.annotations hr{border-color:rgba(0,0,0,.12);margin:10px 0 8px}.annotations:after{border-bottom:20px solid transparent;border-right:16px solid #757575;border-top:20px solid transparent;bottom:auto;content:"";height:0;left:-15px;position:absolute;right:auto;top:-1px;width:0}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-bottom:0;margin-top:0}.annotations__header{background-color:#757575;border-top-right-radius:4px;color:#fff;font-weight:700;padding:10px 12px;position:relative;transition:all 1s}.annotations__avatar{background-color:#f05843;left:-62px;padding:2px;position:absolute;top:0}.annotations__icon{color:#fff;transition:all 1s}.annotations__body{background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto;padding:12px}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;font-size:12px;margin-left:8px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{border-bottom:1px dotted;font-size:13px;font-style:italic;opacity:.8}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-left:72px;margin-right:8px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.annotations--grading md-input-container{margin-bottom:0}.annotations--grading .mat-mdc-form-field-subscript-wrapper,.annotations--grading .md-errors-spacer{display:none}.annotations--grading--revision{margin:8px 0 0;padding:8px}.annotations--notebook{margin-top:16px}.annotations--grading__info{font-style:italic;margin:8px 8px 4px}.annotations--grading__item{padding:8px}.annotations--grading__score input{font-size:18px;margin-top:0!important;text-align:center;width:52px}.annotations--grading__score .mat-mdc-form-field-infix{width:auto}.annotations--grading__score__label{display:block;margin:0 8px 0 0;padding:0;transform:none!important;width:auto}.annotations--grading__score__max label{display:none}.annotations--grading__score__divider{margin-left:4px;position:relative;top:12px}.annotations--grading__auto-comment{margin:0 2px}.annotations--grading__auto-comment__content{margin-top:8px}.component{position:relative}.component__wrapper{margin:24px 0;padding:0 24px}.component__content{font-size:15px;overflow-x:auto;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}h3.component__header{font-size:14px;margin:0;padding:8px 12px}.component__rubric{left:-20px;position:absolute;top:12px}.notebook-enabled .component_content img{cursor:pointer;cursor:copy;transition:all .25s}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{color:rgba(0,0,0,.54);font-style:italic;font-weight:400;margin-left:8px}.component__actions__more{border-bottom:1px dotted}.component__prompt{font-weight:500;margin-bottom:8px}.component__prompt__content{display:inline}.component__attachment{margin:0 8px;padding-bottom:8px;position:relative}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{background-color:hsla(0,0%,100%,.75)!important;border-radius:0;margin:0;min-width:0;padding:4px;position:absolute;right:0;top:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{border-bottom:1px solid #ddd;padding:4px 0 8px}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__attachment{height:auto!important;margin-top:16px;max-width:100%}.discussion-new{background-color:#fff;margin-left:auto;margin-right:auto;max-width:570px;padding:8px;transform:scale(.95);transition:all .25s}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{margin:0 0 8px;padding:0}.discussion-new__attachment__content{margin-bottom:16px;margin-top:0}.embedded-content__iframe{border:0}.component--grading{margin:0;padding:0}.component--grading:not(:last-child)>div{border-bottom:1px solid #ddd}.component--grading .component__wrapper{margin:0;padding:0}.component--grading .component__content{margin:0;padding:16px}.component--grading__response__content{white-space:pre-wrap}.component--grading__annotations{background-color:#ecf4fd}.component--grading__annotations__divider{background-color:#fff;padding:4px}.component--grading__actions__info{border-top:1px solid #eee;margin:16px 0 0;padding-top:8px}.graph-select{max-width:200px;min-width:150px}.graph-controls{border-color:#eee;border-style:solid;border-width:1px 0;margin:8px 0;padding:8px 0}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-revisions .component{margin:0;padding:0}.component-revisions .component__content{padding:0}.component-revisions .component__wrapper{margin:16px 0}.component-revisions .md-resize-handle{display:none}.component-revisions__item,md-list-item.component-revisions__item{padding:0}.component-revisions__item--latest{margin-bottom:24px}.component-revisions__annotation-label{margin-right:8px}.component-revisions__has-auto-and-teacher{border-top:1px solid #ddd;margin-top:8px;padding-top:8px}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{bottom:40px;position:absolute}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block} /*# sourceMappingURL=monitor.css.map */ diff --git a/src/assets/wise5/themes/default/style/monitor.css.map b/src/assets/wise5/themes/default/style/monitor.css.map index 2f7911e01c2..9ff30603af7 100644 --- a/src/assets/wise5/themes/default/style/monitor.css.map +++ b/src/assets/wise5/themes/default/style/monitor.css.map @@ -1 +1 @@ -{"version":3,"sources":["src/assets/wise5/themes/default/style/base/_presets.scss","src/assets/wise5/themes/default/style/monitor.css","src/assets/wise5/themes/default/style/base/_config.scss","src/assets/wise5/themes/default/style/layouts/_l-default.scss","src/assets/wise5/themes/default/style/layouts/_l-footer.scss","src/assets/wise5/themes/default/style/layouts/_l-header.scss","src/assets/wise5/themes/default/style/layouts/_l-main.scss","src/assets/wise5/themes/default/style/layouts/_l-notebook.scss","src/assets/wise5/themes/default/style/layouts/_l-nav.scss","src/assets/wise5/themes/default/style/layouts/_l-sidebar.scss","src/assets/wise5/themes/default/style/modules/_alerts.scss","src/assets/wise5/themes/default/style/modules/_dialog.scss","src/assets/wise5/themes/default/style/modules/_help.scss","src/assets/wise5/themes/default/style/modules/_inputs.scss","src/assets/wise5/themes/default/style/modules/_table.scss","src/assets/wise5/themes/default/style/modules/_toolbar.scss","src/assets/wise5/themes/default/style/material/_config.scss","src/assets/wise5/themes/default/style/modules/_list.scss","src/assets/wise5/themes/default/style/modules/_nav.scss","src/assets/wise5/themes/default/style/modules/_nav--grading.scss","src/assets/wise5/themes/default/style/modules/_menu.scss","src/assets/wise5/themes/default/style/modules/_node.scss","src/assets/wise5/themes/default/style/modules/_grading.scss","src/assets/wise5/themes/default/style/modules/_notebook.scss","src/assets/wise5/themes/default/style/modules/_notifications.scss","src/assets/wise5/themes/default/style/modules/_account-menu.scss","src/assets/wise5/themes/default/style/modules/_annotations.scss","src/assets/wise5/themes/default/style/modules/_annotations--grading.scss","src/assets/wise5/themes/default/style/modules/_component.scss","src/assets/wise5/themes/default/style/modules/_component--discussion.scss","src/assets/wise5/themes/default/style/modules/_component--embedded.scss","src/assets/wise5/themes/default/style/modules/_component--grading.scss","src/assets/wise5/themes/default/style/modules/_component--graph.scss","src/assets/wise5/themes/default/style/modules/_component--outside.scss","src/assets/wise5/themes/default/style/modules/_component--revisions.scss","src/assets/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/assets/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCAF,CDEE,SACI,eCAN,CDKI,gBACI,aCFR,CDMA,WACE,wBAAA,CAKA,oBAAA,CAAA,sBAAA,CAHA,aAAA,CADA,WCCF,CDOI,qBAKI,wBAAA,CAFA,iBAAA,CAFA,UAAA,CAGA,WAAA,CAFA,iBCDR,CDSI,kCAEI,QAAA,CADA,QCLR,CDWA,OAMI,qBAAA,CALA,iBEUiB,CFRjB,cAAA,CAEA,iBAAA,CADA,eAAA,CAFA,eCJJ,CDUI,iBAGI,mBAAA,CADA,YAAA,CADA,WCNR,CDUQ,8CACI,qBCRZ,CDWQ,uBACI,uBCTZ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,gBACI,wBAAA,CACA,UCXJ,CDeA,qBACI,aCZJ,CDeA,iBACI,uBCZJ,CDgBA,EACE,aAAA,CACA,cCbF,CDgBA,QACI,kCAAA,CACA,qBCbJ,CDiBA,QACE,iBAAA,CACA,sBCdF,CDiBA,gBACE,iBCdF,CDmBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDqBA,cACE,qBAAA,CACA,4BClBF,CDoBE,8BACI,WClBN,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDwBE,wDACE,qBCrBJ,CDyBI,4EACE,qBCvBN,CD8BE,mDACE,uBC3BJ,CD6BE,mDACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,iDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CDgCA,uCACE,qBC7BF,CDgCA,uFACE,wBC7BF,CDgCA,2HAGE,wBAAA,CADA,aC5BF,CDmCI,SACE,aChCN,CD+BI,QACE,aC5BN,CD2BI,UACE,aCxBN,CDuBI,UACE,aCpBN,CDmBI,MACE,aChBN,CDeI,MACE,aCZN,CDWI,SACE,aCRN,CDOI,SACE,qBCJN,CDGI,eACE,aCAN,CDDI,cACE,UCIN,CDLI,YACE,UCQN,CDTI,MACE,UCYN,CDbI,WACE,UCgBN,CDjBI,aACE,aCoBN,CDrBI,cACE,UCwBN,CDzBI,MACE,qBC4BN,CD7BI,gBACE,qBCgCN,CDjCI,eACE,qBCoCN,CDrCI,YACE,UCwCN,CDzCI,sBACE,wBC4CN,CD7CI,qBACE,wBCgDN,CDjDI,aACE,aCoDN,CDrDI,OACE,aCwDN,CDzDI,MACE,qBC4DN,CD7DI,SACE,UCgEN,CD1DI,YACE,wBC6DN,CD9DI,WACE,wBCiEN,CDlEI,aACE,wBCqEN,CDtEI,aACE,wBCyEN,CD1EI,SACE,wBC6EN,CD9EI,SACE,wBCiFN,CDlFI,YACE,wBCqFN,CDtFI,YACE,gCCyFN,CD1FI,kBACE,wBC6FN,CD9FI,iBACE,qBCiGN,CDlGI,eACE,qBCqGN,CDtGI,SACE,qBCyGN,CD1GI,cACE,qBC6GN,CD9GI,gBACE,wBCiHN,CDlHI,iBACE,qBCqHN,CDtHI,SACE,gCCyHN,CD1HI,mBACE,gCC6HN,CD9HI,kBACE,gCCiIN,CDlII,eACE,qBCqIN,CDtII,yBACE,mCCyIN,CD1II,wBACE,mCC6IN,CD9II,gBACE,wBCiJN,CDlJI,UACE,wBCqJN,CDtJI,SACE,gCCyJN,CD1JI,YACE,qBC6JN,CDtJQ,kCACI,cCyJZ,CD1JQ,iCACI,cC6JZ,CD9JQ,mCACI,cCiKZ,CDlKQ,mCACI,cCqKZ,CDtKQ,+BACI,cCyKZ,CD1KQ,+BACI,cC6KZ,CD9KQ,kCACI,cCiLZ,CDlLQ,kCACI,sBCqLZ,CDtLQ,wCACI,cCyLZ,CD1LQ,uCACI,WC6LZ,CD9LQ,qCACI,WCiMZ,CDlMQ,+BACI,WCqMZ,CDtMQ,oCACI,WCyMZ,CD1MQ,sCACI,cC6MZ,CD9MQ,uCACI,WCiNZ,CDlNQ,+BACI,sBCqNZ,CDtNQ,yCACI,sBCyNZ,CD1NQ,wCACI,sBC6NZ,CD9NQ,qCACI,WCiOZ,CDlOQ,+CACI,yBCqOZ,CDtOQ,8CACI,yBCyOZ,CD1OQ,sCACI,cC6OZ,CD9OQ,gCACI,cCiPZ,CDlPQ,+BACI,sBCqPZ,CDtPQ,kCACI,WCyPZ,CE7dA,eACE,gBAAA,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","file":"monitor.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n background: color('body-bg');\n\n &.vle {\n overflow: hidden;\n }\n}\n\na {\n &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n color: color('primary');\n }\n}\n\nblockquote {\n background-color: lighten(color('primary'), 56%);\n padding: 8px;\n margin: 16px 0;\n border-style: solid;\n border-color: color('primary');\n border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n &:after {\n content: '';\n position: absolute;\n border-radius: 50%;\n padding: 5px;\n background-color: color('accent');\n }\n}\n\n.has-indicator--icon-button {\n &:after {\n top: 25px;\n left: 5px;\n }\n}\n\n// Badges\n.badge {\n border-radius: $card-border-radius;\n padding: 2px 6px;\n font-size: rem(1.2);\n font-weight: 500;\n font-style: normal;\n background-color: color('gray-dark');\n\n &.md-button {\n min-width: 0;\n min-height: 0;\n line-height: inherit;\n\n &:hover, &:focus {\n background-color: color('gray-dark');\n }\n\n &:focus {\n outline: 1px dotted color('gray-dark');\n }\n }\n}\n\n.badge--info {\n background-color: color('info');\n color: #ffffff;\n}\n\n.badge--warn {\n background-color: color('warn');\n color: #ffffff;\n}\n\n.badge--success {\n background-color: color('success');\n color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n margin: 16px 0;\n}\n\n.divider--dashed {\n border-top-style: dashed;\n}\n\n// Links\na {\n color: color('primary');\n cursor: pointer;\n}\n\n.active {\n background-color: rgba(158,158,158,0.2);\n color: color('text');\n}\n\n// Images & Icons\n.avatar {\n border-radius: 50%;\n box-sizing: content-box;\n}\n\n.avatar--square {\n border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n &.md-18 {\n height: 18px + $avatar-icon-padding*2;\n width: 18px + $avatar-icon-padding*2;\n }\n &.md-24 {\n height: 24px + $avatar-icon-padding*2;\n width: 24px + $avatar-icon-padding*2;\n }\n &.md-36 {\n height: 36px + $avatar-icon-padding*2;\n width: 36px + $avatar-icon-padding*2;\n }\n &.md-48 {\n height: 48px + $avatar-icon-padding*2;\n width: 48px + $avatar-icon-padding*2;\n }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n background-color: color('gray-light');\n white-space: normal !important;\n\n &:not(.md-avatar) {\n padding: $avatar-icon-padding;\n }\n\n &.md-18 {\n height: 18px;\n width: 18px;\n }\n &.md-24 {\n height: 24px;\n width: 24px;\n }\n &.md-36 {\n height: 36px;\n width: 36px;\n }\n &.md-48 {\n height: 48px;\n width: 48px;\n }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n md-icon {\n color: color('text-secondary');\n }\n\n .md-button:disabled {\n md-icon {\n color: color('text-disabled');\n }\n }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n &.primary {\n color: color('primary') !important;\n }\n &.success {\n color: color('success') !important;\n }\n &.warn {\n color: color('warn') !important;\n }\n &.info {\n color: color('info') !important;\n }\n &.accent {\n color: color('accent') !important;\n }\n &.accent-1 {\n color: color('accent-1') !important;\n }\n &.accent-2 {\n color: color('accent-2') !important;\n }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n color: color('primary');\n background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n .#{$key} {\n color: $value;\n }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n .#{$key}-bg {\n background-color: $value;\n }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n md-progress-circular.#{$key} {\n path {\n stroke: $value;\n }\n }\n}\n","/*\n WISE Project Styles\n */\nbody {\n background: #eeeeee;\n}\nbody.vle {\n overflow: hidden;\n}\n\na:hover, a:focus {\n color: #1565c0;\n}\n\nblockquote {\n background-color: rgb(244.723943662, 249.0056338028, 253.876056338);\n padding: 8px;\n margin: 16px 0;\n border-style: solid;\n border-color: #1565c0;\n border-width: 0 0 0 3px;\n}\n\n.has-indicator:after {\n content: \"\";\n position: absolute;\n border-radius: 50%;\n padding: 5px;\n background-color: #F05843;\n}\n\n.has-indicator--icon-button:after {\n top: 25px;\n left: 5px;\n}\n\n.badge {\n border-radius: 4px;\n padding: 2px 6px;\n font-size: 12px;\n font-weight: 500;\n font-style: normal;\n background-color: #aaaaaa;\n}\n.badge.md-button {\n min-width: 0;\n min-height: 0;\n line-height: inherit;\n}\n.badge.md-button:hover, .badge.md-button:focus {\n background-color: #aaaaaa;\n}\n.badge.md-button:focus {\n outline: 1px dotted #aaaaaa;\n}\n\n.badge--info {\n background-color: #ef6c00;\n color: #ffffff;\n}\n\n.badge--warn {\n background-color: #c62828;\n color: #ffffff;\n}\n\n.badge--success {\n background-color: #00C853;\n color: #ffffff;\n}\n\n.divider--withmargin {\n margin: 16px 0;\n}\n\n.divider--dashed {\n border-top-style: dashed;\n}\n\na {\n color: #1565c0;\n cursor: pointer;\n}\n\n.active {\n background-color: rgba(158, 158, 158, 0.2);\n color: rgba(0, 0, 0, 0.87);\n}\n\n.avatar {\n border-radius: 50%;\n box-sizing: content-box;\n}\n\n.avatar--square {\n border-radius: 4px;\n}\n\n.avatar.md-18 {\n height: 30px;\n width: 30px;\n}\n.avatar.md-24 {\n height: 36px;\n width: 36px;\n}\n.avatar.md-36 {\n height: 48px;\n width: 48px;\n}\n.avatar.md-48 {\n height: 60px;\n width: 60px;\n}\n\n.avatar--icon {\n background-color: #dddddd;\n white-space: normal !important;\n}\n.avatar--icon:not(.md-avatar) {\n padding: 6px;\n}\n.avatar--icon.md-18 {\n height: 18px;\n width: 18px;\n}\n.avatar--icon.md-24 {\n height: 24px;\n width: 24px;\n}\n.avatar--icon.md-36 {\n height: 36px;\n width: 36px;\n}\n.avatar--icon.md-48 {\n height: 48px;\n width: 48px;\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n color: rgba(0, 0, 0, 0.54);\n}\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n color: rgba(0, 0, 0, 0.26);\n}\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n color: #1565c0 !important;\n}\nmd-icon.success, .md-button:not([disabled]).success {\n color: #00C853 !important;\n}\nmd-icon.warn, .md-button:not([disabled]).warn {\n color: #c62828 !important;\n}\nmd-icon.info, .md-button:not([disabled]).info {\n color: #ef6c00 !important;\n}\nmd-icon.accent, .md-button:not([disabled]).accent {\n color: #F05843 !important;\n}\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n color: #795C3A !important;\n}\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n color: #CAD266 !important;\n}\n\nmd-input-container.md-wise-theme label {\n color: rgba(0, 0, 0, 0.87);\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n color: #1565c0;\n background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.primary {\n color: #1565c0;\n}\n\n.accent {\n color: #F05843;\n}\n\n.accent-1 {\n color: #795C3A;\n}\n\n.accent-2 {\n color: #CAD266;\n}\n\n.warn {\n color: #c62828;\n}\n\n.info {\n color: #ef6c00;\n}\n\n.success {\n color: #00C853;\n}\n\n.divider {\n color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest {\n color: #f7f7f7;\n}\n\n.gray-lighter {\n color: #eeeeee;\n}\n\n.gray-light {\n color: #dddddd;\n}\n\n.gray {\n color: #cccccc;\n}\n\n.gray-dark {\n color: #aaaaaa;\n}\n\n.gray-darker {\n color: #757575;\n}\n\n.gray-darkest {\n color: #333333;\n}\n\n.text {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled {\n color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light {\n color: rgb(255, 255, 255);\n}\n\n.text-light-secondary {\n color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg {\n color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.score {\n color: #FFC107;\n}\n\n.body {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg {\n color: #eeeeee;\n}\n\n.primary-bg {\n background-color: #1565c0;\n}\n\n.accent-bg {\n background-color: #F05843;\n}\n\n.accent-1-bg {\n background-color: #795C3A;\n}\n\n.accent-2-bg {\n background-color: #CAD266;\n}\n\n.warn-bg {\n background-color: #c62828;\n}\n\n.info-bg {\n background-color: #ef6c00;\n}\n\n.success-bg {\n background-color: #00C853;\n}\n\n.divider-bg {\n background-color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest-bg {\n background-color: #f7f7f7;\n}\n\n.gray-lighter-bg {\n background-color: #eeeeee;\n}\n\n.gray-light-bg {\n background-color: #dddddd;\n}\n\n.gray-bg {\n background-color: #cccccc;\n}\n\n.gray-dark-bg {\n background-color: #aaaaaa;\n}\n\n.gray-darker-bg {\n background-color: #757575;\n}\n\n.gray-darkest-bg {\n background-color: #333333;\n}\n\n.text-bg {\n background-color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary-bg {\n background-color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled-bg {\n background-color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light-bg {\n background-color: rgb(255, 255, 255);\n}\n\n.text-light-secondary-bg {\n background-color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled-bg {\n background-color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg-bg {\n background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.score-bg {\n background-color: #FFC107;\n}\n\n.body-bg {\n background-color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg-bg {\n background-color: #eeeeee;\n}\n\nmd-progress-circular.primary path {\n stroke: #1565c0;\n}\n\nmd-progress-circular.accent path {\n stroke: #F05843;\n}\n\nmd-progress-circular.accent-1 path {\n stroke: #795C3A;\n}\n\nmd-progress-circular.accent-2 path {\n stroke: #CAD266;\n}\n\nmd-progress-circular.warn path {\n stroke: #c62828;\n}\n\nmd-progress-circular.info path {\n stroke: #ef6c00;\n}\n\nmd-progress-circular.success path {\n stroke: #00C853;\n}\n\nmd-progress-circular.divider path {\n stroke: rgba(0, 0, 0, 0.12);\n}\n\nmd-progress-circular.gray-lightest path {\n stroke: #f7f7f7;\n}\n\nmd-progress-circular.gray-lighter path {\n stroke: #eeeeee;\n}\n\nmd-progress-circular.gray-light path {\n stroke: #dddddd;\n}\n\nmd-progress-circular.gray path {\n stroke: #cccccc;\n}\n\nmd-progress-circular.gray-dark path {\n stroke: #aaaaaa;\n}\n\nmd-progress-circular.gray-darker path {\n stroke: #757575;\n}\n\nmd-progress-circular.gray-darkest path {\n stroke: #333333;\n}\n\nmd-progress-circular.text path {\n stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.text-secondary path {\n stroke: rgba(0, 0, 0, 0.54);\n}\n\nmd-progress-circular.text-disabled path {\n stroke: rgba(0, 0, 0, 0.26);\n}\n\nmd-progress-circular.text-light path {\n stroke: rgb(255, 255, 255);\n}\n\nmd-progress-circular.text-light-secondary path {\n stroke: rgba(255, 255, 255, 0.7);\n}\n\nmd-progress-circular.text-light-disabled path {\n stroke: rgba(255, 255, 255, 0.5);\n}\n\nmd-progress-circular.selected-bg path {\n stroke: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\nmd-progress-circular.score path {\n stroke: #FFC107;\n}\n\nmd-progress-circular.body path {\n stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.body-bg path {\n stroke: #eeeeee;\n}\n\n.l-constrained {\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n position: relative;\n}\n@media (min-width: 600px) {\n .l-constrained {\n width: 1280px;\n }\n}\n@media (min-width: 1920px) {\n .l-constrained {\n width: 1920px;\n }\n}\n\n.l-constrained-md {\n width: 960px;\n max-width: 100%;\n}\n\n.l-footer {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n background-color: #ffffff;\n border-top: 1px solid #eeeeee;\n}\n\n.button--footer {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n min-width: 0;\n display: flex;\n}\n\n.button--footer__element {\n padding-left: 8px;\n}\n\n.l-header {\n z-index: 3;\n}\n.l-header .logo {\n margin-left: 0 !important;\n height: 36px;\n width: 36px;\n vertical-align: middle;\n}\n.l-header .logo-link {\n min-width: auto;\n display: none;\n padding: 0 4px;\n margin-right: 12px;\n}\n@media only screen and (min-width: 600px) {\n .l-header .logo-link {\n display: block;\n }\n}\n.l-header .logo-link:hover, .l-header .logo-link:focus {\n border: 0 none;\n}\n@media only screen and (max-width: 599px) {\n .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n font-size: 15px;\n }\n}\n\n.l-main {\n background-color: #eeeeee;\n}\n\n.l-main--with-toolbar {\n margin-top: 42px;\n}\n\n#content {\n transition: margin-top 0.5s;\n}\n\n.view-content {\n margin: 0 auto;\n padding: 8px;\n position: absolute;\n left: 0;\n right: 0;\n transition: opacity 500ms;\n}\n@media only screen and (min-width: 960px) {\n .view-content {\n padding: 16px;\n }\n}\n.view-content.ng-enter {\n opacity: 0;\n}\n.view-content .ng-enter-active {\n opacity: 1;\n transition-delay: 250ms;\n}\n.view-content.ng-leave-active, .view-content.ng-hide {\n opacity: 0;\n}\n.view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n opacity: 0;\n}\n\n.view-content--with-sidemenu {\n padding: 8px;\n}\n@media only screen and (min-width: 600px) {\n .view-content--with-sidemenu {\n margin-left: 54px;\n padding: 16px;\n }\n}\n\n@media only screen and (min-width: 600px) {\n [dir=rtl] .view-content--with-sidemenu {\n margin-left: auto;\n margin-right: 54px;\n }\n}\n\n.content-head {\n margin: 8px 0;\n}\n.content-head h1,\n.content-head h2,\n.content-head h3 {\n font-weight: 300;\n margin-top: 0;\n margin-bottom: 0;\n font-size: 36px;\n}\n@media only screen and (max-width: 959px) {\n .content-head h1,\n .content-head h2,\n .content-head h3 {\n font-size: 32px;\n text-align: center;\n }\n}\n\n@media only screen and (max-width: 959px) {\n .content-head__more {\n margin-top: 8px;\n }\n}\n\n.content-head__item,\nh2.content-head__item {\n margin: 0 8px;\n}\n.content-head__item .md-subhead,\nh2.content-head__item .md-subhead {\n padding-left: 4px;\n}\n@media only screen and (max-width: 959px) {\n .content-head__item .md-subhead,\n h2.content-head__item .md-subhead {\n display: block;\n padding-left: 0;\n }\n}\n.content-head__item md-icon,\nh2.content-head__item md-icon {\n vertical-align: text-bottom;\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n max-height: 500px;\n}\n\n.l-nav {\n background-color: #eeeeee !important;\n}\n\n.l-notebook {\n margin-top: 42px;\n background-color: #eeeeee !important;\n}\n\n.l-sidebar__header {\n background-color: #ffffff !important;\n color: #795C3A !important;\n}\n.l-sidebar__header md-select {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.status-icon {\n margin: 0 4px;\n z-index: 1;\n vertical-align: bottom;\n}\n\n.md-button.status-icon {\n height: auto;\n width: auto;\n min-height: 0;\n line-height: inherit;\n margin: 0 4px;\n padding: 0;\n}\n\n.avatar--icon--alert {\n background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n font-size: 48px;\n margin: -4px 0 0 -4px;\n}\n\nmd-dialog {\n width: 600px;\n}\n\n.dialog--wide {\n width: 960px;\n}\n\n.dialog--wider {\n width: 1280px;\n}\n\n.help-bubble {\n border-radius: 4px;\n max-width: 320px;\n}\n@media (min-width: 600px) {\n .help-bubble {\n max-width: 552px;\n }\n}\n@media (min-width: 960px) {\n .help-bubble {\n max-width: 912px;\n }\n}\n@media (min-width: 1280px) {\n .help-bubble {\n max-width: 1232px;\n }\n}\n\n.help-bubble__title {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n}\n\n.help-bubble___title__content {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n padding: 0px 0 0 12px;\n background-color: #ef6c00;\n}\n.help-bubble___title__content .md-icon-button {\n margin-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.help-bubble__content {\n overflow: auto;\n padding: 8px 12px;\n max-height: 480px;\n}\n\n.help-bubble__actions {\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n\n.input-container {\n padding-top: 12px;\n}\n\n.input-container--component {\n margin-bottom: 0;\n}\n\n.input-container--open-response.md-has-icon {\n padding-left: 0;\n}\n.input-container--open-response .md-errors-spacer {\n display: none;\n}\n\n.input-wrapper {\n position: relative;\n}\n\n.input-wrapper--focused .input--textarea__action md-icon {\n color: #1565c0;\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n padding: 8px;\n background-color: #f7f7f7;\n border: 1px solid #cccccc;\n margin-bottom: 8px;\n}\n.input--textarea:focus, .input-container textarea.input--textarea:focus {\n background-color: #ffffff;\n}\n.input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.input-container textarea.input--textarea {\n width: 100%;\n}\n\n.input--textarea--disabled {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.input--textarea__action {\n position: absolute;\n right: -4px;\n}\n.input--textarea__action[disabled] md-icon {\n color: rgba(0, 0, 0, 0.26) !important;\n}\n\n.input--textarea__action--notebook {\n top: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--notebook {\n top: -7px;\n}\n\n.input--textarea__action--revision {\n bottom: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--revision {\n bottom: -5px;\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n line-height: 1.2;\n color: rgba(0, 0, 0, 0.87);\n}\n.input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n color: #1565c0;\n}\n\n.autocomplete input {\n text-overflow: ellipsis;\n overflow: hidden;\n word-wrap: none;\n font-weight: 500;\n color: rgba(0, 0, 0, 0.54);\n}\n\n@media only screen and (min-width: 600px) {\n .autocomplete--minwidth {\n min-width: 300px;\n }\n}\n@media only screen and (min-width: 960px) {\n .autocomplete--minwidth {\n min-width: 300px;\n }\n}\n\n.autocomplete--flat md-autocomplete-wrap {\n background-color: #ffffff;\n}\n.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n box-shadow: none;\n background-color: #eeeeee;\n}\n\n.select__header {\n height: 48px;\n}\n.select__header input {\n height: 100%;\n width: 100%;\n padding: 0 8px;\n outline: none;\n border: 0 none;\n font-size: 14px;\n font-weight: 500;\n}\n\n.table {\n max-width: 100%;\n width: auto;\n min-width: 100px;\n margin: 8px 0;\n}\n.table thead > tr > th,\n.table thead > tr > td,\n.table tbody > tr > th,\n.table tbody > tr > td,\n.table tfoot > tr > th,\n.table tfoot > tr > td {\n border: 1px solid #cccccc;\n padding: 6px;\n font-size: 15px;\n min-height: 32px;\n height: 32px;\n min-width: 32px;\n vertical-align: top;\n}\n.table td.inactive,\n.table th {\n background-color: #f7f7f7;\n opacity: 1;\n visibility: visible;\n}\n.table md-input-container {\n margin: 0;\n}\n.table .md-errors-spacer {\n display: none;\n}\n\n.table--student td.inactive {\n padding: 8px 10px;\n}\n\n.table--full-width {\n width: 100%;\n}\n\n.table--list {\n border: 0 none;\n border-collapse: collapse;\n background-color: #ffffff;\n max-width: 100%;\n overflow: auto;\n}\n.table--list th,\n.table--list td {\n padding: 0 4px;\n border: 0 none;\n}\n.table--list td {\n min-height: 56px;\n height: 56px;\n}\n.table--list tr.md-button {\n display: table-row;\n text-align: left;\n width: auto;\n text-transform: none;\n font-size: inherit;\n font-weight: normal;\n}\n\n.table--list__wrap {\n min-width: 600px;\n}\n\n@media only screen and (max-width: 959px) {\n .table-wrap-sticky {\n overflow-x: auto;\n }\n}\n\n.table--list__thead {\n font-size: 14px;\n font-weight: 700;\n}\n\n.table--list__thead__tr {\n height: 100%;\n margin: 0;\n}\n\n.table--list__thead__th {\n background-color: #757575;\n color: rgb(255, 255, 255);\n min-height: 42px;\n height: 42px;\n}\n\n.table--list__thead__link {\n color: #ffffff;\n text-transform: none;\n margin: 0;\n min-width: 0;\n white-space: normal;\n line-height: 1.4;\n width: 100%;\n}\n\n.table--list__thead__sort {\n margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n transform: rotate(180deg);\n}\n\n.td--wrap {\n min-width: 180px;\n white-space: normal;\n line-height: 1.2;\n}\n\n@media only screen and (max-width: 959px) {\n .td--max-width {\n max-width: 180px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n\n.md-toolbar-tools {\n font-size: 18px;\n}\n.md-toolbar-tools .autocomplete {\n height: 36px;\n}\n.md-toolbar-tools .autocomplete md-autocomplete-wrap {\n height: 36px;\n}\n.md-toolbar-tools .autocomplete input {\n height: 36px;\n}\n\n.md-toolbar--wise {\n min-height: 42px;\n}\n.md-toolbar--wise .md-toolbar-tools {\n height: 42px;\n max-height: 42px;\n}\n.md-toolbar--wise .md-button.md-icon-button {\n height: 42px;\n line-height: 42px;\n width: 42px;\n}\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n padding: 0 8px;\n font-size: 15px;\n}\n\n.md-toolbar--sidenav {\n background-color: #333333 !important;\n}\n.md-toolbar--sidenav .md-toolbar-tools {\n font-size: 16px;\n font-weight: 500;\n}\n\n.toolbar {\n position: fixed;\n left: 0;\n right: 0;\n top: 52px;\n z-index: 3;\n}\n\n.toolbar__title {\n margin-left: 8px;\n font-size: 16px;\n font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n margin: 0 4px;\n min-height: 32px;\n background-color: #f7f7f7;\n}\n.toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n height: 32px;\n text-align: left;\n}\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n text-align: right;\n}\n\n.toolbar__select--fixedwidth {\n width: 168px;\n}\n@media only screen and (min-width: 600px) {\n .toolbar__select--fixedwidth {\n width: 264px;\n }\n}\n@media only screen and (min-width: 960px) {\n .toolbar__select--fixedwidth {\n width: 432px;\n }\n}\n\n.list-item {\n background-color: #ffffff;\n border-bottom: 1px solid #eeeeee;\n}\n.list-item .md-subheader, .list-item.md-subheader {\n color: rgba(0, 0, 0, 0.87);\n background-color: #ffffff;\n}\n.list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n vertical-align: middle;\n}\n.list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n padding: 0;\n}\n.list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n margin-right: 8px;\n}\n.list-item .autocomplete {\n margin: 8px 0;\n}\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n border-left: 4px solid #ef6c00 !important;\n margin-left: -4px;\n}\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n border-left: 4px solid #c62828 !important;\n margin-left: -4px;\n}\n\n.list-item--expanded {\n border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n cursor: default;\n background-color: #f7f7f7;\n}\n\n.list-item--actions {\n padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n text-transform: none;\n width: 100%;\n padding: 8px 16px;\n margin: 0;\n white-space: normal;\n text-align: left;\n line-height: 1.4;\n}\n\n.user-list {\n font-size: 15px;\n}\n\n#nav {\n position: relative;\n}\n\n.nav {\n margin-bottom: 16px;\n}\n\n.nav-mask {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0, 0, 0, 0.25);\n z-index: 1;\n}\n.nav-mask.ng-hide {\n opacity: 0;\n}\n\n.nav-head {\n color: rgba(0, 0, 0, 0.54);\n font-weight: 500;\n}\n.nav-head md-icon {\n line-height: 20px;\n}\n\n.nav-contents--root {\n padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n background-color: #dddddd;\n padding: 8px;\n}\n\n.nav-contents--root {\n padding: 0;\n}\n\n.nav-contents__list {\n padding: 0;\n}\n@media (min-width: 600px) {\n .nav-contents__list {\n padding: 8px;\n }\n}\n\n.nav-item {\n transition: opacity 250ms ease-in-out;\n}\n.nav-item.prev md-list-item {\n background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n /*&._md-button-wrap>div.md-button:first-child {\n border-left: 4px solid color('primary');\n margin-left: -4px;\n }*/\n}\n\n.nav-item--card__content {\n border-top-right-radius: 4px;\n border-top-left-radius: 4px;\n}\n.nav-item--card__content:focus {\n outline: none;\n}\n.nav-item--card__content:focus .nav-item__title > span {\n border-bottom: 1px dashed #cccccc;\n}\n\n.nav-item--root {\n transition: margin 250ms, box-shadow 500ms;\n}\n.nav-item--root.expanded {\n flex-basis: 100%;\n max-width: 100%;\n max-height: none !important;\n margin: 8px auto;\n}\n.nav-item--root.expanded:first-of-type {\n margin-top: 0;\n}\n\n.nav-item--list__info-item {\n padding: 0 16px 0 4px;\n display: inline-block;\n}\n\n.nav-item--list__reorder {\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.26);\n}\n\n.nav-item--card--group:not(.expanded) {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n}\n\n.nav-item__collapse {\n margin: 0;\n}\n\n.nav-item__more {\n border-top: 1px solid #dddddd;\n border-bottom-right-radius: 4px;\n border-bottom-left-radius: 4px;\n padding: 8px 16px;\n min-height: 40px;\n}\n\n.nav-item__users {\n height: auto;\n cursor: pointer;\n color: #ffffff;\n margin: 0;\n padding: 1px 6px;\n}\n.nav-item__users > md-icon {\n padding-right: 4px;\n color: #ffffff;\n}\n.nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n background-color: #00C853;\n}\n\n.nav-item__title {\n padding-left: 16px;\n line-height: 1.2;\n font-weight: 400;\n}\n\n[dir=rtl] .nav-item__title {\n padding-left: auto;\n padding-right: 16px;\n}\n\n.nav-item__info {\n padding: 0 8px;\n}\n\n.nav-item__progress {\n width: 48px;\n}\n.nav-item__progress > .md-container {\n top: 0;\n}\n\n.nav-item__progress-value {\n margin-left: 8px;\n width: 36px;\n}\n\n.progress-wrapper {\n padding: 2px 0;\n cursor: pointer;\n}\n\n.student-select {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.workgroup-progress {\n margin-bottom: 8px;\n}\n@media (min-width: 960px) {\n .workgroup-progress {\n margin-bottom: 0;\n }\n}\n\nalert-status-corner {\n position: absolute;\n top: 0;\n right: 0;\n}\n\n.menu-progress {\n position: absolute;\n top: 10px;\n right: 12px;\n}\n.menu-progress path {\n stroke: #CAD266 !important;\n stroke-width: 2px;\n}\n\n[dir=rtl] .menu-progress {\n right: auto;\n left: 12px;\n}\n\n.menu-sidenav__item {\n font-weight: 700;\n font-size: 14px;\n}\n\n.menu-sidenav__icon {\n margin-top: 12px !important;\n margin-right: 12px !important;\n margin-left: 12px;\n}\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n color: #1565c0;\n}\n\n.menu-sidebar {\n position: absolute;\n top: 94px;\n bottom: 0;\n left: 0;\n background-color: #fff;\n width: 56px;\n overflow: hidden;\n padding: 8px 0;\n text-align: center;\n border-right: 1px solid #cccccc;\n}\n@media only screen and (max-width: 599px) {\n .menu-sidebar {\n display: none;\n }\n}\n\n[dir=rtl] .menu-sidebar {\n right: 0;\n left: auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n margin-top: 6px;\n margin-bottom: 6px;\n}\n\n#node {\n margin: 0 auto;\n position: absolute;\n left: 0;\n right: 0;\n}\n@media only screen and (min-width: 600px) {\n #node {\n padding: 8px;\n padding: 24px 16px;\n margin-bottom: 32px;\n }\n}\n@media only screen and (min-width: 960px) {\n #node {\n padding: 32px;\n }\n}\n#node.ng-enter {\n transition: opacity 0.5s;\n opacity: 0;\n}\n#node.ng-enter-active {\n opacity: 1;\n}\n\n.node-content {\n padding: 0 0 48px;\n background-color: #ffffff;\n border-radius: 3px;\n overflow: visible;\n}\n@media only screen and (max-width: 599px) {\n .node-content {\n box-shadow: none;\n }\n}\n@media only screen and (min-width: 600px) {\n .node-content {\n padding: 0;\n border-top: 2px solid;\n border-bottom: 2px solid;\n }\n}\n\nmd-content.node-content {\n background-color: #ffffff;\n}\n\n.node-content__rubric {\n position: absolute;\n top: -22px;\n left: 0;\n right: 0;\n z-index: 1;\n}\n.node-content__rubric .avatar--icon {\n transform: scale(0.94);\n}\n@media only screen and (max-width: 599px) {\n .node-content__rubric .avatar--icon {\n transform: scale(0.8);\n }\n}\n\n.node-icon {\n color: #ffffff;\n vertical-align: inherit;\n}\n\n.node-select {\n margin: 0 8px;\n min-width: 0;\n font-weight: 500;\n font-size: 15px;\n}\n.node-select .md-select-value *:first-child {\n transform: translate3d(0, 0, 0);\n flex: 1 0 0;\n}\n.node-select .md-select-value .node-select__icon {\n display: none;\n}\n.node-select .md-select-value .node-select__status {\n display: none;\n}\n.node-select .md-select-icon {\n margin-left: 0;\n color: rgba(0, 0, 0, 0.87);\n}\n\n.node-select-option--group {\n background-color: #f7f7f7;\n border-bottom: 1px solid #eeeeee;\n border-top: 1px solid #eeeeee;\n}\n\n.node-select-option--node {\n padding-left: 20px;\n}\n\n.node-select__icon {\n margin-right: 8px;\n}\n\n.node-select__status {\n margin-left: 8px;\n}\n\n.node-select__text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n@media only screen and (min-width: 600px) {\n .node-select__text {\n margin-top: 2px;\n }\n}\n\n.node-title {\n line-height: 1.2;\n text-transform: none;\n margin-top: 3px;\n}\n@media only screen and (max-width: 599px) {\n .node-title {\n font-size: 15px;\n }\n}\n\n.node-content__actions {\n padding: 0 16px 16px;\n}\n@media only screen and (min-width: 960px) {\n .node-content__actions {\n padding: 0 24px 24px;\n }\n}\n.node-content__actions .md-button:first-child {\n margin-left: 0;\n}\n.node-content__actions .md-button:last-child {\n margin-right: 0;\n}\n\n.node-content__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.node-content__actions__more {\n border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav:first-of-type {\n margin-right: 0;\n}\n\n@media only screen and (min-width: 600px) {\n .node-sidebar-active {\n margin-right: 68px;\n }\n}\n\n@media only screen and (max-width: 599px) {\n .node-sidebar-visible {\n margin-bottom: 42px;\n }\n}\n\n.node-sidebar {\n position: absolute;\n right: 0;\n top: 0;\n width: 52px;\n}\n\n.node-sidebar__toolbar {\n position: fixed;\n width: 52px;\n background-color: #ffffff;\n padding: 8px 0;\n border-radius: 3px;\n}\n@media only screen and (max-width: 599px) {\n .node-sidebar__toolbar {\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n border-radius: 0;\n padding: 0;\n min-height: 0;\n height: 42px;\n }\n}\n\n.node__label--vertical-alignment {\n vertical-align: middle;\n display: inline-block;\n}\n\n.grading__item-container {\n margin: 0 0 16px;\n padding: 0 !important;\n}\n\n.grading__item {\n background-color: #ffffff;\n}\n.grading__item .component {\n padding: 0;\n}\n\nnotebook-launcher {\n position: absolute;\n bottom: 24px;\n right: 28px;\n}\n@media only screen and (min-width: 600px) {\n notebook-launcher.md-button.md-fab {\n z-index: 61;\n }\n}\n\nnotebook-report {\n position: absolute;\n bottom: 0;\n right: 96px;\n transition: right 250ms;\n z-index: 3;\n}\nnotebook-report.report-full {\n left: 8px;\n right: 8px;\n top: 8px;\n bottom: 8px;\n}\n@media only screen and (min-width: 960px) {\n notebook-report.notes-visible {\n right: 492px;\n }\n}\n\n.notebook-sidebar {\n width: 300px;\n max-width: none;\n}\n@media only screen and (min-width: 600px) {\n .notebook-sidebar {\n width: 480px;\n }\n}\n\n@media only screen and (max-width: 599px) {\n .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n bottom: 50px !important;\n }\n}\n.notification-btn {\n width: 60px !important;\n}\n.notification-btn md-icon {\n margin-left: 20px;\n}\n\n.notification-count {\n border-radius: 50%;\n position: absolute;\n background-color: #F05843;\n width: 22px;\n top: 12px;\n left: -18px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid;\n}\n.notification-count:before {\n content: \"\";\n position: absolute;\n right: -7px;\n top: 6px;\n border-left: 6px solid rgba(255, 255, 255, 0.87);\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n}\n\n.notification-list {\n padding: 8px 0;\n}\n\n.notification-dismiss {\n width: 500px;\n}\n\n.notification-dismiss__input {\n margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n color: rgba(0, 0, 0, 0.54);\n font-size: 12px;\n}\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n font-size: 18px;\n min-width: 0;\n width: auto;\n margin-left: -4px;\n line-height: 20px;\n}\n\n.account-menu {\n border-radius: 4px;\n padding: 0;\n font-size: 15px;\n max-width: 380px;\n}\n@media (min-width: 1280px) {\n .account-menu {\n min-width: 380px !important;\n }\n}\n.account-menu h3 {\n margin: 0;\n font-weight: 300;\n}\n.account-menu .mat-mdc-menu-content {\n padding: 0;\n}\n\n.account-menu--fixed-height {\n height: 304px;\n}\n\n.account-menu--fixed-width {\n width: 320px;\n}\n@media (min-width: 960px) {\n .account-menu--fixed-width {\n width: 380px;\n }\n}\n\n.account-menu__icon {\n background-color: rgb(255, 255, 255);\n border-radius: 50%;\n}\n\n.account-menu__caret {\n position: absolute;\n right: 28px;\n top: -8px;\n outline: none;\n}\n.account-menu__caret:before {\n content: \"\";\n position: absolute;\n border-bottom: 8px solid #fff;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n right: 132px;\n}\n\n[dir=rtl] .account-menu__caret {\n right: auto;\n left: 28px;\n}\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n left: 80px;\n right: auto;\n}\n[dir=rtl] .account-menu__caret--notification--with-pause {\n left: 132px;\n right: auto;\n}\n\n.account-menu__info {\n padding: 8px 12px;\n}\n\n.account-menu__info__title {\n font-weight: 500;\n}\n\n.account-menu__info__team {\n font-weight: 400;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.account-menu__users {\n padding: 0;\n}\n.account-menu__users md-list-item {\n padding: 0;\n}\n.account-menu__users md-list-item .md-avatar {\n margin: 0 8px 0 0;\n height: 48px;\n width: 48px;\n}\n\n.account-menu__actions {\n background-color: #f7f7f7;\n}\n\n.account-menu__control {\n padding: 16px;\n}\n\n.annotations {\n margin: 16px 4px 16px 62px;\n position: relative;\n font-size: 15px;\n}\n.annotations hr {\n margin: 10px 0 8px;\n border-color: rgba(0, 0, 0, 0.12);\n}\n.annotations:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n left: -15px;\n right: auto;\n top: -1px;\n bottom: auto;\n border-top: 20px solid transparent;\n border-bottom: 20px solid transparent;\n border-right: 16px solid #757575;\n}\n\n.annotations-container--student--report {\n border-top: 1px solid #dddddd;\n}\n\n.annotations--report {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.annotations__header {\n position: relative;\n border-top-right-radius: 4px;\n padding: 10px 12px;\n font-weight: 700;\n transition: all 1s;\n color: #ffffff;\n background-color: #757575;\n}\n\n.annotations__avatar {\n background-color: #F05843;\n padding: 2px;\n position: absolute;\n top: 0;\n left: -62px;\n}\n\n.annotations__icon {\n transition: all 1s;\n color: #ffffff;\n}\n\n.annotations__body {\n padding: 12px;\n background-color: #ffffff;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n overflow: auto;\n}\n\n.annotations__status {\n background-color: #ffffff;\n color: #ef6c00;\n display: inline-block;\n margin-left: 8px;\n font-size: 12px;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave {\n transition: all 1s;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n opacity: 0;\n}\n.annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n opacity: 1;\n}\n\n.annotations__score {\n font-weight: 700;\n}\n\n.annotations__info {\n font-style: italic;\n opacity: 0.8;\n border-bottom: 1px dotted;\n font-size: 13px;\n}\n\n.annotations--inside .annotations {\n margin-left: 72px;\n}\n\n.annotations--info {\n margin-bottom: 32px;\n margin-right: 8px;\n margin-left: 72px;\n}\n@media only screen and (min-width: 600px) {\n .annotations--info {\n margin: 16px 16px 32px 76px;\n }\n}\n.annotations--info:after {\n border-right: 16px solid #ef6c00;\n}\n.annotations--info .annotations__avatar {\n background-color: #ffffff;\n}\n.annotations--info .annotations__header {\n background-color: #ef6c00;\n}\n\n.annotations--grading md-input-container {\n margin-bottom: 0;\n}\n.annotations--grading .md-errors-spacer {\n display: none;\n}\n.annotations--grading .mat-mdc-form-field-subscript-wrapper {\n display: none;\n}\n\n.annotations--grading--revision {\n margin: 8px 0 0;\n padding: 8px;\n}\n\n.annotations--notebook {\n margin-top: 16px;\n}\n\n.annotations--grading__info {\n font-style: italic;\n margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n padding: 8px;\n}\n\n.annotations--grading__score input {\n margin-top: 0 !important;\n font-size: 18px;\n width: 52px;\n text-align: center;\n}\n.annotations--grading__score .mat-mdc-form-field-infix {\n width: auto;\n}\n\n.annotations--grading__score__label {\n transform: none !important;\n width: auto;\n display: block;\n padding: 0;\n margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max label {\n display: none;\n}\n\n.annotations--grading__score__divider {\n position: relative;\n top: 12px;\n margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n margin-top: 8px;\n}\n\n.component {\n position: relative;\n}\n\n.component__wrapper {\n padding: 0 24px;\n margin: 24px 0;\n}\n\n.component__content {\n overflow-x: auto;\n font-size: 15px;\n overflow-y: hidden;\n}\n@media only screen and (min-width: 600px) {\n .component__content {\n padding: 0 8px;\n }\n}\n\nh3.component__header {\n padding: 8px 12px;\n margin: 0;\n font-size: 14px;\n}\n\n.component__rubric {\n position: absolute;\n left: -20px;\n top: 12px;\n}\n\n.notebook-enabled .component_content img {\n transition: all 250ms;\n cursor: pointer;\n cursor: copy;\n}\n.notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n box-shadow: 0 0 5px 1px #F05843;\n}\n\n.component__actions .md-button:first-child {\n margin-left: 0;\n}\n.component__actions .md-button:last-child {\n margin-right: 0;\n}\n\n.component__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.54);\n font-weight: 400;\n}\n\n.component__actions__more {\n border-bottom: 1px dotted;\n}\n\n.component__prompt {\n margin-bottom: 8px;\n font-weight: 500;\n}\n\n.component__prompt__content {\n display: inline;\n}\n\n.component__attachment {\n position: relative;\n margin: 0 8px;\n padding-bottom: 8px;\n}\n@media only screen and (min-width: 600px) {\n .component__attachment {\n padding-top: 8px;\n }\n}\n\n@media only screen and (max-width: 599px) {\n .component__add-attachment {\n width: 100%;\n }\n}\n\n.component__attachment__content {\n max-height: 100px;\n width: auto;\n}\n\n.component__attachment__delete {\n position: absolute;\n top: 0;\n right: 0;\n min-width: 0;\n background-color: rgba(255, 255, 255, 0.75) !important;\n border-radius: 0;\n padding: 4px;\n margin: 0;\n}\n.component__attachment__delete > md-icon {\n margin-top: 0;\n}\n\n.component__revision {\n margin: 8px 0;\n padding: 8px;\n}\n.component__revision:nth-child(odd) {\n background-color: #f7f7f7;\n}\n\n.component__revision__content {\n padding: 4px 0 8px 0;\n border-bottom: 1px solid #dddddd;\n}\n\n.component__revision__actions {\n color: #757575;\n padding-top: 4px;\n}\n\n.component__content--Discussion {\n overflow: hidden;\n}\n\n.discussion-content {\n background-color: #eeeeee;\n box-shadow: inset 0 0 3px #aaaaaa;\n}\n\n.discussion-posts {\n padding: 12px 12px 8px;\n}\n@media only screen and (min-width: 1280px) {\n .discussion-posts {\n padding: 16px 16px 0;\n }\n}\n\n.discussion-post {\n margin: 0 auto 16px;\n max-width: 600px;\n}\n@media only screen and (min-width: 600px) {\n .discussion-post {\n margin-bottom: 24px;\n }\n}\n@media only screen and (min-width: 1280px) {\n .discussion-post {\n margin-bottom: 32px;\n }\n}\n.discussion-post md-divider {\n position: relative;\n width: auto;\n}\n\n.discussion-post__attachment {\n max-width: 100%;\n height: auto !important;\n margin-top: 16px;\n}\n\n.discussion-new {\n background-color: #ffffff;\n max-width: 570px;\n margin-left: auto;\n margin-right: auto;\n padding: 8px;\n transition: all 250ms;\n transform: scale(0.95);\n}\n\n.discussion-new--focused {\n transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n margin: 0;\n padding: 0;\n}\nmd-input-container.discussion-new__input-container > textarea.md-input {\n min-height: 68px;\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n border: 0 none;\n}\n\n.discussion-new__actions {\n padding: 0 8px;\n}\n.discussion-new__actions .md-button:first-of-type {\n margin-left: 0;\n}\n.discussion-new__actions .md-button:last-of-type {\n margin-right: 0;\n}\n\n.discussion-new__attachment {\n padding: 0;\n margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n margin-top: 0;\n margin-bottom: 16px;\n}\n\n.embedded-content__iframe {\n border: 0 none;\n}\n\n.component--grading {\n padding: 0;\n margin: 0;\n}\n.component--grading:not(:last-child) > div {\n border-bottom: 1px solid #dddddd;\n}\n.component--grading .component__wrapper {\n padding: 0;\n margin: 0;\n}\n.component--grading .component__content {\n padding: 16px;\n margin: 0;\n}\n\n.component--grading__response__content {\n white-space: pre-wrap;\n}\n\n.component--grading__annotations {\n background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.component--grading__annotations__divider {\n padding: 4px;\n background-color: #ffffff;\n}\n\n.component--grading__actions__info {\n margin: 16px 0 0;\n padding-top: 8px;\n border-top: 1px solid #eeeeee;\n}\n\n.graph-select {\n min-width: 150px;\n max-width: 200px;\n}\n\n.graph-controls {\n margin: 8px 0;\n padding: 8px 0;\n border: 1px solid #eeeeee;\n border-left-width: 0;\n border-right-width: 0;\n}\n\n.outside-content iframe {\n border: 1px solid #eeeeee;\n}\n\n.outside-content__source {\n margin-top: 4px;\n text-align: end;\n}\n.outside-content__source a {\n max-width: 240px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n}\n\n.component-revisions .component {\n padding: 0;\n margin: 0;\n}\n.component-revisions .component__content {\n padding: 0;\n}\n.component-revisions .component__wrapper {\n margin: 16px 0;\n}\n.component-revisions .md-resize-handle {\n display: none;\n}\n\n.component-revisions__item, md-list-item.component-revisions__item {\n padding: 0;\n}\n\n.component-revisions__item--latest {\n margin-bottom: 24px;\n}\n\n.component-revisions__annotation-label {\n margin-right: 8px;\n}\n\n.component-revisions__has-auto-and-teacher {\n padding-top: 8px;\n margin-top: 8px;\n border-top: 1px solid #dddddd;\n}\n\n.notebook-toolbar md-divider {\n margin: 8px 0;\n}\n@media only screen and (max-width: 959px) {\n .notebook-toolbar {\n border-top: 1px solid #dddddd;\n }\n}\n\n.notebook-toolbar__add-menu {\n position: absolute;\n bottom: 40px;\n}\n.notebook-toolbar__add-menu .md-fab-action-item {\n background-color: #ffffff;\n}\n\n.notebook-toolbar__add-icon {\n border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n float: right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n float: left;\n}\n\nhighchart {\n display: block;\n}","@use 'sass:map';\n\n// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n 'primary': $_primary-color,\n 'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n 'accent-1': #795C3A,\n 'accent-2': #CAD266,\n 'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n 'info': #ef6c00,\n 'success': #00C853,\n 'divider': rgba(0, 0, 0, 0.12),\n 'gray-lightest': #f7f7f7,\n 'gray-lighter': #eeeeee,\n 'gray-light': #dddddd,\n 'gray': #cccccc,\n 'gray-dark': #aaaaaa,\n 'gray-darker': #757575,\n 'gray-darkest': #333333,\n 'text': rgba(0, 0, 0, 0.87),\n 'text-secondary': rgba(0, 0, 0, 0.54),\n 'text-disabled': rgba(0, 0, 0, 0.26),\n 'text-light': rgba(255, 255, 255, 1),\n 'text-light-secondary': rgba(255, 255, 255, 0.70),\n 'text-light-disabled': rgba(255, 255, 255, 0.50),\n 'selected-bg': $_selected-bg,\n 'score': #FFC107\n);\n\n$body-color: (\n 'body': map.get($color, 'text'),\n 'body-bg': map.get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid: 8px;\n$body-font-size-base: rem(1.500);\n$caption-font-size-base: rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n position: relative;\n\n @media (min-width: $layout-breakpoint-xs) {\n width: $layout-breakpoint-md;\n }\n\n @media (min-width: $layout-breakpoint-lg) {\n width: $layout-breakpoint-lg;\n }\n}\n\n.l-constrained-md {\n width: $layout-breakpoint-sm;\n max-width: 100%;\n}\n","// 1. Config\n\n// 2. Base\n.l-footer {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n background-color: #ffffff;\n border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n min-width: 0;\n display: flex;\n}\n\n.button--footer__element {\n padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n z-index: 3;\n\n .logo {\n margin-left: 0 !important;\n height: 36px;\n width: 36px;\n vertical-align: middle;\n }\n\n .logo-link {\n min-width: auto;\n display: none;\n padding: 0 4px;\n margin-right: 12px;\n\n @media only screen and (min-width: ($layout-breakpoint-xs)) {\n display: block;\n }\n\n &:hover, &:focus {\n border: 0 none;\n }\n }\n\n // Handle mobile portrait\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n .md-toolbar-tools {\n h1, h2, h3 {\n font-size: $body-font-size-base;\n }\n }\n }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n margin-top: $wise-toolbar-height;\n}\n\n#content {\n transition: margin-top 0.5s;\n}\n\n.view-content {\n margin: 0 auto;\n padding: 8px;\n position: absolute;\n left: 0;\n right: 0;\n transition: opacity 500ms;\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 16px;\n }\n\n &.ng-enter {\n opacity: 0;\n }\n\n .ng-enter-active {\n opacity: 1;\n transition-delay: 250ms;\n }\n\n &.ng-leave-active,\n &.ng-hide {\n opacity: 0;\n }\n\n &.ng-hide-add,\n &.ng-hide-add-active,\n &.ng-hide-remove,\n &.ng-hide-remove-active {\n opacity: 0;\n }\n}\n\n.view-content--with-sidemenu {\n padding: 8px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-left: 54px;\n padding: 16px;\n }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-left: auto;\n margin-right: 54px;\n }\n}\n\n.content-head {\n margin: 8px 0;\n\n h1,\n h2,\n h3 {\n font-weight: 300;\n margin-top: 0;\n margin-bottom: 0;\n font-size: rem(3.6);\n\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n font-size: rem(3.2);\n text-align: center;\n }\n }\n}\n\n.content-head__more {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n margin-top: 8px;\n }\n}\n\n.content-head__item,\nh2.content-head__item {\n margin: 0 8px;\n\n .md-subhead {\n padding-left: 4px;\n\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n display: block;\n padding-left: 0;\n }\n }\n\n md-icon {\n vertical-align: text-bottom;\n }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n max-height: 500px;\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n margin-top: $wise-toolbar-height;\n background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-nav {\n background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n background-color: #ffffff !important;\n color: color('accent-1') !important;\n\n md-select {\n color: color('body');\n }\n}",".status-icon {\n margin: 0 4px;\n z-index: 1;\n vertical-align: bottom;\n}\n\n.md-button.status-icon {\n height: auto;\n width: auto;\n min-height: 0;\n line-height: inherit;\n margin: 0 4px;\n padding: 0;\n}\n\n.avatar--icon--alert {\n background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n font-size: 48px;\n margin: -4px 0 0 -4px;\n}\n","md-dialog {\n width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n width: $layout-breakpoint-md;\n}\n",".help-bubble {\n border-radius: $card-border-radius;\n max-width: 320px;\n\n @media (min-width: $layout-breakpoint-xs) {\n max-width: ($layout-breakpoint-xs - 48);\n }\n\n @media (min-width: $layout-breakpoint-sm) {\n max-width: ($layout-breakpoint-sm - 48);\n }\n\n @media (min-width: $layout-breakpoint-md) {\n max-width: ($layout-breakpoint-md - 48);\n }\n}\n\n.help-bubble__title {\n border-top-left-radius: $card-border-radius;\n border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n border-top-left-radius: $card-border-radius;\n border-top-right-radius: $card-border-radius;\n padding: 0px 0 0 12px;\n background-color: color('info');\n\n .md-icon-button {\n margin-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n }\n}\n\n.help-bubble__content {\n overflow: auto;\n padding: 8px 12px;\n max-height: 480px;\n}\n\n.help-bubble__actions {\n border-bottom-left-radius: $card-border-radius;\n border-bottom-right-radius: $card-border-radius;\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n padding-top: 12px;\n}\n\n.input-container--component {\n margin-bottom: 0;\n}\n\n.input-container--open-response {\n &.md-has-icon {\n padding-left: 0;\n }\n\n .md-errors-spacer {\n display: none;\n }\n}\n\n.input-wrapper {\n position: relative;\n}\n\n.input-wrapper--focused {\n .input--textarea__action md-icon {\n color: color('primary');\n }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n padding: 8px;\n background-color: color('gray-lightest');\n border: 1px solid color('gray');\n margin-bottom: 8px;\n\n &:focus {\n background-color: #ffffff;\n }\n\n &[disabled] {\n color: color('text-secondary');\n }\n}\n\n.input-container textarea.input--textarea {\n width: 100%;\n}\n\n.input--textarea--disabled {\n color: color('text-secondary');\n}\n\n.input--textarea__action {\n position: absolute;\n right: -4px;\n\n &[disabled] md-icon {\n color: color('text-disabled') !important;\n }\n}\n\n.input--textarea__action--notebook {\n top: $input-action-vertical-offset;\n\n .input-wrapper--richtext & {\n top: $input-action-vertical-offset-richtext\n }\n}\n\n.input--textarea__action--revision {\n bottom: $input-action-vertical-offset;\n\n .input-wrapper--richtext & {\n bottom: ($input-action-vertical-offset-richtext + 2px);\n }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n line-height: 1.2;\n color: color('text');\n\n &.input-label--focused {\n color: color('primary');\n }\n}\n\n.autocomplete {\n input {\n text-overflow: ellipsis;\n overflow: hidden;\n word-wrap: none;\n font-weight: 500;\n color: color('text-secondary');\n }\n}\n\n.autocomplete--minwidth {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n min-width: 300px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n min-width: 300px;\n }\n}\n\n.autocomplete--flat {\n md-autocomplete-wrap {\n background-color: #ffffff;\n\n &:not(.md-menu-showing) {\n box-shadow: none;\n background-color: color('gray-lighter');\n }\n }\n}\n\n.select__header {\n height: $menu-item-height;\n\n input {\n height: 100%;\n width: 100%;\n padding: 0 8px;\n outline: none;\n border: 0 none;\n font-size: rem(1.4);\n font-weight: 500;\n }\n}\n",".table {\n max-width: 100%;\n width: auto;\n min-width: 100px;\n margin: 8px 0;\n\n thead,\n tbody,\n tfoot {\n // TODO: remove chaining when bootstrap dependency is removed\n > tr > th,\n > tr > td {\n border: 1px solid color('gray');\n padding: 6px;\n font-size: rem(1.5);\n min-height: 32px;\n height: 32px;\n min-width: 32px;\n vertical-align: top;\n }\n }\n\n td.inactive,\n th {\n background-color: color('gray-lightest');\n opacity: 1;\n visibility: visible;\n }\n\n md-input-container {\n margin: 0;\n }\n\n .md-errors-spacer {\n display: none;\n }\n}\n\n.table--student {\n td {\n &.inactive {\n padding: 8px 10px;\n }\n }\n}\n\n.table--full-width {\n width: 100%;\n}\n\n.table--list {\n border: 0 none;\n border-collapse: collapse;\n background-color: #ffffff;\n max-width: 100%;\n overflow: auto;\n\n th,\n td {\n padding: 0 4px;\n border: 0 none;\n }\n\n td {\n min-height: 56px;\n height: 56px;\n }\n\n tr {\n &.md-button {\n display: table-row;\n text-align: left;\n width: auto;\n text-transform: none;\n font-size: inherit;\n font-weight: normal;\n }\n }\n}\n\n.table--list__wrap {\n min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n overflow-x: auto;\n }\n}\n\n.table--list__thead {\n font-size: rem(1.4);\n font-weight: 700;\n}\n\n.table--list__thead__tr {\n height: 100%;\n margin: 0;\n}\n\n.table--list__thead__th {\n background-color: color('gray-darker');\n color: color('text-light');\n min-height: $wise-toolbar-height;\n height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n color: #ffffff;\n text-transform: none;\n margin: 0;\n min-width: 0;\n white-space: normal;\n line-height: 1.4;\n width: 100%;\n}\n\n.table--list__thead__sort {\n margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n transform: rotate(180deg);\n}\n\n.td--wrap {\n min-width: 180px;\n white-space: normal;\n line-height: 1.2;\n}\n\n.td--max-width {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n max-width: 180px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n",".md-toolbar-tools {\n font-size: 18px;\n\n .autocomplete {\n height: 36px;\n\n md-autocomplete-wrap {\n height: 36px;\n }\n\n input {\n height: 36px;\n }\n }\n}\n\n.md-toolbar--wise {\n min-height: $wise-toolbar-height;\n\n .md-toolbar-tools {\n height: $wise-toolbar-height;\n max-height: $wise-toolbar-height;\n }\n\n .md-button.md-icon-button {\n height: $wise-toolbar-height;\n line-height: $wise-toolbar-height;\n width: $wise-toolbar-height;\n }\n}\n\n.md-toolbar--wise--sm {\n .md-toolbar-tools {\n padding: 0 8px;\n font-size: $body-font-size-base;\n }\n}\n\n.md-toolbar--sidenav {\n background-color: color('gray-darkest') !important;\n\n .md-toolbar-tools {\n font-size: rem(1.6);\n font-weight: 500;\n }\n}\n\n.toolbar {\n position: fixed;\n left: 0;\n right: 0;\n top: $md-toolbar-height;\n z-index: 3;\n}\n\n.toolbar__title {\n margin-left: 8px;\n font-size: rem(1.6);\n font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n margin: 0 4px;\n min-height: 32px;\n background-color: color('gray-lightest');\n\n .md-select-value {\n height: 32px;\n text-align: left;\n }\n}\n[dir=rtl] {\n .toolbar__select, .md-button.toolbar__select {\n .md-select-value {\n text-align: right;\n }\n }\n}\n\n.toolbar__select--fixedwidth {\n width: 168px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n width: 264px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n width: 432px;\n }\n}\n","// Helpers\n@function rem($multiplier) {\n $font-size: 10px;\n @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base: rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs: 600px;\n$layout-breakpoint-sm: 960px;\n$layout-breakpoint-md: 1280px;\n$layout-breakpoint-lg: 1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n",".list-item {\n background-color: #ffffff;\n border-bottom: 1px solid color('gray-lighter');\n\n .md-subheader, &.md-subheader {\n color: color('text');\n background-color: #ffffff;\n\n md-icon {\n vertical-align: middle;\n }\n\n .md-subheader-inner {\n padding: 0;\n }\n\n .md-avatar {\n margin-right: 8px;\n }\n }\n\n .autocomplete {\n margin: 8px 0;\n }\n}\n\n.list-item--info {\n &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n border-left: 4px solid color('info') !important;\n margin-left: -4px;\n }\n}\n\n.list-item--warn {\n //background-color: lighten(color('warn'), 56%);\n\n &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n border-left: 4px solid color('warn') !important;\n margin-left: -4px;\n }\n}\n\n.list-item--expanded {\n border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n cursor: default;\n background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n text-transform: none;\n width: 100%;\n padding: 8px 16px;\n margin: 0;\n white-space: normal;\n text-align: left;\n line-height: 1.4;\n}\n\n.user-list {\n font-size: rem(1.5);\n}\n","#nav {\n position: relative;\n}\n\n.nav {\n margin-bottom: 16px;\n}\n\n.nav-mask {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0,0,0,0.25);\n z-index: 1;\n\n &.ng-hide {\n opacity: 0;\n }\n}\n\n.nav-head {\n color: color('text-secondary');\n font-weight: 500;\n\n md-icon {\n line-height: 20px;\n }\n}\n\n.nav-contents--root {\n padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n background-color: color('gray-light');\n padding: 8px;\n}\n\n.nav-contents--root {\n padding: 0;\n}\n\n.nav-contents__list {\n padding: 0;\n\n @media (min-width: $layout-breakpoint-xs) {\n padding: 8px;\n }\n}\n\n.nav-item {\n transition: opacity 250ms ease-in-out;\n\n &.prev {\n md-list-item {\n background-color: color('selected-bg');\n\n /*&._md-button-wrap>div.md-button:first-child {\n border-left: 4px solid color('primary');\n margin-left: -4px;\n }*/\n }\n }\n}\n\n.nav-item--card__content {\n border-top-right-radius: $card-border-radius;\n border-top-left-radius: $card-border-radius;\n\n &:focus {\n outline: none;\n\n .nav-item__title > span {\n border-bottom: 1px dashed color('gray');\n }\n }\n}\n\n.nav-item--root {\n transition: margin 250ms, box-shadow 500ms;\n\n &.expanded {\n flex-basis: 100%;\n //max-width: ($layout-breakpoint-md - 100) !important;\n max-width: 100%;\n max-height: none !important;\n margin: 8px auto;\n\n &:first-of-type {\n margin-top: 0;\n }\n\n //@media only screen and (min-width: $layout-breakpoint-sm) {\n //margin: 8px auto;\n //}\n }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n padding: 0 16px 0 4px;\n display: inline-block;\n}\n\n.nav-item--list__reorder {\n margin-left: 8px;\n color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n &:not(.expanded) {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n }\n}\n\n.nav-item__collapse {\n margin: 0;\n}\n\n.nav-item__more {\n border-top: 1px solid color('gray-light');\n border-bottom-right-radius: $card-border-radius;\n border-bottom-left-radius: $card-border-radius;\n padding: 8px 16px;\n min-height: 40px;\n}\n\n.nav-item__users {\n height: auto;\n cursor: pointer;\n color: #ffffff;\n margin: 0;\n padding: 1px 6px;\n\n > md-icon {\n padding-right: 4px;\n color: #ffffff;\n }\n\n &:hover, &:focus {\n &.success-bg {\n background-color: color('success');\n }\n }\n}\n\n.nav-item__title {\n padding-left: 16px;\n line-height: 1.2;\n font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n padding-left: auto;\n padding-right: 16px;\n}\n\n.nav-item__info {\n padding: 0 8px;\n}\n\n.nav-item__progress {\n width: 48px;\n\n > .md-container {\n top: 0;\n }\n}\n\n.nav-item__progress-value {\n margin-left: 8px;\n width: 36px;\n}\n\n.progress-wrapper {\n padding: 2px 0;\n cursor: pointer;\n}\n",".student-select {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.workgroup-progress {\n margin-bottom: 8px;\n\n @media (min-width: $layout-breakpoint-sm) {\n margin-bottom: 0;\n }\n}\n\nalert-status-corner {\n position: absolute;\n top: 0;\n right: 0;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n position: absolute;\n top: 10px;\n right: 12px;\n\n path {\n stroke: color('accent-2') !important;\n stroke-width: 2px;\n }\n}\n[dir=rtl] .menu-progress {\n right:auto;\n left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n font-weight: 700;\n //color: color('text-secondary');\n font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n margin-top: 12px !important;\n margin-right: 12px !important;\n margin-left: 12px;\n}\n\n.active {\n .menu-sidenav__icon, .menu-sidenav__item {\n color: color('primary');\n }\n}\n\n.menu-sidebar {\n position: absolute;\n top: $wise-toolbar-height + $md-toolbar-height;\n bottom: 0;\n left: 0;\n background-color: #fff;\n width: $menu-sidebar-width;\n overflow: hidden;\n padding: 8px 0;\n text-align: center;\n border-right: 1px solid color('gray');\n\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n display: none;\n }\n}\n[dir=rtl] .menu-sidebar {\n right:0;\n left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n margin-top: 6px;\n margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n margin: 0 auto;\n position: absolute;\n left: 0;\n right: 0;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 8px;\n padding: 24px 16px;\n margin-bottom: 32px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 32px;\n }\n\n &.ng-enter {\n transition: opacity .5s;\n opacity: 0;\n }\n\n &.ng-enter-active {\n opacity: 1;\n }\n}\n\n// TODO: use BEM conventions\n\n.node-content {\n padding: 0 0 48px;\n background-color: #ffffff;\n border-radius: $button-border-radius;\n overflow: visible;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n box-shadow: none;\n }\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 0;\n border-top: 2px solid;\n border-bottom: 2px solid;\n }\n}\n\nmd-content {\n &.node-content {\n background-color: #ffffff;\n }\n}\n\n.node-content__rubric {\n position: absolute;\n top: -22px;\n left: 0;\n right: 0;\n z-index: 1;\n\n .avatar--icon {\n transform: scale(0.94);\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n transform: scale(0.8);\n }\n }\n}\n\n.node-icon {\n color: #ffffff;\n vertical-align: inherit;\n}\n\n.node-select {\n margin: 0 8px;\n min-width: 0;\n font-weight: 500;\n font-size: $body-font-size-base;\n\n .md-select-value {\n *:first-child {\n transform: translate3d(0,0,0);\n flex: 1 0 0;\n }\n\n .node-select__icon {\n display: none;\n }\n\n .node-select__status {\n display: none;\n }\n }\n\n .md-select-icon {\n margin-left: 0;\n color: color('text');\n }\n}\n\n.node-select-option--group {\n //color: rgba(0,0,0,0.54);\n background-color: color('gray-lightest');\n border-bottom: 1px solid color('gray-lighter');\n border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n padding-left: 20px;\n}\n\n.node-select__icon {\n margin-right: 8px;\n}\n\n.node-select__status {\n margin-left: 8px;\n}\n\n.node-select__text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-top: 2px;\n }\n}\n\n.node-title {\n line-height: 1.2;\n text-transform: none;\n margin-top: 3px;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n font-size: $body-font-size-base;\n }\n}\n\n.node-content__actions {\n padding: 0 16px 16px;\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 0 24px 24px;\n }\n\n .md-button:first-child {\n margin-left: 0;\n }\n\n .md-button:last-child {\n margin-right: 0;\n }\n}\n\n.node-content__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: color('text-secondary');\n}\n\n.node-content__actions__more {\n border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n &:not(:first-of-type) {\n }\n\n &:first-of-type {\n margin-right: 0;\n }\n}\n\n.node-sidebar-active {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-right: ($md-toolbar-height + 16);\n }\n}\n\n.node-sidebar-visible {\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n margin-bottom: $wise-toolbar-height;\n }\n}\n\n.node-sidebar {\n position: absolute;\n right: 0;\n top: 0;\n width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n position: fixed;\n width: $md-toolbar-height;\n background-color: #ffffff;\n padding: 8px 0;\n border-radius: $button-border-radius;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n border-radius: 0;\n padding: 0;\n min-height: 0;\n height: $wise-toolbar-height;\n }\n}\n\n.node__label--vertical-alignment {\n vertical-align: middle;\n display: inline-block;\n}\n",".grading {\n}\n\n.grading__item-container {\n margin: 0 0 16px;\n padding: 0 !important;\n}\n\n.grading__item {\n background-color: #ffffff;\n\n .component {\n padding: 0;\n }\n}\n","// Variables\n$notebook-sidebar-width: 480px;\n$report-position-right: 96px;\n$report-full-gap: 8px;\n\n// Base\nnotebook-launcher {\n position: absolute;\n bottom: 24px;\n right: 28px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n &.md-button.md-fab {\n z-index: 61;\n }\n }\n}\n\nnotebook-report {\n position: absolute;\n bottom: 0;\n right: $report-position-right;\n transition: right 250ms;\n z-index: 3;\n\n &.report-full {\n left: $report-full-gap;\n right: $report-full-gap;\n top: $report-full-gap;\n bottom: $report-full-gap\n }\n \n @media only screen and (min-width: $layout-breakpoint-sm) {\n &.notes-visible {\n right: $notebook-sidebar-width + 12;\n }\n }\n}\n\n.notebook-sidebar {\n width: $notebook-sidebar-width - 180; \n max-width: none;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n width: $notebook-sidebar-width;\n }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n .notebook-enabled {\n .md-fab-bottom-right, .md-fab-bottom-left {\n bottom: ($wise-toolbar-height + 8) !important;\n }\n }\n}\n",".notification-btn {\n width: 60px !important;\n\n md-icon {\n margin-left: 20px;\n }\n}\n\n.notification-count {\n border-radius: 50%;\n position: absolute;\n background-color: color('accent');\n width: 22px;\n top: 12px;\n left: -18px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid;\n\n &:before {\n content: \"\";\n position: absolute;\n right: -7px;\n top: 6px;\n border-left: 6px solid rgba(255,255,255,0.87);\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n }\n}\n\n.notification-list {\n padding: 8px 0;\n}\n\n.notification-dismiss {\n width: 500px;\n}\n\n.notification-dismiss__input {\n margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n &.notification-list-item__source {\n color: color('text-secondary');\n font-size: rem(1.2);\n\n md-icon {\n font-size: rem(1.8);\n min-width: 0;\n width: auto;\n margin-left: -4px;\n line-height: rem(2);\n }\n }\n}\n",".account-menu {\n border-radius: $card-border-radius;\n padding: 0;\n font-size: $body-font-size-base;\n max-width: 380px;\n\n @media (min-width: $layout-breakpoint-md) {\n min-width: 380px !important;\n }\n\n h3 {\n margin: 0;\n font-weight: 300;\n }\n\n .mat-mdc-menu-content {\n padding: 0;\n }\n}\n\n.account-menu--fixed-height {\n height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n width: 320px;\n\n @media (min-width: $layout-breakpoint-sm) {\n width: 380px;\n }\n}\n\n.account-menu__icon {\n background-color: color('text-light');\n border-radius: 50%;\n}\n\n.account-menu__caret {\n position: absolute;\n right: 28px;\n top: -8px;\n outline: none;\n\n &:before {\n content: '';\n position: absolute;\n border-bottom: 8px solid #fff;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n right: 132px;\n}\n\n[dir=rtl] {\n .account-menu__caret {\n right: auto;\n left: 28px;\n }\n .account-menu__caret--pause, .account-menu__caret--notification {\n left:80px;\n right:auto;\n }\n .account-menu__caret--notification--with-pause {\n left: 132px;\n right:auto;\n }\n}\n\n.account-menu__info {\n padding: 8px 12px;\n}\n\n.account-menu__info__title {\n font-weight: 500;\n}\n\n.account-menu__info__team {\n font-weight: 400;\n color: color('text-secondary');\n}\n\n.account-menu__users {\n padding: 0;\n\n md-list-item {\n padding: 0;\n\n .md-avatar {\n margin: 0 8px 0 0;\n height: 48px;\n width: 48px;\n }\n }\n}\n\n.account-menu__actions {\n background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n padding: 16px;\n}\n",".annotations {\n margin: 16px 4px 16px 62px;\n position: relative;\n font-size: rem(1.5);\n\n hr {\n margin: 10px 0 8px;\n border-color: rgba(0,0,0,.12);\n }\n\n &:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n left: -15px;\n right: auto;\n top: -1px;\n bottom: auto;\n border-top: 20px solid transparent;\n border-bottom: 20px solid transparent;\n border-right: 16px solid color('gray-darker');\n }\n}\n\n.annotations-container--student--report {\n border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.annotations__header {\n position: relative;\n //border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n padding: 10px 12px;\n font-weight: 700;\n transition: all 1s;\n color: #ffffff;\n background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n background-color: color('accent');\n padding: 2px;\n position: absolute;\n top: 0;\n left: -62px;\n}\n\n.annotations__icon {\n transition: all 1s;\n color: #ffffff;\n}\n\n.annotations__body {\n padding: 12px;\n background-color: #ffffff;\n border-bottom-left-radius: $card-border-radius;\n border-bottom-right-radius: $card-border-radius;\n overflow: auto;\n}\n\n.annotations__status {\n background-color: #ffffff;\n color: color('info');\n display: inline-block;\n margin-left: 8px;\n font-size: rem(1.2);\n\n &.ng-enter, &.ng-leave {\n transition: all 1s;\n }\n\n &.ng-enter, &.ng-leave.ng-leave-active {\n opacity:0;\n }\n\n &.ng-leave, &.ng-enter.ng-enter-active {\n opacity:1;\n }\n}\n\n.annotations__score {\n font-weight: 700;\n}\n\n.annotations__info {\n font-style: italic;\n opacity: 0.8;\n border-bottom: 1px dotted;\n font-size: rem(1.3);\n}\n\n.annotations--inside {\n .annotations {\n margin-left: 72px;\n }\n}\n\n// TODO: move to own file\n.annotations--info {\n margin-bottom: 32px;\n margin-right: 8px;\n margin-left: 72px;\n\n @media only screen and (min-width: ($layout-breakpoint-xs)) {\n margin: 16px 16px 32px 76px;\n }\n\n &:after {\n border-right: 16px solid color('info');\n }\n\n .annotations__avatar {\n background-color: #ffffff;\n }\n\n .annotations__header {\n background-color: color('info');\n }\n}\n",".annotations--grading {\n md-input-container {\n margin-bottom: 0;\n }\n\n .md-errors-spacer {\n display: none;\n }\n\n .mat-mdc-form-field-subscript-wrapper {\n display: none;\n }\n}\n\n.annotations--grading--revision {\n margin: 8px 0 0;\n padding: 8px;\n}\n\n.annotations--notebook {\n margin-top: 16px;;\n}\n\n.annotations--grading__info {\n font-style: italic;\n margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n padding: 8px;\n}\n\n.annotations--grading__score {\n input {\n margin-top: 0 !important;\n font-size: rem(1.8);\n width: 52px;\n text-align: center;\n }\n\n .mat-mdc-form-field-infix {\n width: auto;\n }\n}\n\n.annotations--grading__score__label {\n transform: none !important;\n width: auto;\n display: block;\n padding: 0;\n margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max {\n label {\n display: none;\n }\n}\n\n.annotations--grading__score__divider {\n position: relative;\n top: 12px;\n margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n margin-top: 8px;\n}\n",".component {\n position: relative;\n}\n\n.component__wrapper {\n padding: 0 24px;\n margin: 24px 0;\n}\n\n.component__content {\n overflow-x: auto;\n font-size: rem(1.5);\n overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 0 8px;\n }\n}\n\nh3.component__header {\n padding: 8px 12px;\n margin: 0;\n font-size: rem(1.4);\n}\n\n.component__rubric {\n position: absolute;\n left: -20px;\n top: 12px;\n}\n\n.notebook-enabled {\n .component_content {\n img {\n transition: all 250ms;\n cursor: pointer;\n cursor: copy;\n //position: relative;\n //border: 2px solid transparent;\n\n &:hover, &:focus {\n box-shadow: 0 0 5px 1px color('accent');\n //border: 2px solid #ffffff;\n }\n }\n }\n}\n\n.component__actions {\n .md-button:first-child {\n margin-left: 0;\n }\n\n .md-button:last-child {\n margin-right: 0;\n }\n}\n\n.component__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: color('text-secondary');\n font-weight: 400;\n}\n\n.component__actions__more {\n border-bottom: 1px dotted;\n}\n\n.component__prompt {\n margin-bottom: 8px;\n font-weight: 500;\n}\n\n.component__prompt__content {\n display: inline;\n}\n\n.component__attachment {\n position: relative;\n margin: 0 8px;\n padding-bottom: 8px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding-top: 8px;\n }\n}\n\n.component__add-attachment {\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n width: 100%;\n }\n}\n\n.component__attachment__content {\n max-height: 100px;\n width: auto;\n}\n\n.component__attachment__delete {\n position: absolute;\n top: 0;\n right: 0;\n min-width: 0;\n background-color: rgba(255, 255, 255, 0.75) !important;\n border-radius: 0;\n padding: 4px;\n margin: 0;\n\n //@media only screen and (min-width: $layout-breakpoint-sm) {\n //margin-top: 8px;\n //}\n\n > md-icon {\n margin-top: 0;\n }\n}\n\n.component__revision {\n margin: 8px 0;\n padding: 8px;\n\n &:nth-child(odd) {\n background-color: color('gray-lightest');\n }\n}\n\n.component__revision__content {\n padding: 4px 0 8px 0;\n border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n color: color('gray-darker');\n padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n overflow: hidden;\n}\n\n.discussion-content {\n background-color: color('gray-lighter');\n //margin: 0 0 -16px;\n box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n padding: 12px 12px 8px;\n\n @media only screen and (min-width: $layout-breakpoint-md) {\n padding: 16px 16px 0;\n }\n}\n\n.discussion-post {\n margin: 0 auto 16px;\n max-width: $layout-breakpoint-xs;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-bottom: 24px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-md) {\n margin-bottom: 32px;\n }\n\n // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n md-divider {\n position: relative;\n width: auto;\n }\n}\n\n\n\n.discussion-post__attachment {\n max-width: 100%;\n height: auto !important;\n margin-top: 16px;\n}\n\n.discussion-new {\n background-color: #ffffff;\n max-width: 570px;\n margin-left: auto;\n margin-right: auto;\n padding: 8px;\n transition: all 250ms;\n transform: scale(0.95);\n}\n\n.discussion-new--focused {\n transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n margin: 0;\n padding: 0;\n\n > textarea.md-input {\n min-height: 68px;\n }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n border: 0 none;\n}\n\n.discussion-new__actions {\n padding: 0 8px;\n\n .md-button {\n &:first-of-type {\n margin-left: 0;\n }\n\n &:last-of-type {\n margin-right: 0;\n }\n }\n}\n\n.discussion-new__attachment {\n padding: 0;\n margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n margin-top: 0;\n margin-bottom: 16px;\n}\n\n\n\n\n\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n border: 0 none;\n}\n",".component--grading {\n padding: 0;\n margin: 0;\n\n &:not(:last-child) {\n > div {\n border-bottom: 1px solid color('gray-light');\n }\n }\n\n .component__wrapper {\n padding: 0;\n margin: 0;\n }\n\n .component__content {\n padding: 16px;\n margin: 0;\n }\n}\n\n.component--grading__response__content {\n white-space: pre-wrap;\n}\n\n.component--grading__annotations {\n background-color: color('selected-bg');\n}\n\n.component--grading__annotations__divider {\n padding: 4px;\n background-color: #ffffff;\n}\n\n.component--grading__actions__info {\n margin: 16px 0 0;\n padding-top: 8px;\n border-top: 1px solid color('gray-lighter');\n}\n",".graph-select {\n min-width: 150px;\n max-width: 200px;\n}\n\n.graph-controls {\n margin: 8px 0;\n padding: 8px 0;\n border: 1px solid color('gray-lighter');\n border-left-width: 0;\n border-right-width: 0;\n}\n",".outside-content {\n iframe {\n border: 1px solid color('gray-lighter');\n }\n}\n\n.outside-content__source {\n margin-top: 4px;\n text-align: end;\n\n a {\n max-width: 240px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n }\n}",".component-revisions {\n .component {\n padding: 0;\n margin: 0;\n }\n\n .component__content {\n padding: 0;\n }\n\n .component__wrapper {\n margin: 16px 0;\n }\n\n .md-resize-handle {\n display: none;\n }\n}\n\n.component-revisions__item, md-list-item.component-revisions__item {\n padding: 0;\n}\n\n.component-revisions__item--latest {\n margin-bottom: 24px;\n}\n\n.component-revisions__item__text {\n\n}\n\n.component-revisions__annotation-label {\n margin-right: 8px;\n}\n\n.component-revisions__has-auto-and-teacher {\n padding-top: 8px;\n margin-top: 8px;\n border-top: 1px solid color('gray-light');\n}\n",".notebook-toolbar {\n md-divider {\n margin: 8px 0;\n }\n\n @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n border-top: 1px solid color('gray-light');\n }\n}\n\n.notebook-toolbar__add-menu {\n position: absolute;\n bottom: 40px;\n\n .md-fab-action-item {\n background-color: #ffffff;\n }\n}\n\n.notebook-toolbar__add-icon {\n border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n float:left;\n}","highchart {\n display: block;\n}\n"]} \ No newline at end of file +{"version":3,"sources":["src/assets/wise5/themes/default/style/base/_presets.scss","src/assets/wise5/themes/default/style/monitor.css","src/assets/wise5/themes/default/style/base/_config.scss","src/assets/wise5/themes/default/style/layouts/_l-default.scss","src/assets/wise5/themes/default/style/layouts/_l-footer.scss","src/assets/wise5/themes/default/style/layouts/_l-header.scss","src/assets/wise5/themes/default/style/layouts/_l-main.scss","src/assets/wise5/themes/default/style/layouts/_l-notebook.scss","src/assets/wise5/themes/default/style/layouts/_l-nav.scss","src/assets/wise5/themes/default/style/layouts/_l-sidebar.scss","src/assets/wise5/themes/default/style/modules/_alerts.scss","src/assets/wise5/themes/default/style/modules/_dialog.scss","src/assets/wise5/themes/default/style/modules/_help.scss","src/assets/wise5/themes/default/style/modules/_inputs.scss","src/assets/wise5/themes/default/style/modules/_table.scss","src/assets/wise5/themes/default/style/modules/_toolbar.scss","src/assets/wise5/themes/default/style/material/_config.scss","src/assets/wise5/themes/default/style/modules/_list.scss","src/assets/wise5/themes/default/style/modules/_nav.scss","src/assets/wise5/themes/default/style/modules/_nav--grading.scss","src/assets/wise5/themes/default/style/modules/_menu.scss","src/assets/wise5/themes/default/style/modules/_node.scss","src/assets/wise5/themes/default/style/modules/_grading.scss","src/assets/wise5/themes/default/style/modules/_notebook.scss","src/assets/wise5/themes/default/style/modules/_notifications.scss","src/assets/wise5/themes/default/style/modules/_account-menu.scss","src/assets/wise5/themes/default/style/modules/_annotations.scss","src/assets/wise5/themes/default/style/modules/_annotations--grading.scss","src/assets/wise5/themes/default/style/modules/_component.scss","src/assets/wise5/themes/default/style/modules/_component--discussion.scss","src/assets/wise5/themes/default/style/modules/_component--embedded.scss","src/assets/wise5/themes/default/style/modules/_component--grading.scss","src/assets/wise5/themes/default/style/modules/_component--graph.scss","src/assets/wise5/themes/default/style/modules/_component--outside.scss","src/assets/wise5/themes/default/style/modules/_component--revisions.scss","src/assets/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/assets/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCAF,CDEE,SACI,eCAN,CDKI,gBACI,aCFR,CDMA,WACE,wBAAA,CAKA,oBAAA,CAAA,sBAAA,CAHA,aAAA,CADA,WCCF,CDOI,qBAKI,wBAAA,CAFA,iBAAA,CAFA,UAAA,CAGA,WAAA,CAFA,iBCDR,CDSI,kCAEI,QAAA,CADA,QCLR,CDWA,OAMI,qBAAA,CALA,iBEUiB,CFRjB,cAAA,CAEA,iBAAA,CADA,eAAA,CAFA,eCJJ,CDUI,iBAGI,mBAAA,CADA,YAAA,CADA,WCNR,CDUQ,8CACI,qBCRZ,CDWQ,uBACI,uBCTZ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,gBACI,wBAAA,CACA,UCXJ,CDeA,qBACI,aCZJ,CDeA,iBACI,uBCZJ,CDgBA,EACE,aAAA,CACA,cCbF,CDgBA,QACI,kCAAA,CACA,qBCbJ,CDiBA,QACE,iBAAA,CACA,sBCdF,CDiBA,gBACE,iBCdF,CDmBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDqBA,cACE,qBAAA,CACA,4BClBF,CDoBE,8BACI,WClBN,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDwBE,wDACE,qBCrBJ,CDyBI,4EACE,qBCvBN,CD8BE,mDACE,uBC3BJ,CD6BE,mDACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,iDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CDgCA,uCACE,qBC7BF,CDgCA,uFACE,wBC7BF,CDgCA,2HAGE,wBAAA,CADA,aC5BF,CDmCI,SACE,aChCN,CD+BI,QACE,aC5BN,CD2BI,UACE,aCxBN,CDuBI,UACE,aCpBN,CDmBI,MACE,aChBN,CDeI,MACE,aCZN,CDWI,SACE,aCRN,CDOI,SACE,qBCJN,CDGI,eACE,aCAN,CDDI,cACE,UCIN,CDLI,YACE,UCQN,CDTI,MACE,UCYN,CDbI,WACE,UCgBN,CDjBI,aACE,aCoBN,CDrBI,cACE,UCwBN,CDzBI,MACE,qBC4BN,CD7BI,gBACE,qBCgCN,CDjCI,eACE,qBCoCN,CDrCI,YACE,UCwCN,CDzCI,sBACE,wBC4CN,CD7CI,qBACE,wBCgDN,CDjDI,aACE,aCoDN,CDrDI,OACE,aCwDN,CDzDI,MACE,qBC4DN,CD7DI,SACE,UCgEN,CD1DI,YACE,wBC6DN,CD9DI,WACE,wBCiEN,CDlEI,aACE,wBCqEN,CDtEI,aACE,wBCyEN,CD1EI,SACE,wBC6EN,CD9EI,SACE,wBCiFN,CDlFI,YACE,wBCqFN,CDtFI,YACE,gCCyFN,CD1FI,kBACE,wBC6FN,CD9FI,iBACE,qBCiGN,CDlGI,eACE,qBCqGN,CDtGI,SACE,qBCyGN,CD1GI,cACE,qBC6GN,CD9GI,gBACE,wBCiHN,CDlHI,iBACE,qBCqHN,CDtHI,SACE,gCCyHN,CD1HI,mBACE,gCC6HN,CD9HI,kBACE,gCCiIN,CDlII,eACE,qBCqIN,CDtII,yBACE,mCCyIN,CD1II,wBACE,mCC6IN,CD9II,gBACE,wBCiJN,CDlJI,UACE,wBCqJN,CDtJI,SACE,gCCyJN,CD1JI,YACE,qBC6JN,CDtJQ,kCACI,cCyJZ,CD1JQ,iCACI,cC6JZ,CD9JQ,mCACI,cCiKZ,CDlKQ,mCACI,cCqKZ,CDtKQ,+BACI,cCyKZ,CD1KQ,+BACI,cC6KZ,CD9KQ,kCACI,cCiLZ,CDlLQ,kCACI,sBCqLZ,CDtLQ,wCACI,cCyLZ,CD1LQ,uCACI,WC6LZ,CD9LQ,qCACI,WCiMZ,CDlMQ,+BACI,WCqMZ,CDtMQ,oCACI,WCyMZ,CD1MQ,sCACI,cC6MZ,CD9MQ,uCACI,WCiNZ,CDlNQ,+BACI,sBCqNZ,CDtNQ,yCACI,sBCyNZ,CD1NQ,wCACI,sBC6NZ,CD9NQ,qCACI,WCiOZ,CDlOQ,+CACI,yBCqOZ,CDtOQ,8CACI,yBCyOZ,CD1OQ,sCACI,cC6OZ,CD9OQ,gCACI,cCiPZ,CDlPQ,+BACI,sBCqPZ,CDtPQ,kCACI,WCyPZ,CE7dA,eACE,gBAAA,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","file":"monitor.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n background: color('body-bg');\n\n &.vle {\n overflow: hidden;\n }\n}\n\na {\n &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n color: color('primary');\n }\n}\n\nblockquote {\n background-color: lighten(color('primary'), 56%);\n padding: 8px;\n margin: 16px 0;\n border-style: solid;\n border-color: color('primary');\n border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n &:after {\n content: '';\n position: absolute;\n border-radius: 50%;\n padding: 5px;\n background-color: color('accent');\n }\n}\n\n.has-indicator--icon-button {\n &:after {\n top: 25px;\n left: 5px;\n }\n}\n\n// Badges\n.badge {\n border-radius: $card-border-radius;\n padding: 2px 6px;\n font-size: rem(1.2);\n font-weight: 500;\n font-style: normal;\n background-color: color('gray-dark');\n\n &.md-button {\n min-width: 0;\n min-height: 0;\n line-height: inherit;\n\n &:hover, &:focus {\n background-color: color('gray-dark');\n }\n\n &:focus {\n outline: 1px dotted color('gray-dark');\n }\n }\n}\n\n.badge--info {\n background-color: color('info');\n color: #ffffff;\n}\n\n.badge--warn {\n background-color: color('warn');\n color: #ffffff;\n}\n\n.badge--success {\n background-color: color('success');\n color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n margin: 16px 0;\n}\n\n.divider--dashed {\n border-top-style: dashed;\n}\n\n// Links\na {\n color: color('primary');\n cursor: pointer;\n}\n\n.active {\n background-color: rgba(158,158,158,0.2);\n color: color('text');\n}\n\n// Images & Icons\n.avatar {\n border-radius: 50%;\n box-sizing: content-box;\n}\n\n.avatar--square {\n border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n &.md-18 {\n height: 18px + $avatar-icon-padding*2;\n width: 18px + $avatar-icon-padding*2;\n }\n &.md-24 {\n height: 24px + $avatar-icon-padding*2;\n width: 24px + $avatar-icon-padding*2;\n }\n &.md-36 {\n height: 36px + $avatar-icon-padding*2;\n width: 36px + $avatar-icon-padding*2;\n }\n &.md-48 {\n height: 48px + $avatar-icon-padding*2;\n width: 48px + $avatar-icon-padding*2;\n }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n background-color: color('gray-light');\n white-space: normal !important;\n\n &:not(.md-avatar) {\n padding: $avatar-icon-padding;\n }\n\n &.md-18 {\n height: 18px;\n width: 18px;\n }\n &.md-24 {\n height: 24px;\n width: 24px;\n }\n &.md-36 {\n height: 36px;\n width: 36px;\n }\n &.md-48 {\n height: 48px;\n width: 48px;\n }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n md-icon {\n color: color('text-secondary');\n }\n\n .md-button:disabled {\n md-icon {\n color: color('text-disabled');\n }\n }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n &.primary {\n color: color('primary') !important;\n }\n &.success {\n color: color('success') !important;\n }\n &.warn {\n color: color('warn') !important;\n }\n &.info {\n color: color('info') !important;\n }\n &.accent {\n color: color('accent') !important;\n }\n &.accent-1 {\n color: color('accent-1') !important;\n }\n &.accent-2 {\n color: color('accent-2') !important;\n }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n color: color('primary');\n background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n .#{$key} {\n color: $value;\n }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n .#{$key}-bg {\n background-color: $value;\n }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n md-progress-circular.#{$key} {\n path {\n stroke: $value;\n }\n }\n}\n","/*\n WISE Project Styles\n */\nbody {\n background: #eeeeee;\n}\nbody.vle {\n overflow: hidden;\n}\n\na:hover, a:focus {\n color: #1565c0;\n}\n\nblockquote {\n background-color: rgb(244.723943662, 249.0056338028, 253.876056338);\n padding: 8px;\n margin: 16px 0;\n border-style: solid;\n border-color: #1565c0;\n border-width: 0 0 0 3px;\n}\n\n.has-indicator:after {\n content: \"\";\n position: absolute;\n border-radius: 50%;\n padding: 5px;\n background-color: #F05843;\n}\n\n.has-indicator--icon-button:after {\n top: 25px;\n left: 5px;\n}\n\n.badge {\n border-radius: 4px;\n padding: 2px 6px;\n font-size: 12px;\n font-weight: 500;\n font-style: normal;\n background-color: #aaaaaa;\n}\n.badge.md-button {\n min-width: 0;\n min-height: 0;\n line-height: inherit;\n}\n.badge.md-button:hover, .badge.md-button:focus {\n background-color: #aaaaaa;\n}\n.badge.md-button:focus {\n outline: 1px dotted #aaaaaa;\n}\n\n.badge--info {\n background-color: #ef6c00;\n color: #ffffff;\n}\n\n.badge--warn {\n background-color: #c62828;\n color: #ffffff;\n}\n\n.badge--success {\n background-color: #00C853;\n color: #ffffff;\n}\n\n.divider--withmargin {\n margin: 16px 0;\n}\n\n.divider--dashed {\n border-top-style: dashed;\n}\n\na {\n color: #1565c0;\n cursor: pointer;\n}\n\n.active {\n background-color: rgba(158, 158, 158, 0.2);\n color: rgba(0, 0, 0, 0.87);\n}\n\n.avatar {\n border-radius: 50%;\n box-sizing: content-box;\n}\n\n.avatar--square {\n border-radius: 4px;\n}\n\n.avatar.md-18 {\n height: 30px;\n width: 30px;\n}\n.avatar.md-24 {\n height: 36px;\n width: 36px;\n}\n.avatar.md-36 {\n height: 48px;\n width: 48px;\n}\n.avatar.md-48 {\n height: 60px;\n width: 60px;\n}\n\n.avatar--icon {\n background-color: #dddddd;\n white-space: normal !important;\n}\n.avatar--icon:not(.md-avatar) {\n padding: 6px;\n}\n.avatar--icon.md-18 {\n height: 18px;\n width: 18px;\n}\n.avatar--icon.md-24 {\n height: 24px;\n width: 24px;\n}\n.avatar--icon.md-36 {\n height: 36px;\n width: 36px;\n}\n.avatar--icon.md-48 {\n height: 48px;\n width: 48px;\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n color: rgba(0, 0, 0, 0.54);\n}\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n color: rgba(0, 0, 0, 0.26);\n}\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n color: #1565c0 !important;\n}\nmd-icon.success, .md-button:not([disabled]).success {\n color: #00C853 !important;\n}\nmd-icon.warn, .md-button:not([disabled]).warn {\n color: #c62828 !important;\n}\nmd-icon.info, .md-button:not([disabled]).info {\n color: #ef6c00 !important;\n}\nmd-icon.accent, .md-button:not([disabled]).accent {\n color: #F05843 !important;\n}\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n color: #795C3A !important;\n}\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n color: #CAD266 !important;\n}\n\nmd-input-container.md-wise-theme label {\n color: rgba(0, 0, 0, 0.87);\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n color: #1565c0;\n background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.primary {\n color: #1565c0;\n}\n\n.accent {\n color: #F05843;\n}\n\n.accent-1 {\n color: #795C3A;\n}\n\n.accent-2 {\n color: #CAD266;\n}\n\n.warn {\n color: #c62828;\n}\n\n.info {\n color: #ef6c00;\n}\n\n.success {\n color: #00C853;\n}\n\n.divider {\n color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest {\n color: #f7f7f7;\n}\n\n.gray-lighter {\n color: #eeeeee;\n}\n\n.gray-light {\n color: #dddddd;\n}\n\n.gray {\n color: #cccccc;\n}\n\n.gray-dark {\n color: #aaaaaa;\n}\n\n.gray-darker {\n color: #757575;\n}\n\n.gray-darkest {\n color: #333333;\n}\n\n.text {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled {\n color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light {\n color: rgb(255, 255, 255);\n}\n\n.text-light-secondary {\n color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg {\n color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.score {\n color: #FFC107;\n}\n\n.body {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg {\n color: #eeeeee;\n}\n\n.primary-bg {\n background-color: #1565c0;\n}\n\n.accent-bg {\n background-color: #F05843;\n}\n\n.accent-1-bg {\n background-color: #795C3A;\n}\n\n.accent-2-bg {\n background-color: #CAD266;\n}\n\n.warn-bg {\n background-color: #c62828;\n}\n\n.info-bg {\n background-color: #ef6c00;\n}\n\n.success-bg {\n background-color: #00C853;\n}\n\n.divider-bg {\n background-color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest-bg {\n background-color: #f7f7f7;\n}\n\n.gray-lighter-bg {\n background-color: #eeeeee;\n}\n\n.gray-light-bg {\n background-color: #dddddd;\n}\n\n.gray-bg {\n background-color: #cccccc;\n}\n\n.gray-dark-bg {\n background-color: #aaaaaa;\n}\n\n.gray-darker-bg {\n background-color: #757575;\n}\n\n.gray-darkest-bg {\n background-color: #333333;\n}\n\n.text-bg {\n background-color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary-bg {\n background-color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled-bg {\n background-color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light-bg {\n background-color: rgb(255, 255, 255);\n}\n\n.text-light-secondary-bg {\n background-color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled-bg {\n background-color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg-bg {\n background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.score-bg {\n background-color: #FFC107;\n}\n\n.body-bg {\n background-color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg-bg {\n background-color: #eeeeee;\n}\n\nmd-progress-circular.primary path {\n stroke: #1565c0;\n}\n\nmd-progress-circular.accent path {\n stroke: #F05843;\n}\n\nmd-progress-circular.accent-1 path {\n stroke: #795C3A;\n}\n\nmd-progress-circular.accent-2 path {\n stroke: #CAD266;\n}\n\nmd-progress-circular.warn path {\n stroke: #c62828;\n}\n\nmd-progress-circular.info path {\n stroke: #ef6c00;\n}\n\nmd-progress-circular.success path {\n stroke: #00C853;\n}\n\nmd-progress-circular.divider path {\n stroke: rgba(0, 0, 0, 0.12);\n}\n\nmd-progress-circular.gray-lightest path {\n stroke: #f7f7f7;\n}\n\nmd-progress-circular.gray-lighter path {\n stroke: #eeeeee;\n}\n\nmd-progress-circular.gray-light path {\n stroke: #dddddd;\n}\n\nmd-progress-circular.gray path {\n stroke: #cccccc;\n}\n\nmd-progress-circular.gray-dark path {\n stroke: #aaaaaa;\n}\n\nmd-progress-circular.gray-darker path {\n stroke: #757575;\n}\n\nmd-progress-circular.gray-darkest path {\n stroke: #333333;\n}\n\nmd-progress-circular.text path {\n stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.text-secondary path {\n stroke: rgba(0, 0, 0, 0.54);\n}\n\nmd-progress-circular.text-disabled path {\n stroke: rgba(0, 0, 0, 0.26);\n}\n\nmd-progress-circular.text-light path {\n stroke: rgb(255, 255, 255);\n}\n\nmd-progress-circular.text-light-secondary path {\n stroke: rgba(255, 255, 255, 0.7);\n}\n\nmd-progress-circular.text-light-disabled path {\n stroke: rgba(255, 255, 255, 0.5);\n}\n\nmd-progress-circular.selected-bg path {\n stroke: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\nmd-progress-circular.score path {\n stroke: #FFC107;\n}\n\nmd-progress-circular.body path {\n stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.body-bg path {\n stroke: #eeeeee;\n}\n\n.l-constrained {\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n position: relative;\n}\n@media (min-width: 600px) {\n .l-constrained {\n width: 1280px;\n }\n}\n@media (min-width: 1920px) {\n .l-constrained {\n width: 1920px;\n }\n}\n\n.l-constrained-md {\n width: 960px;\n max-width: 100%;\n}\n\n.l-footer {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n background-color: #ffffff;\n border-top: 1px solid #eeeeee;\n}\n\n.button--footer {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n min-width: 0;\n display: flex;\n}\n\n.button--footer__element {\n padding-left: 8px;\n}\n\n.l-header {\n z-index: 3;\n}\n.l-header .logo {\n margin-left: 0 !important;\n height: 36px;\n width: 36px;\n vertical-align: middle;\n}\n.l-header .logo-link {\n min-width: auto;\n display: none;\n padding: 0 4px;\n margin-right: 12px;\n}\n@media only screen and (min-width: 600px) {\n .l-header .logo-link {\n display: block;\n }\n}\n.l-header .logo-link:hover, .l-header .logo-link:focus {\n border: 0 none;\n}\n@media only screen and (max-width: 599px) {\n .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n font-size: 15px;\n }\n}\n\n.l-main {\n background-color: #eeeeee;\n}\n\n.l-main--with-toolbar {\n margin-top: 42px;\n}\n\n#content {\n transition: margin-top 0.5s;\n}\n\n.view-content {\n margin: 0 auto;\n padding: 8px;\n position: absolute;\n left: 0;\n right: 0;\n transition: opacity 500ms;\n}\n@media only screen and (min-width: 960px) {\n .view-content {\n padding: 16px;\n }\n}\n.view-content.ng-enter {\n opacity: 0;\n}\n.view-content .ng-enter-active {\n opacity: 1;\n transition-delay: 250ms;\n}\n.view-content.ng-leave-active, .view-content.ng-hide {\n opacity: 0;\n}\n.view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n opacity: 0;\n}\n\n.view-content--with-sidemenu {\n padding: 8px;\n}\n@media only screen and (min-width: 600px) {\n .view-content--with-sidemenu {\n margin-left: 54px;\n padding: 16px;\n }\n}\n\n@media only screen and (min-width: 600px) {\n [dir=rtl] .view-content--with-sidemenu {\n margin-left: auto;\n margin-right: 54px;\n }\n}\n\n.content-head {\n margin: 8px 0;\n}\n.content-head h1,\n.content-head h2,\n.content-head h3 {\n font-weight: 300;\n margin-top: 0;\n margin-bottom: 0;\n font-size: 36px;\n}\n@media only screen and (max-width: 959px) {\n .content-head h1,\n .content-head h2,\n .content-head h3 {\n font-size: 32px;\n text-align: center;\n }\n}\n\n@media only screen and (max-width: 959px) {\n .content-head__more {\n margin-top: 8px;\n }\n}\n\n.content-head__item,\nh2.content-head__item {\n margin: 0 8px;\n}\n.content-head__item .md-subhead,\nh2.content-head__item .md-subhead {\n padding-left: 4px;\n}\n@media only screen and (max-width: 959px) {\n .content-head__item .md-subhead,\n h2.content-head__item .md-subhead {\n display: block;\n padding-left: 0;\n }\n}\n.content-head__item md-icon,\nh2.content-head__item md-icon {\n vertical-align: text-bottom;\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n max-height: 500px;\n}\n\n.l-nav {\n background-color: #eeeeee !important;\n}\n\n.l-notebook {\n margin-top: 42px;\n background-color: #eeeeee !important;\n}\n\n.l-sidebar__header {\n background-color: #ffffff !important;\n color: #795C3A !important;\n}\n.l-sidebar__header md-select {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.status-icon {\n margin: 0 4px;\n z-index: 1;\n vertical-align: bottom;\n}\n\n.md-button.status-icon {\n height: auto;\n width: auto;\n min-height: 0;\n line-height: inherit;\n margin: 0 4px;\n padding: 0;\n}\n\n.avatar--icon--alert {\n background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n font-size: 48px;\n margin: -4px 0 0 -4px;\n}\n\nmd-dialog {\n width: 600px;\n}\n\n.dialog--wide {\n width: 960px;\n}\n\n.dialog--wider {\n width: 1280px;\n}\n\n.help-bubble {\n border-radius: 4px;\n max-width: 320px;\n}\n@media (min-width: 600px) {\n .help-bubble {\n max-width: 552px;\n }\n}\n@media (min-width: 960px) {\n .help-bubble {\n max-width: 912px;\n }\n}\n@media (min-width: 1280px) {\n .help-bubble {\n max-width: 1232px;\n }\n}\n\n.help-bubble__title {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n}\n\n.help-bubble___title__content {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n padding: 0px 0 0 12px;\n background-color: #ef6c00;\n}\n.help-bubble___title__content .md-icon-button {\n margin-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.help-bubble__content {\n overflow: auto;\n padding: 8px 12px;\n max-height: 480px;\n}\n\n.help-bubble__actions {\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n\n.input-container {\n padding-top: 12px;\n}\n\n.input-container--component {\n margin-bottom: 0;\n}\n\n.input-container--open-response.md-has-icon {\n padding-left: 0;\n}\n.input-container--open-response .md-errors-spacer {\n display: none;\n}\n\n.input-wrapper {\n position: relative;\n}\n\n.input-wrapper--focused .input--textarea__action md-icon {\n color: #1565c0;\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n padding: 8px;\n background-color: #f7f7f7;\n border: 1px solid #cccccc;\n margin-bottom: 8px;\n}\n.input--textarea:focus, .input-container textarea.input--textarea:focus {\n background-color: #ffffff;\n}\n.input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.input-container textarea.input--textarea {\n width: 100%;\n}\n\n.input--textarea--disabled {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.input--textarea__action {\n position: absolute;\n right: -4px;\n}\n.input--textarea__action[disabled] md-icon {\n color: rgba(0, 0, 0, 0.26) !important;\n}\n\n.input--textarea__action--notebook {\n top: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--notebook {\n top: -7px;\n}\n\n.input--textarea__action--revision {\n bottom: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--revision {\n bottom: -5px;\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n line-height: 1.2;\n color: rgba(0, 0, 0, 0.87);\n}\n.input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n color: #1565c0;\n}\n\n.autocomplete input {\n text-overflow: ellipsis;\n overflow: hidden;\n word-wrap: none;\n font-weight: 500;\n color: rgba(0, 0, 0, 0.54);\n}\n\n@media only screen and (min-width: 600px) {\n .autocomplete--minwidth {\n min-width: 300px;\n }\n}\n@media only screen and (min-width: 960px) {\n .autocomplete--minwidth {\n min-width: 300px;\n }\n}\n\n.autocomplete--flat md-autocomplete-wrap {\n background-color: #ffffff;\n}\n.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n box-shadow: none;\n background-color: #eeeeee;\n}\n\n.select__header {\n height: 48px;\n}\n.select__header input {\n height: 100%;\n width: 100%;\n padding: 0 8px;\n outline: none;\n border: 0 none;\n font-size: 14px;\n font-weight: 500;\n}\n\n.table {\n max-width: 100%;\n width: auto;\n min-width: 100px;\n margin: 8px 0;\n}\n.table thead > tr > th,\n.table thead > tr > td,\n.table tbody > tr > th,\n.table tbody > tr > td,\n.table tfoot > tr > th,\n.table tfoot > tr > td {\n border: 1px solid #cccccc;\n padding: 6px;\n font-size: 15px;\n min-height: 32px;\n height: 32px;\n min-width: 32px;\n vertical-align: top;\n}\n.table td.inactive,\n.table th {\n background-color: #f7f7f7;\n opacity: 1;\n visibility: visible;\n}\n.table md-input-container {\n margin: 0;\n}\n.table .md-errors-spacer {\n display: none;\n}\n\n.table--student td.inactive {\n padding: 8px 10px;\n}\n\n.table--full-width {\n width: 100%;\n}\n\n.table--list {\n border: 0 none;\n border-collapse: collapse;\n background-color: #ffffff;\n max-width: 100%;\n overflow: auto;\n}\n.table--list th,\n.table--list td {\n padding: 0 4px;\n border: 0 none;\n}\n.table--list td {\n min-height: 56px;\n height: 56px;\n}\n.table--list tr.md-button {\n display: table-row;\n text-align: left;\n width: auto;\n text-transform: none;\n font-size: inherit;\n font-weight: normal;\n}\n\n.table--list__wrap {\n min-width: 600px;\n}\n\n@media only screen and (max-width: 959px) {\n .table-wrap-sticky {\n overflow-x: auto;\n }\n}\n\n.table--list__thead {\n font-size: 14px;\n font-weight: 700;\n}\n\n.table--list__thead__tr {\n height: 100%;\n margin: 0;\n}\n\n.table--list__thead__th {\n background-color: #757575;\n color: rgb(255, 255, 255);\n min-height: 42px;\n height: 42px;\n}\n\n.table--list__thead__link {\n color: #ffffff;\n text-transform: none;\n margin: 0;\n min-width: 0;\n white-space: normal;\n line-height: 1.4;\n width: 100%;\n}\n\n.table--list__thead__sort {\n margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n transform: rotate(180deg);\n}\n\n.td--wrap {\n min-width: 180px;\n white-space: normal;\n line-height: 1.2;\n}\n\n@media only screen and (max-width: 959px) {\n .td--max-width {\n max-width: 180px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n\n.md-toolbar-tools {\n font-size: 18px;\n}\n.md-toolbar-tools .autocomplete {\n height: 36px;\n}\n.md-toolbar-tools .autocomplete md-autocomplete-wrap {\n height: 36px;\n}\n.md-toolbar-tools .autocomplete input {\n height: 36px;\n}\n\n.md-toolbar--wise {\n min-height: 42px;\n}\n.md-toolbar--wise .md-toolbar-tools {\n height: 42px;\n max-height: 42px;\n}\n.md-toolbar--wise .md-button.md-icon-button {\n height: 42px;\n line-height: 42px;\n width: 42px;\n}\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n padding: 0 8px;\n font-size: 15px;\n}\n\n.md-toolbar--sidenav {\n background-color: #333333 !important;\n}\n.md-toolbar--sidenav .md-toolbar-tools {\n font-size: 16px;\n font-weight: 500;\n}\n\n.toolbar {\n position: fixed;\n left: 0;\n right: 0;\n top: 52px;\n z-index: 3;\n}\n\n.toolbar__title {\n margin-left: 8px;\n font-size: 16px;\n font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n margin: 0 4px;\n min-height: 32px;\n background-color: #f7f7f7;\n}\n.toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n height: 32px;\n text-align: left;\n}\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n text-align: right;\n}\n\n.toolbar__select--fixedwidth {\n width: 168px;\n}\n@media only screen and (min-width: 600px) {\n .toolbar__select--fixedwidth {\n width: 264px;\n }\n}\n@media only screen and (min-width: 960px) {\n .toolbar__select--fixedwidth {\n width: 432px;\n }\n}\n\n.list-item {\n background-color: #ffffff;\n border-bottom: 1px solid #eeeeee;\n}\n.list-item .md-subheader, .list-item.md-subheader {\n color: rgba(0, 0, 0, 0.87);\n background-color: #ffffff;\n}\n.list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n vertical-align: middle;\n}\n.list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n padding: 0;\n}\n.list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n margin-right: 8px;\n}\n.list-item .autocomplete {\n margin: 8px 0;\n}\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n border-left: 4px solid #ef6c00 !important;\n margin-left: -4px;\n}\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n border-left: 4px solid #c62828 !important;\n margin-left: -4px;\n}\n\n.list-item--expanded {\n border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n cursor: default;\n background-color: #f7f7f7;\n}\n\n.list-item--actions {\n padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n text-transform: none;\n width: 100%;\n padding: 8px 16px;\n margin: 0;\n white-space: normal;\n text-align: left;\n line-height: 1.4;\n}\n\n.user-list {\n font-size: 15px;\n}\n\n#nav {\n position: relative;\n}\n\n.nav {\n margin-bottom: 16px;\n}\n\n.nav-mask {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0, 0, 0, 0.25);\n z-index: 1;\n}\n.nav-mask.ng-hide {\n opacity: 0;\n}\n\n.nav-head {\n color: rgba(0, 0, 0, 0.54);\n font-weight: 500;\n}\n.nav-head md-icon {\n line-height: 20px;\n}\n\n.nav-contents--root {\n padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n background-color: #dddddd;\n padding: 8px;\n}\n\n.nav-contents--root {\n padding: 0;\n}\n\n.nav-contents__list {\n padding: 0;\n}\n@media (min-width: 600px) {\n .nav-contents__list {\n padding: 8px;\n }\n}\n\n.nav-item {\n transition: opacity 250ms ease-in-out;\n}\n.nav-item.prev md-list-item {\n background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n /*&._md-button-wrap>div.md-button:first-child {\n border-left: 4px solid color('primary');\n margin-left: -4px;\n }*/\n}\n\n.nav-item--card__content {\n border-top-right-radius: 4px;\n border-top-left-radius: 4px;\n}\n.nav-item--card__content:focus {\n outline: none;\n}\n.nav-item--card__content:focus .nav-item__title > span {\n border-bottom: 1px dashed #cccccc;\n}\n\n.nav-item--root {\n transition: margin 250ms, box-shadow 500ms;\n}\n.nav-item--root.expanded {\n flex-basis: 100%;\n max-width: 100%;\n max-height: none !important;\n margin: 8px auto;\n}\n.nav-item--root.expanded:first-of-type {\n margin-top: 0;\n}\n\n.nav-item--list__info-item {\n padding: 0 16px 0 4px;\n display: inline-block;\n}\n\n.nav-item--list__reorder {\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.26);\n}\n\n.nav-item--card--group:not(.expanded) {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n}\n\n.nav-item__collapse {\n margin: 0;\n}\n\n.nav-item__more {\n border-top: 1px solid #dddddd;\n border-bottom-right-radius: 4px;\n border-bottom-left-radius: 4px;\n padding: 8px 16px;\n min-height: 40px;\n}\n\n.nav-item__users {\n height: auto;\n cursor: pointer;\n color: #ffffff;\n margin: 0;\n padding: 1px 6px;\n}\n.nav-item__users > md-icon {\n padding-right: 4px;\n color: #ffffff;\n}\n.nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n background-color: #00C853;\n}\n\n.nav-item__title {\n padding-left: 16px;\n line-height: 1.2;\n font-weight: 400;\n}\n\n[dir=rtl] .nav-item__title {\n padding-left: auto;\n padding-right: 16px;\n}\n\n.nav-item__info {\n padding: 0 8px;\n}\n\n.nav-item__progress {\n width: 48px;\n}\n.nav-item__progress > .md-container {\n top: 0;\n}\n\n.nav-item__progress-value {\n margin-left: 8px;\n width: 36px;\n}\n\n.progress-wrapper {\n padding: 2px 0;\n cursor: pointer;\n}\n\n.student-select {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.workgroup-progress {\n margin-bottom: 8px;\n}\n@media (min-width: 960px) {\n .workgroup-progress {\n margin-bottom: 0;\n }\n}\n\nalert-status-corner {\n position: absolute;\n top: 0;\n right: 0;\n}\n\n.menu-progress {\n position: absolute;\n top: 10px;\n right: 12px;\n}\n.menu-progress path {\n stroke: #CAD266 !important;\n stroke-width: 2px;\n}\n\n[dir=rtl] .menu-progress {\n right: auto;\n left: 12px;\n}\n\n.menu-sidenav__item {\n font-weight: 700;\n font-size: 14px;\n}\n\n.menu-sidenav__icon {\n margin-top: 12px !important;\n margin-right: 12px !important;\n margin-left: 12px;\n}\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n color: #1565c0;\n}\n\n.menu-sidebar {\n position: absolute;\n top: 94px;\n bottom: 0;\n left: 0;\n background-color: #fff;\n width: 56px;\n overflow: hidden;\n padding: 8px 0;\n text-align: center;\n border-right: 1px solid #cccccc;\n}\n@media only screen and (max-width: 599px) {\n .menu-sidebar {\n display: none;\n }\n}\n\n[dir=rtl] .menu-sidebar {\n right: 0;\n left: auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n margin-top: 6px;\n margin-bottom: 6px;\n}\n\n#node {\n margin: 0 auto;\n position: absolute;\n left: 0;\n right: 0;\n}\n@media only screen and (min-width: 600px) {\n #node {\n padding: 8px;\n padding: 24px 16px;\n margin-bottom: 32px;\n }\n}\n@media only screen and (min-width: 960px) {\n #node {\n padding: 32px;\n }\n}\n#node.ng-enter {\n transition: opacity 0.5s;\n opacity: 0;\n}\n#node.ng-enter-active {\n opacity: 1;\n}\n\n.node-content {\n padding: 0 0 48px;\n background-color: #ffffff;\n border-radius: 3px;\n overflow: visible;\n}\n@media only screen and (max-width: 599px) {\n .node-content {\n box-shadow: none;\n }\n}\n@media only screen and (min-width: 600px) {\n .node-content {\n padding: 0;\n border-top: 2px solid;\n border-bottom: 2px solid;\n }\n}\n\nmd-content.node-content {\n background-color: #ffffff;\n}\n\n.node-content__rubric {\n position: absolute;\n top: -22px;\n left: 0;\n right: 0;\n z-index: 1;\n}\n.node-content__rubric .avatar--icon {\n transform: scale(0.94);\n}\n@media only screen and (max-width: 599px) {\n .node-content__rubric .avatar--icon {\n transform: scale(0.8);\n }\n}\n\n.node-icon {\n color: #ffffff;\n vertical-align: inherit;\n}\n\n.node-select {\n margin: 0 8px;\n min-width: 0;\n font-weight: 500;\n font-size: 15px;\n}\n.node-select .md-select-value *:first-child {\n transform: translate3d(0, 0, 0);\n flex: 1 0 0;\n}\n.node-select .md-select-value .node-select__icon {\n display: none;\n}\n.node-select .md-select-value .node-select__status {\n display: none;\n}\n.node-select .md-select-icon {\n margin-left: 0;\n color: rgba(0, 0, 0, 0.87);\n}\n\n.node-select-option--group {\n background-color: #f7f7f7;\n border-bottom: 1px solid #eeeeee;\n border-top: 1px solid #eeeeee;\n}\n\n.node-select-option--node {\n padding-left: 20px;\n}\n\n.node-select__icon {\n margin-right: 8px;\n}\n\n.node-select__status {\n margin-left: 8px;\n}\n\n.node-select__text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n@media only screen and (min-width: 600px) {\n .node-select__text {\n margin-top: 2px;\n }\n}\n\n.node-title {\n line-height: 1.2;\n text-transform: none;\n margin-top: 3px;\n}\n@media only screen and (max-width: 599px) {\n .node-title {\n font-size: 15px;\n }\n}\n\n.node-content__actions {\n padding: 0 16px 16px;\n}\n@media only screen and (min-width: 960px) {\n .node-content__actions {\n padding: 0 24px 24px;\n }\n}\n.node-content__actions .md-button:first-child {\n margin-left: 0;\n}\n.node-content__actions .md-button:last-child {\n margin-right: 0;\n}\n\n.node-content__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.node-content__actions__more {\n border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav:first-of-type {\n margin-right: 0;\n}\n\n@media only screen and (min-width: 600px) {\n .node-sidebar-active {\n margin-right: 68px;\n }\n}\n\n@media only screen and (max-width: 599px) {\n .node-sidebar-visible {\n margin-bottom: 42px;\n }\n}\n\n.node-sidebar {\n position: absolute;\n right: 0;\n top: 0;\n width: 52px;\n}\n\n.node-sidebar__toolbar {\n position: fixed;\n width: 52px;\n background-color: #ffffff;\n padding: 8px 0;\n border-radius: 3px;\n}\n@media only screen and (max-width: 599px) {\n .node-sidebar__toolbar {\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n border-radius: 0;\n padding: 0;\n min-height: 0;\n height: 42px;\n }\n}\n\n.node__label--vertical-alignment {\n vertical-align: middle;\n display: inline-block;\n}\n\n.grading__item-container {\n margin: 0 0 16px;\n padding: 0 !important;\n}\n\n.grading__item {\n background-color: #ffffff;\n}\n.grading__item .component {\n padding: 0;\n}\n\nnotebook-report {\n position: absolute;\n bottom: 0;\n right: 66px;\n transition: right 250ms;\n z-index: 3;\n}\nnotebook-report.report-full {\n left: 8px;\n right: 8px;\n top: 8px;\n bottom: 8px;\n}\n@media only screen and (min-width: 960px) {\n notebook-report.notes-visible {\n right: 474px;\n }\n}\n\n.notebook-sidebar {\n width: 270px;\n max-width: none;\n}\n@media only screen and (min-width: 600px) {\n .notebook-sidebar {\n width: 450px;\n }\n}\n\n@media only screen and (max-width: 599px) {\n .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n bottom: 50px !important;\n }\n}\n.notification-btn {\n width: 60px !important;\n}\n.notification-btn md-icon {\n margin-left: 20px;\n}\n\n.notification-count {\n border-radius: 50%;\n position: absolute;\n background-color: #F05843;\n width: 22px;\n top: 12px;\n left: -18px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid;\n}\n.notification-count:before {\n content: \"\";\n position: absolute;\n right: -7px;\n top: 6px;\n border-left: 6px solid rgba(255, 255, 255, 0.87);\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n}\n\n.notification-list {\n padding: 8px 0;\n}\n\n.notification-dismiss {\n width: 500px;\n}\n\n.notification-dismiss__input {\n margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n color: rgba(0, 0, 0, 0.54);\n font-size: 12px;\n}\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n font-size: 18px;\n min-width: 0;\n width: auto;\n margin-left: -4px;\n line-height: 20px;\n}\n\n.account-menu {\n border-radius: 4px;\n padding: 0;\n font-size: 15px;\n max-width: 380px;\n}\n@media (min-width: 1280px) {\n .account-menu {\n min-width: 380px !important;\n }\n}\n.account-menu h3 {\n margin: 0;\n font-weight: 300;\n}\n.account-menu .mat-mdc-menu-content {\n padding: 0;\n}\n\n.account-menu--fixed-height {\n height: 304px;\n}\n\n.account-menu--fixed-width {\n width: 320px;\n}\n@media (min-width: 960px) {\n .account-menu--fixed-width {\n width: 380px;\n }\n}\n\n.account-menu__icon {\n background-color: rgb(255, 255, 255);\n border-radius: 50%;\n}\n\n.account-menu__caret {\n position: absolute;\n right: 28px;\n top: -8px;\n outline: none;\n}\n.account-menu__caret:before {\n content: \"\";\n position: absolute;\n border-bottom: 8px solid #fff;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n right: 132px;\n}\n\n[dir=rtl] .account-menu__caret {\n right: auto;\n left: 28px;\n}\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n left: 80px;\n right: auto;\n}\n[dir=rtl] .account-menu__caret--notification--with-pause {\n left: 132px;\n right: auto;\n}\n\n.account-menu__info {\n padding: 8px 12px;\n}\n\n.account-menu__info__title {\n font-weight: 500;\n}\n\n.account-menu__info__team {\n font-weight: 400;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.account-menu__users {\n padding: 0;\n}\n.account-menu__users md-list-item {\n padding: 0;\n}\n.account-menu__users md-list-item .md-avatar {\n margin: 0 8px 0 0;\n height: 48px;\n width: 48px;\n}\n\n.account-menu__actions {\n background-color: #f7f7f7;\n}\n\n.account-menu__control {\n padding: 16px;\n}\n\n.annotations {\n margin: 16px 4px 16px 62px;\n position: relative;\n font-size: 15px;\n}\n.annotations hr {\n margin: 10px 0 8px;\n border-color: rgba(0, 0, 0, 0.12);\n}\n.annotations:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n left: -15px;\n right: auto;\n top: -1px;\n bottom: auto;\n border-top: 20px solid transparent;\n border-bottom: 20px solid transparent;\n border-right: 16px solid #757575;\n}\n\n.annotations-container--student--report {\n border-top: 1px solid #dddddd;\n}\n\n.annotations--report {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.annotations__header {\n position: relative;\n border-top-right-radius: 4px;\n padding: 10px 12px;\n font-weight: 700;\n transition: all 1s;\n color: #ffffff;\n background-color: #757575;\n}\n\n.annotations__avatar {\n background-color: #F05843;\n padding: 2px;\n position: absolute;\n top: 0;\n left: -62px;\n}\n\n.annotations__icon {\n transition: all 1s;\n color: #ffffff;\n}\n\n.annotations__body {\n padding: 12px;\n background-color: #ffffff;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n overflow: auto;\n}\n\n.annotations__status {\n background-color: #ffffff;\n color: #ef6c00;\n display: inline-block;\n margin-left: 8px;\n font-size: 12px;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave {\n transition: all 1s;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n opacity: 0;\n}\n.annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n opacity: 1;\n}\n\n.annotations__score {\n font-weight: 700;\n}\n\n.annotations__info {\n font-style: italic;\n opacity: 0.8;\n border-bottom: 1px dotted;\n font-size: 13px;\n}\n\n.annotations--inside .annotations {\n margin-left: 72px;\n}\n\n.annotations--info {\n margin-bottom: 32px;\n margin-right: 8px;\n margin-left: 72px;\n}\n@media only screen and (min-width: 600px) {\n .annotations--info {\n margin: 16px 16px 32px 76px;\n }\n}\n.annotations--info:after {\n border-right: 16px solid #ef6c00;\n}\n.annotations--info .annotations__avatar {\n background-color: #ffffff;\n}\n.annotations--info .annotations__header {\n background-color: #ef6c00;\n}\n\n.annotations--grading md-input-container {\n margin-bottom: 0;\n}\n.annotations--grading .md-errors-spacer {\n display: none;\n}\n.annotations--grading .mat-mdc-form-field-subscript-wrapper {\n display: none;\n}\n\n.annotations--grading--revision {\n margin: 8px 0 0;\n padding: 8px;\n}\n\n.annotations--notebook {\n margin-top: 16px;\n}\n\n.annotations--grading__info {\n font-style: italic;\n margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n padding: 8px;\n}\n\n.annotations--grading__score input {\n margin-top: 0 !important;\n font-size: 18px;\n width: 52px;\n text-align: center;\n}\n.annotations--grading__score .mat-mdc-form-field-infix {\n width: auto;\n}\n\n.annotations--grading__score__label {\n transform: none !important;\n width: auto;\n display: block;\n padding: 0;\n margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max label {\n display: none;\n}\n\n.annotations--grading__score__divider {\n position: relative;\n top: 12px;\n margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n margin-top: 8px;\n}\n\n.component {\n position: relative;\n}\n\n.component__wrapper {\n padding: 0 24px;\n margin: 24px 0;\n}\n\n.component__content {\n overflow-x: auto;\n font-size: 15px;\n overflow-y: hidden;\n}\n@media only screen and (min-width: 600px) {\n .component__content {\n padding: 0 8px;\n }\n}\n\nh3.component__header {\n padding: 8px 12px;\n margin: 0;\n font-size: 14px;\n}\n\n.component__rubric {\n position: absolute;\n left: -20px;\n top: 12px;\n}\n\n.notebook-enabled .component_content img {\n transition: all 250ms;\n cursor: pointer;\n cursor: copy;\n}\n.notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n box-shadow: 0 0 5px 1px #F05843;\n}\n\n.component__actions .md-button:first-child {\n margin-left: 0;\n}\n.component__actions .md-button:last-child {\n margin-right: 0;\n}\n\n.component__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.54);\n font-weight: 400;\n}\n\n.component__actions__more {\n border-bottom: 1px dotted;\n}\n\n.component__prompt {\n margin-bottom: 8px;\n font-weight: 500;\n}\n\n.component__prompt__content {\n display: inline;\n}\n\n.component__attachment {\n position: relative;\n margin: 0 8px;\n padding-bottom: 8px;\n}\n@media only screen and (min-width: 600px) {\n .component__attachment {\n padding-top: 8px;\n }\n}\n\n@media only screen and (max-width: 599px) {\n .component__add-attachment {\n width: 100%;\n }\n}\n\n.component__attachment__content {\n max-height: 100px;\n width: auto;\n}\n\n.component__attachment__delete {\n position: absolute;\n top: 0;\n right: 0;\n min-width: 0;\n background-color: rgba(255, 255, 255, 0.75) !important;\n border-radius: 0;\n padding: 4px;\n margin: 0;\n}\n.component__attachment__delete > md-icon {\n margin-top: 0;\n}\n\n.component__revision {\n margin: 8px 0;\n padding: 8px;\n}\n.component__revision:nth-child(odd) {\n background-color: #f7f7f7;\n}\n\n.component__revision__content {\n padding: 4px 0 8px 0;\n border-bottom: 1px solid #dddddd;\n}\n\n.component__revision__actions {\n color: #757575;\n padding-top: 4px;\n}\n\n.component__content--Discussion {\n overflow: hidden;\n}\n\n.discussion-content {\n background-color: #eeeeee;\n box-shadow: inset 0 0 3px #aaaaaa;\n}\n\n.discussion-posts {\n padding: 12px 12px 8px;\n}\n@media only screen and (min-width: 1280px) {\n .discussion-posts {\n padding: 16px 16px 0;\n }\n}\n\n.discussion-post {\n margin: 0 auto 16px;\n max-width: 600px;\n}\n@media only screen and (min-width: 600px) {\n .discussion-post {\n margin-bottom: 24px;\n }\n}\n@media only screen and (min-width: 1280px) {\n .discussion-post {\n margin-bottom: 32px;\n }\n}\n.discussion-post md-divider {\n position: relative;\n width: auto;\n}\n\n.discussion-post__attachment {\n max-width: 100%;\n height: auto !important;\n margin-top: 16px;\n}\n\n.discussion-new {\n background-color: #ffffff;\n max-width: 570px;\n margin-left: auto;\n margin-right: auto;\n padding: 8px;\n transition: all 250ms;\n transform: scale(0.95);\n}\n\n.discussion-new--focused {\n transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n margin: 0;\n padding: 0;\n}\nmd-input-container.discussion-new__input-container > textarea.md-input {\n min-height: 68px;\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n border: 0 none;\n}\n\n.discussion-new__actions {\n padding: 0 8px;\n}\n.discussion-new__actions .md-button:first-of-type {\n margin-left: 0;\n}\n.discussion-new__actions .md-button:last-of-type {\n margin-right: 0;\n}\n\n.discussion-new__attachment {\n padding: 0;\n margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n margin-top: 0;\n margin-bottom: 16px;\n}\n\n.embedded-content__iframe {\n border: 0 none;\n}\n\n.component--grading {\n padding: 0;\n margin: 0;\n}\n.component--grading:not(:last-child) > div {\n border-bottom: 1px solid #dddddd;\n}\n.component--grading .component__wrapper {\n padding: 0;\n margin: 0;\n}\n.component--grading .component__content {\n padding: 16px;\n margin: 0;\n}\n\n.component--grading__response__content {\n white-space: pre-wrap;\n}\n\n.component--grading__annotations {\n background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.component--grading__annotations__divider {\n padding: 4px;\n background-color: #ffffff;\n}\n\n.component--grading__actions__info {\n margin: 16px 0 0;\n padding-top: 8px;\n border-top: 1px solid #eeeeee;\n}\n\n.graph-select {\n min-width: 150px;\n max-width: 200px;\n}\n\n.graph-controls {\n margin: 8px 0;\n padding: 8px 0;\n border: 1px solid #eeeeee;\n border-left-width: 0;\n border-right-width: 0;\n}\n\n.outside-content iframe {\n border: 1px solid #eeeeee;\n}\n\n.outside-content__source {\n margin-top: 4px;\n text-align: end;\n}\n.outside-content__source a {\n max-width: 240px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n}\n\n.component-revisions .component {\n padding: 0;\n margin: 0;\n}\n.component-revisions .component__content {\n padding: 0;\n}\n.component-revisions .component__wrapper {\n margin: 16px 0;\n}\n.component-revisions .md-resize-handle {\n display: none;\n}\n\n.component-revisions__item, md-list-item.component-revisions__item {\n padding: 0;\n}\n\n.component-revisions__item--latest {\n margin-bottom: 24px;\n}\n\n.component-revisions__annotation-label {\n margin-right: 8px;\n}\n\n.component-revisions__has-auto-and-teacher {\n padding-top: 8px;\n margin-top: 8px;\n border-top: 1px solid #dddddd;\n}\n\n.notebook-toolbar md-divider {\n margin: 8px 0;\n}\n@media only screen and (max-width: 959px) {\n .notebook-toolbar {\n border-top: 1px solid #dddddd;\n }\n}\n\n.notebook-toolbar__add-menu {\n position: absolute;\n bottom: 40px;\n}\n.notebook-toolbar__add-menu .md-fab-action-item {\n background-color: #ffffff;\n}\n\n.notebook-toolbar__add-icon {\n border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n float: right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n float: left;\n}\n\nhighchart {\n display: block;\n}","@use 'sass:map';\n\n// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n 'primary': $_primary-color,\n 'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n 'accent-1': #795C3A,\n 'accent-2': #CAD266,\n 'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n 'info': #ef6c00,\n 'success': #00C853,\n 'divider': rgba(0, 0, 0, 0.12),\n 'gray-lightest': #f7f7f7,\n 'gray-lighter': #eeeeee,\n 'gray-light': #dddddd,\n 'gray': #cccccc,\n 'gray-dark': #aaaaaa,\n 'gray-darker': #757575,\n 'gray-darkest': #333333,\n 'text': rgba(0, 0, 0, 0.87),\n 'text-secondary': rgba(0, 0, 0, 0.54),\n 'text-disabled': rgba(0, 0, 0, 0.26),\n 'text-light': rgba(255, 255, 255, 1),\n 'text-light-secondary': rgba(255, 255, 255, 0.70),\n 'text-light-disabled': rgba(255, 255, 255, 0.50),\n 'selected-bg': $_selected-bg,\n 'score': #FFC107\n);\n\n$body-color: (\n 'body': map.get($color, 'text'),\n 'body-bg': map.get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid: 8px;\n$body-font-size-base: rem(1.500);\n$caption-font-size-base: rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n position: relative;\n\n @media (min-width: $layout-breakpoint-xs) {\n width: $layout-breakpoint-md;\n }\n\n @media (min-width: $layout-breakpoint-lg) {\n width: $layout-breakpoint-lg;\n }\n}\n\n.l-constrained-md {\n width: $layout-breakpoint-sm;\n max-width: 100%;\n}\n","// 1. Config\n\n// 2. Base\n.l-footer {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n background-color: #ffffff;\n border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n min-width: 0;\n display: flex;\n}\n\n.button--footer__element {\n padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n z-index: 3;\n\n .logo {\n margin-left: 0 !important;\n height: 36px;\n width: 36px;\n vertical-align: middle;\n }\n\n .logo-link {\n min-width: auto;\n display: none;\n padding: 0 4px;\n margin-right: 12px;\n\n @media only screen and (min-width: ($layout-breakpoint-xs)) {\n display: block;\n }\n\n &:hover, &:focus {\n border: 0 none;\n }\n }\n\n // Handle mobile portrait\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n .md-toolbar-tools {\n h1, h2, h3 {\n font-size: $body-font-size-base;\n }\n }\n }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n margin-top: $wise-toolbar-height;\n}\n\n#content {\n transition: margin-top 0.5s;\n}\n\n.view-content {\n margin: 0 auto;\n padding: 8px;\n position: absolute;\n left: 0;\n right: 0;\n transition: opacity 500ms;\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 16px;\n }\n\n &.ng-enter {\n opacity: 0;\n }\n\n .ng-enter-active {\n opacity: 1;\n transition-delay: 250ms;\n }\n\n &.ng-leave-active,\n &.ng-hide {\n opacity: 0;\n }\n\n &.ng-hide-add,\n &.ng-hide-add-active,\n &.ng-hide-remove,\n &.ng-hide-remove-active {\n opacity: 0;\n }\n}\n\n.view-content--with-sidemenu {\n padding: 8px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-left: 54px;\n padding: 16px;\n }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-left: auto;\n margin-right: 54px;\n }\n}\n\n.content-head {\n margin: 8px 0;\n\n h1,\n h2,\n h3 {\n font-weight: 300;\n margin-top: 0;\n margin-bottom: 0;\n font-size: rem(3.6);\n\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n font-size: rem(3.2);\n text-align: center;\n }\n }\n}\n\n.content-head__more {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n margin-top: 8px;\n }\n}\n\n.content-head__item,\nh2.content-head__item {\n margin: 0 8px;\n\n .md-subhead {\n padding-left: 4px;\n\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n display: block;\n padding-left: 0;\n }\n }\n\n md-icon {\n vertical-align: text-bottom;\n }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n max-height: 500px;\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n margin-top: $wise-toolbar-height;\n background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-nav {\n background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n background-color: #ffffff !important;\n color: color('accent-1') !important;\n\n md-select {\n color: color('body');\n }\n}",".status-icon {\n margin: 0 4px;\n z-index: 1;\n vertical-align: bottom;\n}\n\n.md-button.status-icon {\n height: auto;\n width: auto;\n min-height: 0;\n line-height: inherit;\n margin: 0 4px;\n padding: 0;\n}\n\n.avatar--icon--alert {\n background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n font-size: 48px;\n margin: -4px 0 0 -4px;\n}\n","md-dialog {\n width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n width: $layout-breakpoint-md;\n}\n",".help-bubble {\n border-radius: $card-border-radius;\n max-width: 320px;\n\n @media (min-width: $layout-breakpoint-xs) {\n max-width: ($layout-breakpoint-xs - 48);\n }\n\n @media (min-width: $layout-breakpoint-sm) {\n max-width: ($layout-breakpoint-sm - 48);\n }\n\n @media (min-width: $layout-breakpoint-md) {\n max-width: ($layout-breakpoint-md - 48);\n }\n}\n\n.help-bubble__title {\n border-top-left-radius: $card-border-radius;\n border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n border-top-left-radius: $card-border-radius;\n border-top-right-radius: $card-border-radius;\n padding: 0px 0 0 12px;\n background-color: color('info');\n\n .md-icon-button {\n margin-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n }\n}\n\n.help-bubble__content {\n overflow: auto;\n padding: 8px 12px;\n max-height: 480px;\n}\n\n.help-bubble__actions {\n border-bottom-left-radius: $card-border-radius;\n border-bottom-right-radius: $card-border-radius;\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n padding-top: 12px;\n}\n\n.input-container--component {\n margin-bottom: 0;\n}\n\n.input-container--open-response {\n &.md-has-icon {\n padding-left: 0;\n }\n\n .md-errors-spacer {\n display: none;\n }\n}\n\n.input-wrapper {\n position: relative;\n}\n\n.input-wrapper--focused {\n .input--textarea__action md-icon {\n color: color('primary');\n }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n padding: 8px;\n background-color: color('gray-lightest');\n border: 1px solid color('gray');\n margin-bottom: 8px;\n\n &:focus {\n background-color: #ffffff;\n }\n\n &[disabled] {\n color: color('text-secondary');\n }\n}\n\n.input-container textarea.input--textarea {\n width: 100%;\n}\n\n.input--textarea--disabled {\n color: color('text-secondary');\n}\n\n.input--textarea__action {\n position: absolute;\n right: -4px;\n\n &[disabled] md-icon {\n color: color('text-disabled') !important;\n }\n}\n\n.input--textarea__action--notebook {\n top: $input-action-vertical-offset;\n\n .input-wrapper--richtext & {\n top: $input-action-vertical-offset-richtext\n }\n}\n\n.input--textarea__action--revision {\n bottom: $input-action-vertical-offset;\n\n .input-wrapper--richtext & {\n bottom: ($input-action-vertical-offset-richtext + 2px);\n }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n line-height: 1.2;\n color: color('text');\n\n &.input-label--focused {\n color: color('primary');\n }\n}\n\n.autocomplete {\n input {\n text-overflow: ellipsis;\n overflow: hidden;\n word-wrap: none;\n font-weight: 500;\n color: color('text-secondary');\n }\n}\n\n.autocomplete--minwidth {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n min-width: 300px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n min-width: 300px;\n }\n}\n\n.autocomplete--flat {\n md-autocomplete-wrap {\n background-color: #ffffff;\n\n &:not(.md-menu-showing) {\n box-shadow: none;\n background-color: color('gray-lighter');\n }\n }\n}\n\n.select__header {\n height: $menu-item-height;\n\n input {\n height: 100%;\n width: 100%;\n padding: 0 8px;\n outline: none;\n border: 0 none;\n font-size: rem(1.4);\n font-weight: 500;\n }\n}\n",".table {\n max-width: 100%;\n width: auto;\n min-width: 100px;\n margin: 8px 0;\n\n thead,\n tbody,\n tfoot {\n // TODO: remove chaining when bootstrap dependency is removed\n > tr > th,\n > tr > td {\n border: 1px solid color('gray');\n padding: 6px;\n font-size: rem(1.5);\n min-height: 32px;\n height: 32px;\n min-width: 32px;\n vertical-align: top;\n }\n }\n\n td.inactive,\n th {\n background-color: color('gray-lightest');\n opacity: 1;\n visibility: visible;\n }\n\n md-input-container {\n margin: 0;\n }\n\n .md-errors-spacer {\n display: none;\n }\n}\n\n.table--student {\n td {\n &.inactive {\n padding: 8px 10px;\n }\n }\n}\n\n.table--full-width {\n width: 100%;\n}\n\n.table--list {\n border: 0 none;\n border-collapse: collapse;\n background-color: #ffffff;\n max-width: 100%;\n overflow: auto;\n\n th,\n td {\n padding: 0 4px;\n border: 0 none;\n }\n\n td {\n min-height: 56px;\n height: 56px;\n }\n\n tr {\n &.md-button {\n display: table-row;\n text-align: left;\n width: auto;\n text-transform: none;\n font-size: inherit;\n font-weight: normal;\n }\n }\n}\n\n.table--list__wrap {\n min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n overflow-x: auto;\n }\n}\n\n.table--list__thead {\n font-size: rem(1.4);\n font-weight: 700;\n}\n\n.table--list__thead__tr {\n height: 100%;\n margin: 0;\n}\n\n.table--list__thead__th {\n background-color: color('gray-darker');\n color: color('text-light');\n min-height: $wise-toolbar-height;\n height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n color: #ffffff;\n text-transform: none;\n margin: 0;\n min-width: 0;\n white-space: normal;\n line-height: 1.4;\n width: 100%;\n}\n\n.table--list__thead__sort {\n margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n transform: rotate(180deg);\n}\n\n.td--wrap {\n min-width: 180px;\n white-space: normal;\n line-height: 1.2;\n}\n\n.td--max-width {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n max-width: 180px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n",".md-toolbar-tools {\n font-size: 18px;\n\n .autocomplete {\n height: 36px;\n\n md-autocomplete-wrap {\n height: 36px;\n }\n\n input {\n height: 36px;\n }\n }\n}\n\n.md-toolbar--wise {\n min-height: $wise-toolbar-height;\n\n .md-toolbar-tools {\n height: $wise-toolbar-height;\n max-height: $wise-toolbar-height;\n }\n\n .md-button.md-icon-button {\n height: $wise-toolbar-height;\n line-height: $wise-toolbar-height;\n width: $wise-toolbar-height;\n }\n}\n\n.md-toolbar--wise--sm {\n .md-toolbar-tools {\n padding: 0 8px;\n font-size: $body-font-size-base;\n }\n}\n\n.md-toolbar--sidenav {\n background-color: color('gray-darkest') !important;\n\n .md-toolbar-tools {\n font-size: rem(1.6);\n font-weight: 500;\n }\n}\n\n.toolbar {\n position: fixed;\n left: 0;\n right: 0;\n top: $md-toolbar-height;\n z-index: 3;\n}\n\n.toolbar__title {\n margin-left: 8px;\n font-size: rem(1.6);\n font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n margin: 0 4px;\n min-height: 32px;\n background-color: color('gray-lightest');\n\n .md-select-value {\n height: 32px;\n text-align: left;\n }\n}\n[dir=rtl] {\n .toolbar__select, .md-button.toolbar__select {\n .md-select-value {\n text-align: right;\n }\n }\n}\n\n.toolbar__select--fixedwidth {\n width: 168px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n width: 264px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n width: 432px;\n }\n}\n","// Helpers\n@function rem($multiplier) {\n $font-size: 10px;\n @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base: rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs: 600px;\n$layout-breakpoint-sm: 960px;\n$layout-breakpoint-md: 1280px;\n$layout-breakpoint-lg: 1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n",".list-item {\n background-color: #ffffff;\n border-bottom: 1px solid color('gray-lighter');\n\n .md-subheader, &.md-subheader {\n color: color('text');\n background-color: #ffffff;\n\n md-icon {\n vertical-align: middle;\n }\n\n .md-subheader-inner {\n padding: 0;\n }\n\n .md-avatar {\n margin-right: 8px;\n }\n }\n\n .autocomplete {\n margin: 8px 0;\n }\n}\n\n.list-item--info {\n &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n border-left: 4px solid color('info') !important;\n margin-left: -4px;\n }\n}\n\n.list-item--warn {\n //background-color: lighten(color('warn'), 56%);\n\n &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n border-left: 4px solid color('warn') !important;\n margin-left: -4px;\n }\n}\n\n.list-item--expanded {\n border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n cursor: default;\n background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n text-transform: none;\n width: 100%;\n padding: 8px 16px;\n margin: 0;\n white-space: normal;\n text-align: left;\n line-height: 1.4;\n}\n\n.user-list {\n font-size: rem(1.5);\n}\n","#nav {\n position: relative;\n}\n\n.nav {\n margin-bottom: 16px;\n}\n\n.nav-mask {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0,0,0,0.25);\n z-index: 1;\n\n &.ng-hide {\n opacity: 0;\n }\n}\n\n.nav-head {\n color: color('text-secondary');\n font-weight: 500;\n\n md-icon {\n line-height: 20px;\n }\n}\n\n.nav-contents--root {\n padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n background-color: color('gray-light');\n padding: 8px;\n}\n\n.nav-contents--root {\n padding: 0;\n}\n\n.nav-contents__list {\n padding: 0;\n\n @media (min-width: $layout-breakpoint-xs) {\n padding: 8px;\n }\n}\n\n.nav-item {\n transition: opacity 250ms ease-in-out;\n\n &.prev {\n md-list-item {\n background-color: color('selected-bg');\n\n /*&._md-button-wrap>div.md-button:first-child {\n border-left: 4px solid color('primary');\n margin-left: -4px;\n }*/\n }\n }\n}\n\n.nav-item--card__content {\n border-top-right-radius: $card-border-radius;\n border-top-left-radius: $card-border-radius;\n\n &:focus {\n outline: none;\n\n .nav-item__title > span {\n border-bottom: 1px dashed color('gray');\n }\n }\n}\n\n.nav-item--root {\n transition: margin 250ms, box-shadow 500ms;\n\n &.expanded {\n flex-basis: 100%;\n //max-width: ($layout-breakpoint-md - 100) !important;\n max-width: 100%;\n max-height: none !important;\n margin: 8px auto;\n\n &:first-of-type {\n margin-top: 0;\n }\n\n //@media only screen and (min-width: $layout-breakpoint-sm) {\n //margin: 8px auto;\n //}\n }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n padding: 0 16px 0 4px;\n display: inline-block;\n}\n\n.nav-item--list__reorder {\n margin-left: 8px;\n color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n &:not(.expanded) {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n }\n}\n\n.nav-item__collapse {\n margin: 0;\n}\n\n.nav-item__more {\n border-top: 1px solid color('gray-light');\n border-bottom-right-radius: $card-border-radius;\n border-bottom-left-radius: $card-border-radius;\n padding: 8px 16px;\n min-height: 40px;\n}\n\n.nav-item__users {\n height: auto;\n cursor: pointer;\n color: #ffffff;\n margin: 0;\n padding: 1px 6px;\n\n > md-icon {\n padding-right: 4px;\n color: #ffffff;\n }\n\n &:hover, &:focus {\n &.success-bg {\n background-color: color('success');\n }\n }\n}\n\n.nav-item__title {\n padding-left: 16px;\n line-height: 1.2;\n font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n padding-left: auto;\n padding-right: 16px;\n}\n\n.nav-item__info {\n padding: 0 8px;\n}\n\n.nav-item__progress {\n width: 48px;\n\n > .md-container {\n top: 0;\n }\n}\n\n.nav-item__progress-value {\n margin-left: 8px;\n width: 36px;\n}\n\n.progress-wrapper {\n padding: 2px 0;\n cursor: pointer;\n}\n",".student-select {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.workgroup-progress {\n margin-bottom: 8px;\n\n @media (min-width: $layout-breakpoint-sm) {\n margin-bottom: 0;\n }\n}\n\nalert-status-corner {\n position: absolute;\n top: 0;\n right: 0;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n position: absolute;\n top: 10px;\n right: 12px;\n\n path {\n stroke: color('accent-2') !important;\n stroke-width: 2px;\n }\n}\n[dir=rtl] .menu-progress {\n right:auto;\n left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n font-weight: 700;\n //color: color('text-secondary');\n font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n margin-top: 12px !important;\n margin-right: 12px !important;\n margin-left: 12px;\n}\n\n.active {\n .menu-sidenav__icon, .menu-sidenav__item {\n color: color('primary');\n }\n}\n\n.menu-sidebar {\n position: absolute;\n top: $wise-toolbar-height + $md-toolbar-height;\n bottom: 0;\n left: 0;\n background-color: #fff;\n width: $menu-sidebar-width;\n overflow: hidden;\n padding: 8px 0;\n text-align: center;\n border-right: 1px solid color('gray');\n\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n display: none;\n }\n}\n[dir=rtl] .menu-sidebar {\n right:0;\n left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n margin-top: 6px;\n margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n margin: 0 auto;\n position: absolute;\n left: 0;\n right: 0;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 8px;\n padding: 24px 16px;\n margin-bottom: 32px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 32px;\n }\n\n &.ng-enter {\n transition: opacity .5s;\n opacity: 0;\n }\n\n &.ng-enter-active {\n opacity: 1;\n }\n}\n\n// TODO: use BEM conventions\n\n.node-content {\n padding: 0 0 48px;\n background-color: #ffffff;\n border-radius: $button-border-radius;\n overflow: visible;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n box-shadow: none;\n }\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 0;\n border-top: 2px solid;\n border-bottom: 2px solid;\n }\n}\n\nmd-content {\n &.node-content {\n background-color: #ffffff;\n }\n}\n\n.node-content__rubric {\n position: absolute;\n top: -22px;\n left: 0;\n right: 0;\n z-index: 1;\n\n .avatar--icon {\n transform: scale(0.94);\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n transform: scale(0.8);\n }\n }\n}\n\n.node-icon {\n color: #ffffff;\n vertical-align: inherit;\n}\n\n.node-select {\n margin: 0 8px;\n min-width: 0;\n font-weight: 500;\n font-size: $body-font-size-base;\n\n .md-select-value {\n *:first-child {\n transform: translate3d(0,0,0);\n flex: 1 0 0;\n }\n\n .node-select__icon {\n display: none;\n }\n\n .node-select__status {\n display: none;\n }\n }\n\n .md-select-icon {\n margin-left: 0;\n color: color('text');\n }\n}\n\n.node-select-option--group {\n //color: rgba(0,0,0,0.54);\n background-color: color('gray-lightest');\n border-bottom: 1px solid color('gray-lighter');\n border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n padding-left: 20px;\n}\n\n.node-select__icon {\n margin-right: 8px;\n}\n\n.node-select__status {\n margin-left: 8px;\n}\n\n.node-select__text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-top: 2px;\n }\n}\n\n.node-title {\n line-height: 1.2;\n text-transform: none;\n margin-top: 3px;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n font-size: $body-font-size-base;\n }\n}\n\n.node-content__actions {\n padding: 0 16px 16px;\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 0 24px 24px;\n }\n\n .md-button:first-child {\n margin-left: 0;\n }\n\n .md-button:last-child {\n margin-right: 0;\n }\n}\n\n.node-content__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: color('text-secondary');\n}\n\n.node-content__actions__more {\n border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n &:not(:first-of-type) {\n }\n\n &:first-of-type {\n margin-right: 0;\n }\n}\n\n.node-sidebar-active {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-right: ($md-toolbar-height + 16);\n }\n}\n\n.node-sidebar-visible {\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n margin-bottom: $wise-toolbar-height;\n }\n}\n\n.node-sidebar {\n position: absolute;\n right: 0;\n top: 0;\n width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n position: fixed;\n width: $md-toolbar-height;\n background-color: #ffffff;\n padding: 8px 0;\n border-radius: $button-border-radius;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n border-radius: 0;\n padding: 0;\n min-height: 0;\n height: $wise-toolbar-height;\n }\n}\n\n.node__label--vertical-alignment {\n vertical-align: middle;\n display: inline-block;\n}\n",".grading {\n}\n\n.grading__item-container {\n margin: 0 0 16px;\n padding: 0 !important;\n}\n\n.grading__item {\n background-color: #ffffff;\n\n .component {\n padding: 0;\n }\n}\n","// Variables\n$notebook-sidebar-width: 450px;\n$report-position-right: 66px;\n$report-full-gap: 8px;\n\n// Base\n\nnotebook-report {\n position: absolute;\n bottom: 0;\n right: $report-position-right;\n transition: right 250ms;\n z-index: 3;\n\n &.report-full {\n left: $report-full-gap;\n right: $report-full-gap;\n top: $report-full-gap;\n bottom: $report-full-gap\n }\n \n @media only screen and (min-width: $layout-breakpoint-sm) {\n &.notes-visible {\n right: $notebook-sidebar-width + 24;\n }\n }\n}\n\n.notebook-sidebar {\n width: $notebook-sidebar-width - 180; \n max-width: none;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n width: $notebook-sidebar-width;\n }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n .notebook-enabled {\n .md-fab-bottom-right, .md-fab-bottom-left {\n bottom: ($wise-toolbar-height + 8) !important;\n }\n }\n}\n",".notification-btn {\n width: 60px !important;\n\n md-icon {\n margin-left: 20px;\n }\n}\n\n.notification-count {\n border-radius: 50%;\n position: absolute;\n background-color: color('accent');\n width: 22px;\n top: 12px;\n left: -18px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid;\n\n &:before {\n content: \"\";\n position: absolute;\n right: -7px;\n top: 6px;\n border-left: 6px solid rgba(255,255,255,0.87);\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n }\n}\n\n.notification-list {\n padding: 8px 0;\n}\n\n.notification-dismiss {\n width: 500px;\n}\n\n.notification-dismiss__input {\n margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n &.notification-list-item__source {\n color: color('text-secondary');\n font-size: rem(1.2);\n\n md-icon {\n font-size: rem(1.8);\n min-width: 0;\n width: auto;\n margin-left: -4px;\n line-height: rem(2);\n }\n }\n}\n",".account-menu {\n border-radius: $card-border-radius;\n padding: 0;\n font-size: $body-font-size-base;\n max-width: 380px;\n\n @media (min-width: $layout-breakpoint-md) {\n min-width: 380px !important;\n }\n\n h3 {\n margin: 0;\n font-weight: 300;\n }\n\n .mat-mdc-menu-content {\n padding: 0;\n }\n}\n\n.account-menu--fixed-height {\n height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n width: 320px;\n\n @media (min-width: $layout-breakpoint-sm) {\n width: 380px;\n }\n}\n\n.account-menu__icon {\n background-color: color('text-light');\n border-radius: 50%;\n}\n\n.account-menu__caret {\n position: absolute;\n right: 28px;\n top: -8px;\n outline: none;\n\n &:before {\n content: '';\n position: absolute;\n border-bottom: 8px solid #fff;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n right: 132px;\n}\n\n[dir=rtl] {\n .account-menu__caret {\n right: auto;\n left: 28px;\n }\n .account-menu__caret--pause, .account-menu__caret--notification {\n left:80px;\n right:auto;\n }\n .account-menu__caret--notification--with-pause {\n left: 132px;\n right:auto;\n }\n}\n\n.account-menu__info {\n padding: 8px 12px;\n}\n\n.account-menu__info__title {\n font-weight: 500;\n}\n\n.account-menu__info__team {\n font-weight: 400;\n color: color('text-secondary');\n}\n\n.account-menu__users {\n padding: 0;\n\n md-list-item {\n padding: 0;\n\n .md-avatar {\n margin: 0 8px 0 0;\n height: 48px;\n width: 48px;\n }\n }\n}\n\n.account-menu__actions {\n background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n padding: 16px;\n}\n",".annotations {\n margin: 16px 4px 16px 62px;\n position: relative;\n font-size: rem(1.5);\n\n hr {\n margin: 10px 0 8px;\n border-color: rgba(0,0,0,.12);\n }\n\n &:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n left: -15px;\n right: auto;\n top: -1px;\n bottom: auto;\n border-top: 20px solid transparent;\n border-bottom: 20px solid transparent;\n border-right: 16px solid color('gray-darker');\n }\n}\n\n.annotations-container--student--report {\n border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.annotations__header {\n position: relative;\n //border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n padding: 10px 12px;\n font-weight: 700;\n transition: all 1s;\n color: #ffffff;\n background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n background-color: color('accent');\n padding: 2px;\n position: absolute;\n top: 0;\n left: -62px;\n}\n\n.annotations__icon {\n transition: all 1s;\n color: #ffffff;\n}\n\n.annotations__body {\n padding: 12px;\n background-color: #ffffff;\n border-bottom-left-radius: $card-border-radius;\n border-bottom-right-radius: $card-border-radius;\n overflow: auto;\n}\n\n.annotations__status {\n background-color: #ffffff;\n color: color('info');\n display: inline-block;\n margin-left: 8px;\n font-size: rem(1.2);\n\n &.ng-enter, &.ng-leave {\n transition: all 1s;\n }\n\n &.ng-enter, &.ng-leave.ng-leave-active {\n opacity:0;\n }\n\n &.ng-leave, &.ng-enter.ng-enter-active {\n opacity:1;\n }\n}\n\n.annotations__score {\n font-weight: 700;\n}\n\n.annotations__info {\n font-style: italic;\n opacity: 0.8;\n border-bottom: 1px dotted;\n font-size: rem(1.3);\n}\n\n.annotations--inside {\n .annotations {\n margin-left: 72px;\n }\n}\n\n// TODO: move to own file\n.annotations--info {\n margin-bottom: 32px;\n margin-right: 8px;\n margin-left: 72px;\n\n @media only screen and (min-width: ($layout-breakpoint-xs)) {\n margin: 16px 16px 32px 76px;\n }\n\n &:after {\n border-right: 16px solid color('info');\n }\n\n .annotations__avatar {\n background-color: #ffffff;\n }\n\n .annotations__header {\n background-color: color('info');\n }\n}\n",".annotations--grading {\n md-input-container {\n margin-bottom: 0;\n }\n\n .md-errors-spacer {\n display: none;\n }\n\n .mat-mdc-form-field-subscript-wrapper {\n display: none;\n }\n}\n\n.annotations--grading--revision {\n margin: 8px 0 0;\n padding: 8px;\n}\n\n.annotations--notebook {\n margin-top: 16px;;\n}\n\n.annotations--grading__info {\n font-style: italic;\n margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n padding: 8px;\n}\n\n.annotations--grading__score {\n input {\n margin-top: 0 !important;\n font-size: rem(1.8);\n width: 52px;\n text-align: center;\n }\n\n .mat-mdc-form-field-infix {\n width: auto;\n }\n}\n\n.annotations--grading__score__label {\n transform: none !important;\n width: auto;\n display: block;\n padding: 0;\n margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max {\n label {\n display: none;\n }\n}\n\n.annotations--grading__score__divider {\n position: relative;\n top: 12px;\n margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n margin-top: 8px;\n}\n",".component {\n position: relative;\n}\n\n.component__wrapper {\n padding: 0 24px;\n margin: 24px 0;\n}\n\n.component__content {\n overflow-x: auto;\n font-size: rem(1.5);\n overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 0 8px;\n }\n}\n\nh3.component__header {\n padding: 8px 12px;\n margin: 0;\n font-size: rem(1.4);\n}\n\n.component__rubric {\n position: absolute;\n left: -20px;\n top: 12px;\n}\n\n.notebook-enabled {\n .component_content {\n img {\n transition: all 250ms;\n cursor: pointer;\n cursor: copy;\n //position: relative;\n //border: 2px solid transparent;\n\n &:hover, &:focus {\n box-shadow: 0 0 5px 1px color('accent');\n //border: 2px solid #ffffff;\n }\n }\n }\n}\n\n.component__actions {\n .md-button:first-child {\n margin-left: 0;\n }\n\n .md-button:last-child {\n margin-right: 0;\n }\n}\n\n.component__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: color('text-secondary');\n font-weight: 400;\n}\n\n.component__actions__more {\n border-bottom: 1px dotted;\n}\n\n.component__prompt {\n margin-bottom: 8px;\n font-weight: 500;\n}\n\n.component__prompt__content {\n display: inline;\n}\n\n.component__attachment {\n position: relative;\n margin: 0 8px;\n padding-bottom: 8px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding-top: 8px;\n }\n}\n\n.component__add-attachment {\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n width: 100%;\n }\n}\n\n.component__attachment__content {\n max-height: 100px;\n width: auto;\n}\n\n.component__attachment__delete {\n position: absolute;\n top: 0;\n right: 0;\n min-width: 0;\n background-color: rgba(255, 255, 255, 0.75) !important;\n border-radius: 0;\n padding: 4px;\n margin: 0;\n\n //@media only screen and (min-width: $layout-breakpoint-sm) {\n //margin-top: 8px;\n //}\n\n > md-icon {\n margin-top: 0;\n }\n}\n\n.component__revision {\n margin: 8px 0;\n padding: 8px;\n\n &:nth-child(odd) {\n background-color: color('gray-lightest');\n }\n}\n\n.component__revision__content {\n padding: 4px 0 8px 0;\n border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n color: color('gray-darker');\n padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n overflow: hidden;\n}\n\n.discussion-content {\n background-color: color('gray-lighter');\n //margin: 0 0 -16px;\n box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n padding: 12px 12px 8px;\n\n @media only screen and (min-width: $layout-breakpoint-md) {\n padding: 16px 16px 0;\n }\n}\n\n.discussion-post {\n margin: 0 auto 16px;\n max-width: $layout-breakpoint-xs;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-bottom: 24px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-md) {\n margin-bottom: 32px;\n }\n\n // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n md-divider {\n position: relative;\n width: auto;\n }\n}\n\n\n\n.discussion-post__attachment {\n max-width: 100%;\n height: auto !important;\n margin-top: 16px;\n}\n\n.discussion-new {\n background-color: #ffffff;\n max-width: 570px;\n margin-left: auto;\n margin-right: auto;\n padding: 8px;\n transition: all 250ms;\n transform: scale(0.95);\n}\n\n.discussion-new--focused {\n transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n margin: 0;\n padding: 0;\n\n > textarea.md-input {\n min-height: 68px;\n }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n border: 0 none;\n}\n\n.discussion-new__actions {\n padding: 0 8px;\n\n .md-button {\n &:first-of-type {\n margin-left: 0;\n }\n\n &:last-of-type {\n margin-right: 0;\n }\n }\n}\n\n.discussion-new__attachment {\n padding: 0;\n margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n margin-top: 0;\n margin-bottom: 16px;\n}\n\n\n\n\n\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n border: 0 none;\n}\n",".component--grading {\n padding: 0;\n margin: 0;\n\n &:not(:last-child) {\n > div {\n border-bottom: 1px solid color('gray-light');\n }\n }\n\n .component__wrapper {\n padding: 0;\n margin: 0;\n }\n\n .component__content {\n padding: 16px;\n margin: 0;\n }\n}\n\n.component--grading__response__content {\n white-space: pre-wrap;\n}\n\n.component--grading__annotations {\n background-color: color('selected-bg');\n}\n\n.component--grading__annotations__divider {\n padding: 4px;\n background-color: #ffffff;\n}\n\n.component--grading__actions__info {\n margin: 16px 0 0;\n padding-top: 8px;\n border-top: 1px solid color('gray-lighter');\n}\n",".graph-select {\n min-width: 150px;\n max-width: 200px;\n}\n\n.graph-controls {\n margin: 8px 0;\n padding: 8px 0;\n border: 1px solid color('gray-lighter');\n border-left-width: 0;\n border-right-width: 0;\n}\n",".outside-content {\n iframe {\n border: 1px solid color('gray-lighter');\n }\n}\n\n.outside-content__source {\n margin-top: 4px;\n text-align: end;\n\n a {\n max-width: 240px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n }\n}",".component-revisions {\n .component {\n padding: 0;\n margin: 0;\n }\n\n .component__content {\n padding: 0;\n }\n\n .component__wrapper {\n margin: 16px 0;\n }\n\n .md-resize-handle {\n display: none;\n }\n}\n\n.component-revisions__item, md-list-item.component-revisions__item {\n padding: 0;\n}\n\n.component-revisions__item--latest {\n margin-bottom: 24px;\n}\n\n.component-revisions__item__text {\n\n}\n\n.component-revisions__annotation-label {\n margin-right: 8px;\n}\n\n.component-revisions__has-auto-and-teacher {\n padding-top: 8px;\n margin-top: 8px;\n border-top: 1px solid color('gray-light');\n}\n",".notebook-toolbar {\n md-divider {\n margin: 8px 0;\n }\n\n @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n border-top: 1px solid color('gray-light');\n }\n}\n\n.notebook-toolbar__add-menu {\n position: absolute;\n bottom: 40px;\n\n .md-fab-action-item {\n background-color: #ffffff;\n }\n}\n\n.notebook-toolbar__add-icon {\n border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n float:left;\n}","highchart {\n display: block;\n}\n"]} \ No newline at end of file diff --git a/src/assets/wise5/themes/default/style/vle.css b/src/assets/wise5/themes/default/style/vle.css index 78001844767..611dcf7d090 100644 --- a/src/assets/wise5/themes/default/style/vle.css +++ b/src/assets/wise5/themes/default/style/vle.css @@ -1,2 +1,2 @@ -body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1c8ca8}blockquote{background-color:#e7f7fb;border:solid #1c8ca8;border-width:0 0 0 3px;margin:16px 0;padding:8px}.has-indicator:after{background-color:#f05843;border-radius:50%;content:"";padding:5px;position:absolute}.has-indicator--icon-button:after{left:5px;top:25px}.badge{background-color:#aaa;border-radius:4px;font-size:12px;font-style:normal;font-weight:500;padding:2px 6px}.badge.md-button{line-height:inherit;min-height:0;min-width:0}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1c8ca8;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1c8ca8!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu md-option[selected],md-select-menu.md-default-theme md-option[selected]{background-color:#f4fbfd}.md-autocomplete-suggestions-container li .highlight,.md-autocomplete-suggestions-container.md-default-theme li .highlight{background-color:#f4fbfd;color:#1c8ca8}.primary{color:#1c8ca8}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#f4fbfd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1c8ca8}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#f4fbfd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1c8ca8}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#f4fbfd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}@media (min-width:1920px){.l-constrained{width:1920px}}.l-constrained-md{max-width:100%;width:960px}.l-footer{background-color:#fff;border-top:1px solid #eee;bottom:0;left:0;position:fixed;right:0;z-index:1}.button--footer{display:flex;margin:0;min-width:0;padding-bottom:0;padding-top:0}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{height:36px;margin-left:0!important;vertical-align:middle;width:36px}.l-header .logo-link{display:none;margin-right:12px;min-width:auto;padding:0 4px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{left:0;margin:0 auto;padding:8px;position:absolute;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-size:36px;font-weight:300;margin-bottom:0;margin-top:0}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-notebook{background-color:#eee!important;margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;vertical-align:bottom;z-index:1}.md-button.status-icon{height:auto;line-height:inherit;margin:0 4px;min-height:0;padding:0;width:auto}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{background-color:#ef6c00;padding:0 0 0 12px}.help-bubble___title__content .md-icon-button{margin-right:0;padding-bottom:0;padding-top:0}.help-bubble__content{max-height:480px;overflow:auto;padding:8px 12px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1c8ca8}.input--textarea,.input-container textarea.input--textarea{background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px;padding:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{color:rgba(0,0,0,.87);line-height:1.2}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1c8ca8}.autocomplete input{word-wrap:none;color:rgba(0,0,0,.54);font-weight:500;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){background-color:#eee;box-shadow:none}.select__header{height:48px}.select__header input{border:0;font-size:14px;font-weight:500;height:100%;outline:none;padding:0 8px;width:100%}.table{margin:8px 0;max-width:100%;min-width:100px;width:auto}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;font-size:15px;height:32px;min-height:32px;min-width:32px;padding:6px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{background-color:#fff;border:0;border-collapse:collapse;max-width:100%;overflow:auto}.table--list td,.table--list th{border:0;padding:0 4px}.table--list td{height:56px;min-height:56px}.table--list tr.md-button{display:table-row;font-size:inherit;font-weight:400;text-align:left;text-transform:none;width:auto}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;height:42px;min-height:42px}.table--list__thead__link{color:#fff;line-height:1.4;margin:0;min-width:0;text-transform:none;white-space:normal;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{line-height:1.2;min-width:180px;white-space:normal}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{font-size:15px;padding:0 8px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{left:0;position:fixed;right:0;top:52px;z-index:3}.toolbar__title{font-size:16px;font-weight:500;margin-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{background-color:#f7f7f7;margin:0 4px;min-height:32px}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item .md-subheader,.list-item.md-subheader{background-color:#fff;color:rgba(0,0,0,.87)}.list-item .md-subheader md-icon,.list-item.md-subheader md-icon{vertical-align:middle}.list-item .md-subheader .md-subheader-inner,.list-item.md-subheader .md-subheader-inner{padding:0}.list-item .md-subheader .md-avatar,.list-item.md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info .md-subheader-content,.list-item--info._md-button-wrap>div.md-button:first-child{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn .md-subheader-content,.list-item--warn._md-button-wrap>div.md-button:first-child{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{background-color:#f7f7f7;cursor:default}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{line-height:1.4;margin:0;padding:8px 16px;text-align:left;text-transform:none;white-space:normal;width:100%}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{background-color:rgba(0,0,0,.25);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#f4fbfd}.nav-item--card__content{border-top-left-radius:4px;border-top-right-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;margin:8px auto;max-height:none!important;max-width:100%}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{display:inline-block;padding:0 16px 0 4px}.nav-item--list__reorder{color:rgba(0,0,0,.26);margin-left:8px}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid #ddd;min-height:40px;padding:8px 16px}.nav-item__users{color:#fff;cursor:pointer;height:auto;margin:0;padding:1px 6px}.nav-item__users>md-icon{color:#fff;padding-right:4px}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{font-weight:400;line-height:1.2;padding-left:16px}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{cursor:pointer;padding:2px 0}.menu-progress{position:absolute;right:12px;top:10px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{left:12px;right:auto}.menu-sidenav__item{font-size:14px;font-weight:700}.menu-sidenav__icon{margin-left:12px;margin-right:12px!important;margin-top:12px!important}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1c8ca8}.menu-sidebar{background-color:#fff;border-right:1px solid #ccc;bottom:0;left:0;overflow:hidden;padding:8px 0;position:absolute;text-align:center;top:94px;width:56px}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{left:auto;right:0}.md-button.md-icon-button.menu-sidebar__link{margin-bottom:6px;margin-top:6px}#node{left:0;margin:0 auto;position:absolute;right:0}@media only screen and (min-width:600px){#node{margin-bottom:32px;padding:24px 16px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{opacity:0;transition:opacity .5s}#node.ng-enter-active{opacity:1}.node-content{background-color:#fff;border-radius:3px;overflow:visible;padding:0 0 48px}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{border-bottom:2px solid;border-top:2px solid;padding:0}}md-content.node-content{background-color:#fff}.node-content__rubric{left:0;position:absolute;right:0;top:-22px;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{font-size:15px;font-weight:500;margin:0 8px;min-width:0}.node-select .md-select-value :first-child{flex:1 0 0;transform:translateZ(0)}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{color:rgba(0,0,0,.87);margin-left:0}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;margin-top:3px;text-transform:none}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{color:rgba(0,0,0,.54);font-style:italic;margin-left:8px}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{background-color:#fff;border-radius:3px;padding:8px 0;position:fixed;width:52px}@media only screen and (max-width:599px){.node-sidebar__toolbar{border-radius:0;bottom:0;height:42px;left:0;min-height:0;padding:0;right:0;width:100%}}.node__label--vertical-alignment{display:inline-block;vertical-align:middle}notebook-launcher{bottom:24px;position:absolute;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}notebook-report{bottom:0;position:absolute;right:96px;transition:right .25s;z-index:3}notebook-report.report-full{bottom:8px;left:8px;right:8px;top:8px}@media only screen and (min-width:960px){notebook-report.notes-visible{right:492px}}.notebook-sidebar{max-width:none;width:300px}@media only screen and (min-width:600px){.notebook-sidebar{width:480px}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{background-color:#f05843;border:2px solid;border-radius:50%;font-size:12px;font-weight:700;height:22px;left:-18px;line-height:22px;position:absolute;top:12px;width:22px}.notification-count:before{border-bottom:4px solid transparent;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;content:"";position:absolute;right:-7px;top:6px}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;line-height:20px;margin-left:-4px;min-width:0;width:auto}.account-menu{border-radius:4px;font-size:15px;max-width:380px;padding:0}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{font-weight:300;margin:0}.account-menu .mat-mdc-menu-content{padding:0}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{outline:none;position:absolute;right:28px;top:-8px}.account-menu__caret:before{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;content:"";position:absolute}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{left:28px;right:auto}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{color:rgba(0,0,0,.54);font-weight:400}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{height:48px;margin:0 8px 0 0;width:48px}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{font-size:15px;margin:16px 4px 16px 62px;position:relative}.annotations hr{border-color:rgba(0,0,0,.12);margin:10px 0 8px}.annotations:after{border-bottom:20px solid transparent;border-right:16px solid #757575;border-top:20px solid transparent;bottom:auto;content:"";height:0;left:-15px;position:absolute;right:auto;top:-1px;width:0}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-bottom:0;margin-top:0}.annotations__header{background-color:#757575;border-top-right-radius:4px;color:#fff;font-weight:700;padding:10px 12px;position:relative;transition:all 1s}.annotations__avatar{background-color:#f05843;left:-62px;padding:2px;position:absolute;top:0}.annotations__icon{color:#fff;transition:all 1s}.annotations__body{background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto;padding:12px}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;font-size:12px;margin-left:8px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{border-bottom:1px dotted;font-size:13px;font-style:italic;opacity:.8}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-left:72px;margin-right:8px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{margin:24px 0;padding:0 24px}.component__content{font-size:15px;overflow-x:auto;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}h3.component__header{font-size:14px;margin:0;padding:8px 12px}.component__rubric{left:-20px;position:absolute;top:12px}.notebook-enabled .component_content img{cursor:pointer;cursor:copy;transition:all .25s}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{color:rgba(0,0,0,.54);font-style:italic;font-weight:400;margin-left:8px}.component__actions__more{border-bottom:1px dotted}.component__prompt{font-weight:500;margin-bottom:8px}.component__prompt__content{display:inline}.component__attachment{margin:0 8px;padding-bottom:8px;position:relative}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{background-color:hsla(0,0%,100%,.75)!important;border-radius:0;margin:0;min-width:0;padding:4px;position:absolute;right:0;top:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{border-bottom:1px solid #ddd;padding:4px 0 8px}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__attachment{height:auto!important;margin-top:16px;max-width:100%}.discussion-new{background-color:#fff;margin-left:auto;margin-right:auto;max-width:570px;padding:8px;transform:scale(.95);transition:all .25s}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{margin:0 0 8px;padding:0}.discussion-new__attachment__content{margin-bottom:16px;margin-top:0}.embedded-content__iframe{border:0}.graph-select{max-width:200px;min-width:150px}.graph-controls{border-color:#eee;border-style:solid;border-width:1px 0;margin:8px 0;padding:8px 0}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{bottom:40px;position:absolute}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block} +body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1c8ca8}blockquote{background-color:#e7f7fb;border:solid #1c8ca8;border-width:0 0 0 3px;margin:16px 0;padding:8px}.has-indicator:after{background-color:#f05843;border-radius:50%;content:"";padding:5px;position:absolute}.has-indicator--icon-button:after{left:5px;top:25px}.badge{background-color:#aaa;border-radius:4px;font-size:12px;font-style:normal;font-weight:500;padding:2px 6px}.badge.md-button{line-height:inherit;min-height:0;min-width:0}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1c8ca8;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1c8ca8!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu md-option[selected],md-select-menu.md-default-theme md-option[selected]{background-color:#f4fbfd}.md-autocomplete-suggestions-container li .highlight,.md-autocomplete-suggestions-container.md-default-theme li .highlight{background-color:#f4fbfd;color:#1c8ca8}.primary{color:#1c8ca8}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#f4fbfd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1c8ca8}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#f4fbfd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1c8ca8}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#f4fbfd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}@media (min-width:1920px){.l-constrained{width:1920px}}.l-constrained-md{max-width:100%;width:960px}.l-footer{background-color:#fff;border-top:1px solid #eee;bottom:0;left:0;position:fixed;right:0;z-index:1}.button--footer{display:flex;margin:0;min-width:0;padding-bottom:0;padding-top:0}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{height:36px;margin-left:0!important;vertical-align:middle;width:36px}.l-header .logo-link{display:none;margin-right:12px;min-width:auto;padding:0 4px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{left:0;margin:0 auto;padding:8px;position:absolute;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-size:36px;font-weight:300;margin-bottom:0;margin-top:0}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-notebook{background-color:#eee!important;margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;vertical-align:bottom;z-index:1}.md-button.status-icon{height:auto;line-height:inherit;margin:0 4px;min-height:0;padding:0;width:auto}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{background-color:#ef6c00;padding:0 0 0 12px}.help-bubble___title__content .md-icon-button{margin-right:0;padding-bottom:0;padding-top:0}.help-bubble__content{max-height:480px;overflow:auto;padding:8px 12px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1c8ca8}.input--textarea,.input-container textarea.input--textarea{background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px;padding:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{color:rgba(0,0,0,.87);line-height:1.2}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1c8ca8}.autocomplete input{word-wrap:none;color:rgba(0,0,0,.54);font-weight:500;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){background-color:#eee;box-shadow:none}.select__header{height:48px}.select__header input{border:0;font-size:14px;font-weight:500;height:100%;outline:none;padding:0 8px;width:100%}.table{margin:8px 0;max-width:100%;min-width:100px;width:auto}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;font-size:15px;height:32px;min-height:32px;min-width:32px;padding:6px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{background-color:#fff;border:0;border-collapse:collapse;max-width:100%;overflow:auto}.table--list td,.table--list th{border:0;padding:0 4px}.table--list td{height:56px;min-height:56px}.table--list tr.md-button{display:table-row;font-size:inherit;font-weight:400;text-align:left;text-transform:none;width:auto}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;height:42px;min-height:42px}.table--list__thead__link{color:#fff;line-height:1.4;margin:0;min-width:0;text-transform:none;white-space:normal;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{line-height:1.2;min-width:180px;white-space:normal}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{font-size:15px;padding:0 8px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{left:0;position:fixed;right:0;top:52px;z-index:3}.toolbar__title{font-size:16px;font-weight:500;margin-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{background-color:#f7f7f7;margin:0 4px;min-height:32px}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item .md-subheader,.list-item.md-subheader{background-color:#fff;color:rgba(0,0,0,.87)}.list-item .md-subheader md-icon,.list-item.md-subheader md-icon{vertical-align:middle}.list-item .md-subheader .md-subheader-inner,.list-item.md-subheader .md-subheader-inner{padding:0}.list-item .md-subheader .md-avatar,.list-item.md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info .md-subheader-content,.list-item--info._md-button-wrap>div.md-button:first-child{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn .md-subheader-content,.list-item--warn._md-button-wrap>div.md-button:first-child{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{background-color:#f7f7f7;cursor:default}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{line-height:1.4;margin:0;padding:8px 16px;text-align:left;text-transform:none;white-space:normal;width:100%}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{background-color:rgba(0,0,0,.25);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#f4fbfd}.nav-item--card__content{border-top-left-radius:4px;border-top-right-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;margin:8px auto;max-height:none!important;max-width:100%}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{display:inline-block;padding:0 16px 0 4px}.nav-item--list__reorder{color:rgba(0,0,0,.26);margin-left:8px}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid #ddd;min-height:40px;padding:8px 16px}.nav-item__users{color:#fff;cursor:pointer;height:auto;margin:0;padding:1px 6px}.nav-item__users>md-icon{color:#fff;padding-right:4px}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{font-weight:400;line-height:1.2;padding-left:16px}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{cursor:pointer;padding:2px 0}.menu-progress{position:absolute;right:12px;top:10px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{left:12px;right:auto}.menu-sidenav__item{font-size:14px;font-weight:700}.menu-sidenav__icon{margin-left:12px;margin-right:12px!important;margin-top:12px!important}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1c8ca8}.menu-sidebar{background-color:#fff;border-right:1px solid #ccc;bottom:0;left:0;overflow:hidden;padding:8px 0;position:absolute;text-align:center;top:94px;width:56px}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{left:auto;right:0}.md-button.md-icon-button.menu-sidebar__link{margin-bottom:6px;margin-top:6px}#node{left:0;margin:0 auto;position:absolute;right:0}@media only screen and (min-width:600px){#node{margin-bottom:32px;padding:24px 16px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{opacity:0;transition:opacity .5s}#node.ng-enter-active{opacity:1}.node-content{background-color:#fff;border-radius:3px;overflow:visible;padding:0 0 48px}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{border-bottom:2px solid;border-top:2px solid;padding:0}}md-content.node-content{background-color:#fff}.node-content__rubric{left:0;position:absolute;right:0;top:-22px;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{font-size:15px;font-weight:500;margin:0 8px;min-width:0}.node-select .md-select-value :first-child{flex:1 0 0;transform:translateZ(0)}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{color:rgba(0,0,0,.87);margin-left:0}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;margin-top:3px;text-transform:none}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{color:rgba(0,0,0,.54);font-style:italic;margin-left:8px}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{background-color:#fff;border-radius:3px;padding:8px 0;position:fixed;width:52px}@media only screen and (max-width:599px){.node-sidebar__toolbar{border-radius:0;bottom:0;height:42px;left:0;min-height:0;padding:0;right:0;width:100%}}.node__label--vertical-alignment{display:inline-block;vertical-align:middle}notebook-report{bottom:0;position:absolute;right:66px;transition:right .25s;z-index:3}notebook-report.report-full{bottom:8px;left:8px;right:8px;top:8px}@media only screen and (min-width:960px){notebook-report.notes-visible{right:474px}}.notebook-sidebar{max-width:none;width:270px}@media only screen and (min-width:600px){.notebook-sidebar{width:450px}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{background-color:#f05843;border:2px solid;border-radius:50%;font-size:12px;font-weight:700;height:22px;left:-18px;line-height:22px;position:absolute;top:12px;width:22px}.notification-count:before{border-bottom:4px solid transparent;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;content:"";position:absolute;right:-7px;top:6px}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;line-height:20px;margin-left:-4px;min-width:0;width:auto}.account-menu{border-radius:4px;font-size:15px;max-width:380px;padding:0}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{font-weight:300;margin:0}.account-menu .mat-mdc-menu-content{padding:0}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{outline:none;position:absolute;right:28px;top:-8px}.account-menu__caret:before{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;content:"";position:absolute}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{left:28px;right:auto}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{color:rgba(0,0,0,.54);font-weight:400}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{height:48px;margin:0 8px 0 0;width:48px}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{font-size:15px;margin:16px 4px 16px 62px;position:relative}.annotations hr{border-color:rgba(0,0,0,.12);margin:10px 0 8px}.annotations:after{border-bottom:20px solid transparent;border-right:16px solid #757575;border-top:20px solid transparent;bottom:auto;content:"";height:0;left:-15px;position:absolute;right:auto;top:-1px;width:0}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-bottom:0;margin-top:0}.annotations__header{background-color:#757575;border-top-right-radius:4px;color:#fff;font-weight:700;padding:10px 12px;position:relative;transition:all 1s}.annotations__avatar{background-color:#f05843;left:-62px;padding:2px;position:absolute;top:0}.annotations__icon{color:#fff;transition:all 1s}.annotations__body{background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto;padding:12px}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;font-size:12px;margin-left:8px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{border-bottom:1px dotted;font-size:13px;font-style:italic;opacity:.8}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-left:72px;margin-right:8px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{margin:24px 0;padding:0 24px}.component__content{font-size:15px;overflow-x:auto;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}h3.component__header{font-size:14px;margin:0;padding:8px 12px}.component__rubric{left:-20px;position:absolute;top:12px}.notebook-enabled .component_content img{cursor:pointer;cursor:copy;transition:all .25s}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{color:rgba(0,0,0,.54);font-style:italic;font-weight:400;margin-left:8px}.component__actions__more{border-bottom:1px dotted}.component__prompt{font-weight:500;margin-bottom:8px}.component__prompt__content{display:inline}.component__attachment{margin:0 8px;padding-bottom:8px;position:relative}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{background-color:hsla(0,0%,100%,.75)!important;border-radius:0;margin:0;min-width:0;padding:4px;position:absolute;right:0;top:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{border-bottom:1px solid #ddd;padding:4px 0 8px}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__attachment{height:auto!important;margin-top:16px;max-width:100%}.discussion-new{background-color:#fff;margin-left:auto;margin-right:auto;max-width:570px;padding:8px;transform:scale(.95);transition:all .25s}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{margin:0 0 8px;padding:0}.discussion-new__attachment__content{margin-bottom:16px;margin-top:0}.embedded-content__iframe{border:0}.graph-select{max-width:200px;min-width:150px}.graph-controls{border-color:#eee;border-style:solid;border-width:1px 0;margin:8px 0;padding:8px 0}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{bottom:40px;position:absolute}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block} /*# sourceMappingURL=vle.css.map */ diff --git a/src/assets/wise5/themes/default/style/vle.css.map b/src/assets/wise5/themes/default/style/vle.css.map index a3d9cecc4d0..ef0ef215400 100644 --- a/src/assets/wise5/themes/default/style/vle.css.map +++ b/src/assets/wise5/themes/default/style/vle.css.map @@ -1 +1 @@ -{"version":3,"sources":["src/assets/wise5/themes/default/style/base/_presets.scss","src/assets/wise5/themes/default/style/vle.css","src/assets/wise5/themes/default/style/base/_config.scss","src/assets/wise5/themes/default/style/layouts/_l-default.scss","src/assets/wise5/themes/default/style/layouts/_l-footer.scss","src/assets/wise5/themes/default/style/layouts/_l-header.scss","src/assets/wise5/themes/default/style/layouts/_l-main.scss","src/assets/wise5/themes/default/style/layouts/_l-notebook.scss","src/assets/wise5/themes/default/style/layouts/_l-sidebar.scss","src/assets/wise5/themes/default/style/modules/_alerts.scss","src/assets/wise5/themes/default/style/modules/_dialog.scss","src/assets/wise5/themes/default/style/modules/_help.scss","src/assets/wise5/themes/default/style/modules/_inputs.scss","src/assets/wise5/themes/default/style/modules/_table.scss","src/assets/wise5/themes/default/style/modules/_toolbar.scss","src/assets/wise5/themes/default/style/material/_config.scss","src/assets/wise5/themes/default/style/modules/_list.scss","src/assets/wise5/themes/default/style/modules/_nav.scss","src/assets/wise5/themes/default/style/modules/_menu.scss","src/assets/wise5/themes/default/style/modules/_node.scss","src/assets/wise5/themes/default/style/modules/_notebook.scss","src/assets/wise5/themes/default/style/modules/_notifications.scss","src/assets/wise5/themes/default/style/modules/_account-menu.scss","src/assets/wise5/themes/default/style/modules/_annotations.scss","src/assets/wise5/themes/default/style/modules/_component.scss","src/assets/wise5/themes/default/style/modules/_component--discussion.scss","src/assets/wise5/themes/default/style/modules/_component--embedded.scss","src/assets/wise5/themes/default/style/modules/_component--graph.scss","src/assets/wise5/themes/default/style/modules/_component--outside.scss","src/assets/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/assets/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCAF,CDEE,SACI,eCAN,CDKI,gBACI,aCFR,CDMA,WACE,wBAAA,CAKA,oBAAA,CAAA,sBAAA,CAHA,aAAA,CADA,WCCF,CDOI,qBAKI,wBAAA,CAFA,iBAAA,CAFA,UAAA,CAGA,WAAA,CAFA,iBCDR,CDSI,kCAEI,QAAA,CADA,QCLR,CDWA,OAMI,qBAAA,CALA,iBEUiB,CFRjB,cAAA,CAEA,iBAAA,CADA,eAAA,CAFA,eCJJ,CDUI,iBAGI,mBAAA,CADA,YAAA,CADA,WCNR,CDUQ,8CACI,qBCRZ,CDWQ,uBACI,uBCTZ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,gBACI,wBAAA,CACA,UCXJ,CDeA,qBACI,aCZJ,CDeA,iBACI,uBCZJ,CDgBA,EACE,aAAA,CACA,cCbF,CDgBA,QACI,kCAAA,CACA,qBCbJ,CDiBA,QACE,iBAAA,CACA,sBCdF,CDiBA,gBACE,iBCdF,CDmBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDqBA,cACE,qBAAA,CACA,4BClBF,CDoBE,8BACI,WClBN,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDwBE,wDACE,qBCrBJ,CDyBI,4EACE,qBCvBN,CD8BE,mDACE,uBC3BJ,CD6BE,mDACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,iDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CDgCA,uCACE,qBC7BF,CDgCA,uFACE,wBC7BF,CDgCA,2HAGE,wBAAA,CADA,aC5BF,CDmCI,SACE,aChCN,CD+BI,QACE,aC5BN,CD2BI,UACE,aCxBN,CDuBI,UACE,aCpBN,CDmBI,MACE,aChBN,CDeI,MACE,aCZN,CDWI,SACE,aCRN,CDOI,SACE,qBCJN,CDGI,eACE,aCAN,CDDI,cACE,UCIN,CDLI,YACE,UCQN,CDTI,MACE,UCYN,CDbI,WACE,UCgBN,CDjBI,aACE,aCoBN,CDrBI,cACE,UCwBN,CDzBI,MACE,qBC4BN,CD7BI,gBACE,qBCgCN,CDjCI,eACE,qBCoCN,CDrCI,YACE,UCwCN,CDzCI,sBACE,wBC4CN,CD7CI,qBACE,wBCgDN,CDjDI,aACE,aCoDN,CDrDI,OACE,aCwDN,CDzDI,MACE,qBC4DN,CD7DI,SACE,UCgEN,CD1DI,YACE,wBC6DN,CD9DI,WACE,wBCiEN,CDlEI,aACE,wBCqEN,CDtEI,aACE,wBCyEN,CD1EI,SACE,wBC6EN,CD9EI,SACE,wBCiFN,CDlFI,YACE,wBCqFN,CDtFI,YACE,gCCyFN,CD1FI,kBACE,wBC6FN,CD9FI,iBACE,qBCiGN,CDlGI,eACE,qBCqGN,CDtGI,SACE,qBCyGN,CD1GI,cACE,qBC6GN,CD9GI,gBACE,wBCiHN,CDlHI,iBACE,qBCqHN,CDtHI,SACE,gCCyHN,CD1HI,mBACE,gCC6HN,CD9HI,kBACE,gCCiIN,CDlII,eACE,qBCqIN,CDtII,yBACE,mCCyIN,CD1II,wBACE,mCC6IN,CD9II,gBACE,wBCiJN,CDlJI,UACE,wBCqJN,CDtJI,SACE,gCCyJN,CD1JI,YACE,qBC6JN,CDtJQ,kCACI,cCyJZ,CD1JQ,iCACI,cC6JZ,CD9JQ,mCACI,cCiKZ,CDlKQ,mCACI,cCqKZ,CDtKQ,+BACI,cCyKZ,CD1KQ,+BACI,cC6KZ,CD9KQ,kCACI,cCiLZ,CDlLQ,kCACI,sBCqLZ,CDtLQ,wCACI,cCyLZ,CD1LQ,uCACI,WC6LZ,CD9LQ,qCACI,WCiMZ,CDlMQ,+BACI,WCqMZ,CDtMQ,oCACI,WCyMZ,CD1MQ,sCACI,cC6MZ,CD9MQ,uCACI,WCiNZ,CDlNQ,+BACI,sBCqNZ,CDtNQ,yCACI,sBCyNZ,CD1NQ,wCACI,sBC6NZ,CD9NQ,qCACI,WCiOZ,CDlOQ,+CACI,yBCqOZ,CDtOQ,8CACI,yBCyOZ,CD1OQ,sCACI,cC6OZ,CD9OQ,gCACI,cCiPZ,CDlPQ,+BACI,sBCqPZ,CDtPQ,kCACI,WCyPZ,CE7dA,eACE,gBAAA,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","file":"vle.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n background: color('body-bg');\n\n &.vle {\n overflow: hidden;\n }\n}\n\na {\n &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n color: color('primary');\n }\n}\n\nblockquote {\n background-color: lighten(color('primary'), 56%);\n padding: 8px;\n margin: 16px 0;\n border-style: solid;\n border-color: color('primary');\n border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n &:after {\n content: '';\n position: absolute;\n border-radius: 50%;\n padding: 5px;\n background-color: color('accent');\n }\n}\n\n.has-indicator--icon-button {\n &:after {\n top: 25px;\n left: 5px;\n }\n}\n\n// Badges\n.badge {\n border-radius: $card-border-radius;\n padding: 2px 6px;\n font-size: rem(1.2);\n font-weight: 500;\n font-style: normal;\n background-color: color('gray-dark');\n\n &.md-button {\n min-width: 0;\n min-height: 0;\n line-height: inherit;\n\n &:hover, &:focus {\n background-color: color('gray-dark');\n }\n\n &:focus {\n outline: 1px dotted color('gray-dark');\n }\n }\n}\n\n.badge--info {\n background-color: color('info');\n color: #ffffff;\n}\n\n.badge--warn {\n background-color: color('warn');\n color: #ffffff;\n}\n\n.badge--success {\n background-color: color('success');\n color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n margin: 16px 0;\n}\n\n.divider--dashed {\n border-top-style: dashed;\n}\n\n// Links\na {\n color: color('primary');\n cursor: pointer;\n}\n\n.active {\n background-color: rgba(158,158,158,0.2);\n color: color('text');\n}\n\n// Images & Icons\n.avatar {\n border-radius: 50%;\n box-sizing: content-box;\n}\n\n.avatar--square {\n border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n &.md-18 {\n height: 18px + $avatar-icon-padding*2;\n width: 18px + $avatar-icon-padding*2;\n }\n &.md-24 {\n height: 24px + $avatar-icon-padding*2;\n width: 24px + $avatar-icon-padding*2;\n }\n &.md-36 {\n height: 36px + $avatar-icon-padding*2;\n width: 36px + $avatar-icon-padding*2;\n }\n &.md-48 {\n height: 48px + $avatar-icon-padding*2;\n width: 48px + $avatar-icon-padding*2;\n }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n background-color: color('gray-light');\n white-space: normal !important;\n\n &:not(.md-avatar) {\n padding: $avatar-icon-padding;\n }\n\n &.md-18 {\n height: 18px;\n width: 18px;\n }\n &.md-24 {\n height: 24px;\n width: 24px;\n }\n &.md-36 {\n height: 36px;\n width: 36px;\n }\n &.md-48 {\n height: 48px;\n width: 48px;\n }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n md-icon {\n color: color('text-secondary');\n }\n\n .md-button:disabled {\n md-icon {\n color: color('text-disabled');\n }\n }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n &.primary {\n color: color('primary') !important;\n }\n &.success {\n color: color('success') !important;\n }\n &.warn {\n color: color('warn') !important;\n }\n &.info {\n color: color('info') !important;\n }\n &.accent {\n color: color('accent') !important;\n }\n &.accent-1 {\n color: color('accent-1') !important;\n }\n &.accent-2 {\n color: color('accent-2') !important;\n }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n color: color('primary');\n background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n .#{$key} {\n color: $value;\n }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n .#{$key}-bg {\n background-color: $value;\n }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n md-progress-circular.#{$key} {\n path {\n stroke: $value;\n }\n }\n}\n","/*\n WISE Project Styles\n */\nbody {\n background: #eeeeee;\n}\nbody.vle {\n overflow: hidden;\n}\n\na:hover, a:focus {\n color: #1C8CA8;\n}\n\nblockquote {\n background-color: rgb(230.6571428571, 246.8857142857, 250.9428571429);\n padding: 8px;\n margin: 16px 0;\n border-style: solid;\n border-color: #1C8CA8;\n border-width: 0 0 0 3px;\n}\n\n.has-indicator:after {\n content: \"\";\n position: absolute;\n border-radius: 50%;\n padding: 5px;\n background-color: #F05843;\n}\n\n.has-indicator--icon-button:after {\n top: 25px;\n left: 5px;\n}\n\n.badge {\n border-radius: 4px;\n padding: 2px 6px;\n font-size: 12px;\n font-weight: 500;\n font-style: normal;\n background-color: #aaaaaa;\n}\n.badge.md-button {\n min-width: 0;\n min-height: 0;\n line-height: inherit;\n}\n.badge.md-button:hover, .badge.md-button:focus {\n background-color: #aaaaaa;\n}\n.badge.md-button:focus {\n outline: 1px dotted #aaaaaa;\n}\n\n.badge--info {\n background-color: #ef6c00;\n color: #ffffff;\n}\n\n.badge--warn {\n background-color: #c62828;\n color: #ffffff;\n}\n\n.badge--success {\n background-color: #00C853;\n color: #ffffff;\n}\n\n.divider--withmargin {\n margin: 16px 0;\n}\n\n.divider--dashed {\n border-top-style: dashed;\n}\n\na {\n color: #1C8CA8;\n cursor: pointer;\n}\n\n.active {\n background-color: rgba(158, 158, 158, 0.2);\n color: rgba(0, 0, 0, 0.87);\n}\n\n.avatar {\n border-radius: 50%;\n box-sizing: content-box;\n}\n\n.avatar--square {\n border-radius: 4px;\n}\n\n.avatar.md-18 {\n height: 30px;\n width: 30px;\n}\n.avatar.md-24 {\n height: 36px;\n width: 36px;\n}\n.avatar.md-36 {\n height: 48px;\n width: 48px;\n}\n.avatar.md-48 {\n height: 60px;\n width: 60px;\n}\n\n.avatar--icon {\n background-color: #dddddd;\n white-space: normal !important;\n}\n.avatar--icon:not(.md-avatar) {\n padding: 6px;\n}\n.avatar--icon.md-18 {\n height: 18px;\n width: 18px;\n}\n.avatar--icon.md-24 {\n height: 24px;\n width: 24px;\n}\n.avatar--icon.md-36 {\n height: 36px;\n width: 36px;\n}\n.avatar--icon.md-48 {\n height: 48px;\n width: 48px;\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n color: rgba(0, 0, 0, 0.54);\n}\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n color: rgba(0, 0, 0, 0.26);\n}\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n color: #1C8CA8 !important;\n}\nmd-icon.success, .md-button:not([disabled]).success {\n color: #00C853 !important;\n}\nmd-icon.warn, .md-button:not([disabled]).warn {\n color: #c62828 !important;\n}\nmd-icon.info, .md-button:not([disabled]).info {\n color: #ef6c00 !important;\n}\nmd-icon.accent, .md-button:not([disabled]).accent {\n color: #F05843 !important;\n}\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n color: #795C3A !important;\n}\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n color: #CAD266 !important;\n}\n\nmd-input-container.md-wise-theme label {\n color: rgba(0, 0, 0, 0.87);\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n background-color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n color: #1C8CA8;\n background-color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\n.primary {\n color: #1C8CA8;\n}\n\n.accent {\n color: #F05843;\n}\n\n.accent-1 {\n color: #795C3A;\n}\n\n.accent-2 {\n color: #CAD266;\n}\n\n.warn {\n color: #c62828;\n}\n\n.info {\n color: #ef6c00;\n}\n\n.success {\n color: #00C853;\n}\n\n.divider {\n color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest {\n color: #f7f7f7;\n}\n\n.gray-lighter {\n color: #eeeeee;\n}\n\n.gray-light {\n color: #dddddd;\n}\n\n.gray {\n color: #cccccc;\n}\n\n.gray-dark {\n color: #aaaaaa;\n}\n\n.gray-darker {\n color: #757575;\n}\n\n.gray-darkest {\n color: #333333;\n}\n\n.text {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled {\n color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light {\n color: rgb(255, 255, 255);\n}\n\n.text-light-secondary {\n color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg {\n color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\n.score {\n color: #FFC107;\n}\n\n.body {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg {\n color: #eeeeee;\n}\n\n.primary-bg {\n background-color: #1C8CA8;\n}\n\n.accent-bg {\n background-color: #F05843;\n}\n\n.accent-1-bg {\n background-color: #795C3A;\n}\n\n.accent-2-bg {\n background-color: #CAD266;\n}\n\n.warn-bg {\n background-color: #c62828;\n}\n\n.info-bg {\n background-color: #ef6c00;\n}\n\n.success-bg {\n background-color: #00C853;\n}\n\n.divider-bg {\n background-color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest-bg {\n background-color: #f7f7f7;\n}\n\n.gray-lighter-bg {\n background-color: #eeeeee;\n}\n\n.gray-light-bg {\n background-color: #dddddd;\n}\n\n.gray-bg {\n background-color: #cccccc;\n}\n\n.gray-dark-bg {\n background-color: #aaaaaa;\n}\n\n.gray-darker-bg {\n background-color: #757575;\n}\n\n.gray-darkest-bg {\n background-color: #333333;\n}\n\n.text-bg {\n background-color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary-bg {\n background-color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled-bg {\n background-color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light-bg {\n background-color: rgb(255, 255, 255);\n}\n\n.text-light-secondary-bg {\n background-color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled-bg {\n background-color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg-bg {\n background-color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\n.score-bg {\n background-color: #FFC107;\n}\n\n.body-bg {\n background-color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg-bg {\n background-color: #eeeeee;\n}\n\nmd-progress-circular.primary path {\n stroke: #1C8CA8;\n}\n\nmd-progress-circular.accent path {\n stroke: #F05843;\n}\n\nmd-progress-circular.accent-1 path {\n stroke: #795C3A;\n}\n\nmd-progress-circular.accent-2 path {\n stroke: #CAD266;\n}\n\nmd-progress-circular.warn path {\n stroke: #c62828;\n}\n\nmd-progress-circular.info path {\n stroke: #ef6c00;\n}\n\nmd-progress-circular.success path {\n stroke: #00C853;\n}\n\nmd-progress-circular.divider path {\n stroke: rgba(0, 0, 0, 0.12);\n}\n\nmd-progress-circular.gray-lightest path {\n stroke: #f7f7f7;\n}\n\nmd-progress-circular.gray-lighter path {\n stroke: #eeeeee;\n}\n\nmd-progress-circular.gray-light path {\n stroke: #dddddd;\n}\n\nmd-progress-circular.gray path {\n stroke: #cccccc;\n}\n\nmd-progress-circular.gray-dark path {\n stroke: #aaaaaa;\n}\n\nmd-progress-circular.gray-darker path {\n stroke: #757575;\n}\n\nmd-progress-circular.gray-darkest path {\n stroke: #333333;\n}\n\nmd-progress-circular.text path {\n stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.text-secondary path {\n stroke: rgba(0, 0, 0, 0.54);\n}\n\nmd-progress-circular.text-disabled path {\n stroke: rgba(0, 0, 0, 0.26);\n}\n\nmd-progress-circular.text-light path {\n stroke: rgb(255, 255, 255);\n}\n\nmd-progress-circular.text-light-secondary path {\n stroke: rgba(255, 255, 255, 0.7);\n}\n\nmd-progress-circular.text-light-disabled path {\n stroke: rgba(255, 255, 255, 0.5);\n}\n\nmd-progress-circular.selected-bg path {\n stroke: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\nmd-progress-circular.score path {\n stroke: #FFC107;\n}\n\nmd-progress-circular.body path {\n stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.body-bg path {\n stroke: #eeeeee;\n}\n\n.l-constrained {\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n position: relative;\n}\n@media (min-width: 600px) {\n .l-constrained {\n width: 1280px;\n }\n}\n@media (min-width: 1920px) {\n .l-constrained {\n width: 1920px;\n }\n}\n\n.l-constrained-md {\n width: 960px;\n max-width: 100%;\n}\n\n.l-footer {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n background-color: #ffffff;\n border-top: 1px solid #eeeeee;\n}\n\n.button--footer {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n min-width: 0;\n display: flex;\n}\n\n.button--footer__element {\n padding-left: 8px;\n}\n\n.l-header {\n z-index: 3;\n}\n.l-header .logo {\n margin-left: 0 !important;\n height: 36px;\n width: 36px;\n vertical-align: middle;\n}\n.l-header .logo-link {\n min-width: auto;\n display: none;\n padding: 0 4px;\n margin-right: 12px;\n}\n@media only screen and (min-width: 600px) {\n .l-header .logo-link {\n display: block;\n }\n}\n.l-header .logo-link:hover, .l-header .logo-link:focus {\n border: 0 none;\n}\n@media only screen and (max-width: 599px) {\n .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n font-size: 15px;\n }\n}\n\n.l-main {\n background-color: #eeeeee;\n}\n\n.l-main--with-toolbar {\n margin-top: 42px;\n}\n\n#content {\n transition: margin-top 0.5s;\n}\n\n.view-content {\n margin: 0 auto;\n padding: 8px;\n position: absolute;\n left: 0;\n right: 0;\n transition: opacity 500ms;\n}\n@media only screen and (min-width: 960px) {\n .view-content {\n padding: 16px;\n }\n}\n.view-content.ng-enter {\n opacity: 0;\n}\n.view-content .ng-enter-active {\n opacity: 1;\n transition-delay: 250ms;\n}\n.view-content.ng-leave-active, .view-content.ng-hide {\n opacity: 0;\n}\n.view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n opacity: 0;\n}\n\n.view-content--with-sidemenu {\n padding: 8px;\n}\n@media only screen and (min-width: 600px) {\n .view-content--with-sidemenu {\n margin-left: 54px;\n padding: 16px;\n }\n}\n\n@media only screen and (min-width: 600px) {\n [dir=rtl] .view-content--with-sidemenu {\n margin-left: auto;\n margin-right: 54px;\n }\n}\n\n.content-head {\n margin: 8px 0;\n}\n.content-head h1,\n.content-head h2,\n.content-head h3 {\n font-weight: 300;\n margin-top: 0;\n margin-bottom: 0;\n font-size: 36px;\n}\n@media only screen and (max-width: 959px) {\n .content-head h1,\n .content-head h2,\n .content-head h3 {\n font-size: 32px;\n text-align: center;\n }\n}\n\n@media only screen and (max-width: 959px) {\n .content-head__more {\n margin-top: 8px;\n }\n}\n\n.content-head__item,\nh2.content-head__item {\n margin: 0 8px;\n}\n.content-head__item .md-subhead,\nh2.content-head__item .md-subhead {\n padding-left: 4px;\n}\n@media only screen and (max-width: 959px) {\n .content-head__item .md-subhead,\n h2.content-head__item .md-subhead {\n display: block;\n padding-left: 0;\n }\n}\n.content-head__item md-icon,\nh2.content-head__item md-icon {\n vertical-align: text-bottom;\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n max-height: 500px;\n}\n\n.l-notebook {\n margin-top: 42px;\n background-color: #eeeeee !important;\n}\n\n.l-sidebar__header {\n background-color: #ffffff !important;\n color: #795C3A !important;\n}\n.l-sidebar__header md-select {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.status-icon {\n margin: 0 4px;\n z-index: 1;\n vertical-align: bottom;\n}\n\n.md-button.status-icon {\n height: auto;\n width: auto;\n min-height: 0;\n line-height: inherit;\n margin: 0 4px;\n padding: 0;\n}\n\n.avatar--icon--alert {\n background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n font-size: 48px;\n margin: -4px 0 0 -4px;\n}\n\nmd-dialog {\n width: 600px;\n}\n\n.dialog--wide {\n width: 960px;\n}\n\n.dialog--wider {\n width: 1280px;\n}\n\n.help-bubble {\n border-radius: 4px;\n max-width: 320px;\n}\n@media (min-width: 600px) {\n .help-bubble {\n max-width: 552px;\n }\n}\n@media (min-width: 960px) {\n .help-bubble {\n max-width: 912px;\n }\n}\n@media (min-width: 1280px) {\n .help-bubble {\n max-width: 1232px;\n }\n}\n\n.help-bubble__title {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n}\n\n.help-bubble___title__content {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n padding: 0px 0 0 12px;\n background-color: #ef6c00;\n}\n.help-bubble___title__content .md-icon-button {\n margin-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.help-bubble__content {\n overflow: auto;\n padding: 8px 12px;\n max-height: 480px;\n}\n\n.help-bubble__actions {\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n\n.input-container {\n padding-top: 12px;\n}\n\n.input-container--component {\n margin-bottom: 0;\n}\n\n.input-container--open-response.md-has-icon {\n padding-left: 0;\n}\n.input-container--open-response .md-errors-spacer {\n display: none;\n}\n\n.input-wrapper {\n position: relative;\n}\n\n.input-wrapper--focused .input--textarea__action md-icon {\n color: #1C8CA8;\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n padding: 8px;\n background-color: #f7f7f7;\n border: 1px solid #cccccc;\n margin-bottom: 8px;\n}\n.input--textarea:focus, .input-container textarea.input--textarea:focus {\n background-color: #ffffff;\n}\n.input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.input-container textarea.input--textarea {\n width: 100%;\n}\n\n.input--textarea--disabled {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.input--textarea__action {\n position: absolute;\n right: -4px;\n}\n.input--textarea__action[disabled] md-icon {\n color: rgba(0, 0, 0, 0.26) !important;\n}\n\n.input--textarea__action--notebook {\n top: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--notebook {\n top: -7px;\n}\n\n.input--textarea__action--revision {\n bottom: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--revision {\n bottom: -5px;\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n line-height: 1.2;\n color: rgba(0, 0, 0, 0.87);\n}\n.input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n color: #1C8CA8;\n}\n\n.autocomplete input {\n text-overflow: ellipsis;\n overflow: hidden;\n word-wrap: none;\n font-weight: 500;\n color: rgba(0, 0, 0, 0.54);\n}\n\n@media only screen and (min-width: 600px) {\n .autocomplete--minwidth {\n min-width: 300px;\n }\n}\n@media only screen and (min-width: 960px) {\n .autocomplete--minwidth {\n min-width: 300px;\n }\n}\n\n.autocomplete--flat md-autocomplete-wrap {\n background-color: #ffffff;\n}\n.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n box-shadow: none;\n background-color: #eeeeee;\n}\n\n.select__header {\n height: 48px;\n}\n.select__header input {\n height: 100%;\n width: 100%;\n padding: 0 8px;\n outline: none;\n border: 0 none;\n font-size: 14px;\n font-weight: 500;\n}\n\n.table {\n max-width: 100%;\n width: auto;\n min-width: 100px;\n margin: 8px 0;\n}\n.table thead > tr > th,\n.table thead > tr > td,\n.table tbody > tr > th,\n.table tbody > tr > td,\n.table tfoot > tr > th,\n.table tfoot > tr > td {\n border: 1px solid #cccccc;\n padding: 6px;\n font-size: 15px;\n min-height: 32px;\n height: 32px;\n min-width: 32px;\n vertical-align: top;\n}\n.table td.inactive,\n.table th {\n background-color: #f7f7f7;\n opacity: 1;\n visibility: visible;\n}\n.table md-input-container {\n margin: 0;\n}\n.table .md-errors-spacer {\n display: none;\n}\n\n.table--student td.inactive {\n padding: 8px 10px;\n}\n\n.table--full-width {\n width: 100%;\n}\n\n.table--list {\n border: 0 none;\n border-collapse: collapse;\n background-color: #ffffff;\n max-width: 100%;\n overflow: auto;\n}\n.table--list th,\n.table--list td {\n padding: 0 4px;\n border: 0 none;\n}\n.table--list td {\n min-height: 56px;\n height: 56px;\n}\n.table--list tr.md-button {\n display: table-row;\n text-align: left;\n width: auto;\n text-transform: none;\n font-size: inherit;\n font-weight: normal;\n}\n\n.table--list__wrap {\n min-width: 600px;\n}\n\n@media only screen and (max-width: 959px) {\n .table-wrap-sticky {\n overflow-x: auto;\n }\n}\n\n.table--list__thead {\n font-size: 14px;\n font-weight: 700;\n}\n\n.table--list__thead__tr {\n height: 100%;\n margin: 0;\n}\n\n.table--list__thead__th {\n background-color: #757575;\n color: rgb(255, 255, 255);\n min-height: 42px;\n height: 42px;\n}\n\n.table--list__thead__link {\n color: #ffffff;\n text-transform: none;\n margin: 0;\n min-width: 0;\n white-space: normal;\n line-height: 1.4;\n width: 100%;\n}\n\n.table--list__thead__sort {\n margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n transform: rotate(180deg);\n}\n\n.td--wrap {\n min-width: 180px;\n white-space: normal;\n line-height: 1.2;\n}\n\n@media only screen and (max-width: 959px) {\n .td--max-width {\n max-width: 180px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n\n.md-toolbar-tools {\n font-size: 18px;\n}\n.md-toolbar-tools .autocomplete {\n height: 36px;\n}\n.md-toolbar-tools .autocomplete md-autocomplete-wrap {\n height: 36px;\n}\n.md-toolbar-tools .autocomplete input {\n height: 36px;\n}\n\n.md-toolbar--wise {\n min-height: 42px;\n}\n.md-toolbar--wise .md-toolbar-tools {\n height: 42px;\n max-height: 42px;\n}\n.md-toolbar--wise .md-button.md-icon-button {\n height: 42px;\n line-height: 42px;\n width: 42px;\n}\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n padding: 0 8px;\n font-size: 15px;\n}\n\n.md-toolbar--sidenav {\n background-color: #333333 !important;\n}\n.md-toolbar--sidenav .md-toolbar-tools {\n font-size: 16px;\n font-weight: 500;\n}\n\n.toolbar {\n position: fixed;\n left: 0;\n right: 0;\n top: 52px;\n z-index: 3;\n}\n\n.toolbar__title {\n margin-left: 8px;\n font-size: 16px;\n font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n margin: 0 4px;\n min-height: 32px;\n background-color: #f7f7f7;\n}\n.toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n height: 32px;\n text-align: left;\n}\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n text-align: right;\n}\n\n.toolbar__select--fixedwidth {\n width: 168px;\n}\n@media only screen and (min-width: 600px) {\n .toolbar__select--fixedwidth {\n width: 264px;\n }\n}\n@media only screen and (min-width: 960px) {\n .toolbar__select--fixedwidth {\n width: 432px;\n }\n}\n\n.list-item {\n background-color: #ffffff;\n border-bottom: 1px solid #eeeeee;\n}\n.list-item .md-subheader, .list-item.md-subheader {\n color: rgba(0, 0, 0, 0.87);\n background-color: #ffffff;\n}\n.list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n vertical-align: middle;\n}\n.list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n padding: 0;\n}\n.list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n margin-right: 8px;\n}\n.list-item .autocomplete {\n margin: 8px 0;\n}\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n border-left: 4px solid #ef6c00 !important;\n margin-left: -4px;\n}\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n border-left: 4px solid #c62828 !important;\n margin-left: -4px;\n}\n\n.list-item--expanded {\n border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n cursor: default;\n background-color: #f7f7f7;\n}\n\n.list-item--actions {\n padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n text-transform: none;\n width: 100%;\n padding: 8px 16px;\n margin: 0;\n white-space: normal;\n text-align: left;\n line-height: 1.4;\n}\n\n.user-list {\n font-size: 15px;\n}\n\n#nav {\n position: relative;\n}\n\n.nav {\n margin-bottom: 16px;\n}\n\n.nav-mask {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0, 0, 0, 0.25);\n z-index: 1;\n}\n.nav-mask.ng-hide {\n opacity: 0;\n}\n\n.nav-head {\n color: rgba(0, 0, 0, 0.54);\n font-weight: 500;\n}\n.nav-head md-icon {\n line-height: 20px;\n}\n\n.nav-contents--root {\n padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n background-color: #dddddd;\n padding: 8px;\n}\n\n.nav-contents--root {\n padding: 0;\n}\n\n.nav-contents__list {\n padding: 0;\n}\n@media (min-width: 600px) {\n .nav-contents__list {\n padding: 8px;\n }\n}\n\n.nav-item {\n transition: opacity 250ms ease-in-out;\n}\n.nav-item.prev md-list-item {\n background-color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n /*&._md-button-wrap>div.md-button:first-child {\n border-left: 4px solid color('primary');\n margin-left: -4px;\n }*/\n}\n\n.nav-item--card__content {\n border-top-right-radius: 4px;\n border-top-left-radius: 4px;\n}\n.nav-item--card__content:focus {\n outline: none;\n}\n.nav-item--card__content:focus .nav-item__title > span {\n border-bottom: 1px dashed #cccccc;\n}\n\n.nav-item--root {\n transition: margin 250ms, box-shadow 500ms;\n}\n.nav-item--root.expanded {\n flex-basis: 100%;\n max-width: 100%;\n max-height: none !important;\n margin: 8px auto;\n}\n.nav-item--root.expanded:first-of-type {\n margin-top: 0;\n}\n\n.nav-item--list__info-item {\n padding: 0 16px 0 4px;\n display: inline-block;\n}\n\n.nav-item--list__reorder {\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.26);\n}\n\n.nav-item--card--group:not(.expanded) {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n}\n\n.nav-item__collapse {\n margin: 0;\n}\n\n.nav-item__more {\n border-top: 1px solid #dddddd;\n border-bottom-right-radius: 4px;\n border-bottom-left-radius: 4px;\n padding: 8px 16px;\n min-height: 40px;\n}\n\n.nav-item__users {\n height: auto;\n cursor: pointer;\n color: #ffffff;\n margin: 0;\n padding: 1px 6px;\n}\n.nav-item__users > md-icon {\n padding-right: 4px;\n color: #ffffff;\n}\n.nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n background-color: #00C853;\n}\n\n.nav-item__title {\n padding-left: 16px;\n line-height: 1.2;\n font-weight: 400;\n}\n\n[dir=rtl] .nav-item__title {\n padding-left: auto;\n padding-right: 16px;\n}\n\n.nav-item__info {\n padding: 0 8px;\n}\n\n.nav-item__progress {\n width: 48px;\n}\n.nav-item__progress > .md-container {\n top: 0;\n}\n\n.nav-item__progress-value {\n margin-left: 8px;\n width: 36px;\n}\n\n.progress-wrapper {\n padding: 2px 0;\n cursor: pointer;\n}\n\n.menu-progress {\n position: absolute;\n top: 10px;\n right: 12px;\n}\n.menu-progress path {\n stroke: #CAD266 !important;\n stroke-width: 2px;\n}\n\n[dir=rtl] .menu-progress {\n right: auto;\n left: 12px;\n}\n\n.menu-sidenav__item {\n font-weight: 700;\n font-size: 14px;\n}\n\n.menu-sidenav__icon {\n margin-top: 12px !important;\n margin-right: 12px !important;\n margin-left: 12px;\n}\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n color: #1C8CA8;\n}\n\n.menu-sidebar {\n position: absolute;\n top: 94px;\n bottom: 0;\n left: 0;\n background-color: #fff;\n width: 56px;\n overflow: hidden;\n padding: 8px 0;\n text-align: center;\n border-right: 1px solid #cccccc;\n}\n@media only screen and (max-width: 599px) {\n .menu-sidebar {\n display: none;\n }\n}\n\n[dir=rtl] .menu-sidebar {\n right: 0;\n left: auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n margin-top: 6px;\n margin-bottom: 6px;\n}\n\n#node {\n margin: 0 auto;\n position: absolute;\n left: 0;\n right: 0;\n}\n@media only screen and (min-width: 600px) {\n #node {\n padding: 8px;\n padding: 24px 16px;\n margin-bottom: 32px;\n }\n}\n@media only screen and (min-width: 960px) {\n #node {\n padding: 32px;\n }\n}\n#node.ng-enter {\n transition: opacity 0.5s;\n opacity: 0;\n}\n#node.ng-enter-active {\n opacity: 1;\n}\n\n.node-content {\n padding: 0 0 48px;\n background-color: #ffffff;\n border-radius: 3px;\n overflow: visible;\n}\n@media only screen and (max-width: 599px) {\n .node-content {\n box-shadow: none;\n }\n}\n@media only screen and (min-width: 600px) {\n .node-content {\n padding: 0;\n border-top: 2px solid;\n border-bottom: 2px solid;\n }\n}\n\nmd-content.node-content {\n background-color: #ffffff;\n}\n\n.node-content__rubric {\n position: absolute;\n top: -22px;\n left: 0;\n right: 0;\n z-index: 1;\n}\n.node-content__rubric .avatar--icon {\n transform: scale(0.94);\n}\n@media only screen and (max-width: 599px) {\n .node-content__rubric .avatar--icon {\n transform: scale(0.8);\n }\n}\n\n.node-icon {\n color: #ffffff;\n vertical-align: inherit;\n}\n\n.node-select {\n margin: 0 8px;\n min-width: 0;\n font-weight: 500;\n font-size: 15px;\n}\n.node-select .md-select-value *:first-child {\n transform: translate3d(0, 0, 0);\n flex: 1 0 0;\n}\n.node-select .md-select-value .node-select__icon {\n display: none;\n}\n.node-select .md-select-value .node-select__status {\n display: none;\n}\n.node-select .md-select-icon {\n margin-left: 0;\n color: rgba(0, 0, 0, 0.87);\n}\n\n.node-select-option--group {\n background-color: #f7f7f7;\n border-bottom: 1px solid #eeeeee;\n border-top: 1px solid #eeeeee;\n}\n\n.node-select-option--node {\n padding-left: 20px;\n}\n\n.node-select__icon {\n margin-right: 8px;\n}\n\n.node-select__status {\n margin-left: 8px;\n}\n\n.node-select__text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n@media only screen and (min-width: 600px) {\n .node-select__text {\n margin-top: 2px;\n }\n}\n\n.node-title {\n line-height: 1.2;\n text-transform: none;\n margin-top: 3px;\n}\n@media only screen and (max-width: 599px) {\n .node-title {\n font-size: 15px;\n }\n}\n\n.node-content__actions {\n padding: 0 16px 16px;\n}\n@media only screen and (min-width: 960px) {\n .node-content__actions {\n padding: 0 24px 24px;\n }\n}\n.node-content__actions .md-button:first-child {\n margin-left: 0;\n}\n.node-content__actions .md-button:last-child {\n margin-right: 0;\n}\n\n.node-content__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.node-content__actions__more {\n border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav:first-of-type {\n margin-right: 0;\n}\n\n@media only screen and (min-width: 600px) {\n .node-sidebar-active {\n margin-right: 68px;\n }\n}\n\n@media only screen and (max-width: 599px) {\n .node-sidebar-visible {\n margin-bottom: 42px;\n }\n}\n\n.node-sidebar {\n position: absolute;\n right: 0;\n top: 0;\n width: 52px;\n}\n\n.node-sidebar__toolbar {\n position: fixed;\n width: 52px;\n background-color: #ffffff;\n padding: 8px 0;\n border-radius: 3px;\n}\n@media only screen and (max-width: 599px) {\n .node-sidebar__toolbar {\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n border-radius: 0;\n padding: 0;\n min-height: 0;\n height: 42px;\n }\n}\n\n.node__label--vertical-alignment {\n vertical-align: middle;\n display: inline-block;\n}\n\nnotebook-launcher {\n position: absolute;\n bottom: 24px;\n right: 28px;\n}\n@media only screen and (min-width: 600px) {\n notebook-launcher.md-button.md-fab {\n z-index: 61;\n }\n}\n\nnotebook-report {\n position: absolute;\n bottom: 0;\n right: 96px;\n transition: right 250ms;\n z-index: 3;\n}\nnotebook-report.report-full {\n left: 8px;\n right: 8px;\n top: 8px;\n bottom: 8px;\n}\n@media only screen and (min-width: 960px) {\n notebook-report.notes-visible {\n right: 492px;\n }\n}\n\n.notebook-sidebar {\n width: 300px;\n max-width: none;\n}\n@media only screen and (min-width: 600px) {\n .notebook-sidebar {\n width: 480px;\n }\n}\n\n@media only screen and (max-width: 599px) {\n .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n bottom: 50px !important;\n }\n}\n.notification-btn {\n width: 60px !important;\n}\n.notification-btn md-icon {\n margin-left: 20px;\n}\n\n.notification-count {\n border-radius: 50%;\n position: absolute;\n background-color: #F05843;\n width: 22px;\n top: 12px;\n left: -18px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid;\n}\n.notification-count:before {\n content: \"\";\n position: absolute;\n right: -7px;\n top: 6px;\n border-left: 6px solid rgba(255, 255, 255, 0.87);\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n}\n\n.notification-list {\n padding: 8px 0;\n}\n\n.notification-dismiss {\n width: 500px;\n}\n\n.notification-dismiss__input {\n margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n color: rgba(0, 0, 0, 0.54);\n font-size: 12px;\n}\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n font-size: 18px;\n min-width: 0;\n width: auto;\n margin-left: -4px;\n line-height: 20px;\n}\n\n.account-menu {\n border-radius: 4px;\n padding: 0;\n font-size: 15px;\n max-width: 380px;\n}\n@media (min-width: 1280px) {\n .account-menu {\n min-width: 380px !important;\n }\n}\n.account-menu h3 {\n margin: 0;\n font-weight: 300;\n}\n.account-menu .mat-mdc-menu-content {\n padding: 0;\n}\n\n.account-menu--fixed-height {\n height: 304px;\n}\n\n.account-menu--fixed-width {\n width: 320px;\n}\n@media (min-width: 960px) {\n .account-menu--fixed-width {\n width: 380px;\n }\n}\n\n.account-menu__icon {\n background-color: rgb(255, 255, 255);\n border-radius: 50%;\n}\n\n.account-menu__caret {\n position: absolute;\n right: 28px;\n top: -8px;\n outline: none;\n}\n.account-menu__caret:before {\n content: \"\";\n position: absolute;\n border-bottom: 8px solid #fff;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n right: 132px;\n}\n\n[dir=rtl] .account-menu__caret {\n right: auto;\n left: 28px;\n}\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n left: 80px;\n right: auto;\n}\n[dir=rtl] .account-menu__caret--notification--with-pause {\n left: 132px;\n right: auto;\n}\n\n.account-menu__info {\n padding: 8px 12px;\n}\n\n.account-menu__info__title {\n font-weight: 500;\n}\n\n.account-menu__info__team {\n font-weight: 400;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.account-menu__users {\n padding: 0;\n}\n.account-menu__users md-list-item {\n padding: 0;\n}\n.account-menu__users md-list-item .md-avatar {\n margin: 0 8px 0 0;\n height: 48px;\n width: 48px;\n}\n\n.account-menu__actions {\n background-color: #f7f7f7;\n}\n\n.account-menu__control {\n padding: 16px;\n}\n\n.annotations {\n margin: 16px 4px 16px 62px;\n position: relative;\n font-size: 15px;\n}\n.annotations hr {\n margin: 10px 0 8px;\n border-color: rgba(0, 0, 0, 0.12);\n}\n.annotations:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n left: -15px;\n right: auto;\n top: -1px;\n bottom: auto;\n border-top: 20px solid transparent;\n border-bottom: 20px solid transparent;\n border-right: 16px solid #757575;\n}\n\n.annotations-container--student--report {\n border-top: 1px solid #dddddd;\n}\n\n.annotations--report {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.annotations__header {\n position: relative;\n border-top-right-radius: 4px;\n padding: 10px 12px;\n font-weight: 700;\n transition: all 1s;\n color: #ffffff;\n background-color: #757575;\n}\n\n.annotations__avatar {\n background-color: #F05843;\n padding: 2px;\n position: absolute;\n top: 0;\n left: -62px;\n}\n\n.annotations__icon {\n transition: all 1s;\n color: #ffffff;\n}\n\n.annotations__body {\n padding: 12px;\n background-color: #ffffff;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n overflow: auto;\n}\n\n.annotations__status {\n background-color: #ffffff;\n color: #ef6c00;\n display: inline-block;\n margin-left: 8px;\n font-size: 12px;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave {\n transition: all 1s;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n opacity: 0;\n}\n.annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n opacity: 1;\n}\n\n.annotations__score {\n font-weight: 700;\n}\n\n.annotations__info {\n font-style: italic;\n opacity: 0.8;\n border-bottom: 1px dotted;\n font-size: 13px;\n}\n\n.annotations--inside .annotations {\n margin-left: 72px;\n}\n\n.annotations--info {\n margin-bottom: 32px;\n margin-right: 8px;\n margin-left: 72px;\n}\n@media only screen and (min-width: 600px) {\n .annotations--info {\n margin: 16px 16px 32px 76px;\n }\n}\n.annotations--info:after {\n border-right: 16px solid #ef6c00;\n}\n.annotations--info .annotations__avatar {\n background-color: #ffffff;\n}\n.annotations--info .annotations__header {\n background-color: #ef6c00;\n}\n\n.component {\n position: relative;\n}\n\n.component__wrapper {\n padding: 0 24px;\n margin: 24px 0;\n}\n\n.component__content {\n overflow-x: auto;\n font-size: 15px;\n overflow-y: hidden;\n}\n@media only screen and (min-width: 600px) {\n .component__content {\n padding: 0 8px;\n }\n}\n\nh3.component__header {\n padding: 8px 12px;\n margin: 0;\n font-size: 14px;\n}\n\n.component__rubric {\n position: absolute;\n left: -20px;\n top: 12px;\n}\n\n.notebook-enabled .component_content img {\n transition: all 250ms;\n cursor: pointer;\n cursor: copy;\n}\n.notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n box-shadow: 0 0 5px 1px #F05843;\n}\n\n.component__actions .md-button:first-child {\n margin-left: 0;\n}\n.component__actions .md-button:last-child {\n margin-right: 0;\n}\n\n.component__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.54);\n font-weight: 400;\n}\n\n.component__actions__more {\n border-bottom: 1px dotted;\n}\n\n.component__prompt {\n margin-bottom: 8px;\n font-weight: 500;\n}\n\n.component__prompt__content {\n display: inline;\n}\n\n.component__attachment {\n position: relative;\n margin: 0 8px;\n padding-bottom: 8px;\n}\n@media only screen and (min-width: 600px) {\n .component__attachment {\n padding-top: 8px;\n }\n}\n\n@media only screen and (max-width: 599px) {\n .component__add-attachment {\n width: 100%;\n }\n}\n\n.component__attachment__content {\n max-height: 100px;\n width: auto;\n}\n\n.component__attachment__delete {\n position: absolute;\n top: 0;\n right: 0;\n min-width: 0;\n background-color: rgba(255, 255, 255, 0.75) !important;\n border-radius: 0;\n padding: 4px;\n margin: 0;\n}\n.component__attachment__delete > md-icon {\n margin-top: 0;\n}\n\n.component__revision {\n margin: 8px 0;\n padding: 8px;\n}\n.component__revision:nth-child(odd) {\n background-color: #f7f7f7;\n}\n\n.component__revision__content {\n padding: 4px 0 8px 0;\n border-bottom: 1px solid #dddddd;\n}\n\n.component__revision__actions {\n color: #757575;\n padding-top: 4px;\n}\n\n.component__content--Discussion {\n overflow: hidden;\n}\n\n.discussion-content {\n background-color: #eeeeee;\n box-shadow: inset 0 0 3px #aaaaaa;\n}\n\n.discussion-posts {\n padding: 12px 12px 8px;\n}\n@media only screen and (min-width: 1280px) {\n .discussion-posts {\n padding: 16px 16px 0;\n }\n}\n\n.discussion-post {\n margin: 0 auto 16px;\n max-width: 600px;\n}\n@media only screen and (min-width: 600px) {\n .discussion-post {\n margin-bottom: 24px;\n }\n}\n@media only screen and (min-width: 1280px) {\n .discussion-post {\n margin-bottom: 32px;\n }\n}\n.discussion-post md-divider {\n position: relative;\n width: auto;\n}\n\n.discussion-post__attachment {\n max-width: 100%;\n height: auto !important;\n margin-top: 16px;\n}\n\n.discussion-new {\n background-color: #ffffff;\n max-width: 570px;\n margin-left: auto;\n margin-right: auto;\n padding: 8px;\n transition: all 250ms;\n transform: scale(0.95);\n}\n\n.discussion-new--focused {\n transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n margin: 0;\n padding: 0;\n}\nmd-input-container.discussion-new__input-container > textarea.md-input {\n min-height: 68px;\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n border: 0 none;\n}\n\n.discussion-new__actions {\n padding: 0 8px;\n}\n.discussion-new__actions .md-button:first-of-type {\n margin-left: 0;\n}\n.discussion-new__actions .md-button:last-of-type {\n margin-right: 0;\n}\n\n.discussion-new__attachment {\n padding: 0;\n margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n margin-top: 0;\n margin-bottom: 16px;\n}\n\n.embedded-content__iframe {\n border: 0 none;\n}\n\n.graph-select {\n min-width: 150px;\n max-width: 200px;\n}\n\n.graph-controls {\n margin: 8px 0;\n padding: 8px 0;\n border: 1px solid #eeeeee;\n border-left-width: 0;\n border-right-width: 0;\n}\n\n.outside-content iframe {\n border: 1px solid #eeeeee;\n}\n\n.outside-content__source {\n margin-top: 4px;\n text-align: end;\n}\n.outside-content__source a {\n max-width: 240px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n}\n\n.notebook-toolbar md-divider {\n margin: 8px 0;\n}\n@media only screen and (max-width: 959px) {\n .notebook-toolbar {\n border-top: 1px solid #dddddd;\n }\n}\n\n.notebook-toolbar__add-menu {\n position: absolute;\n bottom: 40px;\n}\n.notebook-toolbar__add-menu .md-fab-action-item {\n background-color: #ffffff;\n}\n\n.notebook-toolbar__add-icon {\n border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n float: right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n float: left;\n}\n\nhighchart {\n display: block;\n}","@use 'sass:map';\n\n// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n 'primary': $_primary-color,\n 'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n 'accent-1': #795C3A,\n 'accent-2': #CAD266,\n 'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n 'info': #ef6c00,\n 'success': #00C853,\n 'divider': rgba(0, 0, 0, 0.12),\n 'gray-lightest': #f7f7f7,\n 'gray-lighter': #eeeeee,\n 'gray-light': #dddddd,\n 'gray': #cccccc,\n 'gray-dark': #aaaaaa,\n 'gray-darker': #757575,\n 'gray-darkest': #333333,\n 'text': rgba(0, 0, 0, 0.87),\n 'text-secondary': rgba(0, 0, 0, 0.54),\n 'text-disabled': rgba(0, 0, 0, 0.26),\n 'text-light': rgba(255, 255, 255, 1),\n 'text-light-secondary': rgba(255, 255, 255, 0.70),\n 'text-light-disabled': rgba(255, 255, 255, 0.50),\n 'selected-bg': $_selected-bg,\n 'score': #FFC107\n);\n\n$body-color: (\n 'body': map.get($color, 'text'),\n 'body-bg': map.get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid: 8px;\n$body-font-size-base: rem(1.500);\n$caption-font-size-base: rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n position: relative;\n\n @media (min-width: $layout-breakpoint-xs) {\n width: $layout-breakpoint-md;\n }\n\n @media (min-width: $layout-breakpoint-lg) {\n width: $layout-breakpoint-lg;\n }\n}\n\n.l-constrained-md {\n width: $layout-breakpoint-sm;\n max-width: 100%;\n}\n","// 1. Config\n\n// 2. Base\n.l-footer {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n background-color: #ffffff;\n border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n min-width: 0;\n display: flex;\n}\n\n.button--footer__element {\n padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n z-index: 3;\n\n .logo {\n margin-left: 0 !important;\n height: 36px;\n width: 36px;\n vertical-align: middle;\n }\n\n .logo-link {\n min-width: auto;\n display: none;\n padding: 0 4px;\n margin-right: 12px;\n\n @media only screen and (min-width: ($layout-breakpoint-xs)) {\n display: block;\n }\n\n &:hover, &:focus {\n border: 0 none;\n }\n }\n\n // Handle mobile portrait\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n .md-toolbar-tools {\n h1, h2, h3 {\n font-size: $body-font-size-base;\n }\n }\n }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n margin-top: $wise-toolbar-height;\n}\n\n#content {\n transition: margin-top 0.5s;\n}\n\n.view-content {\n margin: 0 auto;\n padding: 8px;\n position: absolute;\n left: 0;\n right: 0;\n transition: opacity 500ms;\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 16px;\n }\n\n &.ng-enter {\n opacity: 0;\n }\n\n .ng-enter-active {\n opacity: 1;\n transition-delay: 250ms;\n }\n\n &.ng-leave-active,\n &.ng-hide {\n opacity: 0;\n }\n\n &.ng-hide-add,\n &.ng-hide-add-active,\n &.ng-hide-remove,\n &.ng-hide-remove-active {\n opacity: 0;\n }\n}\n\n.view-content--with-sidemenu {\n padding: 8px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-left: 54px;\n padding: 16px;\n }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-left: auto;\n margin-right: 54px;\n }\n}\n\n.content-head {\n margin: 8px 0;\n\n h1,\n h2,\n h3 {\n font-weight: 300;\n margin-top: 0;\n margin-bottom: 0;\n font-size: rem(3.6);\n\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n font-size: rem(3.2);\n text-align: center;\n }\n }\n}\n\n.content-head__more {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n margin-top: 8px;\n }\n}\n\n.content-head__item,\nh2.content-head__item {\n margin: 0 8px;\n\n .md-subhead {\n padding-left: 4px;\n\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n display: block;\n padding-left: 0;\n }\n }\n\n md-icon {\n vertical-align: text-bottom;\n }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n max-height: 500px;\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n margin-top: $wise-toolbar-height;\n background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n background-color: #ffffff !important;\n color: color('accent-1') !important;\n\n md-select {\n color: color('body');\n }\n}",".status-icon {\n margin: 0 4px;\n z-index: 1;\n vertical-align: bottom;\n}\n\n.md-button.status-icon {\n height: auto;\n width: auto;\n min-height: 0;\n line-height: inherit;\n margin: 0 4px;\n padding: 0;\n}\n\n.avatar--icon--alert {\n background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n font-size: 48px;\n margin: -4px 0 0 -4px;\n}\n","md-dialog {\n width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n width: $layout-breakpoint-md;\n}\n",".help-bubble {\n border-radius: $card-border-radius;\n max-width: 320px;\n\n @media (min-width: $layout-breakpoint-xs) {\n max-width: ($layout-breakpoint-xs - 48);\n }\n\n @media (min-width: $layout-breakpoint-sm) {\n max-width: ($layout-breakpoint-sm - 48);\n }\n\n @media (min-width: $layout-breakpoint-md) {\n max-width: ($layout-breakpoint-md - 48);\n }\n}\n\n.help-bubble__title {\n border-top-left-radius: $card-border-radius;\n border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n border-top-left-radius: $card-border-radius;\n border-top-right-radius: $card-border-radius;\n padding: 0px 0 0 12px;\n background-color: color('info');\n\n .md-icon-button {\n margin-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n }\n}\n\n.help-bubble__content {\n overflow: auto;\n padding: 8px 12px;\n max-height: 480px;\n}\n\n.help-bubble__actions {\n border-bottom-left-radius: $card-border-radius;\n border-bottom-right-radius: $card-border-radius;\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n padding-top: 12px;\n}\n\n.input-container--component {\n margin-bottom: 0;\n}\n\n.input-container--open-response {\n &.md-has-icon {\n padding-left: 0;\n }\n\n .md-errors-spacer {\n display: none;\n }\n}\n\n.input-wrapper {\n position: relative;\n}\n\n.input-wrapper--focused {\n .input--textarea__action md-icon {\n color: color('primary');\n }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n padding: 8px;\n background-color: color('gray-lightest');\n border: 1px solid color('gray');\n margin-bottom: 8px;\n\n &:focus {\n background-color: #ffffff;\n }\n\n &[disabled] {\n color: color('text-secondary');\n }\n}\n\n.input-container textarea.input--textarea {\n width: 100%;\n}\n\n.input--textarea--disabled {\n color: color('text-secondary');\n}\n\n.input--textarea__action {\n position: absolute;\n right: -4px;\n\n &[disabled] md-icon {\n color: color('text-disabled') !important;\n }\n}\n\n.input--textarea__action--notebook {\n top: $input-action-vertical-offset;\n\n .input-wrapper--richtext & {\n top: $input-action-vertical-offset-richtext\n }\n}\n\n.input--textarea__action--revision {\n bottom: $input-action-vertical-offset;\n\n .input-wrapper--richtext & {\n bottom: ($input-action-vertical-offset-richtext + 2px);\n }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n line-height: 1.2;\n color: color('text');\n\n &.input-label--focused {\n color: color('primary');\n }\n}\n\n.autocomplete {\n input {\n text-overflow: ellipsis;\n overflow: hidden;\n word-wrap: none;\n font-weight: 500;\n color: color('text-secondary');\n }\n}\n\n.autocomplete--minwidth {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n min-width: 300px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n min-width: 300px;\n }\n}\n\n.autocomplete--flat {\n md-autocomplete-wrap {\n background-color: #ffffff;\n\n &:not(.md-menu-showing) {\n box-shadow: none;\n background-color: color('gray-lighter');\n }\n }\n}\n\n.select__header {\n height: $menu-item-height;\n\n input {\n height: 100%;\n width: 100%;\n padding: 0 8px;\n outline: none;\n border: 0 none;\n font-size: rem(1.4);\n font-weight: 500;\n }\n}\n",".table {\n max-width: 100%;\n width: auto;\n min-width: 100px;\n margin: 8px 0;\n\n thead,\n tbody,\n tfoot {\n // TODO: remove chaining when bootstrap dependency is removed\n > tr > th,\n > tr > td {\n border: 1px solid color('gray');\n padding: 6px;\n font-size: rem(1.5);\n min-height: 32px;\n height: 32px;\n min-width: 32px;\n vertical-align: top;\n }\n }\n\n td.inactive,\n th {\n background-color: color('gray-lightest');\n opacity: 1;\n visibility: visible;\n }\n\n md-input-container {\n margin: 0;\n }\n\n .md-errors-spacer {\n display: none;\n }\n}\n\n.table--student {\n td {\n &.inactive {\n padding: 8px 10px;\n }\n }\n}\n\n.table--full-width {\n width: 100%;\n}\n\n.table--list {\n border: 0 none;\n border-collapse: collapse;\n background-color: #ffffff;\n max-width: 100%;\n overflow: auto;\n\n th,\n td {\n padding: 0 4px;\n border: 0 none;\n }\n\n td {\n min-height: 56px;\n height: 56px;\n }\n\n tr {\n &.md-button {\n display: table-row;\n text-align: left;\n width: auto;\n text-transform: none;\n font-size: inherit;\n font-weight: normal;\n }\n }\n}\n\n.table--list__wrap {\n min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n overflow-x: auto;\n }\n}\n\n.table--list__thead {\n font-size: rem(1.4);\n font-weight: 700;\n}\n\n.table--list__thead__tr {\n height: 100%;\n margin: 0;\n}\n\n.table--list__thead__th {\n background-color: color('gray-darker');\n color: color('text-light');\n min-height: $wise-toolbar-height;\n height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n color: #ffffff;\n text-transform: none;\n margin: 0;\n min-width: 0;\n white-space: normal;\n line-height: 1.4;\n width: 100%;\n}\n\n.table--list__thead__sort {\n margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n transform: rotate(180deg);\n}\n\n.td--wrap {\n min-width: 180px;\n white-space: normal;\n line-height: 1.2;\n}\n\n.td--max-width {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n max-width: 180px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n",".md-toolbar-tools {\n font-size: 18px;\n\n .autocomplete {\n height: 36px;\n\n md-autocomplete-wrap {\n height: 36px;\n }\n\n input {\n height: 36px;\n }\n }\n}\n\n.md-toolbar--wise {\n min-height: $wise-toolbar-height;\n\n .md-toolbar-tools {\n height: $wise-toolbar-height;\n max-height: $wise-toolbar-height;\n }\n\n .md-button.md-icon-button {\n height: $wise-toolbar-height;\n line-height: $wise-toolbar-height;\n width: $wise-toolbar-height;\n }\n}\n\n.md-toolbar--wise--sm {\n .md-toolbar-tools {\n padding: 0 8px;\n font-size: $body-font-size-base;\n }\n}\n\n.md-toolbar--sidenav {\n background-color: color('gray-darkest') !important;\n\n .md-toolbar-tools {\n font-size: rem(1.6);\n font-weight: 500;\n }\n}\n\n.toolbar {\n position: fixed;\n left: 0;\n right: 0;\n top: $md-toolbar-height;\n z-index: 3;\n}\n\n.toolbar__title {\n margin-left: 8px;\n font-size: rem(1.6);\n font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n margin: 0 4px;\n min-height: 32px;\n background-color: color('gray-lightest');\n\n .md-select-value {\n height: 32px;\n text-align: left;\n }\n}\n[dir=rtl] {\n .toolbar__select, .md-button.toolbar__select {\n .md-select-value {\n text-align: right;\n }\n }\n}\n\n.toolbar__select--fixedwidth {\n width: 168px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n width: 264px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n width: 432px;\n }\n}\n","// Helpers\n@function rem($multiplier) {\n $font-size: 10px;\n @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base: rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs: 600px;\n$layout-breakpoint-sm: 960px;\n$layout-breakpoint-md: 1280px;\n$layout-breakpoint-lg: 1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n",".list-item {\n background-color: #ffffff;\n border-bottom: 1px solid color('gray-lighter');\n\n .md-subheader, &.md-subheader {\n color: color('text');\n background-color: #ffffff;\n\n md-icon {\n vertical-align: middle;\n }\n\n .md-subheader-inner {\n padding: 0;\n }\n\n .md-avatar {\n margin-right: 8px;\n }\n }\n\n .autocomplete {\n margin: 8px 0;\n }\n}\n\n.list-item--info {\n &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n border-left: 4px solid color('info') !important;\n margin-left: -4px;\n }\n}\n\n.list-item--warn {\n //background-color: lighten(color('warn'), 56%);\n\n &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n border-left: 4px solid color('warn') !important;\n margin-left: -4px;\n }\n}\n\n.list-item--expanded {\n border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n cursor: default;\n background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n text-transform: none;\n width: 100%;\n padding: 8px 16px;\n margin: 0;\n white-space: normal;\n text-align: left;\n line-height: 1.4;\n}\n\n.user-list {\n font-size: rem(1.5);\n}\n","#nav {\n position: relative;\n}\n\n.nav {\n margin-bottom: 16px;\n}\n\n.nav-mask {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0,0,0,0.25);\n z-index: 1;\n\n &.ng-hide {\n opacity: 0;\n }\n}\n\n.nav-head {\n color: color('text-secondary');\n font-weight: 500;\n\n md-icon {\n line-height: 20px;\n }\n}\n\n.nav-contents--root {\n padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n background-color: color('gray-light');\n padding: 8px;\n}\n\n.nav-contents--root {\n padding: 0;\n}\n\n.nav-contents__list {\n padding: 0;\n\n @media (min-width: $layout-breakpoint-xs) {\n padding: 8px;\n }\n}\n\n.nav-item {\n transition: opacity 250ms ease-in-out;\n\n &.prev {\n md-list-item {\n background-color: color('selected-bg');\n\n /*&._md-button-wrap>div.md-button:first-child {\n border-left: 4px solid color('primary');\n margin-left: -4px;\n }*/\n }\n }\n}\n\n.nav-item--card__content {\n border-top-right-radius: $card-border-radius;\n border-top-left-radius: $card-border-radius;\n\n &:focus {\n outline: none;\n\n .nav-item__title > span {\n border-bottom: 1px dashed color('gray');\n }\n }\n}\n\n.nav-item--root {\n transition: margin 250ms, box-shadow 500ms;\n\n &.expanded {\n flex-basis: 100%;\n //max-width: ($layout-breakpoint-md - 100) !important;\n max-width: 100%;\n max-height: none !important;\n margin: 8px auto;\n\n &:first-of-type {\n margin-top: 0;\n }\n\n //@media only screen and (min-width: $layout-breakpoint-sm) {\n //margin: 8px auto;\n //}\n }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n padding: 0 16px 0 4px;\n display: inline-block;\n}\n\n.nav-item--list__reorder {\n margin-left: 8px;\n color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n &:not(.expanded) {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n }\n}\n\n.nav-item__collapse {\n margin: 0;\n}\n\n.nav-item__more {\n border-top: 1px solid color('gray-light');\n border-bottom-right-radius: $card-border-radius;\n border-bottom-left-radius: $card-border-radius;\n padding: 8px 16px;\n min-height: 40px;\n}\n\n.nav-item__users {\n height: auto;\n cursor: pointer;\n color: #ffffff;\n margin: 0;\n padding: 1px 6px;\n\n > md-icon {\n padding-right: 4px;\n color: #ffffff;\n }\n\n &:hover, &:focus {\n &.success-bg {\n background-color: color('success');\n }\n }\n}\n\n.nav-item__title {\n padding-left: 16px;\n line-height: 1.2;\n font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n padding-left: auto;\n padding-right: 16px;\n}\n\n.nav-item__info {\n padding: 0 8px;\n}\n\n.nav-item__progress {\n width: 48px;\n\n > .md-container {\n top: 0;\n }\n}\n\n.nav-item__progress-value {\n margin-left: 8px;\n width: 36px;\n}\n\n.progress-wrapper {\n padding: 2px 0;\n cursor: pointer;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n position: absolute;\n top: 10px;\n right: 12px;\n\n path {\n stroke: color('accent-2') !important;\n stroke-width: 2px;\n }\n}\n[dir=rtl] .menu-progress {\n right:auto;\n left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n font-weight: 700;\n //color: color('text-secondary');\n font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n margin-top: 12px !important;\n margin-right: 12px !important;\n margin-left: 12px;\n}\n\n.active {\n .menu-sidenav__icon, .menu-sidenav__item {\n color: color('primary');\n }\n}\n\n.menu-sidebar {\n position: absolute;\n top: $wise-toolbar-height + $md-toolbar-height;\n bottom: 0;\n left: 0;\n background-color: #fff;\n width: $menu-sidebar-width;\n overflow: hidden;\n padding: 8px 0;\n text-align: center;\n border-right: 1px solid color('gray');\n\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n display: none;\n }\n}\n[dir=rtl] .menu-sidebar {\n right:0;\n left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n margin-top: 6px;\n margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n margin: 0 auto;\n position: absolute;\n left: 0;\n right: 0;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 8px;\n padding: 24px 16px;\n margin-bottom: 32px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 32px;\n }\n\n &.ng-enter {\n transition: opacity .5s;\n opacity: 0;\n }\n\n &.ng-enter-active {\n opacity: 1;\n }\n}\n\n// TODO: use BEM conventions\n\n.node-content {\n padding: 0 0 48px;\n background-color: #ffffff;\n border-radius: $button-border-radius;\n overflow: visible;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n box-shadow: none;\n }\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 0;\n border-top: 2px solid;\n border-bottom: 2px solid;\n }\n}\n\nmd-content {\n &.node-content {\n background-color: #ffffff;\n }\n}\n\n.node-content__rubric {\n position: absolute;\n top: -22px;\n left: 0;\n right: 0;\n z-index: 1;\n\n .avatar--icon {\n transform: scale(0.94);\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n transform: scale(0.8);\n }\n }\n}\n\n.node-icon {\n color: #ffffff;\n vertical-align: inherit;\n}\n\n.node-select {\n margin: 0 8px;\n min-width: 0;\n font-weight: 500;\n font-size: $body-font-size-base;\n\n .md-select-value {\n *:first-child {\n transform: translate3d(0,0,0);\n flex: 1 0 0;\n }\n\n .node-select__icon {\n display: none;\n }\n\n .node-select__status {\n display: none;\n }\n }\n\n .md-select-icon {\n margin-left: 0;\n color: color('text');\n }\n}\n\n.node-select-option--group {\n //color: rgba(0,0,0,0.54);\n background-color: color('gray-lightest');\n border-bottom: 1px solid color('gray-lighter');\n border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n padding-left: 20px;\n}\n\n.node-select__icon {\n margin-right: 8px;\n}\n\n.node-select__status {\n margin-left: 8px;\n}\n\n.node-select__text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-top: 2px;\n }\n}\n\n.node-title {\n line-height: 1.2;\n text-transform: none;\n margin-top: 3px;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n font-size: $body-font-size-base;\n }\n}\n\n.node-content__actions {\n padding: 0 16px 16px;\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 0 24px 24px;\n }\n\n .md-button:first-child {\n margin-left: 0;\n }\n\n .md-button:last-child {\n margin-right: 0;\n }\n}\n\n.node-content__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: color('text-secondary');\n}\n\n.node-content__actions__more {\n border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n &:not(:first-of-type) {\n }\n\n &:first-of-type {\n margin-right: 0;\n }\n}\n\n.node-sidebar-active {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-right: ($md-toolbar-height + 16);\n }\n}\n\n.node-sidebar-visible {\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n margin-bottom: $wise-toolbar-height;\n }\n}\n\n.node-sidebar {\n position: absolute;\n right: 0;\n top: 0;\n width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n position: fixed;\n width: $md-toolbar-height;\n background-color: #ffffff;\n padding: 8px 0;\n border-radius: $button-border-radius;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n border-radius: 0;\n padding: 0;\n min-height: 0;\n height: $wise-toolbar-height;\n }\n}\n\n.node__label--vertical-alignment {\n vertical-align: middle;\n display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 480px;\n$report-position-right: 96px;\n$report-full-gap: 8px;\n\n// Base\nnotebook-launcher {\n position: absolute;\n bottom: 24px;\n right: 28px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n &.md-button.md-fab {\n z-index: 61;\n }\n }\n}\n\nnotebook-report {\n position: absolute;\n bottom: 0;\n right: $report-position-right;\n transition: right 250ms;\n z-index: 3;\n\n &.report-full {\n left: $report-full-gap;\n right: $report-full-gap;\n top: $report-full-gap;\n bottom: $report-full-gap\n }\n \n @media only screen and (min-width: $layout-breakpoint-sm) {\n &.notes-visible {\n right: $notebook-sidebar-width + 12;\n }\n }\n}\n\n.notebook-sidebar {\n width: $notebook-sidebar-width - 180; \n max-width: none;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n width: $notebook-sidebar-width;\n }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n .notebook-enabled {\n .md-fab-bottom-right, .md-fab-bottom-left {\n bottom: ($wise-toolbar-height + 8) !important;\n }\n }\n}\n",".notification-btn {\n width: 60px !important;\n\n md-icon {\n margin-left: 20px;\n }\n}\n\n.notification-count {\n border-radius: 50%;\n position: absolute;\n background-color: color('accent');\n width: 22px;\n top: 12px;\n left: -18px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid;\n\n &:before {\n content: \"\";\n position: absolute;\n right: -7px;\n top: 6px;\n border-left: 6px solid rgba(255,255,255,0.87);\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n }\n}\n\n.notification-list {\n padding: 8px 0;\n}\n\n.notification-dismiss {\n width: 500px;\n}\n\n.notification-dismiss__input {\n margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n &.notification-list-item__source {\n color: color('text-secondary');\n font-size: rem(1.2);\n\n md-icon {\n font-size: rem(1.8);\n min-width: 0;\n width: auto;\n margin-left: -4px;\n line-height: rem(2);\n }\n }\n}\n",".account-menu {\n border-radius: $card-border-radius;\n padding: 0;\n font-size: $body-font-size-base;\n max-width: 380px;\n\n @media (min-width: $layout-breakpoint-md) {\n min-width: 380px !important;\n }\n\n h3 {\n margin: 0;\n font-weight: 300;\n }\n\n .mat-mdc-menu-content {\n padding: 0;\n }\n}\n\n.account-menu--fixed-height {\n height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n width: 320px;\n\n @media (min-width: $layout-breakpoint-sm) {\n width: 380px;\n }\n}\n\n.account-menu__icon {\n background-color: color('text-light');\n border-radius: 50%;\n}\n\n.account-menu__caret {\n position: absolute;\n right: 28px;\n top: -8px;\n outline: none;\n\n &:before {\n content: '';\n position: absolute;\n border-bottom: 8px solid #fff;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n right: 132px;\n}\n\n[dir=rtl] {\n .account-menu__caret {\n right: auto;\n left: 28px;\n }\n .account-menu__caret--pause, .account-menu__caret--notification {\n left:80px;\n right:auto;\n }\n .account-menu__caret--notification--with-pause {\n left: 132px;\n right:auto;\n }\n}\n\n.account-menu__info {\n padding: 8px 12px;\n}\n\n.account-menu__info__title {\n font-weight: 500;\n}\n\n.account-menu__info__team {\n font-weight: 400;\n color: color('text-secondary');\n}\n\n.account-menu__users {\n padding: 0;\n\n md-list-item {\n padding: 0;\n\n .md-avatar {\n margin: 0 8px 0 0;\n height: 48px;\n width: 48px;\n }\n }\n}\n\n.account-menu__actions {\n background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n padding: 16px;\n}\n",".annotations {\n margin: 16px 4px 16px 62px;\n position: relative;\n font-size: rem(1.5);\n\n hr {\n margin: 10px 0 8px;\n border-color: rgba(0,0,0,.12);\n }\n\n &:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n left: -15px;\n right: auto;\n top: -1px;\n bottom: auto;\n border-top: 20px solid transparent;\n border-bottom: 20px solid transparent;\n border-right: 16px solid color('gray-darker');\n }\n}\n\n.annotations-container--student--report {\n border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.annotations__header {\n position: relative;\n //border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n padding: 10px 12px;\n font-weight: 700;\n transition: all 1s;\n color: #ffffff;\n background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n background-color: color('accent');\n padding: 2px;\n position: absolute;\n top: 0;\n left: -62px;\n}\n\n.annotations__icon {\n transition: all 1s;\n color: #ffffff;\n}\n\n.annotations__body {\n padding: 12px;\n background-color: #ffffff;\n border-bottom-left-radius: $card-border-radius;\n border-bottom-right-radius: $card-border-radius;\n overflow: auto;\n}\n\n.annotations__status {\n background-color: #ffffff;\n color: color('info');\n display: inline-block;\n margin-left: 8px;\n font-size: rem(1.2);\n\n &.ng-enter, &.ng-leave {\n transition: all 1s;\n }\n\n &.ng-enter, &.ng-leave.ng-leave-active {\n opacity:0;\n }\n\n &.ng-leave, &.ng-enter.ng-enter-active {\n opacity:1;\n }\n}\n\n.annotations__score {\n font-weight: 700;\n}\n\n.annotations__info {\n font-style: italic;\n opacity: 0.8;\n border-bottom: 1px dotted;\n font-size: rem(1.3);\n}\n\n.annotations--inside {\n .annotations {\n margin-left: 72px;\n }\n}\n\n// TODO: move to own file\n.annotations--info {\n margin-bottom: 32px;\n margin-right: 8px;\n margin-left: 72px;\n\n @media only screen and (min-width: ($layout-breakpoint-xs)) {\n margin: 16px 16px 32px 76px;\n }\n\n &:after {\n border-right: 16px solid color('info');\n }\n\n .annotations__avatar {\n background-color: #ffffff;\n }\n\n .annotations__header {\n background-color: color('info');\n }\n}\n",".component {\n position: relative;\n}\n\n.component__wrapper {\n padding: 0 24px;\n margin: 24px 0;\n}\n\n.component__content {\n overflow-x: auto;\n font-size: rem(1.5);\n overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 0 8px;\n }\n}\n\nh3.component__header {\n padding: 8px 12px;\n margin: 0;\n font-size: rem(1.4);\n}\n\n.component__rubric {\n position: absolute;\n left: -20px;\n top: 12px;\n}\n\n.notebook-enabled {\n .component_content {\n img {\n transition: all 250ms;\n cursor: pointer;\n cursor: copy;\n //position: relative;\n //border: 2px solid transparent;\n\n &:hover, &:focus {\n box-shadow: 0 0 5px 1px color('accent');\n //border: 2px solid #ffffff;\n }\n }\n }\n}\n\n.component__actions {\n .md-button:first-child {\n margin-left: 0;\n }\n\n .md-button:last-child {\n margin-right: 0;\n }\n}\n\n.component__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: color('text-secondary');\n font-weight: 400;\n}\n\n.component__actions__more {\n border-bottom: 1px dotted;\n}\n\n.component__prompt {\n margin-bottom: 8px;\n font-weight: 500;\n}\n\n.component__prompt__content {\n display: inline;\n}\n\n.component__attachment {\n position: relative;\n margin: 0 8px;\n padding-bottom: 8px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding-top: 8px;\n }\n}\n\n.component__add-attachment {\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n width: 100%;\n }\n}\n\n.component__attachment__content {\n max-height: 100px;\n width: auto;\n}\n\n.component__attachment__delete {\n position: absolute;\n top: 0;\n right: 0;\n min-width: 0;\n background-color: rgba(255, 255, 255, 0.75) !important;\n border-radius: 0;\n padding: 4px;\n margin: 0;\n\n //@media only screen and (min-width: $layout-breakpoint-sm) {\n //margin-top: 8px;\n //}\n\n > md-icon {\n margin-top: 0;\n }\n}\n\n.component__revision {\n margin: 8px 0;\n padding: 8px;\n\n &:nth-child(odd) {\n background-color: color('gray-lightest');\n }\n}\n\n.component__revision__content {\n padding: 4px 0 8px 0;\n border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n color: color('gray-darker');\n padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n overflow: hidden;\n}\n\n.discussion-content {\n background-color: color('gray-lighter');\n //margin: 0 0 -16px;\n box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n padding: 12px 12px 8px;\n\n @media only screen and (min-width: $layout-breakpoint-md) {\n padding: 16px 16px 0;\n }\n}\n\n.discussion-post {\n margin: 0 auto 16px;\n max-width: $layout-breakpoint-xs;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-bottom: 24px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-md) {\n margin-bottom: 32px;\n }\n\n // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n md-divider {\n position: relative;\n width: auto;\n }\n}\n\n\n\n.discussion-post__attachment {\n max-width: 100%;\n height: auto !important;\n margin-top: 16px;\n}\n\n.discussion-new {\n background-color: #ffffff;\n max-width: 570px;\n margin-left: auto;\n margin-right: auto;\n padding: 8px;\n transition: all 250ms;\n transform: scale(0.95);\n}\n\n.discussion-new--focused {\n transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n margin: 0;\n padding: 0;\n\n > textarea.md-input {\n min-height: 68px;\n }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n border: 0 none;\n}\n\n.discussion-new__actions {\n padding: 0 8px;\n\n .md-button {\n &:first-of-type {\n margin-left: 0;\n }\n\n &:last-of-type {\n margin-right: 0;\n }\n }\n}\n\n.discussion-new__attachment {\n padding: 0;\n margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n margin-top: 0;\n margin-bottom: 16px;\n}\n\n\n\n\n\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n border: 0 none;\n}\n",".graph-select {\n min-width: 150px;\n max-width: 200px;\n}\n\n.graph-controls {\n margin: 8px 0;\n padding: 8px 0;\n border: 1px solid color('gray-lighter');\n border-left-width: 0;\n border-right-width: 0;\n}\n",".outside-content {\n iframe {\n border: 1px solid color('gray-lighter');\n }\n}\n\n.outside-content__source {\n margin-top: 4px;\n text-align: end;\n\n a {\n max-width: 240px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n }\n}",".notebook-toolbar {\n md-divider {\n margin: 8px 0;\n }\n\n @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n border-top: 1px solid color('gray-light');\n }\n}\n\n.notebook-toolbar__add-menu {\n position: absolute;\n bottom: 40px;\n\n .md-fab-action-item {\n background-color: #ffffff;\n }\n}\n\n.notebook-toolbar__add-icon {\n border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n float:left;\n}","highchart {\n display: block;\n}\n"]} \ No newline at end of file +{"version":3,"sources":["src/assets/wise5/themes/default/style/base/_presets.scss","src/assets/wise5/themes/default/style/vle.css","src/assets/wise5/themes/default/style/base/_config.scss","src/assets/wise5/themes/default/style/layouts/_l-default.scss","src/assets/wise5/themes/default/style/layouts/_l-footer.scss","src/assets/wise5/themes/default/style/layouts/_l-header.scss","src/assets/wise5/themes/default/style/layouts/_l-main.scss","src/assets/wise5/themes/default/style/layouts/_l-notebook.scss","src/assets/wise5/themes/default/style/layouts/_l-sidebar.scss","src/assets/wise5/themes/default/style/modules/_alerts.scss","src/assets/wise5/themes/default/style/modules/_dialog.scss","src/assets/wise5/themes/default/style/modules/_help.scss","src/assets/wise5/themes/default/style/modules/_inputs.scss","src/assets/wise5/themes/default/style/modules/_table.scss","src/assets/wise5/themes/default/style/modules/_toolbar.scss","src/assets/wise5/themes/default/style/material/_config.scss","src/assets/wise5/themes/default/style/modules/_list.scss","src/assets/wise5/themes/default/style/modules/_nav.scss","src/assets/wise5/themes/default/style/modules/_menu.scss","src/assets/wise5/themes/default/style/modules/_node.scss","src/assets/wise5/themes/default/style/modules/_notebook.scss","src/assets/wise5/themes/default/style/modules/_notifications.scss","src/assets/wise5/themes/default/style/modules/_account-menu.scss","src/assets/wise5/themes/default/style/modules/_annotations.scss","src/assets/wise5/themes/default/style/modules/_component.scss","src/assets/wise5/themes/default/style/modules/_component--discussion.scss","src/assets/wise5/themes/default/style/modules/_component--embedded.scss","src/assets/wise5/themes/default/style/modules/_component--graph.scss","src/assets/wise5/themes/default/style/modules/_component--outside.scss","src/assets/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/assets/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCAF,CDEE,SACI,eCAN,CDKI,gBACI,aCFR,CDMA,WACE,wBAAA,CAKA,oBAAA,CAAA,sBAAA,CAHA,aAAA,CADA,WCCF,CDOI,qBAKI,wBAAA,CAFA,iBAAA,CAFA,UAAA,CAGA,WAAA,CAFA,iBCDR,CDSI,kCAEI,QAAA,CADA,QCLR,CDWA,OAMI,qBAAA,CALA,iBEUiB,CFRjB,cAAA,CAEA,iBAAA,CADA,eAAA,CAFA,eCJJ,CDUI,iBAGI,mBAAA,CADA,YAAA,CADA,WCNR,CDUQ,8CACI,qBCRZ,CDWQ,uBACI,uBCTZ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,gBACI,wBAAA,CACA,UCXJ,CDeA,qBACI,aCZJ,CDeA,iBACI,uBCZJ,CDgBA,EACE,aAAA,CACA,cCbF,CDgBA,QACI,kCAAA,CACA,qBCbJ,CDiBA,QACE,iBAAA,CACA,sBCdF,CDiBA,gBACE,iBCdF,CDmBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDqBA,cACE,qBAAA,CACA,4BClBF,CDoBE,8BACI,WClBN,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDwBE,wDACE,qBCrBJ,CDyBI,4EACE,qBCvBN,CD8BE,mDACE,uBC3BJ,CD6BE,mDACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,iDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CDgCA,uCACE,qBC7BF,CDgCA,uFACE,wBC7BF,CDgCA,2HAGE,wBAAA,CADA,aC5BF,CDmCI,SACE,aChCN,CD+BI,QACE,aC5BN,CD2BI,UACE,aCxBN,CDuBI,UACE,aCpBN,CDmBI,MACE,aChBN,CDeI,MACE,aCZN,CDWI,SACE,aCRN,CDOI,SACE,qBCJN,CDGI,eACE,aCAN,CDDI,cACE,UCIN,CDLI,YACE,UCQN,CDTI,MACE,UCYN,CDbI,WACE,UCgBN,CDjBI,aACE,aCoBN,CDrBI,cACE,UCwBN,CDzBI,MACE,qBC4BN,CD7BI,gBACE,qBCgCN,CDjCI,eACE,qBCoCN,CDrCI,YACE,UCwCN,CDzCI,sBACE,wBC4CN,CD7CI,qBACE,wBCgDN,CDjDI,aACE,aCoDN,CDrDI,OACE,aCwDN,CDzDI,MACE,qBC4DN,CD7DI,SACE,UCgEN,CD1DI,YACE,wBC6DN,CD9DI,WACE,wBCiEN,CDlEI,aACE,wBCqEN,CDtEI,aACE,wBCyEN,CD1EI,SACE,wBC6EN,CD9EI,SACE,wBCiFN,CDlFI,YACE,wBCqFN,CDtFI,YACE,gCCyFN,CD1FI,kBACE,wBC6FN,CD9FI,iBACE,qBCiGN,CDlGI,eACE,qBCqGN,CDtGI,SACE,qBCyGN,CD1GI,cACE,qBC6GN,CD9GI,gBACE,wBCiHN,CDlHI,iBACE,qBCqHN,CDtHI,SACE,gCCyHN,CD1HI,mBACE,gCC6HN,CD9HI,kBACE,gCCiIN,CDlII,eACE,qBCqIN,CDtII,yBACE,mCCyIN,CD1II,wBACE,mCC6IN,CD9II,gBACE,wBCiJN,CDlJI,UACE,wBCqJN,CDtJI,SACE,gCCyJN,CD1JI,YACE,qBC6JN,CDtJQ,kCACI,cCyJZ,CD1JQ,iCACI,cC6JZ,CD9JQ,mCACI,cCiKZ,CDlKQ,mCACI,cCqKZ,CDtKQ,+BACI,cCyKZ,CD1KQ,+BACI,cC6KZ,CD9KQ,kCACI,cCiLZ,CDlLQ,kCACI,sBCqLZ,CDtLQ,wCACI,cCyLZ,CD1LQ,uCACI,WC6LZ,CD9LQ,qCACI,WCiMZ,CDlMQ,+BACI,WCqMZ,CDtMQ,oCACI,WCyMZ,CD1MQ,sCACI,cC6MZ,CD9MQ,uCACI,WCiNZ,CDlNQ,+BACI,sBCqNZ,CDtNQ,yCACI,sBCyNZ,CD1NQ,wCACI,sBC6NZ,CD9NQ,qCACI,WCiOZ,CDlOQ,+CACI,yBCqOZ,CDtOQ,8CACI,yBCyOZ,CD1OQ,sCACI,cC6OZ,CD9OQ,gCACI,cCiPZ,CDlPQ,+BACI,sBCqPZ,CDtPQ,kCACI,WCyPZ,CE7dA,eACE,gBAAA,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","file":"vle.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n background: color('body-bg');\n\n &.vle {\n overflow: hidden;\n }\n}\n\na {\n &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n color: color('primary');\n }\n}\n\nblockquote {\n background-color: lighten(color('primary'), 56%);\n padding: 8px;\n margin: 16px 0;\n border-style: solid;\n border-color: color('primary');\n border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n &:after {\n content: '';\n position: absolute;\n border-radius: 50%;\n padding: 5px;\n background-color: color('accent');\n }\n}\n\n.has-indicator--icon-button {\n &:after {\n top: 25px;\n left: 5px;\n }\n}\n\n// Badges\n.badge {\n border-radius: $card-border-radius;\n padding: 2px 6px;\n font-size: rem(1.2);\n font-weight: 500;\n font-style: normal;\n background-color: color('gray-dark');\n\n &.md-button {\n min-width: 0;\n min-height: 0;\n line-height: inherit;\n\n &:hover, &:focus {\n background-color: color('gray-dark');\n }\n\n &:focus {\n outline: 1px dotted color('gray-dark');\n }\n }\n}\n\n.badge--info {\n background-color: color('info');\n color: #ffffff;\n}\n\n.badge--warn {\n background-color: color('warn');\n color: #ffffff;\n}\n\n.badge--success {\n background-color: color('success');\n color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n margin: 16px 0;\n}\n\n.divider--dashed {\n border-top-style: dashed;\n}\n\n// Links\na {\n color: color('primary');\n cursor: pointer;\n}\n\n.active {\n background-color: rgba(158,158,158,0.2);\n color: color('text');\n}\n\n// Images & Icons\n.avatar {\n border-radius: 50%;\n box-sizing: content-box;\n}\n\n.avatar--square {\n border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n &.md-18 {\n height: 18px + $avatar-icon-padding*2;\n width: 18px + $avatar-icon-padding*2;\n }\n &.md-24 {\n height: 24px + $avatar-icon-padding*2;\n width: 24px + $avatar-icon-padding*2;\n }\n &.md-36 {\n height: 36px + $avatar-icon-padding*2;\n width: 36px + $avatar-icon-padding*2;\n }\n &.md-48 {\n height: 48px + $avatar-icon-padding*2;\n width: 48px + $avatar-icon-padding*2;\n }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n background-color: color('gray-light');\n white-space: normal !important;\n\n &:not(.md-avatar) {\n padding: $avatar-icon-padding;\n }\n\n &.md-18 {\n height: 18px;\n width: 18px;\n }\n &.md-24 {\n height: 24px;\n width: 24px;\n }\n &.md-36 {\n height: 36px;\n width: 36px;\n }\n &.md-48 {\n height: 48px;\n width: 48px;\n }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n md-icon {\n color: color('text-secondary');\n }\n\n .md-button:disabled {\n md-icon {\n color: color('text-disabled');\n }\n }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n &.primary {\n color: color('primary') !important;\n }\n &.success {\n color: color('success') !important;\n }\n &.warn {\n color: color('warn') !important;\n }\n &.info {\n color: color('info') !important;\n }\n &.accent {\n color: color('accent') !important;\n }\n &.accent-1 {\n color: color('accent-1') !important;\n }\n &.accent-2 {\n color: color('accent-2') !important;\n }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n color: color('primary');\n background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n .#{$key} {\n color: $value;\n }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n .#{$key}-bg {\n background-color: $value;\n }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n md-progress-circular.#{$key} {\n path {\n stroke: $value;\n }\n }\n}\n","/*\n WISE Project Styles\n */\nbody {\n background: #eeeeee;\n}\nbody.vle {\n overflow: hidden;\n}\n\na:hover, a:focus {\n color: #1C8CA8;\n}\n\nblockquote {\n background-color: rgb(230.6571428571, 246.8857142857, 250.9428571429);\n padding: 8px;\n margin: 16px 0;\n border-style: solid;\n border-color: #1C8CA8;\n border-width: 0 0 0 3px;\n}\n\n.has-indicator:after {\n content: \"\";\n position: absolute;\n border-radius: 50%;\n padding: 5px;\n background-color: #F05843;\n}\n\n.has-indicator--icon-button:after {\n top: 25px;\n left: 5px;\n}\n\n.badge {\n border-radius: 4px;\n padding: 2px 6px;\n font-size: 12px;\n font-weight: 500;\n font-style: normal;\n background-color: #aaaaaa;\n}\n.badge.md-button {\n min-width: 0;\n min-height: 0;\n line-height: inherit;\n}\n.badge.md-button:hover, .badge.md-button:focus {\n background-color: #aaaaaa;\n}\n.badge.md-button:focus {\n outline: 1px dotted #aaaaaa;\n}\n\n.badge--info {\n background-color: #ef6c00;\n color: #ffffff;\n}\n\n.badge--warn {\n background-color: #c62828;\n color: #ffffff;\n}\n\n.badge--success {\n background-color: #00C853;\n color: #ffffff;\n}\n\n.divider--withmargin {\n margin: 16px 0;\n}\n\n.divider--dashed {\n border-top-style: dashed;\n}\n\na {\n color: #1C8CA8;\n cursor: pointer;\n}\n\n.active {\n background-color: rgba(158, 158, 158, 0.2);\n color: rgba(0, 0, 0, 0.87);\n}\n\n.avatar {\n border-radius: 50%;\n box-sizing: content-box;\n}\n\n.avatar--square {\n border-radius: 4px;\n}\n\n.avatar.md-18 {\n height: 30px;\n width: 30px;\n}\n.avatar.md-24 {\n height: 36px;\n width: 36px;\n}\n.avatar.md-36 {\n height: 48px;\n width: 48px;\n}\n.avatar.md-48 {\n height: 60px;\n width: 60px;\n}\n\n.avatar--icon {\n background-color: #dddddd;\n white-space: normal !important;\n}\n.avatar--icon:not(.md-avatar) {\n padding: 6px;\n}\n.avatar--icon.md-18 {\n height: 18px;\n width: 18px;\n}\n.avatar--icon.md-24 {\n height: 24px;\n width: 24px;\n}\n.avatar--icon.md-36 {\n height: 36px;\n width: 36px;\n}\n.avatar--icon.md-48 {\n height: 48px;\n width: 48px;\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n color: rgba(0, 0, 0, 0.54);\n}\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n color: rgba(0, 0, 0, 0.26);\n}\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n color: #1C8CA8 !important;\n}\nmd-icon.success, .md-button:not([disabled]).success {\n color: #00C853 !important;\n}\nmd-icon.warn, .md-button:not([disabled]).warn {\n color: #c62828 !important;\n}\nmd-icon.info, .md-button:not([disabled]).info {\n color: #ef6c00 !important;\n}\nmd-icon.accent, .md-button:not([disabled]).accent {\n color: #F05843 !important;\n}\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n color: #795C3A !important;\n}\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n color: #CAD266 !important;\n}\n\nmd-input-container.md-wise-theme label {\n color: rgba(0, 0, 0, 0.87);\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n background-color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n color: #1C8CA8;\n background-color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\n.primary {\n color: #1C8CA8;\n}\n\n.accent {\n color: #F05843;\n}\n\n.accent-1 {\n color: #795C3A;\n}\n\n.accent-2 {\n color: #CAD266;\n}\n\n.warn {\n color: #c62828;\n}\n\n.info {\n color: #ef6c00;\n}\n\n.success {\n color: #00C853;\n}\n\n.divider {\n color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest {\n color: #f7f7f7;\n}\n\n.gray-lighter {\n color: #eeeeee;\n}\n\n.gray-light {\n color: #dddddd;\n}\n\n.gray {\n color: #cccccc;\n}\n\n.gray-dark {\n color: #aaaaaa;\n}\n\n.gray-darker {\n color: #757575;\n}\n\n.gray-darkest {\n color: #333333;\n}\n\n.text {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled {\n color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light {\n color: rgb(255, 255, 255);\n}\n\n.text-light-secondary {\n color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg {\n color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\n.score {\n color: #FFC107;\n}\n\n.body {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg {\n color: #eeeeee;\n}\n\n.primary-bg {\n background-color: #1C8CA8;\n}\n\n.accent-bg {\n background-color: #F05843;\n}\n\n.accent-1-bg {\n background-color: #795C3A;\n}\n\n.accent-2-bg {\n background-color: #CAD266;\n}\n\n.warn-bg {\n background-color: #c62828;\n}\n\n.info-bg {\n background-color: #ef6c00;\n}\n\n.success-bg {\n background-color: #00C853;\n}\n\n.divider-bg {\n background-color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest-bg {\n background-color: #f7f7f7;\n}\n\n.gray-lighter-bg {\n background-color: #eeeeee;\n}\n\n.gray-light-bg {\n background-color: #dddddd;\n}\n\n.gray-bg {\n background-color: #cccccc;\n}\n\n.gray-dark-bg {\n background-color: #aaaaaa;\n}\n\n.gray-darker-bg {\n background-color: #757575;\n}\n\n.gray-darkest-bg {\n background-color: #333333;\n}\n\n.text-bg {\n background-color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary-bg {\n background-color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled-bg {\n background-color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light-bg {\n background-color: rgb(255, 255, 255);\n}\n\n.text-light-secondary-bg {\n background-color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled-bg {\n background-color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg-bg {\n background-color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\n.score-bg {\n background-color: #FFC107;\n}\n\n.body-bg {\n background-color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg-bg {\n background-color: #eeeeee;\n}\n\nmd-progress-circular.primary path {\n stroke: #1C8CA8;\n}\n\nmd-progress-circular.accent path {\n stroke: #F05843;\n}\n\nmd-progress-circular.accent-1 path {\n stroke: #795C3A;\n}\n\nmd-progress-circular.accent-2 path {\n stroke: #CAD266;\n}\n\nmd-progress-circular.warn path {\n stroke: #c62828;\n}\n\nmd-progress-circular.info path {\n stroke: #ef6c00;\n}\n\nmd-progress-circular.success path {\n stroke: #00C853;\n}\n\nmd-progress-circular.divider path {\n stroke: rgba(0, 0, 0, 0.12);\n}\n\nmd-progress-circular.gray-lightest path {\n stroke: #f7f7f7;\n}\n\nmd-progress-circular.gray-lighter path {\n stroke: #eeeeee;\n}\n\nmd-progress-circular.gray-light path {\n stroke: #dddddd;\n}\n\nmd-progress-circular.gray path {\n stroke: #cccccc;\n}\n\nmd-progress-circular.gray-dark path {\n stroke: #aaaaaa;\n}\n\nmd-progress-circular.gray-darker path {\n stroke: #757575;\n}\n\nmd-progress-circular.gray-darkest path {\n stroke: #333333;\n}\n\nmd-progress-circular.text path {\n stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.text-secondary path {\n stroke: rgba(0, 0, 0, 0.54);\n}\n\nmd-progress-circular.text-disabled path {\n stroke: rgba(0, 0, 0, 0.26);\n}\n\nmd-progress-circular.text-light path {\n stroke: rgb(255, 255, 255);\n}\n\nmd-progress-circular.text-light-secondary path {\n stroke: rgba(255, 255, 255, 0.7);\n}\n\nmd-progress-circular.text-light-disabled path {\n stroke: rgba(255, 255, 255, 0.5);\n}\n\nmd-progress-circular.selected-bg path {\n stroke: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\nmd-progress-circular.score path {\n stroke: #FFC107;\n}\n\nmd-progress-circular.body path {\n stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.body-bg path {\n stroke: #eeeeee;\n}\n\n.l-constrained {\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n position: relative;\n}\n@media (min-width: 600px) {\n .l-constrained {\n width: 1280px;\n }\n}\n@media (min-width: 1920px) {\n .l-constrained {\n width: 1920px;\n }\n}\n\n.l-constrained-md {\n width: 960px;\n max-width: 100%;\n}\n\n.l-footer {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n background-color: #ffffff;\n border-top: 1px solid #eeeeee;\n}\n\n.button--footer {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n min-width: 0;\n display: flex;\n}\n\n.button--footer__element {\n padding-left: 8px;\n}\n\n.l-header {\n z-index: 3;\n}\n.l-header .logo {\n margin-left: 0 !important;\n height: 36px;\n width: 36px;\n vertical-align: middle;\n}\n.l-header .logo-link {\n min-width: auto;\n display: none;\n padding: 0 4px;\n margin-right: 12px;\n}\n@media only screen and (min-width: 600px) {\n .l-header .logo-link {\n display: block;\n }\n}\n.l-header .logo-link:hover, .l-header .logo-link:focus {\n border: 0 none;\n}\n@media only screen and (max-width: 599px) {\n .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n font-size: 15px;\n }\n}\n\n.l-main {\n background-color: #eeeeee;\n}\n\n.l-main--with-toolbar {\n margin-top: 42px;\n}\n\n#content {\n transition: margin-top 0.5s;\n}\n\n.view-content {\n margin: 0 auto;\n padding: 8px;\n position: absolute;\n left: 0;\n right: 0;\n transition: opacity 500ms;\n}\n@media only screen and (min-width: 960px) {\n .view-content {\n padding: 16px;\n }\n}\n.view-content.ng-enter {\n opacity: 0;\n}\n.view-content .ng-enter-active {\n opacity: 1;\n transition-delay: 250ms;\n}\n.view-content.ng-leave-active, .view-content.ng-hide {\n opacity: 0;\n}\n.view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n opacity: 0;\n}\n\n.view-content--with-sidemenu {\n padding: 8px;\n}\n@media only screen and (min-width: 600px) {\n .view-content--with-sidemenu {\n margin-left: 54px;\n padding: 16px;\n }\n}\n\n@media only screen and (min-width: 600px) {\n [dir=rtl] .view-content--with-sidemenu {\n margin-left: auto;\n margin-right: 54px;\n }\n}\n\n.content-head {\n margin: 8px 0;\n}\n.content-head h1,\n.content-head h2,\n.content-head h3 {\n font-weight: 300;\n margin-top: 0;\n margin-bottom: 0;\n font-size: 36px;\n}\n@media only screen and (max-width: 959px) {\n .content-head h1,\n .content-head h2,\n .content-head h3 {\n font-size: 32px;\n text-align: center;\n }\n}\n\n@media only screen and (max-width: 959px) {\n .content-head__more {\n margin-top: 8px;\n }\n}\n\n.content-head__item,\nh2.content-head__item {\n margin: 0 8px;\n}\n.content-head__item .md-subhead,\nh2.content-head__item .md-subhead {\n padding-left: 4px;\n}\n@media only screen and (max-width: 959px) {\n .content-head__item .md-subhead,\n h2.content-head__item .md-subhead {\n display: block;\n padding-left: 0;\n }\n}\n.content-head__item md-icon,\nh2.content-head__item md-icon {\n vertical-align: text-bottom;\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n max-height: 500px;\n}\n\n.l-notebook {\n margin-top: 42px;\n background-color: #eeeeee !important;\n}\n\n.l-sidebar__header {\n background-color: #ffffff !important;\n color: #795C3A !important;\n}\n.l-sidebar__header md-select {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.status-icon {\n margin: 0 4px;\n z-index: 1;\n vertical-align: bottom;\n}\n\n.md-button.status-icon {\n height: auto;\n width: auto;\n min-height: 0;\n line-height: inherit;\n margin: 0 4px;\n padding: 0;\n}\n\n.avatar--icon--alert {\n background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n font-size: 48px;\n margin: -4px 0 0 -4px;\n}\n\nmd-dialog {\n width: 600px;\n}\n\n.dialog--wide {\n width: 960px;\n}\n\n.dialog--wider {\n width: 1280px;\n}\n\n.help-bubble {\n border-radius: 4px;\n max-width: 320px;\n}\n@media (min-width: 600px) {\n .help-bubble {\n max-width: 552px;\n }\n}\n@media (min-width: 960px) {\n .help-bubble {\n max-width: 912px;\n }\n}\n@media (min-width: 1280px) {\n .help-bubble {\n max-width: 1232px;\n }\n}\n\n.help-bubble__title {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n}\n\n.help-bubble___title__content {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n padding: 0px 0 0 12px;\n background-color: #ef6c00;\n}\n.help-bubble___title__content .md-icon-button {\n margin-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.help-bubble__content {\n overflow: auto;\n padding: 8px 12px;\n max-height: 480px;\n}\n\n.help-bubble__actions {\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n\n.input-container {\n padding-top: 12px;\n}\n\n.input-container--component {\n margin-bottom: 0;\n}\n\n.input-container--open-response.md-has-icon {\n padding-left: 0;\n}\n.input-container--open-response .md-errors-spacer {\n display: none;\n}\n\n.input-wrapper {\n position: relative;\n}\n\n.input-wrapper--focused .input--textarea__action md-icon {\n color: #1C8CA8;\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n padding: 8px;\n background-color: #f7f7f7;\n border: 1px solid #cccccc;\n margin-bottom: 8px;\n}\n.input--textarea:focus, .input-container textarea.input--textarea:focus {\n background-color: #ffffff;\n}\n.input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.input-container textarea.input--textarea {\n width: 100%;\n}\n\n.input--textarea--disabled {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.input--textarea__action {\n position: absolute;\n right: -4px;\n}\n.input--textarea__action[disabled] md-icon {\n color: rgba(0, 0, 0, 0.26) !important;\n}\n\n.input--textarea__action--notebook {\n top: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--notebook {\n top: -7px;\n}\n\n.input--textarea__action--revision {\n bottom: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--revision {\n bottom: -5px;\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n line-height: 1.2;\n color: rgba(0, 0, 0, 0.87);\n}\n.input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n color: #1C8CA8;\n}\n\n.autocomplete input {\n text-overflow: ellipsis;\n overflow: hidden;\n word-wrap: none;\n font-weight: 500;\n color: rgba(0, 0, 0, 0.54);\n}\n\n@media only screen and (min-width: 600px) {\n .autocomplete--minwidth {\n min-width: 300px;\n }\n}\n@media only screen and (min-width: 960px) {\n .autocomplete--minwidth {\n min-width: 300px;\n }\n}\n\n.autocomplete--flat md-autocomplete-wrap {\n background-color: #ffffff;\n}\n.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n box-shadow: none;\n background-color: #eeeeee;\n}\n\n.select__header {\n height: 48px;\n}\n.select__header input {\n height: 100%;\n width: 100%;\n padding: 0 8px;\n outline: none;\n border: 0 none;\n font-size: 14px;\n font-weight: 500;\n}\n\n.table {\n max-width: 100%;\n width: auto;\n min-width: 100px;\n margin: 8px 0;\n}\n.table thead > tr > th,\n.table thead > tr > td,\n.table tbody > tr > th,\n.table tbody > tr > td,\n.table tfoot > tr > th,\n.table tfoot > tr > td {\n border: 1px solid #cccccc;\n padding: 6px;\n font-size: 15px;\n min-height: 32px;\n height: 32px;\n min-width: 32px;\n vertical-align: top;\n}\n.table td.inactive,\n.table th {\n background-color: #f7f7f7;\n opacity: 1;\n visibility: visible;\n}\n.table md-input-container {\n margin: 0;\n}\n.table .md-errors-spacer {\n display: none;\n}\n\n.table--student td.inactive {\n padding: 8px 10px;\n}\n\n.table--full-width {\n width: 100%;\n}\n\n.table--list {\n border: 0 none;\n border-collapse: collapse;\n background-color: #ffffff;\n max-width: 100%;\n overflow: auto;\n}\n.table--list th,\n.table--list td {\n padding: 0 4px;\n border: 0 none;\n}\n.table--list td {\n min-height: 56px;\n height: 56px;\n}\n.table--list tr.md-button {\n display: table-row;\n text-align: left;\n width: auto;\n text-transform: none;\n font-size: inherit;\n font-weight: normal;\n}\n\n.table--list__wrap {\n min-width: 600px;\n}\n\n@media only screen and (max-width: 959px) {\n .table-wrap-sticky {\n overflow-x: auto;\n }\n}\n\n.table--list__thead {\n font-size: 14px;\n font-weight: 700;\n}\n\n.table--list__thead__tr {\n height: 100%;\n margin: 0;\n}\n\n.table--list__thead__th {\n background-color: #757575;\n color: rgb(255, 255, 255);\n min-height: 42px;\n height: 42px;\n}\n\n.table--list__thead__link {\n color: #ffffff;\n text-transform: none;\n margin: 0;\n min-width: 0;\n white-space: normal;\n line-height: 1.4;\n width: 100%;\n}\n\n.table--list__thead__sort {\n margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n transform: rotate(180deg);\n}\n\n.td--wrap {\n min-width: 180px;\n white-space: normal;\n line-height: 1.2;\n}\n\n@media only screen and (max-width: 959px) {\n .td--max-width {\n max-width: 180px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n\n.md-toolbar-tools {\n font-size: 18px;\n}\n.md-toolbar-tools .autocomplete {\n height: 36px;\n}\n.md-toolbar-tools .autocomplete md-autocomplete-wrap {\n height: 36px;\n}\n.md-toolbar-tools .autocomplete input {\n height: 36px;\n}\n\n.md-toolbar--wise {\n min-height: 42px;\n}\n.md-toolbar--wise .md-toolbar-tools {\n height: 42px;\n max-height: 42px;\n}\n.md-toolbar--wise .md-button.md-icon-button {\n height: 42px;\n line-height: 42px;\n width: 42px;\n}\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n padding: 0 8px;\n font-size: 15px;\n}\n\n.md-toolbar--sidenav {\n background-color: #333333 !important;\n}\n.md-toolbar--sidenav .md-toolbar-tools {\n font-size: 16px;\n font-weight: 500;\n}\n\n.toolbar {\n position: fixed;\n left: 0;\n right: 0;\n top: 52px;\n z-index: 3;\n}\n\n.toolbar__title {\n margin-left: 8px;\n font-size: 16px;\n font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n margin: 0 4px;\n min-height: 32px;\n background-color: #f7f7f7;\n}\n.toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n height: 32px;\n text-align: left;\n}\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n text-align: right;\n}\n\n.toolbar__select--fixedwidth {\n width: 168px;\n}\n@media only screen and (min-width: 600px) {\n .toolbar__select--fixedwidth {\n width: 264px;\n }\n}\n@media only screen and (min-width: 960px) {\n .toolbar__select--fixedwidth {\n width: 432px;\n }\n}\n\n.list-item {\n background-color: #ffffff;\n border-bottom: 1px solid #eeeeee;\n}\n.list-item .md-subheader, .list-item.md-subheader {\n color: rgba(0, 0, 0, 0.87);\n background-color: #ffffff;\n}\n.list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n vertical-align: middle;\n}\n.list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n padding: 0;\n}\n.list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n margin-right: 8px;\n}\n.list-item .autocomplete {\n margin: 8px 0;\n}\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n border-left: 4px solid #ef6c00 !important;\n margin-left: -4px;\n}\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n border-left: 4px solid #c62828 !important;\n margin-left: -4px;\n}\n\n.list-item--expanded {\n border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n cursor: default;\n background-color: #f7f7f7;\n}\n\n.list-item--actions {\n padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n text-transform: none;\n width: 100%;\n padding: 8px 16px;\n margin: 0;\n white-space: normal;\n text-align: left;\n line-height: 1.4;\n}\n\n.user-list {\n font-size: 15px;\n}\n\n#nav {\n position: relative;\n}\n\n.nav {\n margin-bottom: 16px;\n}\n\n.nav-mask {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0, 0, 0, 0.25);\n z-index: 1;\n}\n.nav-mask.ng-hide {\n opacity: 0;\n}\n\n.nav-head {\n color: rgba(0, 0, 0, 0.54);\n font-weight: 500;\n}\n.nav-head md-icon {\n line-height: 20px;\n}\n\n.nav-contents--root {\n padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n background-color: #dddddd;\n padding: 8px;\n}\n\n.nav-contents--root {\n padding: 0;\n}\n\n.nav-contents__list {\n padding: 0;\n}\n@media (min-width: 600px) {\n .nav-contents__list {\n padding: 8px;\n }\n}\n\n.nav-item {\n transition: opacity 250ms ease-in-out;\n}\n.nav-item.prev md-list-item {\n background-color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n /*&._md-button-wrap>div.md-button:first-child {\n border-left: 4px solid color('primary');\n margin-left: -4px;\n }*/\n}\n\n.nav-item--card__content {\n border-top-right-radius: 4px;\n border-top-left-radius: 4px;\n}\n.nav-item--card__content:focus {\n outline: none;\n}\n.nav-item--card__content:focus .nav-item__title > span {\n border-bottom: 1px dashed #cccccc;\n}\n\n.nav-item--root {\n transition: margin 250ms, box-shadow 500ms;\n}\n.nav-item--root.expanded {\n flex-basis: 100%;\n max-width: 100%;\n max-height: none !important;\n margin: 8px auto;\n}\n.nav-item--root.expanded:first-of-type {\n margin-top: 0;\n}\n\n.nav-item--list__info-item {\n padding: 0 16px 0 4px;\n display: inline-block;\n}\n\n.nav-item--list__reorder {\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.26);\n}\n\n.nav-item--card--group:not(.expanded) {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n}\n\n.nav-item__collapse {\n margin: 0;\n}\n\n.nav-item__more {\n border-top: 1px solid #dddddd;\n border-bottom-right-radius: 4px;\n border-bottom-left-radius: 4px;\n padding: 8px 16px;\n min-height: 40px;\n}\n\n.nav-item__users {\n height: auto;\n cursor: pointer;\n color: #ffffff;\n margin: 0;\n padding: 1px 6px;\n}\n.nav-item__users > md-icon {\n padding-right: 4px;\n color: #ffffff;\n}\n.nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n background-color: #00C853;\n}\n\n.nav-item__title {\n padding-left: 16px;\n line-height: 1.2;\n font-weight: 400;\n}\n\n[dir=rtl] .nav-item__title {\n padding-left: auto;\n padding-right: 16px;\n}\n\n.nav-item__info {\n padding: 0 8px;\n}\n\n.nav-item__progress {\n width: 48px;\n}\n.nav-item__progress > .md-container {\n top: 0;\n}\n\n.nav-item__progress-value {\n margin-left: 8px;\n width: 36px;\n}\n\n.progress-wrapper {\n padding: 2px 0;\n cursor: pointer;\n}\n\n.menu-progress {\n position: absolute;\n top: 10px;\n right: 12px;\n}\n.menu-progress path {\n stroke: #CAD266 !important;\n stroke-width: 2px;\n}\n\n[dir=rtl] .menu-progress {\n right: auto;\n left: 12px;\n}\n\n.menu-sidenav__item {\n font-weight: 700;\n font-size: 14px;\n}\n\n.menu-sidenav__icon {\n margin-top: 12px !important;\n margin-right: 12px !important;\n margin-left: 12px;\n}\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n color: #1C8CA8;\n}\n\n.menu-sidebar {\n position: absolute;\n top: 94px;\n bottom: 0;\n left: 0;\n background-color: #fff;\n width: 56px;\n overflow: hidden;\n padding: 8px 0;\n text-align: center;\n border-right: 1px solid #cccccc;\n}\n@media only screen and (max-width: 599px) {\n .menu-sidebar {\n display: none;\n }\n}\n\n[dir=rtl] .menu-sidebar {\n right: 0;\n left: auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n margin-top: 6px;\n margin-bottom: 6px;\n}\n\n#node {\n margin: 0 auto;\n position: absolute;\n left: 0;\n right: 0;\n}\n@media only screen and (min-width: 600px) {\n #node {\n padding: 8px;\n padding: 24px 16px;\n margin-bottom: 32px;\n }\n}\n@media only screen and (min-width: 960px) {\n #node {\n padding: 32px;\n }\n}\n#node.ng-enter {\n transition: opacity 0.5s;\n opacity: 0;\n}\n#node.ng-enter-active {\n opacity: 1;\n}\n\n.node-content {\n padding: 0 0 48px;\n background-color: #ffffff;\n border-radius: 3px;\n overflow: visible;\n}\n@media only screen and (max-width: 599px) {\n .node-content {\n box-shadow: none;\n }\n}\n@media only screen and (min-width: 600px) {\n .node-content {\n padding: 0;\n border-top: 2px solid;\n border-bottom: 2px solid;\n }\n}\n\nmd-content.node-content {\n background-color: #ffffff;\n}\n\n.node-content__rubric {\n position: absolute;\n top: -22px;\n left: 0;\n right: 0;\n z-index: 1;\n}\n.node-content__rubric .avatar--icon {\n transform: scale(0.94);\n}\n@media only screen and (max-width: 599px) {\n .node-content__rubric .avatar--icon {\n transform: scale(0.8);\n }\n}\n\n.node-icon {\n color: #ffffff;\n vertical-align: inherit;\n}\n\n.node-select {\n margin: 0 8px;\n min-width: 0;\n font-weight: 500;\n font-size: 15px;\n}\n.node-select .md-select-value *:first-child {\n transform: translate3d(0, 0, 0);\n flex: 1 0 0;\n}\n.node-select .md-select-value .node-select__icon {\n display: none;\n}\n.node-select .md-select-value .node-select__status {\n display: none;\n}\n.node-select .md-select-icon {\n margin-left: 0;\n color: rgba(0, 0, 0, 0.87);\n}\n\n.node-select-option--group {\n background-color: #f7f7f7;\n border-bottom: 1px solid #eeeeee;\n border-top: 1px solid #eeeeee;\n}\n\n.node-select-option--node {\n padding-left: 20px;\n}\n\n.node-select__icon {\n margin-right: 8px;\n}\n\n.node-select__status {\n margin-left: 8px;\n}\n\n.node-select__text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n@media only screen and (min-width: 600px) {\n .node-select__text {\n margin-top: 2px;\n }\n}\n\n.node-title {\n line-height: 1.2;\n text-transform: none;\n margin-top: 3px;\n}\n@media only screen and (max-width: 599px) {\n .node-title {\n font-size: 15px;\n }\n}\n\n.node-content__actions {\n padding: 0 16px 16px;\n}\n@media only screen and (min-width: 960px) {\n .node-content__actions {\n padding: 0 24px 24px;\n }\n}\n.node-content__actions .md-button:first-child {\n margin-left: 0;\n}\n.node-content__actions .md-button:last-child {\n margin-right: 0;\n}\n\n.node-content__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.node-content__actions__more {\n border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav:first-of-type {\n margin-right: 0;\n}\n\n@media only screen and (min-width: 600px) {\n .node-sidebar-active {\n margin-right: 68px;\n }\n}\n\n@media only screen and (max-width: 599px) {\n .node-sidebar-visible {\n margin-bottom: 42px;\n }\n}\n\n.node-sidebar {\n position: absolute;\n right: 0;\n top: 0;\n width: 52px;\n}\n\n.node-sidebar__toolbar {\n position: fixed;\n width: 52px;\n background-color: #ffffff;\n padding: 8px 0;\n border-radius: 3px;\n}\n@media only screen and (max-width: 599px) {\n .node-sidebar__toolbar {\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n border-radius: 0;\n padding: 0;\n min-height: 0;\n height: 42px;\n }\n}\n\n.node__label--vertical-alignment {\n vertical-align: middle;\n display: inline-block;\n}\n\nnotebook-report {\n position: absolute;\n bottom: 0;\n right: 66px;\n transition: right 250ms;\n z-index: 3;\n}\nnotebook-report.report-full {\n left: 8px;\n right: 8px;\n top: 8px;\n bottom: 8px;\n}\n@media only screen and (min-width: 960px) {\n notebook-report.notes-visible {\n right: 474px;\n }\n}\n\n.notebook-sidebar {\n width: 270px;\n max-width: none;\n}\n@media only screen and (min-width: 600px) {\n .notebook-sidebar {\n width: 450px;\n }\n}\n\n@media only screen and (max-width: 599px) {\n .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n bottom: 50px !important;\n }\n}\n.notification-btn {\n width: 60px !important;\n}\n.notification-btn md-icon {\n margin-left: 20px;\n}\n\n.notification-count {\n border-radius: 50%;\n position: absolute;\n background-color: #F05843;\n width: 22px;\n top: 12px;\n left: -18px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid;\n}\n.notification-count:before {\n content: \"\";\n position: absolute;\n right: -7px;\n top: 6px;\n border-left: 6px solid rgba(255, 255, 255, 0.87);\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n}\n\n.notification-list {\n padding: 8px 0;\n}\n\n.notification-dismiss {\n width: 500px;\n}\n\n.notification-dismiss__input {\n margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n color: rgba(0, 0, 0, 0.54);\n font-size: 12px;\n}\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n font-size: 18px;\n min-width: 0;\n width: auto;\n margin-left: -4px;\n line-height: 20px;\n}\n\n.account-menu {\n border-radius: 4px;\n padding: 0;\n font-size: 15px;\n max-width: 380px;\n}\n@media (min-width: 1280px) {\n .account-menu {\n min-width: 380px !important;\n }\n}\n.account-menu h3 {\n margin: 0;\n font-weight: 300;\n}\n.account-menu .mat-mdc-menu-content {\n padding: 0;\n}\n\n.account-menu--fixed-height {\n height: 304px;\n}\n\n.account-menu--fixed-width {\n width: 320px;\n}\n@media (min-width: 960px) {\n .account-menu--fixed-width {\n width: 380px;\n }\n}\n\n.account-menu__icon {\n background-color: rgb(255, 255, 255);\n border-radius: 50%;\n}\n\n.account-menu__caret {\n position: absolute;\n right: 28px;\n top: -8px;\n outline: none;\n}\n.account-menu__caret:before {\n content: \"\";\n position: absolute;\n border-bottom: 8px solid #fff;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n right: 132px;\n}\n\n[dir=rtl] .account-menu__caret {\n right: auto;\n left: 28px;\n}\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n left: 80px;\n right: auto;\n}\n[dir=rtl] .account-menu__caret--notification--with-pause {\n left: 132px;\n right: auto;\n}\n\n.account-menu__info {\n padding: 8px 12px;\n}\n\n.account-menu__info__title {\n font-weight: 500;\n}\n\n.account-menu__info__team {\n font-weight: 400;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.account-menu__users {\n padding: 0;\n}\n.account-menu__users md-list-item {\n padding: 0;\n}\n.account-menu__users md-list-item .md-avatar {\n margin: 0 8px 0 0;\n height: 48px;\n width: 48px;\n}\n\n.account-menu__actions {\n background-color: #f7f7f7;\n}\n\n.account-menu__control {\n padding: 16px;\n}\n\n.annotations {\n margin: 16px 4px 16px 62px;\n position: relative;\n font-size: 15px;\n}\n.annotations hr {\n margin: 10px 0 8px;\n border-color: rgba(0, 0, 0, 0.12);\n}\n.annotations:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n left: -15px;\n right: auto;\n top: -1px;\n bottom: auto;\n border-top: 20px solid transparent;\n border-bottom: 20px solid transparent;\n border-right: 16px solid #757575;\n}\n\n.annotations-container--student--report {\n border-top: 1px solid #dddddd;\n}\n\n.annotations--report {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.annotations__header {\n position: relative;\n border-top-right-radius: 4px;\n padding: 10px 12px;\n font-weight: 700;\n transition: all 1s;\n color: #ffffff;\n background-color: #757575;\n}\n\n.annotations__avatar {\n background-color: #F05843;\n padding: 2px;\n position: absolute;\n top: 0;\n left: -62px;\n}\n\n.annotations__icon {\n transition: all 1s;\n color: #ffffff;\n}\n\n.annotations__body {\n padding: 12px;\n background-color: #ffffff;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n overflow: auto;\n}\n\n.annotations__status {\n background-color: #ffffff;\n color: #ef6c00;\n display: inline-block;\n margin-left: 8px;\n font-size: 12px;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave {\n transition: all 1s;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n opacity: 0;\n}\n.annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n opacity: 1;\n}\n\n.annotations__score {\n font-weight: 700;\n}\n\n.annotations__info {\n font-style: italic;\n opacity: 0.8;\n border-bottom: 1px dotted;\n font-size: 13px;\n}\n\n.annotations--inside .annotations {\n margin-left: 72px;\n}\n\n.annotations--info {\n margin-bottom: 32px;\n margin-right: 8px;\n margin-left: 72px;\n}\n@media only screen and (min-width: 600px) {\n .annotations--info {\n margin: 16px 16px 32px 76px;\n }\n}\n.annotations--info:after {\n border-right: 16px solid #ef6c00;\n}\n.annotations--info .annotations__avatar {\n background-color: #ffffff;\n}\n.annotations--info .annotations__header {\n background-color: #ef6c00;\n}\n\n.component {\n position: relative;\n}\n\n.component__wrapper {\n padding: 0 24px;\n margin: 24px 0;\n}\n\n.component__content {\n overflow-x: auto;\n font-size: 15px;\n overflow-y: hidden;\n}\n@media only screen and (min-width: 600px) {\n .component__content {\n padding: 0 8px;\n }\n}\n\nh3.component__header {\n padding: 8px 12px;\n margin: 0;\n font-size: 14px;\n}\n\n.component__rubric {\n position: absolute;\n left: -20px;\n top: 12px;\n}\n\n.notebook-enabled .component_content img {\n transition: all 250ms;\n cursor: pointer;\n cursor: copy;\n}\n.notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n box-shadow: 0 0 5px 1px #F05843;\n}\n\n.component__actions .md-button:first-child {\n margin-left: 0;\n}\n.component__actions .md-button:last-child {\n margin-right: 0;\n}\n\n.component__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.54);\n font-weight: 400;\n}\n\n.component__actions__more {\n border-bottom: 1px dotted;\n}\n\n.component__prompt {\n margin-bottom: 8px;\n font-weight: 500;\n}\n\n.component__prompt__content {\n display: inline;\n}\n\n.component__attachment {\n position: relative;\n margin: 0 8px;\n padding-bottom: 8px;\n}\n@media only screen and (min-width: 600px) {\n .component__attachment {\n padding-top: 8px;\n }\n}\n\n@media only screen and (max-width: 599px) {\n .component__add-attachment {\n width: 100%;\n }\n}\n\n.component__attachment__content {\n max-height: 100px;\n width: auto;\n}\n\n.component__attachment__delete {\n position: absolute;\n top: 0;\n right: 0;\n min-width: 0;\n background-color: rgba(255, 255, 255, 0.75) !important;\n border-radius: 0;\n padding: 4px;\n margin: 0;\n}\n.component__attachment__delete > md-icon {\n margin-top: 0;\n}\n\n.component__revision {\n margin: 8px 0;\n padding: 8px;\n}\n.component__revision:nth-child(odd) {\n background-color: #f7f7f7;\n}\n\n.component__revision__content {\n padding: 4px 0 8px 0;\n border-bottom: 1px solid #dddddd;\n}\n\n.component__revision__actions {\n color: #757575;\n padding-top: 4px;\n}\n\n.component__content--Discussion {\n overflow: hidden;\n}\n\n.discussion-content {\n background-color: #eeeeee;\n box-shadow: inset 0 0 3px #aaaaaa;\n}\n\n.discussion-posts {\n padding: 12px 12px 8px;\n}\n@media only screen and (min-width: 1280px) {\n .discussion-posts {\n padding: 16px 16px 0;\n }\n}\n\n.discussion-post {\n margin: 0 auto 16px;\n max-width: 600px;\n}\n@media only screen and (min-width: 600px) {\n .discussion-post {\n margin-bottom: 24px;\n }\n}\n@media only screen and (min-width: 1280px) {\n .discussion-post {\n margin-bottom: 32px;\n }\n}\n.discussion-post md-divider {\n position: relative;\n width: auto;\n}\n\n.discussion-post__attachment {\n max-width: 100%;\n height: auto !important;\n margin-top: 16px;\n}\n\n.discussion-new {\n background-color: #ffffff;\n max-width: 570px;\n margin-left: auto;\n margin-right: auto;\n padding: 8px;\n transition: all 250ms;\n transform: scale(0.95);\n}\n\n.discussion-new--focused {\n transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n margin: 0;\n padding: 0;\n}\nmd-input-container.discussion-new__input-container > textarea.md-input {\n min-height: 68px;\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n border: 0 none;\n}\n\n.discussion-new__actions {\n padding: 0 8px;\n}\n.discussion-new__actions .md-button:first-of-type {\n margin-left: 0;\n}\n.discussion-new__actions .md-button:last-of-type {\n margin-right: 0;\n}\n\n.discussion-new__attachment {\n padding: 0;\n margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n margin-top: 0;\n margin-bottom: 16px;\n}\n\n.embedded-content__iframe {\n border: 0 none;\n}\n\n.graph-select {\n min-width: 150px;\n max-width: 200px;\n}\n\n.graph-controls {\n margin: 8px 0;\n padding: 8px 0;\n border: 1px solid #eeeeee;\n border-left-width: 0;\n border-right-width: 0;\n}\n\n.outside-content iframe {\n border: 1px solid #eeeeee;\n}\n\n.outside-content__source {\n margin-top: 4px;\n text-align: end;\n}\n.outside-content__source a {\n max-width: 240px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n}\n\n.notebook-toolbar md-divider {\n margin: 8px 0;\n}\n@media only screen and (max-width: 959px) {\n .notebook-toolbar {\n border-top: 1px solid #dddddd;\n }\n}\n\n.notebook-toolbar__add-menu {\n position: absolute;\n bottom: 40px;\n}\n.notebook-toolbar__add-menu .md-fab-action-item {\n background-color: #ffffff;\n}\n\n.notebook-toolbar__add-icon {\n border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n float: right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n float: left;\n}\n\nhighchart {\n display: block;\n}","@use 'sass:map';\n\n// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n 'primary': $_primary-color,\n 'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n 'accent-1': #795C3A,\n 'accent-2': #CAD266,\n 'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n 'info': #ef6c00,\n 'success': #00C853,\n 'divider': rgba(0, 0, 0, 0.12),\n 'gray-lightest': #f7f7f7,\n 'gray-lighter': #eeeeee,\n 'gray-light': #dddddd,\n 'gray': #cccccc,\n 'gray-dark': #aaaaaa,\n 'gray-darker': #757575,\n 'gray-darkest': #333333,\n 'text': rgba(0, 0, 0, 0.87),\n 'text-secondary': rgba(0, 0, 0, 0.54),\n 'text-disabled': rgba(0, 0, 0, 0.26),\n 'text-light': rgba(255, 255, 255, 1),\n 'text-light-secondary': rgba(255, 255, 255, 0.70),\n 'text-light-disabled': rgba(255, 255, 255, 0.50),\n 'selected-bg': $_selected-bg,\n 'score': #FFC107\n);\n\n$body-color: (\n 'body': map.get($color, 'text'),\n 'body-bg': map.get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid: 8px;\n$body-font-size-base: rem(1.500);\n$caption-font-size-base: rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n position: relative;\n\n @media (min-width: $layout-breakpoint-xs) {\n width: $layout-breakpoint-md;\n }\n\n @media (min-width: $layout-breakpoint-lg) {\n width: $layout-breakpoint-lg;\n }\n}\n\n.l-constrained-md {\n width: $layout-breakpoint-sm;\n max-width: 100%;\n}\n","// 1. Config\n\n// 2. Base\n.l-footer {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n background-color: #ffffff;\n border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n min-width: 0;\n display: flex;\n}\n\n.button--footer__element {\n padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n z-index: 3;\n\n .logo {\n margin-left: 0 !important;\n height: 36px;\n width: 36px;\n vertical-align: middle;\n }\n\n .logo-link {\n min-width: auto;\n display: none;\n padding: 0 4px;\n margin-right: 12px;\n\n @media only screen and (min-width: ($layout-breakpoint-xs)) {\n display: block;\n }\n\n &:hover, &:focus {\n border: 0 none;\n }\n }\n\n // Handle mobile portrait\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n .md-toolbar-tools {\n h1, h2, h3 {\n font-size: $body-font-size-base;\n }\n }\n }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n margin-top: $wise-toolbar-height;\n}\n\n#content {\n transition: margin-top 0.5s;\n}\n\n.view-content {\n margin: 0 auto;\n padding: 8px;\n position: absolute;\n left: 0;\n right: 0;\n transition: opacity 500ms;\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 16px;\n }\n\n &.ng-enter {\n opacity: 0;\n }\n\n .ng-enter-active {\n opacity: 1;\n transition-delay: 250ms;\n }\n\n &.ng-leave-active,\n &.ng-hide {\n opacity: 0;\n }\n\n &.ng-hide-add,\n &.ng-hide-add-active,\n &.ng-hide-remove,\n &.ng-hide-remove-active {\n opacity: 0;\n }\n}\n\n.view-content--with-sidemenu {\n padding: 8px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-left: 54px;\n padding: 16px;\n }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-left: auto;\n margin-right: 54px;\n }\n}\n\n.content-head {\n margin: 8px 0;\n\n h1,\n h2,\n h3 {\n font-weight: 300;\n margin-top: 0;\n margin-bottom: 0;\n font-size: rem(3.6);\n\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n font-size: rem(3.2);\n text-align: center;\n }\n }\n}\n\n.content-head__more {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n margin-top: 8px;\n }\n}\n\n.content-head__item,\nh2.content-head__item {\n margin: 0 8px;\n\n .md-subhead {\n padding-left: 4px;\n\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n display: block;\n padding-left: 0;\n }\n }\n\n md-icon {\n vertical-align: text-bottom;\n }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n max-height: 500px;\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n margin-top: $wise-toolbar-height;\n background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n background-color: #ffffff !important;\n color: color('accent-1') !important;\n\n md-select {\n color: color('body');\n }\n}",".status-icon {\n margin: 0 4px;\n z-index: 1;\n vertical-align: bottom;\n}\n\n.md-button.status-icon {\n height: auto;\n width: auto;\n min-height: 0;\n line-height: inherit;\n margin: 0 4px;\n padding: 0;\n}\n\n.avatar--icon--alert {\n background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n font-size: 48px;\n margin: -4px 0 0 -4px;\n}\n","md-dialog {\n width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n width: $layout-breakpoint-md;\n}\n",".help-bubble {\n border-radius: $card-border-radius;\n max-width: 320px;\n\n @media (min-width: $layout-breakpoint-xs) {\n max-width: ($layout-breakpoint-xs - 48);\n }\n\n @media (min-width: $layout-breakpoint-sm) {\n max-width: ($layout-breakpoint-sm - 48);\n }\n\n @media (min-width: $layout-breakpoint-md) {\n max-width: ($layout-breakpoint-md - 48);\n }\n}\n\n.help-bubble__title {\n border-top-left-radius: $card-border-radius;\n border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n border-top-left-radius: $card-border-radius;\n border-top-right-radius: $card-border-radius;\n padding: 0px 0 0 12px;\n background-color: color('info');\n\n .md-icon-button {\n margin-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n }\n}\n\n.help-bubble__content {\n overflow: auto;\n padding: 8px 12px;\n max-height: 480px;\n}\n\n.help-bubble__actions {\n border-bottom-left-radius: $card-border-radius;\n border-bottom-right-radius: $card-border-radius;\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n padding-top: 12px;\n}\n\n.input-container--component {\n margin-bottom: 0;\n}\n\n.input-container--open-response {\n &.md-has-icon {\n padding-left: 0;\n }\n\n .md-errors-spacer {\n display: none;\n }\n}\n\n.input-wrapper {\n position: relative;\n}\n\n.input-wrapper--focused {\n .input--textarea__action md-icon {\n color: color('primary');\n }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n padding: 8px;\n background-color: color('gray-lightest');\n border: 1px solid color('gray');\n margin-bottom: 8px;\n\n &:focus {\n background-color: #ffffff;\n }\n\n &[disabled] {\n color: color('text-secondary');\n }\n}\n\n.input-container textarea.input--textarea {\n width: 100%;\n}\n\n.input--textarea--disabled {\n color: color('text-secondary');\n}\n\n.input--textarea__action {\n position: absolute;\n right: -4px;\n\n &[disabled] md-icon {\n color: color('text-disabled') !important;\n }\n}\n\n.input--textarea__action--notebook {\n top: $input-action-vertical-offset;\n\n .input-wrapper--richtext & {\n top: $input-action-vertical-offset-richtext\n }\n}\n\n.input--textarea__action--revision {\n bottom: $input-action-vertical-offset;\n\n .input-wrapper--richtext & {\n bottom: ($input-action-vertical-offset-richtext + 2px);\n }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n line-height: 1.2;\n color: color('text');\n\n &.input-label--focused {\n color: color('primary');\n }\n}\n\n.autocomplete {\n input {\n text-overflow: ellipsis;\n overflow: hidden;\n word-wrap: none;\n font-weight: 500;\n color: color('text-secondary');\n }\n}\n\n.autocomplete--minwidth {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n min-width: 300px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n min-width: 300px;\n }\n}\n\n.autocomplete--flat {\n md-autocomplete-wrap {\n background-color: #ffffff;\n\n &:not(.md-menu-showing) {\n box-shadow: none;\n background-color: color('gray-lighter');\n }\n }\n}\n\n.select__header {\n height: $menu-item-height;\n\n input {\n height: 100%;\n width: 100%;\n padding: 0 8px;\n outline: none;\n border: 0 none;\n font-size: rem(1.4);\n font-weight: 500;\n }\n}\n",".table {\n max-width: 100%;\n width: auto;\n min-width: 100px;\n margin: 8px 0;\n\n thead,\n tbody,\n tfoot {\n // TODO: remove chaining when bootstrap dependency is removed\n > tr > th,\n > tr > td {\n border: 1px solid color('gray');\n padding: 6px;\n font-size: rem(1.5);\n min-height: 32px;\n height: 32px;\n min-width: 32px;\n vertical-align: top;\n }\n }\n\n td.inactive,\n th {\n background-color: color('gray-lightest');\n opacity: 1;\n visibility: visible;\n }\n\n md-input-container {\n margin: 0;\n }\n\n .md-errors-spacer {\n display: none;\n }\n}\n\n.table--student {\n td {\n &.inactive {\n padding: 8px 10px;\n }\n }\n}\n\n.table--full-width {\n width: 100%;\n}\n\n.table--list {\n border: 0 none;\n border-collapse: collapse;\n background-color: #ffffff;\n max-width: 100%;\n overflow: auto;\n\n th,\n td {\n padding: 0 4px;\n border: 0 none;\n }\n\n td {\n min-height: 56px;\n height: 56px;\n }\n\n tr {\n &.md-button {\n display: table-row;\n text-align: left;\n width: auto;\n text-transform: none;\n font-size: inherit;\n font-weight: normal;\n }\n }\n}\n\n.table--list__wrap {\n min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n overflow-x: auto;\n }\n}\n\n.table--list__thead {\n font-size: rem(1.4);\n font-weight: 700;\n}\n\n.table--list__thead__tr {\n height: 100%;\n margin: 0;\n}\n\n.table--list__thead__th {\n background-color: color('gray-darker');\n color: color('text-light');\n min-height: $wise-toolbar-height;\n height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n color: #ffffff;\n text-transform: none;\n margin: 0;\n min-width: 0;\n white-space: normal;\n line-height: 1.4;\n width: 100%;\n}\n\n.table--list__thead__sort {\n margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n transform: rotate(180deg);\n}\n\n.td--wrap {\n min-width: 180px;\n white-space: normal;\n line-height: 1.2;\n}\n\n.td--max-width {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n max-width: 180px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n",".md-toolbar-tools {\n font-size: 18px;\n\n .autocomplete {\n height: 36px;\n\n md-autocomplete-wrap {\n height: 36px;\n }\n\n input {\n height: 36px;\n }\n }\n}\n\n.md-toolbar--wise {\n min-height: $wise-toolbar-height;\n\n .md-toolbar-tools {\n height: $wise-toolbar-height;\n max-height: $wise-toolbar-height;\n }\n\n .md-button.md-icon-button {\n height: $wise-toolbar-height;\n line-height: $wise-toolbar-height;\n width: $wise-toolbar-height;\n }\n}\n\n.md-toolbar--wise--sm {\n .md-toolbar-tools {\n padding: 0 8px;\n font-size: $body-font-size-base;\n }\n}\n\n.md-toolbar--sidenav {\n background-color: color('gray-darkest') !important;\n\n .md-toolbar-tools {\n font-size: rem(1.6);\n font-weight: 500;\n }\n}\n\n.toolbar {\n position: fixed;\n left: 0;\n right: 0;\n top: $md-toolbar-height;\n z-index: 3;\n}\n\n.toolbar__title {\n margin-left: 8px;\n font-size: rem(1.6);\n font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n margin: 0 4px;\n min-height: 32px;\n background-color: color('gray-lightest');\n\n .md-select-value {\n height: 32px;\n text-align: left;\n }\n}\n[dir=rtl] {\n .toolbar__select, .md-button.toolbar__select {\n .md-select-value {\n text-align: right;\n }\n }\n}\n\n.toolbar__select--fixedwidth {\n width: 168px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n width: 264px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n width: 432px;\n }\n}\n","// Helpers\n@function rem($multiplier) {\n $font-size: 10px;\n @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base: rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs: 600px;\n$layout-breakpoint-sm: 960px;\n$layout-breakpoint-md: 1280px;\n$layout-breakpoint-lg: 1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n",".list-item {\n background-color: #ffffff;\n border-bottom: 1px solid color('gray-lighter');\n\n .md-subheader, &.md-subheader {\n color: color('text');\n background-color: #ffffff;\n\n md-icon {\n vertical-align: middle;\n }\n\n .md-subheader-inner {\n padding: 0;\n }\n\n .md-avatar {\n margin-right: 8px;\n }\n }\n\n .autocomplete {\n margin: 8px 0;\n }\n}\n\n.list-item--info {\n &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n border-left: 4px solid color('info') !important;\n margin-left: -4px;\n }\n}\n\n.list-item--warn {\n //background-color: lighten(color('warn'), 56%);\n\n &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n border-left: 4px solid color('warn') !important;\n margin-left: -4px;\n }\n}\n\n.list-item--expanded {\n border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n cursor: default;\n background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n text-transform: none;\n width: 100%;\n padding: 8px 16px;\n margin: 0;\n white-space: normal;\n text-align: left;\n line-height: 1.4;\n}\n\n.user-list {\n font-size: rem(1.5);\n}\n","#nav {\n position: relative;\n}\n\n.nav {\n margin-bottom: 16px;\n}\n\n.nav-mask {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0,0,0,0.25);\n z-index: 1;\n\n &.ng-hide {\n opacity: 0;\n }\n}\n\n.nav-head {\n color: color('text-secondary');\n font-weight: 500;\n\n md-icon {\n line-height: 20px;\n }\n}\n\n.nav-contents--root {\n padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n background-color: color('gray-light');\n padding: 8px;\n}\n\n.nav-contents--root {\n padding: 0;\n}\n\n.nav-contents__list {\n padding: 0;\n\n @media (min-width: $layout-breakpoint-xs) {\n padding: 8px;\n }\n}\n\n.nav-item {\n transition: opacity 250ms ease-in-out;\n\n &.prev {\n md-list-item {\n background-color: color('selected-bg');\n\n /*&._md-button-wrap>div.md-button:first-child {\n border-left: 4px solid color('primary');\n margin-left: -4px;\n }*/\n }\n }\n}\n\n.nav-item--card__content {\n border-top-right-radius: $card-border-radius;\n border-top-left-radius: $card-border-radius;\n\n &:focus {\n outline: none;\n\n .nav-item__title > span {\n border-bottom: 1px dashed color('gray');\n }\n }\n}\n\n.nav-item--root {\n transition: margin 250ms, box-shadow 500ms;\n\n &.expanded {\n flex-basis: 100%;\n //max-width: ($layout-breakpoint-md - 100) !important;\n max-width: 100%;\n max-height: none !important;\n margin: 8px auto;\n\n &:first-of-type {\n margin-top: 0;\n }\n\n //@media only screen and (min-width: $layout-breakpoint-sm) {\n //margin: 8px auto;\n //}\n }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n padding: 0 16px 0 4px;\n display: inline-block;\n}\n\n.nav-item--list__reorder {\n margin-left: 8px;\n color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n &:not(.expanded) {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n }\n}\n\n.nav-item__collapse {\n margin: 0;\n}\n\n.nav-item__more {\n border-top: 1px solid color('gray-light');\n border-bottom-right-radius: $card-border-radius;\n border-bottom-left-radius: $card-border-radius;\n padding: 8px 16px;\n min-height: 40px;\n}\n\n.nav-item__users {\n height: auto;\n cursor: pointer;\n color: #ffffff;\n margin: 0;\n padding: 1px 6px;\n\n > md-icon {\n padding-right: 4px;\n color: #ffffff;\n }\n\n &:hover, &:focus {\n &.success-bg {\n background-color: color('success');\n }\n }\n}\n\n.nav-item__title {\n padding-left: 16px;\n line-height: 1.2;\n font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n padding-left: auto;\n padding-right: 16px;\n}\n\n.nav-item__info {\n padding: 0 8px;\n}\n\n.nav-item__progress {\n width: 48px;\n\n > .md-container {\n top: 0;\n }\n}\n\n.nav-item__progress-value {\n margin-left: 8px;\n width: 36px;\n}\n\n.progress-wrapper {\n padding: 2px 0;\n cursor: pointer;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n position: absolute;\n top: 10px;\n right: 12px;\n\n path {\n stroke: color('accent-2') !important;\n stroke-width: 2px;\n }\n}\n[dir=rtl] .menu-progress {\n right:auto;\n left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n font-weight: 700;\n //color: color('text-secondary');\n font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n margin-top: 12px !important;\n margin-right: 12px !important;\n margin-left: 12px;\n}\n\n.active {\n .menu-sidenav__icon, .menu-sidenav__item {\n color: color('primary');\n }\n}\n\n.menu-sidebar {\n position: absolute;\n top: $wise-toolbar-height + $md-toolbar-height;\n bottom: 0;\n left: 0;\n background-color: #fff;\n width: $menu-sidebar-width;\n overflow: hidden;\n padding: 8px 0;\n text-align: center;\n border-right: 1px solid color('gray');\n\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n display: none;\n }\n}\n[dir=rtl] .menu-sidebar {\n right:0;\n left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n margin-top: 6px;\n margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n margin: 0 auto;\n position: absolute;\n left: 0;\n right: 0;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 8px;\n padding: 24px 16px;\n margin-bottom: 32px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 32px;\n }\n\n &.ng-enter {\n transition: opacity .5s;\n opacity: 0;\n }\n\n &.ng-enter-active {\n opacity: 1;\n }\n}\n\n// TODO: use BEM conventions\n\n.node-content {\n padding: 0 0 48px;\n background-color: #ffffff;\n border-radius: $button-border-radius;\n overflow: visible;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n box-shadow: none;\n }\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 0;\n border-top: 2px solid;\n border-bottom: 2px solid;\n }\n}\n\nmd-content {\n &.node-content {\n background-color: #ffffff;\n }\n}\n\n.node-content__rubric {\n position: absolute;\n top: -22px;\n left: 0;\n right: 0;\n z-index: 1;\n\n .avatar--icon {\n transform: scale(0.94);\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n transform: scale(0.8);\n }\n }\n}\n\n.node-icon {\n color: #ffffff;\n vertical-align: inherit;\n}\n\n.node-select {\n margin: 0 8px;\n min-width: 0;\n font-weight: 500;\n font-size: $body-font-size-base;\n\n .md-select-value {\n *:first-child {\n transform: translate3d(0,0,0);\n flex: 1 0 0;\n }\n\n .node-select__icon {\n display: none;\n }\n\n .node-select__status {\n display: none;\n }\n }\n\n .md-select-icon {\n margin-left: 0;\n color: color('text');\n }\n}\n\n.node-select-option--group {\n //color: rgba(0,0,0,0.54);\n background-color: color('gray-lightest');\n border-bottom: 1px solid color('gray-lighter');\n border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n padding-left: 20px;\n}\n\n.node-select__icon {\n margin-right: 8px;\n}\n\n.node-select__status {\n margin-left: 8px;\n}\n\n.node-select__text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-top: 2px;\n }\n}\n\n.node-title {\n line-height: 1.2;\n text-transform: none;\n margin-top: 3px;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n font-size: $body-font-size-base;\n }\n}\n\n.node-content__actions {\n padding: 0 16px 16px;\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 0 24px 24px;\n }\n\n .md-button:first-child {\n margin-left: 0;\n }\n\n .md-button:last-child {\n margin-right: 0;\n }\n}\n\n.node-content__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: color('text-secondary');\n}\n\n.node-content__actions__more {\n border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n &:not(:first-of-type) {\n }\n\n &:first-of-type {\n margin-right: 0;\n }\n}\n\n.node-sidebar-active {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-right: ($md-toolbar-height + 16);\n }\n}\n\n.node-sidebar-visible {\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n margin-bottom: $wise-toolbar-height;\n }\n}\n\n.node-sidebar {\n position: absolute;\n right: 0;\n top: 0;\n width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n position: fixed;\n width: $md-toolbar-height;\n background-color: #ffffff;\n padding: 8px 0;\n border-radius: $button-border-radius;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n border-radius: 0;\n padding: 0;\n min-height: 0;\n height: $wise-toolbar-height;\n }\n}\n\n.node__label--vertical-alignment {\n vertical-align: middle;\n display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 450px;\n$report-position-right: 66px;\n$report-full-gap: 8px;\n\n// Base\n\nnotebook-report {\n position: absolute;\n bottom: 0;\n right: $report-position-right;\n transition: right 250ms;\n z-index: 3;\n\n &.report-full {\n left: $report-full-gap;\n right: $report-full-gap;\n top: $report-full-gap;\n bottom: $report-full-gap\n }\n \n @media only screen and (min-width: $layout-breakpoint-sm) {\n &.notes-visible {\n right: $notebook-sidebar-width + 24;\n }\n }\n}\n\n.notebook-sidebar {\n width: $notebook-sidebar-width - 180; \n max-width: none;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n width: $notebook-sidebar-width;\n }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n .notebook-enabled {\n .md-fab-bottom-right, .md-fab-bottom-left {\n bottom: ($wise-toolbar-height + 8) !important;\n }\n }\n}\n",".notification-btn {\n width: 60px !important;\n\n md-icon {\n margin-left: 20px;\n }\n}\n\n.notification-count {\n border-radius: 50%;\n position: absolute;\n background-color: color('accent');\n width: 22px;\n top: 12px;\n left: -18px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid;\n\n &:before {\n content: \"\";\n position: absolute;\n right: -7px;\n top: 6px;\n border-left: 6px solid rgba(255,255,255,0.87);\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n }\n}\n\n.notification-list {\n padding: 8px 0;\n}\n\n.notification-dismiss {\n width: 500px;\n}\n\n.notification-dismiss__input {\n margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n &.notification-list-item__source {\n color: color('text-secondary');\n font-size: rem(1.2);\n\n md-icon {\n font-size: rem(1.8);\n min-width: 0;\n width: auto;\n margin-left: -4px;\n line-height: rem(2);\n }\n }\n}\n",".account-menu {\n border-radius: $card-border-radius;\n padding: 0;\n font-size: $body-font-size-base;\n max-width: 380px;\n\n @media (min-width: $layout-breakpoint-md) {\n min-width: 380px !important;\n }\n\n h3 {\n margin: 0;\n font-weight: 300;\n }\n\n .mat-mdc-menu-content {\n padding: 0;\n }\n}\n\n.account-menu--fixed-height {\n height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n width: 320px;\n\n @media (min-width: $layout-breakpoint-sm) {\n width: 380px;\n }\n}\n\n.account-menu__icon {\n background-color: color('text-light');\n border-radius: 50%;\n}\n\n.account-menu__caret {\n position: absolute;\n right: 28px;\n top: -8px;\n outline: none;\n\n &:before {\n content: '';\n position: absolute;\n border-bottom: 8px solid #fff;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n right: 132px;\n}\n\n[dir=rtl] {\n .account-menu__caret {\n right: auto;\n left: 28px;\n }\n .account-menu__caret--pause, .account-menu__caret--notification {\n left:80px;\n right:auto;\n }\n .account-menu__caret--notification--with-pause {\n left: 132px;\n right:auto;\n }\n}\n\n.account-menu__info {\n padding: 8px 12px;\n}\n\n.account-menu__info__title {\n font-weight: 500;\n}\n\n.account-menu__info__team {\n font-weight: 400;\n color: color('text-secondary');\n}\n\n.account-menu__users {\n padding: 0;\n\n md-list-item {\n padding: 0;\n\n .md-avatar {\n margin: 0 8px 0 0;\n height: 48px;\n width: 48px;\n }\n }\n}\n\n.account-menu__actions {\n background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n padding: 16px;\n}\n",".annotations {\n margin: 16px 4px 16px 62px;\n position: relative;\n font-size: rem(1.5);\n\n hr {\n margin: 10px 0 8px;\n border-color: rgba(0,0,0,.12);\n }\n\n &:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n left: -15px;\n right: auto;\n top: -1px;\n bottom: auto;\n border-top: 20px solid transparent;\n border-bottom: 20px solid transparent;\n border-right: 16px solid color('gray-darker');\n }\n}\n\n.annotations-container--student--report {\n border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.annotations__header {\n position: relative;\n //border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n padding: 10px 12px;\n font-weight: 700;\n transition: all 1s;\n color: #ffffff;\n background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n background-color: color('accent');\n padding: 2px;\n position: absolute;\n top: 0;\n left: -62px;\n}\n\n.annotations__icon {\n transition: all 1s;\n color: #ffffff;\n}\n\n.annotations__body {\n padding: 12px;\n background-color: #ffffff;\n border-bottom-left-radius: $card-border-radius;\n border-bottom-right-radius: $card-border-radius;\n overflow: auto;\n}\n\n.annotations__status {\n background-color: #ffffff;\n color: color('info');\n display: inline-block;\n margin-left: 8px;\n font-size: rem(1.2);\n\n &.ng-enter, &.ng-leave {\n transition: all 1s;\n }\n\n &.ng-enter, &.ng-leave.ng-leave-active {\n opacity:0;\n }\n\n &.ng-leave, &.ng-enter.ng-enter-active {\n opacity:1;\n }\n}\n\n.annotations__score {\n font-weight: 700;\n}\n\n.annotations__info {\n font-style: italic;\n opacity: 0.8;\n border-bottom: 1px dotted;\n font-size: rem(1.3);\n}\n\n.annotations--inside {\n .annotations {\n margin-left: 72px;\n }\n}\n\n// TODO: move to own file\n.annotations--info {\n margin-bottom: 32px;\n margin-right: 8px;\n margin-left: 72px;\n\n @media only screen and (min-width: ($layout-breakpoint-xs)) {\n margin: 16px 16px 32px 76px;\n }\n\n &:after {\n border-right: 16px solid color('info');\n }\n\n .annotations__avatar {\n background-color: #ffffff;\n }\n\n .annotations__header {\n background-color: color('info');\n }\n}\n",".component {\n position: relative;\n}\n\n.component__wrapper {\n padding: 0 24px;\n margin: 24px 0;\n}\n\n.component__content {\n overflow-x: auto;\n font-size: rem(1.5);\n overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 0 8px;\n }\n}\n\nh3.component__header {\n padding: 8px 12px;\n margin: 0;\n font-size: rem(1.4);\n}\n\n.component__rubric {\n position: absolute;\n left: -20px;\n top: 12px;\n}\n\n.notebook-enabled {\n .component_content {\n img {\n transition: all 250ms;\n cursor: pointer;\n cursor: copy;\n //position: relative;\n //border: 2px solid transparent;\n\n &:hover, &:focus {\n box-shadow: 0 0 5px 1px color('accent');\n //border: 2px solid #ffffff;\n }\n }\n }\n}\n\n.component__actions {\n .md-button:first-child {\n margin-left: 0;\n }\n\n .md-button:last-child {\n margin-right: 0;\n }\n}\n\n.component__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: color('text-secondary');\n font-weight: 400;\n}\n\n.component__actions__more {\n border-bottom: 1px dotted;\n}\n\n.component__prompt {\n margin-bottom: 8px;\n font-weight: 500;\n}\n\n.component__prompt__content {\n display: inline;\n}\n\n.component__attachment {\n position: relative;\n margin: 0 8px;\n padding-bottom: 8px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding-top: 8px;\n }\n}\n\n.component__add-attachment {\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n width: 100%;\n }\n}\n\n.component__attachment__content {\n max-height: 100px;\n width: auto;\n}\n\n.component__attachment__delete {\n position: absolute;\n top: 0;\n right: 0;\n min-width: 0;\n background-color: rgba(255, 255, 255, 0.75) !important;\n border-radius: 0;\n padding: 4px;\n margin: 0;\n\n //@media only screen and (min-width: $layout-breakpoint-sm) {\n //margin-top: 8px;\n //}\n\n > md-icon {\n margin-top: 0;\n }\n}\n\n.component__revision {\n margin: 8px 0;\n padding: 8px;\n\n &:nth-child(odd) {\n background-color: color('gray-lightest');\n }\n}\n\n.component__revision__content {\n padding: 4px 0 8px 0;\n border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n color: color('gray-darker');\n padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n overflow: hidden;\n}\n\n.discussion-content {\n background-color: color('gray-lighter');\n //margin: 0 0 -16px;\n box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n padding: 12px 12px 8px;\n\n @media only screen and (min-width: $layout-breakpoint-md) {\n padding: 16px 16px 0;\n }\n}\n\n.discussion-post {\n margin: 0 auto 16px;\n max-width: $layout-breakpoint-xs;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-bottom: 24px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-md) {\n margin-bottom: 32px;\n }\n\n // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n md-divider {\n position: relative;\n width: auto;\n }\n}\n\n\n\n.discussion-post__attachment {\n max-width: 100%;\n height: auto !important;\n margin-top: 16px;\n}\n\n.discussion-new {\n background-color: #ffffff;\n max-width: 570px;\n margin-left: auto;\n margin-right: auto;\n padding: 8px;\n transition: all 250ms;\n transform: scale(0.95);\n}\n\n.discussion-new--focused {\n transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n margin: 0;\n padding: 0;\n\n > textarea.md-input {\n min-height: 68px;\n }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n border: 0 none;\n}\n\n.discussion-new__actions {\n padding: 0 8px;\n\n .md-button {\n &:first-of-type {\n margin-left: 0;\n }\n\n &:last-of-type {\n margin-right: 0;\n }\n }\n}\n\n.discussion-new__attachment {\n padding: 0;\n margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n margin-top: 0;\n margin-bottom: 16px;\n}\n\n\n\n\n\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n border: 0 none;\n}\n",".graph-select {\n min-width: 150px;\n max-width: 200px;\n}\n\n.graph-controls {\n margin: 8px 0;\n padding: 8px 0;\n border: 1px solid color('gray-lighter');\n border-left-width: 0;\n border-right-width: 0;\n}\n",".outside-content {\n iframe {\n border: 1px solid color('gray-lighter');\n }\n}\n\n.outside-content__source {\n margin-top: 4px;\n text-align: end;\n\n a {\n max-width: 240px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n }\n}",".notebook-toolbar {\n md-divider {\n margin: 8px 0;\n }\n\n @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n border-top: 1px solid color('gray-light');\n }\n}\n\n.notebook-toolbar__add-menu {\n position: absolute;\n bottom: 40px;\n\n .md-fab-action-item {\n background-color: #ffffff;\n }\n}\n\n.notebook-toolbar__add-icon {\n border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n float:left;\n}","highchart {\n display: block;\n}\n"]} \ No newline at end of file diff --git a/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.html b/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.html index 5b4b6e0f52f..f9902e97843 100644 --- a/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.html +++ b/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.html @@ -1,25 +1,20 @@
-
+ -  
-
-
+
+ @if (notebookConfig.itemTypes.note.enabled) { + + } + @if (chatbotEnabled) { + + } +
diff --git a/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.scss b/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.scss index 64e2ba56c2d..e0530352211 100644 --- a/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.scss +++ b/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.scss @@ -41,16 +41,3 @@ display: none; } } - -.unit-plan-icon { - color: rgba(0,0,0,.54); -} - -.submit-button-content { - display: flex; - align-items: center; - - span { - margin-left: 7px; - } -} \ No newline at end of file diff --git a/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.ts b/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.ts index 0194d8918f2..3dfa1cfa59a 100644 --- a/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.ts +++ b/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.ts @@ -1,5 +1,5 @@ import { CommonModule } from '@angular/common'; -import { Component, OnInit, ViewEncapsulation } from '@angular/core'; +import { Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { MatButtonModule } from '@angular/material/button'; import { MatFormFieldModule } from '@angular/material/form-field'; @@ -13,6 +13,7 @@ import { NodeStatusService } from '../../../../services/nodeStatusService'; import { ProjectService } from '../../../../services/projectService'; import { StudentDataService } from '../../../../services/studentDataService'; import { Subscription } from 'rxjs'; +import { NotebookLauncherComponent } from '../../../../../../app/notebook/notebook-launcher/notebook-launcher.component'; @Component({ encapsulation: ViewEncapsulation.None, @@ -25,13 +26,16 @@ import { Subscription } from 'rxjs'; MatSelectModule, MatTooltipModule, NodeIconComponent, - NodeStatusIconComponent + NodeStatusIconComponent, + NotebookLauncherComponent ], selector: 'step-tools', styleUrl: './step-tools.component.scss', templateUrl: './step-tools.component.html' }) export class StepToolsComponent implements OnInit { + @Input() chatbotEnabled: boolean; + @Output() toggleChatbot = new EventEmitter(); protected icons: any; protected isSurvey: boolean; protected is_rtl: boolean; @@ -40,6 +44,7 @@ export class StepToolsComponent implements OnInit { protected nodeIds: string[]; protected nodeStatus: any; protected nodeStatuses: any; + @Input() notebookConfig: any; protected prevId: string; private subscriptions: Subscription = new Subscription(); protected toNodeId: string; @@ -122,4 +127,8 @@ export class StepToolsComponent implements OnInit { protected closeNode(): void { this.nodeService.closeNode(); } + + protected emitToggleChatbot(): void { + this.toggleChatbot.emit(); + } } diff --git a/src/assets/wise5/vle/vle.component.html b/src/assets/wise5/vle/vle.component.html index 2cfe47e43b7..fa8c935ddd1 100644 --- a/src/assets/wise5/vle/vle.component.html +++ b/src/assets/wise5/vle/vle.component.html @@ -6,24 +6,30 @@ + @if (chatbotEnabled) { + + + + } @if (reportEnabled) { } - @if (notesEnabled && !notesVisible) { - - } - @if (chatbotEnabled) { - - } } @@ -32,7 +38,12 @@ @if (layoutState === 'node') { - + }
; @ViewChild('drawer') public drawer: any; protected initialized: boolean; private isSurvey: boolean; protected layoutState: string; + private mdScreen: boolean; protected notebookConfig: any; protected notesEnabled: boolean = false; protected notesVisible: boolean = false; @@ -214,6 +216,11 @@ export class VLEComponent implements AfterViewInit { this.subscribeToReportFullScreen(); this.subscribeToViewCurrentAmbientNotification(); this.subscriptions.add(this.projectService.projectParsed$.subscribe(() => this.setProject())); + this.subscriptions.add( + this.breakpointObserver.observe(['(max-width: 1280px)']).subscribe((result) => { + this.mdScreen = result.matches; + }) + ); } private subscribeToShowSessionWarning(): void { diff --git a/src/style/abstracts/_variables.scss b/src/style/abstracts/_variables.scss index 6aed0237d31..e0c0c47cc8b 100644 --- a/src/style/abstracts/_variables.scss +++ b/src/style/abstracts/_variables.scss @@ -32,4 +32,4 @@ $toolbar-height: 52px; $secondary-toolbar-height: 42px; $heading-font-family: Raleway, sans-serif; $notebook-sidebar-width: 300px; -$notebook-sidebar-width-gt-xs: 480px; +$notebook-sidebar-width-gt-xs: 450px; diff --git a/src/style/base/_base.scss b/src/style/base/_base.scss index bdaf9d4d2e0..5205d22ec2b 100644 --- a/src/style/base/_base.scss +++ b/src/style/base/_base.scss @@ -6,6 +6,12 @@ strong, b, .strong { font-weight: 500; } +ol, ul { + list-style-type: revert; + margin-block-start: 1em; + padding-inline-start: 1em; +} + figure { &.image { display: inline-block; From f23821695d0bbab3c2c5d06f16f560a630cbd138 Mon Sep 17 00:00:00 2001 From: Jonathan Lim-Breitbart Date: Wed, 14 Jan 2026 14:51:45 -0800 Subject: [PATCH 31/32] Show instructions when chat has no messages; fix test --- src/app/chatbot/chatbot.component.html | 2 +- src/app/chatbot/chatbot.component.spec.ts | 82 +++++++++---------- .../stepTools/step-tools.component.spec.ts | 10 +++ 3 files changed, 52 insertions(+), 42 deletions(-) diff --git a/src/app/chatbot/chatbot.component.html b/src/app/chatbot/chatbot.component.html index a0534489a0b..198a5edb42c 100644 --- a/src/app/chatbot/chatbot.component.html +++ b/src/app/chatbot/chatbot.component.html @@ -50,7 +50,7 @@
- @if (messages.length === 0) { + @if (messages.length === 1) {
chat_bubble_outline

Start a conversation with the AI assistant!

diff --git a/src/app/chatbot/chatbot.component.spec.ts b/src/app/chatbot/chatbot.component.spec.ts index 21a23a2406a..22aa7a0f24a 100644 --- a/src/app/chatbot/chatbot.component.spec.ts +++ b/src/app/chatbot/chatbot.component.spec.ts @@ -261,69 +261,69 @@ describe('ChatbotComponent', () => { }); }); - describe('toggleCollapse', () => { + xdescribe('toggleCollapse', () => { beforeEach(() => { chatbotService.getChats.and.returnValue(of([])); chatbotService.createChat.and.returnValue(Promise.resolve(createMockChat('1'))); fixture.detectChanges(); }); - // it('should toggle collapsed state', () => { - // component['collapsed'] = true; - // component['full'] = false; + it('should toggle collapsed state', () => { + component['collapsed'] = true; + component['full'] = false; - // component['toggleCollapse'](); + component['toggleCollapse'](); - // expect(component['collapsed']).toBe(false); - // }); + expect(component['collapsed']).toBe(false); + }); - // it('should open fullscreen on small screens when collapsed', () => { - // component['collapsed'] = true; - // breakpointObserver.isMatched.and.returnValue(true); + it('should open fullscreen on small screens when collapsed', () => { + component['collapsed'] = true; + breakpointObserver.isMatched.and.returnValue(true); - // component['toggleCollapse'](); + component['toggleCollapse'](); - // expect(component['full']).toBe(true); - // expect(component['collapsed']).toBe(false); - // }); + expect(component['full']).toBe(true); + expect(component['collapsed']).toBe(false); + }); - // it('should exit fullscreen mode when toggling', () => { - // component['collapsed'] = false; - // component['full'] = true; + it('should exit fullscreen mode when toggling', () => { + component['collapsed'] = false; + component['full'] = true; - // component['toggleCollapse'](); + component['toggleCollapse'](); - // expect(component['full']).toBe(false); - // expect(component['collapsed']).toBe(true); - // }); + expect(component['full']).toBe(false); + expect(component['collapsed']).toBe(true); + }); }); - // describe('fullscreen', () => { - // beforeEach(() => { - // chatbotService.getChats.and.returnValue(of([])); - // chatbotService.createChat.and.returnValue(Promise.resolve(createMockChat('1'))); - // fixture.detectChanges(); - // }); + xdescribe('fullscreen', () => { + beforeEach(() => { + chatbotService.getChats.and.returnValue(of([])); + chatbotService.createChat.and.returnValue(Promise.resolve(createMockChat('1'))); + fixture.detectChanges(); + }); - // it('should enter fullscreen mode when collapsed', () => { - // component['collapsed'] = true; - // component['full'] = false; + it('should enter fullscreen mode when collapsed', () => { + component['collapsed'] = true; + component['full'] = false; - // component['fullscreen'](); + component['fullscreen'](); - // expect(component['full']).toBe(true); - // expect(component['collapsed']).toBe(false); - // }); + expect(component['full']).toBe(true); + expect(component['collapsed']).toBe(false); + }); - // it('should toggle fullscreen mode when not collapsed', () => { - // component['collapsed'] = false; - // component['full'] = false; + it('should toggle fullscreen mode when not collapsed', () => { + component['collapsed'] = false; + component['full'] = false; - // component['fullscreen'](); + component['fullscreen'](); - // expect(component['full']).toBe(true); - // }); - // }); + expect(component['full']).toBe(true); + }); + }); describe('handleKeyPress', () => { beforeEach(() => { diff --git a/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.spec.ts b/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.spec.ts index 3a8b9eb33da..09f6a6cd48d 100644 --- a/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.spec.ts +++ b/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.spec.ts @@ -48,6 +48,16 @@ describe('StepToolsComponent', () => { of({ isSurvey: false } as RunInfo) ); component = fixture.componentInstance; + component.notebookConfig = { + itemTypes: { + note: { + enabled: true, + label: { + link: 'note' + } + } + } + }; fixture.detectChanges(); }); From 57766c0906c906cb6c1dfb3fddc4539c932239e8 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Wed, 14 Jan 2026 22:57:02 +0000 Subject: [PATCH 32/32] Updated messages --- src/messages.xlf | 122 +++++++++++++++++++---------------------------- 1 file changed, 50 insertions(+), 72 deletions(-) diff --git a/src/messages.xlf b/src/messages.xlf index a5d5b921fad..74aa23c98f9 100644 --- a/src/messages.xlf +++ b/src/messages.xlf @@ -281,6 +281,10 @@ src/app/chatbot/chat-history-dialog.component.html 87,90 + + src/app/chatbot/chatbot.component.html + 46,48 + src/app/modules/library/library-project-details/library-project-details.component.html 218,222 @@ -1910,126 +1914,92 @@ Click "Cancel" to keep the invalid JSON open so you can fix it.AI Assistant src/app/chatbot/chatbot.component.html - 11,14 + 5,8 New chat src/app/chatbot/chatbot.component.html - 18,22 + 12,16 Conversation history src/app/chatbot/chatbot.component.html - 28,31 + 21,24 Toggle Full Screen src/app/chatbot/chatbot.component.html - 40,43 - - - src/app/notebook/notebook-report/notebook-report.component.html - 21,24 - - - - Collapse - - src/app/chatbot/chatbot.component.html - 54,57 - - - src/app/notebook/notebook-report/notebook-report.component.html - 35,37 - - - - Restore - - src/app/chatbot/chatbot.component.html - 64,66 - - - src/app/modules/library/library-project-menu/library-project-menu.component.html 32,35 src/app/notebook/notebook-report/notebook-report.component.html - 45,46 - - - src/app/teacher/archive-projects-button/archive-projects-button.component.html - 17,20 - - - src/app/teacher/run-menu/run-menu.component.html - 47,52 + 21,24 Start a conversation with the AI assistant! src/app/chatbot/chatbot.component.html - 76,78 + 56,58 Ask questions about your work, get help, or discuss ideas. src/app/chatbot/chatbot.component.html - 78,82 + 58,62 You src/app/chatbot/chatbot.component.html - 94,96 + 74,76 Assistant src/app/chatbot/chatbot.component.html - 96,100 + 76,80 src/app/chatbot/chatbot.component.html - 118,121 + 98,101 Thinking... src/app/chatbot/chatbot.component.html - 122,127 + 102,107 Type your message... src/app/chatbot/chatbot.component.html - 132,135 + 112,115 Send message src/app/chatbot/chatbot.component.html - 149,154 + 129,134 Sorry, I encountered an error. Please try again. src/app/chatbot/chatbot.component.ts - 147 + 128 @@ -6439,6 +6409,25 @@ Click "Cancel" to keep the invalid JSON open so you can fix it.4,8 + + Restore + + src/app/modules/library/library-project-menu/library-project-menu.component.html + 32,35 + + + src/app/notebook/notebook-report/notebook-report.component.html + 45,46 + + + src/app/teacher/archive-projects-button/archive-projects-button.component.html + 17,20 + + + src/app/teacher/run-menu/run-menu.component.html + 47,52 + + Archive @@ -7093,6 +7082,13 @@ Click "Cancel" to keep the invalid JSON open so you can fix it.119 + + Collapse + + src/app/notebook/notebook-report/notebook-report.component.html + 35,37 + + Save @@ -10670,7 +10666,7 @@ Click "Cancel" to keep the invalid JSON open so you can fix it. src/assets/wise5/vle/vle.component.ts - 225 + 232 @@ -10685,7 +10681,7 @@ Click "Cancel" to keep the invalid JSON open so you can fix it. src/assets/wise5/vle/vle.component.ts - 226 + 233 @@ -16050,7 +16046,7 @@ Are you sure you want to proceed? src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.html - 9,13 + 7,11 @@ -16065,11 +16061,7 @@ Are you sure you want to proceed? src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.html - 21,24 - - - src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.html - 23,26 + 18,21 @@ -16095,7 +16087,7 @@ Are you sure you want to proceed? src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.html - 60,63 + 53,56 @@ -22373,11 +22365,11 @@ If this problem continues, let your teacher know and move on to the next activit src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.html - 70,73 + 61,64 src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.html - 72,75 + 63,66 @@ -22458,20 +22450,6 @@ If this problem continues, let your teacher know and move on to the next activit 13,16 - - Previous Item - - src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.html - 7,10 - - - - Next Item - - src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.html - 58,61 - - Your :