answers

Skip to main content

• VHL Central
• User Joh'Na McConnell
• Chat
• Contrast
• Help Help
  • Main help page
  • How-to videos
  • Student User Guide
  • Support requests
  • Report a technical problem
  • Report a content problem
  • Cancel Request
  • Chat with an agent

Logout Logout Back from chat.

Chat

Close Available to chat

1. Español 1: Período 5-#358

Say your first and last name before beginning your conversation.

Loading the audio-video check…

Audio/video check

Run test Close dialog

Checking your audio/video connection…

This is to ensure that your computer, browser and internet connection supports real-time video/audio connections.

Expected call quality

View details

View details

Having trouble?

Contact our technical support center Done

error warning Cancel Request Return to Dashboard Created with Sketch. Info Info Close dialog

Lección 5 | Grammar Quiz Exam Activity

Grammar Quizzes

Lección 5

Due April 27th 11:59 PM late

Grade Settings

This is a graded activity. You have 3 attempts remaining. For this activity, late work is accepted.

Dialog end

Lección 5 | Grammar Quiz Exam Activity

late Due April 27th 11:59 PM

Instructions

Speed Control Fast Default Slow 1 Completar

Fill in the blanks with the present progressive form of verbs from the list. Use each verb only once.

Word Bank reference

Your options are:
• abrir ,
• buscar ,
• dormir ,
• llevar ,
• pedir ,
• tomar ,
• viajar ,
1. Unattempted changed Question 1 with 1 blank —El huésped You answered las ventanas de la habitación. —Pero, ¿por qué? ¡Hace mucho frío!
2. Unattempted changed Question 2 with 1 blank —¿Qué haces, Juan? — You answered mis llaves.
3. Unattempted changed Question 3 with 1 blank Tenemos hambre. You answered una pizza.
4. Unattempted changed Question 4 with 1 blank Tú You answered (blank) porque estás muy cansado.
5. Unattempted changed Question 5 with 1 blank Los turistas You answered (blank) fotos con sus cámaras digitales.
2 Verbos

Write the present progressive form of each verb. Follow the model.

Modelo

leer (ella) Example answer está leyendo End example answer

1. Unattempted changed Question 1 with 1 blank ir (él) You answered (blank)
2. Unattempted changed Question 2 with 1 blank jugar (ellas) You answered (blank)
3. Unattempted changed Question 3 with 1 blank aprender (nosotros) You answered (blank)
4. Unattempted changed Question 4 with 1 blank poder (yo) You answered (blank)
5. Unattempted changed Question 5 with 1 blank vivir (tú) You answered (blank)
3 Completar

Marta is on vacation with her family. Fill in the blanks with the present progressive form of the verbs.

1. Unattempted changed Question 1 with 6 blanks Mi familia y yo (1) You answered (blank) (pasar) las vacaciones en la República Dominicana, en la playa Bávaro de Punta Cana. Yo (2) You answered (blank) (escribir) unas postales a mis amigos. Mi madre (3) You answered (blank) (bucear) y mi padre (4) You answered (blank) (pescar) en un barco. Mis hermanos Julio y Enrique (5) You answered (blank) (leer) unos libros aquí en la playa. Y tú, ¿qué (6) You answered (blank) (hacer)?
4 Emparejar

Match the descriptions to the locations. Two items from the list will not be used.

1. changed   la aduana la agencia de viajes la playa la clase el mar la habitación de hotel Estamos mostrando los pasaportes.
2. changed   la aduana la agencia de viajes la playa la clase el mar la habitación de hotel Están trayendo las maletas.
3. changed   la aduana la agencia de viajes la playa la clase el mar la habitación de hotel Están cerrando los libros.
4. changed   la aduana la agencia de viajes la playa la clase el mar la habitación de hotel Estamos comprando los pasajes.
• Á A acento agudo
• É E acento agudo
• Í I acento agudo
• Ñ eñe
• Ó O acento agudo
• Ú U acento agudo
• Ü U diéresis
• ¿ signo de interrogación inicial
• ¡ signo de exclamación inicial
• á A acento agudo
• é E acento agudo
• í I acento agudo
• ñ eñe
• ó O acento agudo
• ú U acento agudo
• ü U diéresis
• ¿ signo de interrogación inicial
• ¡ signo de exclamación inicial
Close 3 attempts left

For technical support click support.vhlcentral.com, or submit help request 

© 2021 VISTA Higher Learning, Inc. | Store | Terms of use | Privacy policy

Inactivity timeoutClose Do you want to continue working on this activity? YesNo

@charset "utf-8"; .video-js { width: 300px; height: 150px; } .vjs-fluid { padding-top: 56.25%; }

@charset "utf-8"; .tippy-tooltip[data-animation="fade"][data-state="hidden"] { opacity: 0; } .tippy-iOS { -webkit-tap-highlight-color: transparent; cursor: pointer !important; } .tippy-popper { pointer-events: none; max-width: calc(100vw - 10px); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: transform; } .tippy-tooltip { position: relative; color: rgb(255, 255, 255); border-radius: 4px; font-size: 14px; line-height: 1.4; background-color: rgb(51, 51, 51); transition-property: visibility, opacity, transform; outline: 0px; } .tippy-tooltip[data-placement^="top"] > .tippy-arrow { border-width: 8px 8px 0px; border-top-color: rgb(51, 51, 51); margin: 0px 3px; transform-origin: 50% 0px; bottom: -7px; } .tippy-tooltip[data-placement^="bottom"] > .tippy-arrow { border-width: 0px 8px 8px; border-bottom-color: rgb(51, 51, 51); margin: 0px 3px; transform-origin: 50% 7px; top: -7px; } .tippy-tooltip[data-placement^="left"] > .tippy-arrow { border-width: 8px 0px 8px 8px; border-left-color: rgb(51, 51, 51); margin: 3px 0px; transform-origin: 0px 50%; right: -7px; } .tippy-tooltip[data-placement^="right"] > .tippy-arrow { border-width: 8px 8px 8px 0px; border-right-color: rgb(51, 51, 51); margin: 3px 0px; transform-origin: 7px 50%; left: -7px; } .tippy-tooltip[data-interactive][data-state="visible"] { pointer-events: auto; } .tippy-tooltip[data-inertia][data-state="visible"] { transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); } .tippy-arrow { position: absolute; border-color: transparent; border-style: solid; } .tippy-content { padding: 5px 9px; }

@charset "utf-8"; [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide { display: none !important; } ng\:form { display: block; }

@charset "utf-8"; .OT_root, .OT_root * { color: rgb(255, 255, 255); margin: 0px; padding: 0px; border: 0px; font-size: 100%; font-family: Arial, Helvetica, sans-serif; vertical-align: baseline; } .OT_root h1, .OT_root h2, .OT_root h3, .OT_root h4, .OT_root h5, .OT_root h6 { color: rgb(255, 255, 255); font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; } .OT_root header { } .OT_root footer { } .OT_root div { } .OT_root section { } .OT_root video { } .OT_root button { } .OT_root strong { font-weight: bold; } .OT_root em { font-style: italic; } .OT_root a, .OT_root a:link, .OT_root a:visited, .OT_root a:hover, .OT_root a:active { font-family: Arial, Helvetica, sans-serif; } .OT_root ul, .OT_root ol { margin: 1em 1em 1em 2em; } .OT_root ol { list-style: outside decimal; } .OT_root ul { list-style: outside disc; } .OT_root dl { margin: 4px; } .OT_root dl dt, .OT_root dl dd { float: left; margin: 0px; padding: 0px; } .OT_root dl dt { clear: left; text-align: right; width: 50px; } .OT_root dl dd { margin-left: 10px; } .OT_root img { border: 0px none; } .OT_dialog-centering { display: table; width: 100%; height: 100%; } .OT_dialog-centering-child { display: table-cell; vertical-align: middle; } .OT_dialog { position: relative; box-sizing: border-box; max-width: 576px; margin-right: auto; margin-left: auto; padding: 36px; text-align: center; background-color: rgb(54, 54, 54); color: rgb(255, 255, 255); box-shadow: rgb(153, 153, 153) 2px 4px 6px; font-family: "Didact Gothic", sans-serif; font-size: 13px; line-height: 1.4; } .OT_dialog * { font-family: inherit; box-sizing: inherit; } .OT_closeButton { color: rgb(153, 153, 153); cursor: pointer; font-size: 32px; line-height: 36px; position: absolute; right: 18px; top: 0px; } .OT_dialog-messages { text-align: center; } .OT_dialog-messages-main { margin-bottom: 36px; line-height: 36px; font-weight: 300; font-size: 24px; } .OT_dialog-messages-minor { margin-bottom: 18px; font-size: 13px; line-height: 18px; color: rgb(164, 164, 164); } .OT_dialog-messages-minor strong { color: rgb(255, 255, 255); } .OT_dialog-actions-card { display: inline-block; } .OT_dialog-button-title { margin-bottom: 18px; line-height: 18px; font-weight: 300; text-align: center; font-size: 14px; color: rgb(153, 153, 153); } .OT_dialog-button-title label { color: rgb(153, 153, 153); } .OT_dialog-button-title a, .OT_dialog-button-title a:link, .OT_dialog-button-title a:active { color: rgb(2, 161, 222); } .OT_dialog-button-title strong { color: rgb(255, 255, 255); font-weight: 100; display: block; } .OT_dialog-button { display: inline-block; margin-bottom: 18px; padding: 0px 1em; background-color: rgb(28, 163, 220); text-align: center; cursor: pointer; } .OT_dialog-button:disabled { cursor: not-allowed; opacity: 0.5; } .OT_dialog-button-large { line-height: 36px; padding-top: 9px; padding-bottom: 9px; font-weight: 100; font-size: 24px; } .OT_dialog-button-small { line-height: 18px; padding-top: 9px; padding-bottom: 9px; background-color: rgb(68, 68, 68); color: rgb(153, 153, 153); font-size: 16px; } .OT_dialog-progress-bar { display: inline-block; width: 100%; margin-top: 5px; margin-bottom: 41px; border: 1px solid rgb(78, 78, 78); height: 8px; } .OT_dialog-progress-bar-fill { height: 100%; background-color: rgb(41, 164, 218); } .OT_dialog-plugin-upgrading .OT_dialog-plugin-upgrade-percentage { line-height: 54px; font-size: 48px; font-weight: 100; } .OT_centered { position: fixed; left: 50%; top: 50%; margin: 0px; } .OT_dialog-hidden { display: none; } .OT_dialog-button-block { display: block; } .OT_dialog-no-natural-margin { margin-bottom: 0px; } .OT_publisher, .OT_subscriber { position: relative; min-width: 48px; min-height: 48px; } .OT_publisher .OT_video-element, .OT_subscriber .OT_video-element { display: block; position: absolute; width: 100%; height: 100%; transform-origin: 0px 0px; } .OT_publisher.OT_mirrored .OT_video-element { transform: scale(-1, 1); transform-origin: 50% 50%; } .OT_subscriber_error { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); text-align: center; } .OT_subscriber_error > p { padding: 20px; } .OT_publisher .OT_bar, .OT_subscriber .OT_bar, .OT_publisher .OT_name, .OT_subscriber .OT_name, .OT_publisher .OT_archiving, .OT_subscriber .OT_archiving, .OT_publisher .OT_archiving-status, .OT_subscriber .OT_archiving-status, .OT_publisher .OT_archiving-light-box, .OT_subscriber .OT_archiving-light-box { box-sizing: border-box; top: 0px; left: 0px; right: 0px; display: block; height: 34px; position: absolute; } .OT_publisher .OT_bar, .OT_subscriber .OT_bar { background: rgba(0, 0, 0, 0.4); } .OT_publisher .OT_edge-bar-item, .OT_subscriber .OT_edge-bar-item { z-index: 1; } .OT_publisher .OT_name, .OT_subscriber .OT_name { background-color: transparent; color: rgb(255, 255, 255); font-size: 15px; line-height: 34px; font-weight: normal; padding: 0px 4px 0px 36px; } .OT_publisher .OT_archiving-status, .OT_subscriber .OT_archiving-status { background: rgba(0, 0, 0, 0.4); top: auto; bottom: 0px; left: 34px; padding: 0px 4px; color: rgba(255, 255, 255, 0.8); font-size: 15px; line-height: 34px; font-weight: normal; } .OT_micro .OT_archiving-status, .OT_micro:hover .OT_archiving-status, .OT_mini .OT_archiving-status, .OT_mini:hover .OT_archiving-status { display: none; } .OT_publisher .OT_archiving-light-box, .OT_subscriber .OT_archiving-light-box { background: rgba(0, 0, 0, 0.4); top: auto; bottom: 0px; right: auto; width: 34px; height: 34px; } .OT_archiving-light { width: 7px; height: 7px; border-radius: 30px; position: absolute; top: 14px; left: 14px; background-color: rgb(87, 87, 87); box-shadow: rgb(87, 87, 87) 0px 0px 5px 1px; } .OT_archiving-light.OT_active { background-color: rgb(151, 13, 19); animation: 1.3s ease-in 0s infinite normal none running OT_pulse; } @-webkit-keyframes OT_pulse { 0% { box-shadow: rgb(199, 0, 25) 0px 0px 0px 0px; } 30% { box-shadow: rgb(199, 0, 25) 0px 0px 5px 1px; } 50% { box-shadow: rgb(199, 0, 25) 0px 0px 5px 1px; } 80% { box-shadow: rgb(199, 0, 25) 0px 0px 0px 0px; } 100% { box-shadow: rgb(199, 0, 25) 0px 0px 0px 0px; } } @-webkit-keyframes OT_pulse { 0% { box-shadow: rgb(199, 0, 25) 0px 0px 0px 0px; } 30% { box-shadow: rgb(199, 0, 25) 0px 0px 5px 1px; } 50% { box-shadow: rgb(199, 0, 25) 0px 0px 5px 1px; } 80% { box-shadow: rgb(199, 0, 25) 0px 0px 0px 0px; } 100% { box-shadow: rgb(199, 0, 25) 0px 0px 0px 0px; } } .OT_mini .OT_bar, .OT_bar.OT_mode-mini, .OT_bar.OT_mode-mini-auto { bottom: 0px; height: auto; } .OT_mini .OT_name.OT_mode-off, .OT_mini .OT_name.OT_mode-on, .OT_mini .OT_name.OT_mode-auto, .OT_mini:hover .OT_name.OT_mode-auto { display: none; } .OT_publisher .OT_name, .OT_subscriber .OT_name { left: 10px; right: 37px; height: 34px; padding-left: 0px; } .OT_publisher .OT_mute, .OT_subscriber .OT_mute { border: none; cursor: pointer; display: block; position: absolute; text-align: center; text-indent: -9999em; background-color: transparent; background-repeat: no-repeat; } .OT_publisher .OT_mute, .OT_subscriber .OT_mute { right: 0px; top: 0px; border-left: 1px solid rgba(255, 255, 255, 0.2); height: 36px; width: 37px; } .OT_mini .OT_mute, .OT_publisher.OT_mini .OT_mute.OT_mode-auto.OT_mode-on-hold, .OT_subscriber.OT_mini .OT_mute.OT_mode-auto.OT_mode-on-hold { top: 50%; left: 50%; right: auto; margin-top: -18px; margin-left: -18.5px; border-left: none; } .OT_publisher .OT_mute { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAcCAMAAAC02HQrAAAA1VBMVEUAAAD3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pn3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pn3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj3+Pj39/j3+Pj3+Pn4+Pk/JRMlAAAAQ3RSTlMABAUHCQoLDhAQERwdHiAjLjAxOD9ASFBRVl1mbnZ6fH2LjI+QkaWqrrC1uLzAwcXJycrL1NXj5Ofo6u3w9fr7/P3+d4M3+QAAAQBJREFUGBlVwYdCglAABdCLlr5Unijm3hMUtBzlBLSr//9JgUToOQgVJgceJgU8aHgMeA38K50ZOpcQmTPwcyXn+JM8M3JJIqQypiIkeXelTyIkGZPwKS1NMia1lgKTVkaE3oQQGYsmHNqSMWnTgUFbMiZtGlD2dpaxrL1XgM0i4ZK8MeAmFhsAs29MGZniawagS63oMOQUNXYB5D0D1RMDpyoMLw/fiE2og/V+PVDR5AiBl0/2Uwik+vx4xV3a5G5Ye68Nd1czjUjZckm6VhmPciRzeCZICjwTJAViQq+3e+St167rAoHK8sLYZVkBYPCZAZ/eGa+2R5LH7Wrc0YFf/O9J3yBDFaoAAAAASUVORK5CYII="); background-position: 9px 5px; } .OT_publisher .OT_mute.OT_active { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAdCAYAAABFRCf7AAADcElEQVRIiaWVXWhcRRTHf7NNd2aDtUKMIjTpg4ufFIuiUOmDEWm0Vi3VYhXRqIggQh4sWJFSig9+oOhTKSpIRUWMIBIr2kptoTbgU6ooxCiIjR+14kcJmf9sNceHnd3ebnc3Uv9wuXfOzPzmnDMz5zozGwdWAbc65w5RUJQ8cC2wDJgFJioh/MJCMrNxq2vOzK4HmIvRRemxKP0RJWt53o7S+d2Yzsx6gQ+AIUDAnUqpBLzXZd4RYFUlhB/bdZacc3PAOmAcCMC7wfvFwLNdoAPAyx09bXyYWRl4E7gDmAdGlNKFwLYu8GolhO9O87RJd64GbMrgEvB68P4osMWdXLtVV7czlooNpVRWSs8DO7NpR/B+3rBHsvetCgtCMTxwQCm9BbyQrc8F7/uBex3uRCeXO0PrUZ4NfKyUPgWeyj3bg/crDNsIRGwBaJQGorQ3Svdn2wHgc2BUKb0DPJHtjwfvbwRucc7tz+N+i9LFUdoXpfVN36I0CVwBTFI/q9e1LPxT8P4qYEdu70q12mYzWw1MYQzjeJF6zq+shHC4B7jklOBPP/TzSunh4P0DwKvAfb5c9krpe+CcwsEoZdbhEvBM9wxRAl5RShcA9wAngE3B+8tLpdLuwrhp4MNmK0pfRWkySr7NXS8+L5nZbWZWy/Vin1IaitJnUTqvwevJ71lgSSWEFKUfHG7Q2m/xqFJaGry/GXgfGPLl8mJgrXPur2JoUC8Qy3OpG+sAbGhEKT0ErAWOA6uBPWbW1wr9BOgFbgKezot0kAPYqJQA1gC/A9cA+82svzksSn1R+jNKX0SpnM/e1x3yqig92JhrZivM7FjO8bSZLSuCR/Ok16K0KMNHojQWpYko7Y7S1igN5PE3ROl4lNaZ2UVmNpPBU01orvZvZPCeKFXbBR+lEKVtUapFaSZKg9njqpl9aWYTrmXCImA7sCWb9lK/jj9TrwkrgA1AH3AQuKsSwkzbrLfxpgpsBtYDxf/R3xm2ExirhNCuHHZXTsmRwiat+S/zSt06eysVA/4pmGr/G3qm6ik28v29FKgCg8BS6pvS0KNRGgZ+Bb4FpsxsOkfUlMuwDcBWYOUZOHYM2AU8WQmhBifDv70O7PjX7KZ+4G7g3FM8zd6uBIaBy4AqxnIcZwFLCovPAhE4Sj38b4BDwEeVEFKD9S94Khjn486v3QAAAABJRU5ErkJggg=="); background-position: 9px 4px; } .OT_subscriber .OT_mute { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAATCAYAAAB7u5a2AAABx0lEQVQ4jaWUv48NURiGn3ONmCs32ZBd28ht1gqyZAkF21ylQkEiSp2ehpDlD1BoFGqqVdJohYKI7MaPxMoVNghCWMF+7ybLUewnOXfcMWO9yeQ857zne8+XmZOBGjJpr0kvTIomvTZpS526UCO4DUwD64FjwCFgqZnnR+oc8LfgzKQ73vGsr42ZtGjSQFV9o8KfBCacZwCaef4YmAf2rzjcpN3A2WSpm/AssKcqPDNpDBjs410CViXzTwk/A7b1C4wxDgOngAsZcAXY2buDfp/6S4F3lDS8DjgBzDWAjX/Y/e/QgYS/AhsKHa+OMQ6GEJ4Cj4BOAxgq6aCowyZtdf4OtAr+FHDO+R4wWnVbihr3cQnICt4boO38GWj9a/icjwOACt4m4K3zEPA+AxaAtTWCnwN3lzHkEL8V/OPAGud9wK2GF9XR1Wae/1zG2AI+pGYI4VUIoRtjHAc2A9cz4LRPevYCZ+i9/4sJt4GXJU10gaPAzdI2TTro/5Tfz8XEe2LSZGmxq/SDNvP8BnA5WRrx4BwYBe6vONx1EnjovGvBLAAd4Adwuyq8UiaNmDTvr+a8SQ9MuvbfwckBHZPe+QEfTdpep+4XZmPBHiHgz74AAAAASUVORK5CYII="); background-position: 8px 7px; } .OT_subscriber .OT_mute.OT_active { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAYAAACXtf2DAAACtklEQVQ4jZ2VSYiURxTHf+/T9Nc9iRrBuYySmIsXUU9iFMEFERRBvAjJLUQi5ioiHvSScfTmgqC4XAT1ZIgLuJHkICaaQAgKI2hAUBT30bjUq7bbv4eukXK029F3+eqtv/fqK6qQdEnSNUmT6CDB/bvgfjO4N9zj2RD8007xg1IABkwEzkma0qb4PGAPMBZYLtSD8eNwAEjqTlNI0gNJM4YU7w7ut4O7gvuhZFsR3C8NC5BBLiTIY0mzM8AvqbiC++pk+zLpE95XuwAws3vAQuBPYDRwWtL84P4tsDSLv5oaug4EYOawAMF9jMdoLxqNZcDvQA04UVYqL4G/svj7AF21mhJscrvCksYBFO7xc2AAGGg2mrdjvf4rcAyomNn+slLZmUEGBgsYdh945xZJmgvckDSrEJpK6ySBgV6q12O8ABwGPjGzfWWlsjdN9rpjoSfA+DYDXARGAksK4Is3XC1Ub4z1f4CDQGFmu6tleQSYk0U+p7WVeefLJc00s4fAeWB6Qeunvj0m2ugx9gO7kmlrtSxvBfcy6fXUZS6rgG/S+jLQUwCVNmMC9HqM14EtSe+rluWazN8YEv8IqKZ1E1qnaIDO0ucx3gX6kv6TpM3AM+D/IbGjgP60/gq4WQA33gMA2OQxPgHWJX1ttSwL4FAeZGYLgB2SasBs4A8L7qOBf9M0uXQB3a+TMYSmVctyDrA9mfcBK82smSdKWgCcAaa1bTm4fxbc/8uuCQX3RanAD5Ka6Wo5IGnE0HxJPZ03pQX5Org3MsD3AO5xXLPZXJ9BjkrqdFg6QjZkgG3Jtsw93pG0VFI9QU5K6voYQBHcTydAfwheBI9HgvvPAJIWS3qeIL9JGvUxkO7gfi1BrqTvwkG/pPmSnibIqTzXPgAyEVgBjAEu1qrVPbk/PVTHgb/NbPGg/RVIzOQqzSTBaQAAAABJRU5ErkJggg=="); background-position: 7px 7px; } .OT_publisher .OT_edge-bar-item, .OT_subscriber .OT_edge-bar-item { transition-property: top, bottom, opacity; transition-duration: 0.5s; transition-timing-function: ease-in; } .OT_publisher .OT_edge-bar-item.OT_mode-off, .OT_subscriber .OT_edge-bar-item.OT_mode-off, .OT_publisher .OT_edge-bar-item.OT_mode-auto, .OT_subscriber .OT_edge-bar-item.OT_mode-auto, .OT_publisher .OT_edge-bar-item.OT_mode-mini-auto, .OT_subscriber .OT_edge-bar-item.OT_mode-mini-auto { top: -25px; opacity: 0; } .OT_publisher .OT_edge-bar-item.OT_mode-off, .OT_subscriber .OT_edge-bar-item.OT_mode-off { display: none; } .OT_mini .OT_mute.OT_mode-auto, .OT_publisher .OT_mute.OT_mode-mini-auto, .OT_subscriber .OT_mute.OT_mode-mini-auto { top: 50%; } .OT_publisher .OT_edge-bar-item.OT_edge-bottom.OT_mode-off, .OT_subscriber .OT_edge-bar-item.OT_edge-bottom.OT_mode-off, .OT_publisher .OT_edge-bar-item.OT_edge-bottom.OT_mode-auto, .OT_subscriber .OT_edge-bar-item.OT_edge-bottom.OT_mode-auto, .OT_publisher .OT_edge-bar-item.OT_edge-bottom.OT_mode-mini-auto, .OT_subscriber .OT_edge-bar-item.OT_edge-bottom.OT_mode-mini-auto { top: auto; bottom: -25px; } .OT_publisher .OT_edge-bar-item.OT_mode-on, .OT_subscriber .OT_edge-bar-item.OT_mode-on, .OT_publisher .OT_edge-bar-item.OT_mode-auto.OT_mode-on-hold, .OT_subscriber .OT_edge-bar-item.OT_mode-auto.OT_mode-on-hold, .OT_publisher:hover .OT_edge-bar-item.OT_mode-auto, .OT_subscriber:hover .OT_edge-bar-item.OT_mode-auto, .OT_publisher:hover .OT_edge-bar-item.OT_mode-mini-auto, .OT_subscriber:hover .OT_edge-bar-item.OT_mode-mini-auto { top: 0px; opacity: 1; } .OT_mini .OT_mute.OT_mode-on, .OT_mini:hover .OT_mute.OT_mode-auto, .OT_mute.OT_mode-mini, .OT_root:hover .OT_mute.OT_mode-mini-auto { top: 50%; } .OT_publisher .OT_edge-bar-item.OT_edge-bottom.OT_mode-on, .OT_subscriber .OT_edge-bar-item.OT_edge-bottom.OT_mode-on, .OT_publisher:hover .OT_edge-bar-item.OT_edge-bottom.OT_mode-auto, .OT_subscriber:hover .OT_edge-bar-item.OT_edge-bottom.OT_mode-auto { top: auto; bottom: 0px; opacity: 1; } .OT_widget-container { position: absolute; background-color: rgb(0, 0, 0); overflow: hidden; } .OT_hidden-audio { position: absolute !important; height: 1px !important; width: 1px !important; } .OT_root .OT_video-loading { position: absolute; z-index: 1; width: 100%; height: 100%; display: none; background-color: rgba(0, 0, 0, 0.75); } .OT_root .OT_video-loading .OT_video-loading-spinner { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAtMjAgMjQwIDI0MCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4Mj0iMCIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9IjEiIHgyPSIwIiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iLjA4Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImMiIHgxPSIxIiB4Mj0iMCIgeTE9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIuMDgiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iLjE2Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImQiIHgyPSIwIiB5MT0iMSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9Ii4xNiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIuMzMiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iZSIgeDI9IjEiIHkxPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iLjMzIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9Ii42NiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJmIiB4Mj0iMSIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIuNjYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmYiLz48L2xpbmVhckdyYWRpZW50PjxtYXNrIGlkPSJnIj48ZyBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjQwIj48cGF0aCBzdHJva2U9InVybCgjYSkiIGQ9Ik04Ni42LTUwYTEwMCAxMDAgMCAwIDEgMCAxMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMCAxMDApIi8+PHBhdGggc3Ryb2tlPSJ1cmwoI2IpIiBkPSJNODYuNiA1MEExMDAgMTAwIDAgMCAxIDAgMTAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDAgMTAwKSIvPjxwYXRoIHN0cm9rZT0idXJsKCNjKSIgZD0iTTAgMTAwYTEwMCAxMDAgMCAwIDEtODYuNi01MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwIDEwMCkiLz48cGF0aCBzdHJva2U9InVybCgjZCkiIGQ9Ik0tODYuNiA1MGExMDAgMTAwIDAgMCAxIDAtMTAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDAgMTAwKSIvPjxwYXRoIHN0cm9rZT0idXJsKCNlKSIgZD0iTS04Ni42LTUwQTEwMCAxMDAgMCAwIDEgMC0xMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMCAxMDApIi8+PHBhdGggc3Ryb2tlPSJ1cmwoI2YpIiBkPSJNMC0xMDBhMTAwIDEwMCAwIDAgMSA4Ni42IDUwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDAgMTAwKSIvPjwvZz48L21hc2s+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHg9Ii0yMCIgeT0iLTIwIiBtYXNrPSJ1cmwoI2cpIiBmaWxsPSIjZmZmIi8+PC9zdmc+") no-repeat; position: absolute; width: 32px; height: 32px; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; animation: 2s linear 0s infinite normal none running OT_spin; } @-webkit-keyframes OT_spin { 100% { transform: rotate(360deg); } } @keyframes OT_spin { 100% { transform: rotate(360deg); } } .OT_publisher.OT_loading .OT_video-loading, .OT_subscriber.OT_loading .OT_video-loading { display: block; } .OT_publisher.OT_loading .OT_video-element, .OT_subscriber.OT_loading .OT_video-element { } .OT_video-centering { display: table; width: 100%; height: 100%; } .OT_video-container { display: table-cell; vertical-align: middle; } .OT_video-poster { position: absolute; z-index: 1; width: 100%; height: 100%; display: none; opacity: 0.25; background-repeat: no-repeat; background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDcxIDQ2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSIwIiB4Mj0iMCIgeTE9IjAiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjY2LjY2JSIgc3RvcC1jb2xvcj0iI2ZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNNzkgMzA4YzE0LjI1LTYuNSA1NC4yNS0xOS43NSA3MS0yOSA5LTMuMjUgMjUtMjEgMjUtMjFzMy43NS0xMyAzLTIyYy0xLjc1LTYuNzUtMTUtNDMtMTUtNDMtMi41IDMtNC43NDEgMy4yNTktNyAxLTMuMjUtNy41LTIwLjUtNDQuNS0xNi01NyAxLjI1LTcuNSAxMC02IDEwLTYtMTEuMjUtMzMuNzUtOC02Ny04LTY3cy4wNzMtNy4zNDYgNi0xNWMtMy40OC42MzctOSA0LTkgNCAyLjU2My0xMS43MjcgMTUtMjEgMTUtMjEgLjE0OC0uMzEyLTEuMzIxLTEuNDU0LTEwIDEgMS41LTIuNzggMTYuNjc1LTguNjU0IDMwLTExIDMuNzg3LTkuMzYxIDEyLjc4Mi0xNy4zOTggMjItMjItMi4zNjUgMy4xMzMtMyA2LTMgNnMxNS42NDctOC4wODggNDEtNmMtMTkuNzUgMi0yNCA2LTI0IDZzNzQuNS0xMC43NSAxMDQgMzdjNy41IDkuNSAyNC43NSA1NS43NSAxMCA4OSAzLjc1LTEuNSA0LjUtNC41IDkgMSAuMjUgMTQuNzUtMTEuNSA2My0xOSA2Mi0yLjc1IDEtNC0zLTQtMy0xMC43NSAyOS41LTE0IDM4LTE0IDM4LTIgNC4yNS0zLjc1IDE4LjUtMSAyMiAxLjI1IDQuNSAyMyAyMyAyMyAyM2wxMjcgNTNjMzcgMzUgMjMgMTM1IDIzIDEzNUwwIDQ2NHMtMy05Ni43NSAxNC0xMjBjNS4yNS02LjI1IDIxLjc1LTE5Ljc1IDY1LTM2eiIvPjwvc3ZnPg=="); background-size: auto 76%; } .OT_fit-mode-cover .OT_video-element { object-fit: cover; } @media only screen and (orientation: portrait) { .OT_subscriber.OT_ForceContain.OT_fit-mode-cover .OT_video-element { object-fit: contain !important; } } .OT_fit-mode-contain .OT_video-element { object-fit: contain; } .OT_fit-mode-cover .OT_video-poster { background-position: center bottom; } .OT_fit-mode-contain .OT_video-poster { background-position: center center; } .OT_audio-level-meter { position: absolute; width: 25%; max-width: 224px; min-width: 21px; top: 0px; right: 0px; overflow: hidden; } .OT_audio-level-meter::before { content: ""; display: block; padding-top: 100%; } .OT_audio-level-meter__audio-only-img { position: absolute; top: 22%; right: 15%; width: 40%; opacity: 0.7; background: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNzkgODYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTkuNzU3IDQwLjkyNGMzLjczOC01LjE5MSAxMi43MTEtNC4zMDggMTIuNzExLTQuMzA4IDIuMjIzIDMuMDE0IDUuMTI2IDI0LjU4NiAzLjYyNCAyOC43MTgtMS40MDEgMS4zMDEtMTEuNjExIDEuNjI5LTEzLjM4LTEuNDM2LTEuMjI2LTguODA0LTIuOTU1LTIyLjk3NS0yLjk1NS0yMi45NzV6bTU4Ljc4NSAwYy0zLjczNy01LjE5MS0xMi43MTEtNC4zMDgtMTIuNzExLTQuMzA4LTIuMjIzIDMuMDE0LTUuMTI2IDI0LjU4Ni0zLjYyNCAyOC43MTggMS40MDEgMS4zMDEgMTEuNjExIDEuNjI5IDEzLjM4LTEuNDM2IDEuMjI2LTguODA0IDIuOTU1LTIyLjk3NSAyLjk1NS0yMi45NzV6Ii8+PHBhdGggZD0iTTY4LjY0NyA1OC42Yy43MjktNC43NTMgMi4zOC05LjU2MSAyLjM4LTE0LjgwNCAwLTIxLjQxMi0xNC4xMTUtMzguNzctMzEuNTI4LTM4Ljc3LTE3LjQxMiAwLTMxLjUyNyAxNy4zNTgtMzEuNTI3IDM4Ljc3IDAgNC41NDEuNTE1IDguOTM2IDEuODAyIDEyLjk1IDEuNjk4IDUuMjk1LTUuNTQyIDYuOTkxLTYuNjE2IDIuMDczQzIuNDEgNTUuMzk0IDAgNTEuNzg3IDAgNDguMTAzIDAgMjEuNTM2IDE3LjY4NSAwIDM5LjUgMCA2MS4zMTYgMCA3OSAyMS41MzYgNzkgNDguMTAzYzAgLjcxOC0yLjg5OSA5LjY5My0zLjI5MiAxMS40MDgtLjc1NCAzLjI5My03Ljc1MSAzLjU4OS03LjA2MS0uOTEyeiIvPjxwYXRoIGQ9Ik01LjA4NCA1MS4zODVjLS44MDQtMy43ODIuNTY5LTcuMzM1IDMuMTM0LTcuOTIxIDIuNjM2LS42MDMgNS40ODUgMi4xNSA2LjI4OSA2LjEzMi43OTcgMy45NDgtLjc1MiA3LjQ1Ny0zLjM4OCA3Ljg1OS0yLjU2Ni4zOTEtNS4yMzctMi4zMTgtNi4wMzQtNi4wN3ptNjguODM0IDBjLjgwNC0zLjc4Mi0uNTY4LTcuMzM1LTMuMTMzLTcuOTIxLTIuNjM2LS42MDMtNS40ODUgMi4xNS02LjI4OSA2LjEzMi0uNzk3IDMuOTQ4Ljc1MiA3LjQ1NyAzLjM4OSA3Ljg1OSAyLjU2NS4zOTEgNS4yMzctMi4zMTggNi4wMzQtNi4wN3ptLTIuMDM4IDguMjg4Yy0uOTI2IDE5LjY1OS0xNS4xMTIgMjQuNzU5LTI1Ljg1OSAyMC40NzUtNS40MDUtLjYwNi0zLjAzNCAxLjI2Mi0zLjAzNCAxLjI2MiAxMy42NjEgMy41NjIgMjYuMTY4IDMuNDk3IDMxLjI3My0yMC41NDktLjU4NS00LjUxMS0yLjM3OS0xLjE4Ny0yLjM3OS0xLjE4N3oiLz48cGF0aCBkPSJNNDEuNjYyIDc4LjQyMmw3LjU1My41NWMxLjE5Mi4xMDcgMi4xMiAxLjE1MyAyLjA3MiAyLjMzNWwtLjEwOSAyLjczOGMtLjA0NyAxLjE4Mi0xLjA1MSAyLjA1NC0yLjI0MyAxLjk0NmwtNy41NTMtLjU1Yy0xLjE5MS0uMTA3LTIuMTE5LTEuMTUzLTIuMDcyLTIuMzM1bC4xMDktMi43MzdjLjA0Ny0xLjE4MiAxLjA1Mi0yLjA1NCAyLjI0My0xLjk0N3oiLz48L2c+PC9zdmc+") center center no-repeat; } .OT_audio-level-meter__audio-only-img::before { content: ""; display: block; padding-top: 100%; } .OT_audio-level-meter__value { will-change: transform; position: absolute; top: -100%; right: -100%; width: 200%; height: 200%; transform: scale(0); border-radius: 50%; background-image: radial-gradient(circle, rgb(151, 206, 0) 0%, rgba(151, 206, 0, 0) 100%); } .OT_audio-level-meter.OT_mode-off { display: none; } .OT_audio-level-meter.OT_mode-on, .OT_audio-only .OT_audio-level-meter.OT_mode-auto { display: block; } .OT_audio-only.OT_publisher .OT_video-element, .OT_audio-only.OT_subscriber .OT_video-element { display: none; } .OT_video-disabled-indicator { opacity: 1; border: none; display: none; position: absolute; background-color: transparent; background-repeat: no-repeat; background-position: right bottom; pointer-events: none; inset: 0px 3px 3px 0px; } .OT_video-disabled { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAAAoCAYAAABtla08AAAINUlEQVR42u2aaUxUVxTHcRBmAAEBRVTK4sKwDIsg+wCK7CqIw1CN1YobbbS2qYlJ06Qx1UpdqMbYWq2pSzWmH6ytNbXWJY1Lq7VuqBERtW64V0XFLYae0/xvcp3MMAMzDz6IyT/ge2ce5/7ucpY3Ts3NzZ1ygF57AJ0gO0G2jyZPmdbFyclJSAV1EeoEaUUSLGdSV5KLLFxzFmA7QVqGqDqjixhWkxCVeyRVl38wM6bwj6yYItYK47BAuu9B0gCqs6Ng2r494KQtkj/Dz2jHraw6qw2fdSE4rNmcCPCvZONP8iF1I6kdBdMaQJWZLeJqRWa2kPJAxXY+GxE+zxLI03GRh8lGSwoi9WCY8FWlCEh+8JOnT7MfPGjMuXX7Tt61hoaCi/9cKmKdv3BxeEtim/UbNpnbQiqF4MmT7kqrbr4lkMcTo46TTSpJB5g+8NHuVWnWuaampvhmO/7duHmrGluoO4C6OsJZGRrkDIld43ZqUOTnlkDSmXmabAoBU0vqBf+6KgFSxQ9++uzZ8rZApM81TJ8xM5me0Z/UF7PuBmdVdkGEb5gYDeQmyZNW3SJLIP9Kj64lGyMpmxRN6sOfIbkoAhKOdnv2/PmB1kB88eLFo+olyyrps3rSINIAzLonnqlqK8R9w+L86vtrt5L2nhug3Vc3ULu/Liz8AOuXESlZZONH6kmr7gtLIA9lRNeRzVukAvj3BslLnJNKgfScO69K+/Lly0ZbQW7e8tNK+pwBjqaSIjDrXgJkW1ciAZvbQjQ+RDahpBBKd5ZZsqN758hmImk4KQHnpDd8UwSkCyJarx07d4+3BeKJmlMHyX4qaRxpBCmNFE4KENvHDpAutVERn1kCVBMfeRRgYvZnx62wZPdnZkw92VQA5GClQXYRBze2S+iJmpPVVoJLA9l9QKokjcWKTCT1R5rhLg70NuSsziT16diIKkuAjibrTpJNDkn/e17CahtAjlAWJAYkb29Sb1LE9Rs391kILk8mVkyuIpuZcLKUlEmKkra1WuSTNuesEPzwoEploSVAh9Oiz+BIyd9dOHhtx4OEpFpVg6gbNK3yXX1j48N6U5Dz5i/gc/FDrMY3sTLiSMEkXxGxzUEUAGnbxlPaksMlHUXWAlHS8URCPseSohZbCSLjSSU7ixLXdzhIWVKq4Y7t2a/2bN0qGeKly1fYsVmk6RgIDz4J0bonyUOcjeYqm/8hRoYbWkigV2NH9CHAS60EkUkkw47hSRs6FqT1LR5AVcsrueXlK1d5AO+RpmBrZZEiefByytPCanRGNLZY0uF52gNDYr9sCRB8MHY0SJu2OJWKS2WQV65e4y31DmkCImEi0hBfufRime0RIhpbKen0/Ny9OYNW2ghyYytABjNIaxNuKttAWk6HPLn0k0FevdZwFinPWFIuKZbUV16NVko6jbWSDoPO3pOf8K0jQWLSQ0S9bdpkYck+m7vfWpAiHfKgBsZiGSSt0FqcTeU8WETqAHE2CgcAVd3Gkm4MD3xXYeI6B4NMItvKbcUpQ9gP+KMWnSsW+TaYJtoo+avBWLoKoK0CCSDud+7eXWQGZAXqV3YoQjQCfixJ8+fzj9ta3JHhlUeJ8wJOY2ws6eRKpPS3oqTvHAESEz9ya0naXL5WH6pt3FqSOhTHkTcKEXc6k1POh4Q9YJu/03TT4a8PoGMFI4i2EqSbOZAYaBkpCyD92RkG6KCSbjI/H0HEISBnlOZPFdcEzI2GTO4KBZICGKyAKLTEmJOB2txf5MbgohBINCl4FTqmpJMB2W+HiRn1Q2l6lXyPmiEP6VVE2TfGoaMYrHyPdtAnyI0jEOn9RLWmNEhvBBE7SjpFQZaShtLK+1S+T12lRwxUvrZlVPp8jE1PikeO7C/nyEqBDCB1t7+kUx4kKUWclea0yZC5BIGpiJSNSD9QgFR0RQKkL6KxHSWdsiARHJNYewoGrzG1/bk4dTPSunL2EyDjcbb7MQ+lQfZmkKiN7SjpFAM5CWAyGcwyY84YsZ1lUcbRNNtQMAdtQWGvQ0DyVjzYAKQfQFodeAeC1C8vzymXIZqD+ZEh/2OyLSalS/3VbnJZ+VqDXGjMrTCFuK4s66vVZUNfqaDolcbjOcb899sLpEE+I20GifywXe2QR3KElu99PzqjGufhREqB1pjCnG3IL3fY1v733r2FMsiGhutn0LAoJWWIGbPxjKwgjUbF0m52mPhigrpdXOecEq9pR6MkHbu2LOtrcZ9y3d0ODTb15y9MePz48aF79+8fvXnr9sljx2u2I7KNxDuaMPGVECoRs7mC4eT7SIruFNfNHK15MKuM2evwNq+4qjxvGnd5CHwNNynawW4cOlUZdG8b55IIJHmkItwrZHH6QxB3OSL9kTtAGpIvZiQB3Z4SKBfXQtEE9sashWAW87Bt3sYZNR6zn4uzJwWDKUKXfaKCdqUoBpLxSjYe9nqGiwWRBGipuGZ3Qm76itYLbbJI/PEhUApfw73uOIy9xfse3M9F9BuFJHcYrseSouGkHtCVtkuGTTikI8XgZzhg9SeF4VqcvSWiaSvNHQ8JwkNjIfEHemCmNLD1RaEfLs18mlgNuN6PFALHo7CyU5W2g00gFAQF4ozvibH04muwDbWraSFAyt/AAMzewgGR8uCeWn77xzBxPxgzPRCDDMZ14bQ/3jqGKGoHf2Hjgx3kw5LbaJDYWb52t9FMgw4AuWNWukNeuOYqOsmQi2jgws4PA/DD/z0B2x0/veCs4naw0cgybezid7X9jV3rX2RSs0wfLkll4pBGcgifg+NYxe1kJ2ycTaRq66uG/wBOl0vjcw70xwAAAABJRU5ErkJggg=="); background-size: 33px; } .OT_video-disabled-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAAAoCAYAAABtla08AAAGMElEQVR4Ae2aA7D0yBaAc7oH12vbRmlLaxYWb23btm3btm2899a2bWuYtPZ01cmtU9lJrib315yqr9I3Oem/5/s7acwEnehEJzoxCcX2O+wEeIgRBDDaGjAZOgQ6ihRpLklHZDJIXK1WWymMIhGGkVBKCWMM+Iv/f/b5t7faYtM/sGgIS7j8RNLjceUVl41GvGN1BFiHy9sgtRWaYbhvuVQ6o1VOvV5/tLe3dyssKoZuh8xClkDEi2MMS6ZjR0cScxdK/+HgnJsmLccYOx0e/PUGUqfTJDEHkV5go9lcMQoj4R8RpSIRRUr4a9baTJFCCNfqESKJ7RYJibK0xoi05EhFRTxMi1Rit6xHAuLaKRLwEVi6q1x+EhlVpd3d3Wfh4VQkQhRhxthYLg7SRGqdLlIp7UVOHf+JhEhEMscUolVje3p63saeeOFoKsT7fjj++BNuw2I/0ouUENmGaQcQEilQvUU6xuWC0kqmVWCt8df6kG7WLoFA20VSCOyNh0RKPT+SyrTWtQsvuvTYCy84z3+oAdbgAiLGIvHjTz6bFuu/B3lKKfVkFKknwih6EnnipZdfXQZzepAupXSGSCfwUGZtkrx3t/0dSQGnnXbmdocdetArQoj+4VR23wMP3bj/vnv9Sv/rBmkish09ca655thHSrlWq4TFF1vkNDxsgjiUnPqZnHPABIq47jx7pPMcecShfz7x1DO7D6eit99576X1113nVd8rqLGAuDaNitJonTGIqHgQGQjDsJglMrUH5iDSEQbRa6y2yrNvv/PuWVmV/PTzLz8steTit1B9FtGJeZrJksmWdBzBMcami4xUkaY1A1Qe94WIaPGBApJhaERrLrXkElf8+NPPz6YMLs1DDjn0Wn9PnI/UiQadM4jNEkhzVsEGE8nIHESM1j5/KqRX+/IEiOQ/yifNBlEkpnb00cccesbpp13T3983H88/48xzrrvm6it/8U5JXgX5G6nSvSq1R5LATR7aYGkwMG1RSwkWABH+4jUb3vT/uJ1Z0xpjraTBRltrxUQhksIRmgTJyy69+Pv99tv3qYX6FxgU+fU33352xGEHf5wisU7nNWJpZRMkAjZ6aIN1mwV7h29Jo2wCHlveu/GV169z65E+T6koexCh6c+EEiky3lnxQKFjUeVyOeI5AOBzIiayRhJryd7YYnkIHgvB0qk9Tdql6N3XH4bRUIOIIIKJSiRb0hkSEpZKRd1CpEq8GxtIyCVmDSgFl94GacTgaJw1rUlYhYng0c4ewaUsmKRIJjpiqMSOCh9QeI+UYECmtQIsxEu6OorEcv6Rl0gu0woh8MhFkmSCTXVI4pC704WCFRJvSRNJSzrMMEZO2iKZTCHAZYnmvXCny7ed5vfZK3viHSBdIFCKEFj2+nt+73nw8m2uedcLJlktA++VNMEPaR45aYukcKnnCfY3/DFbZS8t7eHxNgsPM0N1hXhJJwwM1QbpoQFlog2R13a/zBxEYHAQEUYUM6qiVwEyBYoM6JFNF2kFLelI5KQf+fVI4dJFCguDS7oAyx2R6SFQJKRedSDj/cMg/RXQ6ZE05GSIDAaXdCi1I3L021SQWNJ1RLY5OiIdL4/yvuw8ADfWPFrSciaMyH8tEQPwf1uGG54g5+KlJGTmsrxsQdl5PKidnPFe2QS///7Hu+VS6WX/HYnf0sevGL7lXydwod2/9DykZq0s5yff0sgSWCigNOH7TPHL7ufj+/TH8P/+qYpL4HkBDiRYpEXeM8/89/9zzjn7EtY64dfd1nqccM7Bs8+9MKy8555/8TnKS+5MufH6EZVASkgPzf+mJXroet17JirU0ALST3nT0y5ONyLpeo1y64ih+vuQfsoTOeRFSJXa+SvyB90TUmdw49EjLaKpMQ0mzEeTzkWsd/oI6fzfiKM8gWg6X6OjpXstu5ZHnmIb0GFiu29MIUfUewkmVrEN3RqVQ/bY8FzNcquMBv/pCNUZ5pHHem01KdN/I/DG66/lLhKSvTO5M84kav5C5z2ZfyAivi9i9VGd45RH7UWJbjwGG/7NYsRECt7jiOToHedKAui8SW4CsxyRc54mKH/8f7ELhCCACyNcIl/wI+FaAJyc8yzRtinQPzWzuFZrFHq/AAAAAElFTkSuQmCC"); background-size: 33px; } .OT_video-disabled-indicator.OT_active { display: block; } .OT_audio-blocked-indicator { opacity: 1; border: none; display: none; position: absolute; background-color: transparent; background-repeat: no-repeat; background-position: center center; pointer-events: none; inset: 0px; } .OT_audio-blocked { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTUwIiBoZWlnaHQ9IjkwIj48ZGVmcz48cGF0aCBkPSJNNjcgMTJMNi40NDggNzIuNTUyIDAgMzFWMThMMjYgMGw0MSAxMnptMyA3bDYgNDctMjkgMTgtMzUuNTAyLTYuNDk4TDcwIDE5eiIgaWQ9ImEiLz48L2RlZnM+PHJlY3Qgd2lkdGg9IjE1MCIgaGVpZ2h0PSI5MCIgcng9IjM1IiByeT0iNDUiIG9wYWNpdHk9Ii41Ii8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNikiPjxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjxwYXRoIGQ9Ik0zOS4yNDkgNTEuMzEyYy42OTcgMTAuMzcgMi43ODUgMTcuODk3IDUuMjUxIDE3Ljg5NyAzLjAzOCAwIDUuNS0xMS40MTcgNS41LTI1LjVzLTIuNDYyLTI1LjUtNS41LTI1LjVjLTIuNTEgMC00LjYyOCA3Ljc5Ny01LjI4NyAxOC40NTNBOC45ODkgOC45ODkgMCAwIDEgNDMgNDRhOC45ODggOC45ODggMCAwIDEtMy43NTEgNy4zMTJ6TTIwLjk4NSAzMi4yMjRsMTUuNzQ2LTE2Ljg3N2E3LjM4NSA3LjM4NSAwIDAgMSAxMC4zNzQtLjQyQzUxLjcwMiAxOS4xMTQgNTQgMjkuMjA4IDU0IDQ1LjIwOGMwIDE0LjUyNy0yLjM0MyAyMy44OC03LjAzIDI4LjA1OGE3LjI4IDcuMjggMCAwIDEtMTAuMTY4LS40NjhMMjAuNDA1IDU1LjIyNEgxMmE1IDUgMCAwIDEtNS01di0xM2E1IDUgMCAwIDEgNS01aDguOTg1eiIgZmlsbD0iI0ZGRiIgbWFzaz0idXJsKCNiKSIvPjwvZz48cGF0aCBkPSJNMTA2LjUgMTMuNUw0NC45OTggNzUuMDAyIiBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9nPjwvc3ZnPg=="); background-size: 90px; } .OT_container-audio-blocked { cursor: pointer; } .OT_container-audio-blocked.OT_mini .OT_edge-bar-item { display: none; } .OT_container-audio-blocked .OT_mute { display: none; } .OT_audio-blocked-indicator.OT_active { display: block; } .OT_video-unsupported { opacity: 1; border: none; display: none; position: absolute; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTciIGhlaWdodD0iOTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik03MCAxMkw5LjQ0OCA3Mi41NTIgMCA2MmwzLTQ0TDI5IDBsNDEgMTJ6bTggMmwxIDUyLTI5IDE4LTM1LjUwMi02LjQ5OEw3OCAxNHoiIGlkPSJhIi8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOCAzKSI+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PHBhdGggZD0iTTkuMTEgMjAuOTY4SDQ4LjFhNSA1IDAgMCAxIDUgNVY1OC4xOGE1IDUgMCAwIDEtNSA1SDkuMTFhNSA1IDAgMCAxLTUtNVYyNS45N2E1IDUgMCAwIDEgNS01em00Ny4wOCAxMy4zOTRjMC0uMzQ1IDUuNDcyLTMuMTU5IDE2LjQxNS04LjQ0M2EzIDMgMCAwIDEgNC4zMDQgMi43MDJ2MjYuODM1YTMgMyAwIDAgMS00LjMwNSAyLjcwMWMtMTAuOTQyLTUuMjg2LTE2LjQxMy04LjEtMTYuNDEzLTguNDQ2VjM0LjM2MnoiIGZpbGw9IiNGRkYiIG1hc2s9InVybCgjYikiLz48L2c+PHBhdGggZD0iTTgxLjUgMTYuNUwxOS45OTggNzguMDAyIiBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9nPjwvc3ZnPg=="); background-size: 58px; pointer-events: none; inset: 0px; margin-top: -30px; } .OT_video-unsupported-bar { display: none; position: absolute; width: 192%; height: 192%; top: -96%; left: -96%; border-radius: 50%; background-color: rgba(0, 0, 0, 0.8); } .OT_video-unsupported-img { display: none; position: absolute; top: 11%; left: 15%; width: 70%; opacity: 0.7; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTciIGhlaWdodD0iOTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik03MCAxMkw5LjQ0OCA3Mi41NTIgMCA2MmwzLTQ0TDI5IDBsNDEgMTJ6bTggMmwxIDUyLTI5IDE4LTM1LjUwMi02LjQ5OEw3OCAxNHoiIGlkPSJhIi8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOCAzKSI+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PHBhdGggZD0iTTkuMTEgMjAuOTY4SDQ4LjFhNSA1IDAgMCAxIDUgNVY1OC4xOGE1IDUgMCAwIDEtNSA1SDkuMTFhNSA1IDAgMCAxLTUtNVYyNS45N2E1IDUgMCAwIDEgNS01em00Ny4wOCAxMy4zOTRjMC0uMzQ1IDUuNDcyLTMuMTU5IDE2LjQxNS04LjQ0M2EzIDMgMCAwIDEgNC4zMDQgMi43MDJ2MjYuODM1YTMgMyAwIDAgMS00LjMwNSAyLjcwMWMtMTAuOTQyLTUuMjg2LTE2LjQxMy04LjEtMTYuNDEzLTguNDQ2VjM0LjM2MnoiIGZpbGw9IiNGRkYiIG1hc2s9InVybCgjYikiLz48L2c+PHBhdGggZD0iTTgxLjUgMTYuNUwxOS45OTggNzguMDAyIiBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9nPjwvc3ZnPg=="); background-repeat: no-repeat; background-position: center center; background-size: 100%; } .OT_video-unsupported-img::before { content: ""; display: block; padding-top: 93%; } .OT_video-unsupported-text { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; height: 100%; margin-top: 40px; } .OT_video-unsupported.OT_active { display: block; } .OT_mini .OT_video-unsupported, .OT_micro .OT_video-unsupported { position: absolute; width: 25%; max-width: 224px; min-width: 21px; inset: 0px auto auto 0px; overflow: hidden; background: none; margin: auto; } .OT_mini .OT_video-unsupported::before, .OT_micro .OT_video-unsupported::before { content: ""; display: block; padding-top: 100%; } .OT_mini .OT_video-unsupported-bar, .OT_micro .OT_video-unsupported-bar, .OT_mini .OT_video-unsupported-img, .OT_micro .OT_video-unsupported-img { display: block; } .OT_mini .OT_video-unsupported-text, .OT_micro .OT_video-unsupported-text { display: none; } .OT_hide-forced { display: none; } .OT_ModalDialog { position: fixed; inset: 0px; z-index: 1000; background-color: rgba(0, 0, 0, 0.2); } #tb_alert { position: fixed; width: 570px; font-family: "Lucida Grande", Arial; top: 50%; left: 50%; margin-top: -75px; margin-left: -285px; } #tb_alert * { box-sizing: border-box; } #tb_alert > div, #tb_alert > div > div { box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 2px; border: 1px solid rgba(255, 255, 255, 0.3); } #tb_alert > div { border-top-right-radius: 5px; border-bottom-right-radius: 5px; position: relative; padding: 30px; overflow: visible; margin-left: 70px; color: rgb(200, 197, 197); border-bottom-color: rgba(255, 255, 255, 0.1); border-left-color: rgba(255, 255, 255, 0.1); background-color: rgb(51, 51, 51); background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.2) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0.2)), linear-gradient(45deg, rgba(0, 0, 0, 0.2) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0.2)); background-size: 4px 4px; background-position: 0px 0px, 2px 2px; } #tb_alert > div > div { background-color: rgb(156, 20, 8); background-image: linear-gradient(0deg, rgb(221, 12, 10) 0%, rgb(156, 20, 8) 100%); margin: -1px 0px; font-family: "MS Trebuchet"; font-weight: bold; font-size: 60px; text-shadow: rgba(0, 0, 0, 0.5) -1px -1px 2px; color: white; width: 65px; position: absolute; padding: 42px 0px; text-align: center; left: -70px; top: 0px; bottom: 0px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-bottom-color: transparent; border-left: none; border-right: none; } #tb_alert > div > div::after, #tb_alert > div > div::before { content: " "; position: absolute; right: -24px; top: 40%; border-width: 12px; border-style: solid; border-color: transparent transparent transparent rgb(156, 20, 8); border-image: initial; } #tb_alert > div > div::before { border-left-color: rgb(188, 52, 40); top: 39%; } #tb_alert > div > h1 { font-size: 24px; padding-bottom: 5px; color: rgb(170, 170, 170); font-weight: bold; position: relative; text-shadow: rgba(0, 0, 0, 0.3) 0px 2px 0px; margin: 0px; } #tb_alert > div > p { margin: 0px; text-shadow: rgba(0, 0, 0, 0.3) 0px 2px 0px; font-size: 14px; line-height: 1.3em; } #tb_alert > div > .continue-text { margin-top: 12px; } #tb_alert > div a { color: rgb(167, 216, 223); text-decoration: none; } #tb_alert > div > ul { margin-bottom: 0px; } #tb_alert > div > h1::before { content: attr(data-text); position: absolute; left: 0px; color: white; -webkit-mask-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0, 0, 0)), color-stop(0.6, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); } #tb_alert button { position: absolute; right: 8px; top: 5px; background-color: rgb(0, 0, 0); color: rgb(102, 102, 102); border: none; font-size: 20px; line-height: 14px; padding: 0px 0px 3px; cursor: pointer; } #tb_alert #section-mobile-browser, #tb_alert #section-supported-mobile-browser { width: 200px; top: 0px; left: 25%; margin-top: 0px; margin-left: 0px; } @media (max-height: 300px) { #tb_alert { width: 100%; height: 100%; left: 0px; top: 0px; margin-left: 0px; margin-top: 0px; } #tb_alert #section-mobile-browser, #tb_alert #section-supported-mobile-browser { margin-left: 0px; margin-top: 10px; left: 0px; } } #tb_alert #section-normal-install, #tb_alert #section-upgrade-install, #tb_alert #section-mobile-browser, #tb_alert #section-supported-mobile-browser { display: none; }

@charset "utf-8"; [data-v-21ffd95c] .c-modal__box { width: 30rem; } [data-v-21ffd95c] .c-modal__box { text-align: left; } [data-v-21ffd95c] .c-panel__header { background-color: rgb(255, 255, 255); }

@charset "utf-8"; #vhlarccontainer_content { visibility: hidden; }

@charset "utf-8"; html { color: rgb(0, 0, 0); } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0px; padding: 0px; } table { border-collapse: collapse; border-spacing: 0px; font-size: inherit; } fieldset, img { border: 0px; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; } del, ins { text-decoration: none; } ul { list-style: none; } caption, th { text-align: left; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q::before, q::after { content: ""; } abbr, acronym { border: 0px; font-variant: normal; } sub { vertical-align: text-bottom; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } input, button, textarea, select { } select { background-color: rgb(255, 255, 255); } legend { color: rgb(0, 0, 0); } pre, code, kbd, samp, tt { font-family: monospace; line-height: 100%; } a, a:link { color: rgb(0, 131, 203); } a:visited { } a:hover { text-decoration: underline; } a:active { } a label { color: rgb(51, 51, 51); } a { outline: 0px; } hr { border: 1px solid rgb(204, 204, 204); clear: both; width: 100%; margin: 1em 0px; } h1, h2, h3, h4, h5, h6 { margin-bottom: 1em; font-weight: bold; } h1 { font-size: 2em; } h2 { } h3 { } pre { background-color: rgb(238, 238, 238); padding: 1em; font-size: 0.917em; } input { } input[type="submit"] { cursor: pointer; } input:disabled { cursor: default; } select { } table { border-collapse: collapse; border-spacing: 0px; } table caption { font-weight: bold; text-align: left; } table th, table td { border: 0px; padding: 3px; } table tr.odd { } table tr.even { } .clear { clear: both; height: 0px; overflow: hidden; } .left { float: left; } .right { float: right; } .error { display: none; border: 1px solid red; margin: 1em; padding: 1em; } button { cursor: pointer; } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .ui-widget { font-family: Arial, sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid rgb(238, 238, 238); background: url("/images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x rgb(255, 255, 255); color: rgb(51, 51, 51); } .ui-widget-content a { color: rgb(85, 154, 186); } .ui-widget-header { border: 1px solid rgb(227, 161, 161); background: url("/images/ui-bg_highlight-soft_15_cc0000_1x100.png") 50% 50% repeat-x rgb(204, 0, 0); color: rgb(255, 255, 255); font-weight: bold; } .ui-widget-header a { color: rgb(255, 255, 255); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid rgb(216, 220, 223); background: url("/images/ui-bg_highlight-hard_100_eeeeee_1x100.png") 50% 50% repeat-x rgb(238, 238, 238); font-weight: bold; color: rgb(0, 66, 118); } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: rgb(0, 66, 118); text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid rgb(205, 213, 218); background: url("/images/ui-bg_highlight-hard_100_f6f6f6_1x100.png") 50% 50% repeat-x rgb(246, 246, 246); font-weight: bold; color: rgb(17, 17, 17); } .ui-state-hover a, .ui-state-hover a:hover { color: rgb(17, 17, 17); text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid rgb(238, 238, 238); background: url("/images/ui-bg_flat_65_ffffff_40x100.png") 50% 50% repeat-x rgb(255, 255, 255); font-weight: bold; color: rgb(204, 0, 0); } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: rgb(204, 0, 0); text-decoration: none; } .ui-widget :active { outline: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid rgb(252, 211, 161); background: url("/images/ui-bg_glass_55_fbf8ee_1x400.png") 50% 50% repeat-x rgb(251, 248, 238); color: rgb(68, 68, 68); } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: rgb(68, 68, 68); } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid rgb(204, 0, 0); background: url("/images/ui-bg_diagonals-thick_75_f3d8d8_40x40.png") 50% 50% repeat rgb(243, 216, 216); color: rgb(46, 46, 46); } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: rgb(46, 46, 46); } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: rgb(46, 46, 46); } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; background-image: none; } .ui-icon { width: 16px; height: 16px; background-image: url("/images/ui-icons_cc0000_256x240.png"); } .ui-widget-content .ui-icon { background-image: url("/images/ui-icons_cc0000_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/images/ui-icons_ffffff_256x240.png"); } .ui-state-default .ui-icon { background-image: url("/images/ui-icons_cc0000_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("/images/ui-icons_cc0000_256x240.png"); } .ui-state-active .ui-icon { background-image: url("/images/ui-icons_cc0000_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("/images/ui-icons_004276_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/images/ui-icons_cc0000_256x240.png"); } .ui-icon-carat-1-n { background-position: 0px 0px; } .ui-icon-carat-1-ne { background-position: -16px 0px; } .ui-icon-carat-1-e { background-position: -32px 0px; } .ui-icon-carat-1-se { background-position: -48px 0px; } .ui-icon-carat-1-s { background-position: -64px 0px; } .ui-icon-carat-1-sw { background-position: -80px 0px; } .ui-icon-carat-1-w { background-position: -96px 0px; } .ui-icon-carat-1-nw { background-position: -112px 0px; } .ui-icon-carat-2-n-s { background-position: -128px 0px; } .ui-icon-carat-2-e-w { background-position: -144px 0px; } .ui-icon-triangle-1-n { background-position: 0px -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0px -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0px -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0px -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0px -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0px -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0px -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0px -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0px -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0px -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0px -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0px -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0px -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-corner-tl { border-top-left-radius: 6px; } .ui-corner-tr { border-top-right-radius: 6px; } .ui-corner-bl { border-bottom-left-radius: 6px; } .ui-corner-br { border-bottom-right-radius: 6px; } .ui-corner-top { border-top-left-radius: 6px; border-top-right-radius: 6px; } .ui-corner-bottom { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .ui-corner-right { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .ui-corner-left { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .ui-corner-all { border-radius: 6px; } .ui-widget-overlay { background: url("/images/ui-bg_dots-small_65_a6a6a6_2x2.png") 50% 50% repeat rgb(166, 166, 166); opacity: 0.4; } .ui-widget-shadow { margin: -8px 0px 0px -8px; padding: 8px; background: url("/images/ui-bg_flat_0_333333_40x100.png") 50% 50% repeat-x rgb(51, 51, 51); opacity: 0.1; border-radius: 8px; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; z-index: 99999; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0px !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: 0.5em 0.5em 0.5em 0.7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: 0.5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0px; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } .ui-autocomplete { position: absolute; cursor: default; } * html .ui-autocomplete { width: 1px; } .ui-menu { list-style: none; padding: 2px; margin: 0px; display: block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin: 0px; padding: 0px; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 0.2em 0.4em; line-height: 1.5; zoom: 1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-button { display: inline-block; position: relative; padding: 0px; margin-right: 0.1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; text-decoration: none !important; } .ui-button-icon-only { width: 2.2em; } button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: 0.4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 0.4em; text-indent: -1e+07px; outline: 0px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 1em 0.4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 2.1em 0.4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } input.ui-button { padding: 0.4em 1em; } .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: 0.5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: 0.5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: 0.5em; } .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0px; margin-right: -0.3em; } .ui-dialog { position: absolute; padding: 0.2em; width: 300px; overflow: hidden; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important; } .ui-dialog .ui-dialog-titlebar { padding: 0.4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: 0.1em 16px 0.1em 0px; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 19px; margin: -10px 0px 0px; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0px; } .ui-dialog .ui-dialog-content { position: relative; border: 0px; padding: 0.5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0px 0px; background-image: none; margin: 0.5em 0px 0px; padding: 0.3em 1em 0.5em 0.4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0px; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0px; background-position: 0px 0px; } .ui-slider-horizontal { height: 0.8em; } .ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: 0px; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0px; } .ui-slider-horizontal .ui-slider-range-max { right: 0px; } .ui-slider-vertical { width: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0px; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0px; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0px; } .ui-slider-vertical .ui-slider-range-max { top: 0px; } .ui-tabs { position: relative; padding: 0.2em; zoom: 1; } .ui-tabs .ui-tabs-nav { margin: 0px; padding: 0.2em 0.2em 0px; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0px 0.2em 1px 0px; padding: 0px; white-space: nowrap; border-bottom: 0px !important; } .ui-tabs .ui-tabs-nav li a { float: left; padding: 0.5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0px; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } .ui-datepicker { width: 17em; padding: 0.2em 0.2em 0px; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0px 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0px; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0px 0px 0.4em; } .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: bold; border: 0px; } .ui-datepicker td { border: 0px; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0px 0px; padding: 0px 0.2em; border-left: 0px; border-right: 0px; border-bottom: 0px; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0px auto 0.4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0px; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0px; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; } .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0px; border-left-width: 1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0px; border-left-width: 1px; } .ui-datepicker-cover { display: block; position: absolute; z-index: -1; top: -4px; left: -4px; width: 200px; height: 200px; } .ui-progressbar { height: 2em; text-align: left; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-icon { outline: 0px; } .ui-widget-overlay { opacity: 0.5; background: rgb(0, 0, 0); } .ui-dialog .ui-dialog-title { font-size: 1.2em; } div.ui-dialog-content p, div.ui-widget-content p { margin-bottom: 0px; padding: 5px; } div.ui-dialog-buttonpane button { margin: 0px; border-radius: 0px; } div.ui-dialog-buttonpane #delete_link #additional_links { padding: 7px 0px 0px; width: 200px; } div.ui-dialog-buttonpane #delete_link .enabled_element_wrapper, div.ui-dialog-buttonpane #delete_link .disabled_element_wrapper { display: inline-block; padding: 4px; text-transform: lowercase; } div.ui-dialog-buttonpane .ui-button-text { padding: 0px; } div.ui-dialog-buttonpane button.ui-button:hover { cursor: pointer; } .ui-corner-all { } div.clue-left-default div.cluetip-arrows { width: 13px; } .cluetip-hover-warning { background-color: transparent; } .cluetip-hover-warning div.cluetip-outer { border: 2px solid rgb(209, 33, 9); position: relative; background-color: rgb(255, 255, 255); } .cluetip-hover-warning h3.cluetip-title { margin: 0px 0px 5px; padding: 2px 5px; font-size: 1.2em; font-weight: bold; background-color: rgb(209, 33, 9); color: rgb(238, 238, 238); } .cluetip-hover-warning div.cluetip-inner { padding: 0px 5px 5px; display: inline-block; font-size: 1.1em; text-align: left; } .cluetip-hover-warning div.cluetip-close { text-align: right; margin: 0px 5px 5px; color: rgb(255, 255, 255); } .cluetip-vhl_bordered { background-color: rgb(217, 217, 217); } .cluetip-vhl_bordered #cluetip-outer { position: relative; margin: 0px; background-color: rgb(217, 217, 217); border: 2px solid black; } .cluetip-vhl_bordered h3#cluetip-title { margin: 0px 0px 5px; padding: 8px 10px 4px; font-size: 1.1em; font-weight: normal; background-color: rgb(135, 135, 106); color: rgb(255, 255, 255); } .cluetip-vhl_bordered #cluetip-title a { color: rgb(217, 217, 194); font-size: 0.95em; } .cluetip-vhl_bordered #cluetip-inner { padding: 5px; } .cluetip-vhl_bordered div#cluetip-close { text-align: right; margin: 0px 5px 5px; color: rgb(153, 0, 0); } .clue-right-vhl_bordered .cluetip-arrows { background-image: url("images/darrowleft.gif"); } .clue-left-vhl_bordered .cluetip-arrows { background-image: url("images/darrowright.gif"); left: 100%; margin-right: -11px; } .clue-top-vhl_bordered .cluetip-arrows { background-image: url("images/darrowdown.gif"); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-vhl_bordered .cluetip-arrows { background-image: url("images/darrowup.gif"); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .ui-dialog.ui-widget-content { border: 2px solid rgb(218, 218, 218); } .ui-dialog .ui-dialog-content { padding: 10px 16px; } .ui-widget-header { border: none; } .ui-dialog .ui-dialog-title { letter-spacing: 0.01em; } .ui-dialog { padding: 0px; font-size: 1.2em; } .ui-dialog .ui-dialog-buttonpane { margin: 0px; padding: 0px 16px 10px; text-align: left; border: none; } .ui-dialog .ui-dialog-buttonpane #delete_link { float: left; } .activities .ui-widget-overlay { opacity: 1; } .ui-datepicker-calendar { border: none; } #modal_box .ui-tabs-nav { background: rgb(242, 247, 251); padding: 15px 0px 0px 15px; margin: 0px; } #modal_box.ui-dialog-content { padding: 0px; margin: 0px; } .draggable { cursor: move; } #modal_box .ui-tabs-nav { background: rgb(242, 247, 251); padding: 15px 0px 0px 15px; margin: 0px; } #tabs.ui-widget-content { border: 0px; } #tabs .ui-corner-bottom { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .ui-dialog a.ui-dialog-titlebar-close { background: url("/images/dialog_close.png") 8px 2px no-repeat; display: block; height: 14px; padding: 4px 6px; width: 14px; } .ui-dialog a.ui-dialog-titlebar-close.ui-state-hover { background: url("/images/dialog_close.png") -18px 2px no-repeat; border: 0px; display: block; height: 14px; padding: 4px 6px; width: 14px; } .ui-dialog.ui-corner-all { border-radius: 0px; } .ui-dialog.ui-widget-content { border: 1px solid rgb(149, 149, 149); } .ui-dialog-titlebar.ui-widget-header { background: none rgb(149, 149, 149); margin: 5px; } .ui-dialog-titlebar.ui-corner-all { border-radius: 0px; } .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick { background: none; } .assignables_wizard .wrap_table_dialog { width: 568px; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { width: 100%; } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .ui-helper-reset { margin: 0px; padding: 0px; border: 0px; outline: 0px; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } * html .ui-helper-clearfix { height: 1%; } .ui-helper-clearfix { display: block; } .ui-helper-zfix { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; opacity: 0; } body { background: none rgb(245, 245, 245); color: rgb(51, 51, 51); font-size: 62.5%; padding: 0px; text-align: center; } h1 { font-size: 1.385em; font-weight: normal; margin: 0px 0px 14px; } #navigation .subnav a { background-image: none; } .activities #navigation { margin: 0px 0px 20px; } #sub_navigation_content li span.current { background: url("/images/bkgd-nav-line.png") right top no-repeat transparent; color: rgb(205, 0, 26); font-weight: bold; } #sub_navigation_grades li span.current { background: url("/images/bkgd-nav-line.png") right top no-repeat transparent; color: rgb(205, 0, 26); font-weight: bold; } #footer { background-color: rgb(245, 245, 245); border-top: 1px solid rgb(116, 116, 116); clear: both; font-size: 0.769em; padding: 1em 0px; display: flex; justify-content: space-between; } #footer p { color: rgb(47, 47, 47); display: inline; margin: 0px 2%; } #footer ul { list-style: none; margin: 0px; padding: 0.5em 0px; } #footer li { display: inline; margin: 0px; padding: 0px 0.25em 0px 0px; } #footer li.copyright { border: 1px solid rgb(255, 255, 255); } #errorExplanation { background-color: rgb(240, 240, 240); border: 2px solid rgb(209, 34, 9); margin-bottom: 20px; } #errorExplanation h2 { background-color: rgb(204, 0, 0); color: rgb(255, 255, 255); font-size: 12px; font-weight: bold; margin: 0px; padding: 5px 5px 5px 10px; text-align: left; word-spacing: normal; } #errorExplanation p { color: rgb(51, 51, 51); margin-bottom: 0px; padding: 5px 10px; } #errorExplanation ul { font-size: 12px; margin: 0px 20px 10px; } #errorExplanation li { list-style: square; margin: 0px 0px 5px; } a.enhanced_email { color: rgb(255, 255, 255); } div#popup_flash { font-size: 1.1em; text-align: left; } .clear_divs { clear: both; } tr.purchase_required_warning div { text-align: center; font-weight: bold; padding: 0.25em; border: 2px solid rgb(236, 64, 64); } .language_check_boxes { list-style-type: none; margin-left: 0em; margin-top: 0.3em; } .weekday_check_boxes { list-style-type: none; margin-left: 0em; margin-top: 0.3em; } div#my_assignments lh { font-weight: bold; margin-left: -2.5em; } .fieldWithErrors .input_group { background-color: white; border: 1px solid white; padding: 3px; } span.passcode_purchase { font-style: italic; font-weight: bold; margin-left: 1.5em; } .course_list_toggle_link { margin-left: 1.5em; } p { line-height: 1.4em; } dl { padding: 0px; } dt { font-weight: bold; line-height: 1.25em; margin-top: 1em; } dt.first { margin-top: 0px; } dd { line-height: 1.25em; margin-left: 0px; padding-left: 0px; } #content { background-color: rgb(255, 255, 255); border-top: 1px solid rgb(204, 204, 204); clear: both; padding: 1em; position: relative; } div.featured_content { background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); color: rgb(47, 47, 47); float: left; margin-bottom: 1em; padding: 2em 0px; width: 332px; } div.featured_content h3 { font-size: 0.846em; font-style: normal; margin-bottom: 0.5em; margin-top: 0px; text-transform: lowercase; } div.featured_content h3 { text-align: right; margin: 0px 0px 15px; } div.featured_content h3 a.not_built_yet { color: rgb(47, 47, 47); } div.featured_content p { font-size: 0.846em; } div.featured_content div.thumbnail, div.featured_content div.videoplayer { background: transparent; border: 0px; margin: 0px 0px 1em; padding: 0px; position: relative; text-align: center; width: 100%; } div.myprofile_module, div.messages_module, div.community_module, div.myprograms_module, div.featured_content { border-bottom: 1px dotted rgb(0, 38, 165); margin-bottom: 1em; padding: 1em; } .tri_column #column_one { margin-bottom: 3em; padding: 0px 0px 90px; text-align: center; } .tri_column #column_one div.myprofile_module, .tri_column #column_one div.messages_module, .tri_column #column_one div.community_module { color: rgb(83, 83, 83); margin: 0px auto; padding: 25px 0px; position: relative; width: 176px; } div.myprofile_module img.portrait { border: 1px solid rgb(102, 102, 102); margin: 55px auto 10px 0px; } div.myprofile_module h3 { border-bottom: 1px dotted rgb(0, 38, 165); font-size: 0.923em; font-style: normal; left: 0px; margin: 0px; padding: 0px 0px 0.5em; position: absolute; text-align: left; top: 60px; width: 100%; } div.myprofile_module p { margin-top: 0px; padding-top: 0px; text-align: left; } div.myprofile_module p.edit { font-size: 0.846em; margin-bottom: 0.5em; position: absolute; right: 0px; top: 31px; } div.myprofile_module p.edit a { color: rgb(151, 151, 151); text-transform: lowercase; } div.myprofile_module div.progress { clear: both; padding: 0px; width: 178px; } div.myprofile_module div.progress p { margin-bottom: 0px; padding-bottom: 0px; font-size: 0.846em; } div.myprofile_module div.progress h4 { margin-top: 0px; padding-top: 0px; font-weight: normal; font-size: 0.846em; font-style: italic; } div.myprofile_module img.progress-meter { width: 100%; } div.messages_module h3 { font-size: 0.923em; font-style: normal; margin: 0px; padding: 0px; text-align: left; text-transform: lowercase; } div.messages_module h3 a.not_built_yet { color: rgb(83, 83, 83); } div.messages_module h2 { margin-top: 0px; padding-top: 0px; } div.messages_module ul h3 { font-size: 0.923em; font-style: normal; margin: 0px; padding: 0px; text-align: left; text-transform: lowercase; } div.messages_module ul h3 a.not_built_yet { color: rgb(85, 154, 186); } div.messages_module .messagelist li .icon { display: inline; float: left; height: 30px; margin-right: 15px; width: 30px; } div.messages_module .messagelist li .icon img { display: inline; width: 30px; } ul.messagelist { list-style: none; margin: 0px; padding: 0px; } ul.messagelist li { padding: 0.75em 0.75em 0.75em 0px; } ul.messagelist li span.messagedate { color: rgb(153, 153, 153); display: block; } ul.messagelist li h3 { font-size: 0.846em; margin: 0px; padding: 0px; } div.messages_module ul.messagelist li p { font-size: 0.846em; margin: 0px 0px 0.25em 45px; padding: 0px; text-align: left; } div.messages_module p.more { font-weight: bold; margin-left: 0px; text-align: left; text-transform: lowercase; } div.messages_module p.more a.not_built_yet { color: rgb(25, 46, 126); } div.messages_module .messagelist li .messagedate { color: rgb(135, 135, 135); font-style: italic; } div.community_module h3 { font-size: 0.923em; font-style: normal; margin: 0px; padding: 0px; text-align: left; text-transform: lowercase; } div.community_module h3 a.not_built_yet { color: rgb(83, 83, 83); } div.community_module h2 { margin-top: 0px; padding-top: 0px; } div.community_module ul h3 { font-size: 0.923em; font-style: normal; margin: 0px; padding: 0px; text-align: left; text-transform: lowercase; } div.community_module ul h3 a.not_built_yet { color: rgb(85, 154, 186); } div.community_module .buddylist li .icon { display: inline; float: left; height: 30px; margin-right: 15px; width: 30px; } div.community_module .buddylist li .icon img { display: inline; width: 30px; } ul.buddylist { list-style: none; margin: 0px; padding: 0px; } ul.buddylist li { padding: 0.75em 0.75em 0.75em 0px; } ul.buddylist li span.messagedate { color: rgb(153, 153, 153); display: block; } ul.buddylist li h3 { font-size: 0.846em; margin: 0px; padding: 0px; } div.community_module ul.buddylist li p { font-size: 0.846em; margin: 0px 0px 0.25em 45px; padding: 0px; text-align: left; } div.community_module p.more { font-weight: bold; margin-left: 0px; text-align: left; text-transform: lowercase; } div.community_module p.more a.not_built_yet { color: rgb(25, 46, 126); } div.community_module .buddylist li .messagedate { color: rgb(135, 135, 135); font-style: italic; } div.myprograms_module { border: 1px solid rgb(204, 204, 204); padding: 25px 20px 90px; position: relative; } div.myprograms_module h2 { color: rgb(177, 15, 12); font-size: 1.231em; margin: 0px 0px 0.5em; padding: 0px; text-align: left; text-transform: lowercase; } div.myprograms_module p.edit { font-size: 0.846em; margin-bottom: 0.5em; position: absolute; right: 21px; top: 29px; } div.myprograms_module p.edit a { color: rgb(151, 151, 151); text-transform: lowercase; } div.myprograms_module form { margin-bottom: 0.5em; text-align: left; } div.myprograms_module select { width: 100%; } div.myprograms_module div.program { border-bottom: 1px dotted rgb(0, 38, 165); margin: 0px 0px 1em; padding: 0px; } div.myprograms_module div.book { margin: 0px; padding: 0px; text-align: left; width: 100%; } div.myprograms_module div.book div { font-size: 0.846em; font-weight: bold; line-height: 1.3em; } div.myprograms_module div.book div a { color: rgb(25, 46, 126); } div.myprograms_module div.program .thumbnail, div.myprograms_module div.program .videoplayer { background-color: transparent; border: 0px; margin: 0px 0px 0.5em; padding: 0px; text-align: center; } div.myprograms_module div.closed { border-color: rgb(232, 232, 232); } div.myprograms_module div.inactive { border-color: rgb(232, 232, 232); } div.myprograms_module div.closed div.thumbnail { background-color: rgb(238, 238, 238); border-color: rgb(232, 232, 232); } div.myprograms_module div.inactive div.thumbnail { background-color: rgb(238, 238, 238); border-color: rgb(232, 232, 232); } div.myprograms_module span.booktitle { font-weight: bold; } div.myprograms_module dl.courselist { color: rgb(96, 96, 96); margin: 0px; padding: 0px 0px 1em; } div.myprograms_module dl.courselist h3 { margin-bottom: 0.25em; padding-bottom: 0px; } div.myprograms_module dl.courselist dt { border-top: 1px dotted rgb(204, 204, 204); margin-bottom: 0px; margin-top: 1em; padding-bottom: 0px; padding-top: 1em; } div.myprograms_module dl.courselist dt.first { border-top: none; font-size: 0.846em; margin-top: 0px; padding-top: 0px; } div.myprograms_module dl.courselist dd { font-size: 0.846em; margin-bottom: 0.5em; } div.myprograms_module dl.courselist dd.progress { display: none; } div.myprograms_module dl.courselist dd.alert1 { background-color: rgb(254, 88, 88); color: rgb(255, 255, 255); margin-bottom: 0.5em; padding: 5px 10px; } div.myprograms_module dl.courselist dd.alert2 { background-color: rgb(254, 134, 87); color: rgb(255, 255, 255); margin-bottom: 0.5em; padding: 5px 10px; } div.myprograms_module dl.courselist dd.alert3 { background-color: rgb(199, 199, 199); color: rgb(96, 96, 96); margin-bottom: 0.5em; padding: 5px 10px; } div.myprograms_module dl.closed { background-color: rgb(204, 204, 204); margin-top: 1em; padding: 1em; } div.myprograms_module dl.closed dt { border-top: none; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0px; } div.myprograms_module dl.closed h3 { background: url("/images/ico-padlock.gif") 100% 0px no-repeat; display: inline; padding-right: 22px; } div.myprograms_module h4 { margin-bottom: 0.25em; padding-bottom: 0.25em; } div.myprograms_module ul.pipelist { background-image: none; font-size: 0.846em; margin: 12px 0px; padding: 0px 0px 1px; text-align: left; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); border-right-width: 1px; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); } div.myprograms_module ul.pipelist li { background: none; border: 0px; display: block; margin: 0px; padding: 0px; } div.myprograms_module ul.pipelist li::after { content: ""; padding: 0px; } div.myprograms_module ul.pipelist li:last-child::after { content: ""; } div.myprograms_module ul.pipelist li a { background: none; margin: 0px; padding: 0px; } div.myprograms_module div.morelinks { padding-top: 0px; } ul.pipelist li { border-right: 1px solid rgb(204, 204, 204); display: inline; list-style-type: none; padding-left: 0.35em; } ul.pipelist li::after { content: "����|"; padding: 0px; } ul.pipelist li:last-child::after { content: ""; } ul.pipelist li.first { padding-left: 0px; } ul.pipelist li.last { border-right: none; } ul.notifications { margin: 0px; padding: 0px; } ul.notifications li { padding: 0.75em 0.75em 0.75em 0px; } ul.notifications li h3 { font-size: 0.846em; margin: 0px; padding: 0px; } p.more { font-weight: bold; } p.more a.not_built_yet { color: rgb(25, 46, 126); } div.morelinks { clear: both; font-weight: bold; padding-top: 1em; } div.morelinks a.not_built_yet { color: rgb(85, 154, 186); } .access_code, .program_title, .program_privileges { font-weight: bold; } a { text-decoration: none; cursor: pointer; } a.button { background-color: rgb(232, 232, 232); border-width: 1px 3px 3px 1px; border-style: solid; border-color: rgb(204, 204, 204) rgb(102, 102, 102) rgb(102, 102, 102) rgb(204, 204, 204); color: rgb(102, 102, 102); font-weight: normal; margin-bottom: 2em; padding: 0.5em 0.75em; text-decoration: none; border-radius: 5px; } a.edit { font-size: 0.75em; padding: 0.25em 0px; } a.more::after { content: "����"; } a.external { background: url("/images/ico-external-link.png") right center no-repeat; padding-right: 16px; } a.pdf { background: url("/images/file-acrobat.gif") right center no-repeat; padding-right: 20px; } a img { border: none; } .caption { color: rgb(153, 153, 153); display: block; font-size: 0.85em; font-style: oblique; line-height: 1.5em; } .right { float: right; } .wrapRt { float: left; margin: 1em 1em 1em 0px; } .wrapLt { float: right; margin: 1em 0px 1em 1em; } .thumbnail, .videoplayer { background-color: rgb(204, 204, 204); border: 2px solid rgb(153, 153, 153); color: rgb(136, 136, 136); margin: 0.5em; padding: 0.5em; } .thumbnail span, .videoplayer span { display: block; padding: 1em; text-align: center; } .videoplayer { background: url("/images/ico-play-video.jpg") 50% 50% no-repeat rgb(204, 204, 204); margin-bottom: 1em; position: relative; } .video_standard { height: 240px; width: 320px; } .video_widescreen { height: 240px; width: 488px; } .note { color: rgb(153, 153, 153); font-weight: normal; } span.tip { color: rgb(153, 153, 153); font-style: oblique; font-weight: normal; } .help { display: block; font-size: 0.75em; padding-top: 0.25em; } span.help { color: rgb(153, 153, 153); } .left { float: left; } a.video { background: url("/images/ico-video.jpg") left center no-repeat; padding-left: 24px; } .error_msg { background-color: rgb(255, 204, 204); border: 1px solid rgb(255, 0, 0); color: rgb(255, 0, 0); margin-bottom: 0.5em; padding: 0.5em; } .error_msg p { background: url("/images/error.png") no-repeat; margin: 0px; padding: 0px 0px 0px 24px; } fieldset { border: 1px solid rgb(204, 204, 204); margin-bottom: 1em; margin-top: 2em; padding: 1em; } fieldset div.twocol { float: left; padding-bottom: 1em; width: 50%; } legend { color: rgb(102, 102, 102); font-size: 1.25em; } label { display: inline; font-weight: bold; padding: 1em 0px 0.25em; margin-right: 15px; } label.newline_label { display: block; } .student_select_form { margin-top: 10px; width: 300px; } input.text { display: block; float: left; } .inline label, .inline input { display: inline; } .inline label { padding: 0px 1em 0px 0px; } .inline div { display: inline; } .ns-program-config .ta-editor { display: block; } #gradebook_external_activity_form div.fieldWithErrors { display: inline; } #gradebook_external_activity_form div.field_row { margin-bottom: 0.5em; width: 300px; text-align: right; padding-top: 5px; } .field_row label { display: inline; } .field_row input { float: right; } #gradebook_external_activity_form .fieldWithErrors label { color: rgb(236, 64, 64); } #gradebook_external_activity_form .fieldWithErrors input { border: 2px solid rgb(236, 64, 64); } #gradebook_external_activity_form .fieldWithErrors select { border: 2px solid rgb(236, 64, 64); } .error { color: rgb(255, 0, 0); } div.error input { color: rgb(0, 0, 0); } div.communication { background-color: rgb(238, 238, 238); margin-bottom: 1em; padding: 1em; } div.communication p { font-size: 1.2em; } div.communication p > strong { font-size: 1.25em; font-style: italic; } ul.simplelist { list-style: none; margin: 0px; padding: 0px; } ul.simplelist li { margin: 0px; padding: 0px 0px 0.25em; } ul.selectionlist { list-style: none; margin: 0px; padding: 0px; } ul.selectionlist li { margin: 0px; padding: 0px; } ul.selectionlist label { padding: 0px; } ul.pipelist { margin: 0px; padding: 0px; } ul.pipelist li { border-right: 1px solid rgb(204, 204, 204); display: inline; list-style-type: none; padding-left: 0.35em; } ul.pipelist li::after { content: "����|"; padding: 0px; } ul.pipelist li:last-child::after { content: ""; } ul.pipelist li.first { padding-left: 0px; } ul.pipelist li.last { border-right: none; } form div.row { margin-bottom: 1em; } ul.tabs { border-bottom: 1px solid rgb(204, 204, 204); display: block; float: left; font-size: 1.2em; font-weight: bold; list-style: none; margin: 0px; padding: 0px; width: 100%; } ul.tabs li { display: block; float: left; margin: 0px; padding: 0px; } ul.tabs li.first { padding-left: 0px; } ul.tabs li a { background-color: rgb(232, 232, 232); border-top: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; border-bottom: none; float: left; font-size: 0.85em; margin: 0px 0px -1px; padding: 0.25em 0.5em; text-align: center; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; } ul.tabs li a.active, ul.tabs li a.current { background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); color: rgb(102, 102, 102); } ul.tabs li a:hover { color: rgb(102, 102, 102); text-decoration: none; } ul.bank_assignments, ul.external_activity_assignments { clear: both; list-style: none; margin: 0.5em; padding: 0px; } ul.bank_assignments li, ul.external_activity_assignments li { background-color: rgb(241, 247, 250); display: block; margin: 0.25em 0px; padding: 0.5em; } ul.bank_assignments lh { display: none; } ul.external_activity_assignments lh { font-weight: bold; font-size: 0.85em; } table.calendar { border-collapse: collapse; border-color: rgb(178, 178, 178); border-style: solid; border-width: 0px 0px 1px 1px; margin-bottom: 2em; width: 100%; font-size: 10px; } table.calendar thead th { background: rgb(238, 238, 238); color: rgb(119, 119, 119); font-size: 10px; padding: 5px 10px; text-align: left; } table.calendar thead .cal-details { background-color: rgb(53, 53, 53); color: rgb(255, 255, 255); font-size: 10px; padding: 5px 10px; } table.calendar thead .cal-details h3 { float: left; font-size: 14px; margin: 0px; } table.calendar thead .calendar_navigation li { float: left; font-weight: bold; margin: 0px 5px; padding: 0px 10px 0px 0px; background: url("/images/bkgd-pipe-white.png") right 5px no-repeat; } table.calendar thead .calendar_navigation li.count { background-image: none; } table.calendar thead .calendar_navigation li a { color: rgb(255, 255, 255); text-decoration: underline; } table.calendar tbody { clear: both; } table.calendar th, table.calendar td { border-width: 0px 1px 1px 0px; border-top-style: initial; border-left-style: initial; border-top-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); border-right-style: solid; border-right-color: rgb(178, 178, 178); } table.calendar tbody td { padding: 5px 10px; width: 14%; vertical-align: top; } table.calendar tbody tr.week { height: 90px; } table.calendar tbody td.day_name { background-color: rgb(102, 102, 102); color: rgb(255, 255, 255); padding: 3px 6px; } table.calendar span.day_number { display: block; float: left; width: 100%; } table.calendar tbody td.day a:hover { background-color: rgb(204, 204, 204); } table.calendar tbody td.other { color: rgb(154, 154, 154); } table.calendar tbody td.today { background-color: rgb(0, 104, 176); color: rgb(102, 0, 102); font-weight: bold; } table.calendar tbody td.today li { color: rgb(0, 0, 0); font-weight: normal; } table.calendar tbody td.active { background-color: rgb(238, 238, 238); } table.calendar .controls { background-color: rgb(204, 204, 204); padding: 0.25em 0px; text-align: center; } table.calendar .controls ul { margin: 0px; padding: 0px; width: 100%; } table.calendar .controls li { margin: 0px; padding: 0px; } table.calendar .controls li.prev a::before { content: "����"; } table.calendar .controls li.next a::after { content: "����"; } #assignment_calendar ul.calendar_navigation { margin-bottom: 0.5em; } table.large_table { border: 1px solid rgb(204, 204, 204); border-collapse: collapse; width: 100%; } table.large_table tr { border-bottom: 1px solid rgb(204, 204, 204); } table.large_table th { background-color: rgb(102, 102, 102); color: rgb(255, 255, 255); padding: 0.5em; } table.large_table td { padding: 0.5em; } table.small_table { border-collapse: collapse; margin-bottom: 2em; width: 100%; } table.small_table tr { border-bottom: 1px dotted rgb(204, 204, 204); } table.small_table th, table.small_table td { padding: 0.5em; } #flash { margin-bottom: 1em; margin-left: 55px; width: 850px; } #flash fieldset#flash_notice { border: 1px solid rgb(199, 36, 31); display: block; margin: 0px 0px 1em; padding: 0px 0px 1em; position: relative; text-align: center; } #flash fieldset#flash_notice legend { background: rgb(199, 36, 31); color: rgb(255, 255, 255); font-size: 1.2em; font-weight: bold; margin-bottom: 0.25em; margin-left: 1em; padding: 5px 10px; text-transform: lowercase; } .join_course_section_row td label { display: inline; font-weight: normal; padding: 0px; } .controls { background-color: rgb(238, 238, 238); float: left; margin: 0.25em 0px; position: relative; width: 100%; } .controls img, .controls ul { float: left; margin: 0.5em; } .controls div.morelinks { position: absolute; right: 0px; top: 0px; } .featured_events { border: 1px solid rgb(204, 204, 204); padding: 1em 0px 0.5em; } .featured_events dl { border-left: 1px dotted rgb(204, 204, 204); float: left; min-height: 17em; padding: 0px 2em; width: 22.5em !important; } .featured_events dl.first { border: none; } .featured_events dt { font-size: 1.2em; margin-bottom: 0.5em; } .not_built_yet, a.not_built_yet:visited, a.not_built_yet:link { color: rgb(141, 26, 21); } div#overall_search_feedback li { list-style: square; margin-left: 2em; } .errorExplanation { background-color: rgb(240, 240, 240); border: 2px solid rgb(209, 34, 9); margin-bottom: 20px; } #overall_search_feedback.errorExplanation h2 { background-color: rgb(204, 0, 0); color: rgb(255, 255, 255); font-size: 12px; font-weight: bold; margin: 0px 0px 5px; padding: 5px 5px 5px 15px; text-align: left; word-spacing: normal; } .errorExplanation p { color: rgb(51, 51, 51); margin-bottom: 0px; padding: 5px; } .errorExplanation ul { font-size: 12px; margin: 0px 20px 10px; } .errorExplanation li { list-style: square; margin: 0px 0px 5px; } #school_search_feedback ul.unrecognized_search_token { margin: 0.25em 0.25em 1em; } #school_search_feedback li.unrecognized_search_token { margin: 0.25em 0.5em; } ul.personalized_programs { width: 60%; } li.sortable_row { padding: 10px; margin: 0.25em 0.5em; background-color: rgb(240, 240, 240); border: 1px solid rgb(204, 204, 204); } li.sortable_row label { display: inline; } li.sortable_row input { display: inline; } li.sortable_row .handle { float: right; cursor: move; margin-top: -6px; } .toc_activity_icon { vertical-align: bottom; } hr.full_width_divider { border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: dotted; border-bottom-color: rgb(0, 38, 165); margin-bottom: 1em; display: block; } div.screencast_context_link { float: right; padding-top: 2px; } .ui-dialog { text-align: left; } .ui-dialog div.inline { margin-bottom: 2em; } div.form_container { display: table; } .disabled_element_wrapper, .enabled_element_wrapper { position: relative; display: inline; margin: auto; padding: 5px 0px 5px 5px; } div.chat_link_block iframe { padding-top: 20px; } div.chat_link_note { margin-left: 86px; margin-top: -37px; } table.passcode_package_list { border: 0px; margin: 2px; } .underline { text-decoration: underline; } #navigation_container { position: absolute; top: -50px; left: 493px; } .privacy_policy_wrapper #column_wrapper { padding-top: 0px; margin-top: 75px; } .privacy_policy sup { vertical-align: super; font-size: 9px; } .privacy_policy p { margin-bottom: 20px; } .privacy_policy .opt-out { margin-left: 16px; } .privacy_policy .opt-out li { list-style-type: disc; } .coming_soon { margin: 45px 30px 10px 100px; color: rgb(51, 51, 51); font-size: 10pt; line-height: 20px; width: 600px; } #return_to_current_courses { margin: 33px 0px 0px 180px; } .activity_link { font-size: 12px; } .bold { font-weight: bold; } #announcement_form label { display: block; } #announcement_form #accent_bar { padding-top: 17px; } .dialog_section span, .dialog_course span { color: rgb(204, 204, 204); font-weight: bold; } .zopim_chat_link { font-weight: bold; font-size: 12px; position: absolute; top: 45px; right: 42px; } .zopim_chat_link::after { background: url("//assets.maestro.vhlcentral.com/assets/icon_zopim_chat-db37c0efe6240abe0a01c2aa5aca6c470ae5ada1b50bd68d64dd69de0555bdcf.png") 0px 0px no-repeat; height: 11px; width: 14px; padding-left: 20px; content: ""; } body.course-setup .zopim_chat_link { top: 15px; right: 33px; } .no-visual { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .confirm-btns { margin-top: 20px; } .confirm-btns .confirm-btn { float: right; } .confirm-btns .confirm-no { margin-right: 10px; } .label-a-style { color: rgb(27, 61, 107); } .label-b-style { color: rgb(86, 86, 86); } .quiet-label { color: rgb(86, 86, 86); font-weight: normal; font-size: 12px; display: block; } .inline-label { display: inline-block; min-width: 75px; } .vert-space-lg { margin-bottom: 50px; } .vert-space-md { margin-bottom: 20px; } .vert-space-sm { margin-bottom: 10px; } .vert-space-lg-t { margin-top: 50px; } .vert-space-md-t { margin-top: 20px; } .vert-space-sm-t { margin-top: 10px; } .divider-3px { border-top: 3px solid rgb(229, 229, 229); padding-top: 10px; } .gradient-bg-box { background-color: rgb(255, 255, 255); background-image: -webkit-linear-gradient(top, rgb(243, 243, 243), rgb(255, 255, 255)); border: 1px solid rgb(229, 229, 229); padding: 20px; } .border-box { border: 1px solid rgb(229, 229, 229); padding: 20px; } .table-header-a { background-color: rgb(174, 24, 18); background-image: -webkit-linear-gradient(top, rgb(174, 24, 18), rgb(141, 19, 1)); } .lesson_spanner, .lesson_link_spanner { padding: 2px 2px 2px 4px; font-size: 11px; color: rgb(0, 0, 0); font-weight: normal; } a.lesson_link_spanner { color: rgb(86, 86, 86); } .weighted_text { font-weight: bold; } .text_label { color: rgb(86, 86, 86); display: inline-block; font-weight: bold; } .form_note { color: rgb(149, 149, 149); display: inline; font-size: 10px; font-style: italic; font-weight: normal; } a.disabled { color: rgb(204, 204, 204); cursor: pointer; } a.disabled:hover { text-decoration: none; } .jqueryui .ui-icon { background-color: inherit; } .jqueryui .ui-icon-triangle-1-s { background-position: -64px -16px; } .wrap_table { margin-left: 15px; font-size: 11px; } .wrap_table table { width: 100%; border-collapse: separate; font-size: 11px; margin: 0px; } .wrap_table td { vertical-align: top; } .wrap_table table tr { border-bottom: 2px solid rgb(255, 255, 255); background-color: rgb(245, 245, 245); } .wrap_table table tr td { border-bottom: 2px solid rgb(255, 255, 255); } .wrap_table table th { background: rgb(231, 231, 231); font-weight: bold; color: rgb(86, 86, 86); font-size: 11pt; } .wrap_table table th.toc-section { background: rgb(217, 217, 217); } .wrap_table tr.toc-current-course { background: rgb(231, 231, 231); } .wrap_table tr.toc-current-course h3 { padding-left: 25px; } .wrap_table table th.rightside { padding-right: 5px; width: 77px; font-size: 12px; } .wrap_table table th.rightside2 { width: 100px; padding-right: 5px; font-size: 12px; } .wrap_table table th.status { font-size: 12px; min-width: 45px; padding-right: 15px; } .wrap_table h3 { font-size: 13px; display: inline; } .wrap_table .checkbox_all { display: inline-block; vertical-align: text-bottom; width: 13px; height: 13px; background-color: rgb(255, 255, 255); border: 1px solid rgb(198, 198, 198); cursor: pointer; margin: 0px 5px; } .student_checkbox, .student_checkbox_all { display: inline-block; vertical-align: text-bottom; width: 13px; height: 13px; background-color: white; border: 1px solid rgb(198, 198, 198); cursor: pointer; margin: 0px 10px 0px 5px; } .wrap_table .student_checkbox:hover, .student_checkbox_all:hover { border-color: rgb(131, 169, 186); } .show_check { background: url("../images/toc-check.png") no-repeat rgb(255, 255, 255); } .highlight_bg { background-color: rgb(223, 240, 159) !important; } .checkbox { display: inline-block; vertical-align: text-bottom; width: 13px; height: 13px; background-color: rgb(255, 255, 255); border: 1px solid rgb(198, 198, 198); cursor: pointer; margin: 0px 10px 0px 5px; } .checkbox_all { display: inline-block; vertical-align: text-bottom; width: 13px; height: 13px; background-color: rgb(255, 255, 255); border: 1px solid rgb(198, 198, 198); cursor: pointer; margin: 0px 10px 0px 5px; } .checkbox_program { display: inline-block; vertical-align: text-bottom; width: 13px; height: 13px; background-color: rgb(255, 255, 255); border: 1px solid rgb(198, 198, 198); cursor: pointer; margin: 0px 7px 0px 8px; } h2.lesson_name .checkbox_all { margin: 0px 5px; } input.datepicker[disabled] { color: rgb(142, 142, 142); font-style: italic; } .course .focus_drop_arrow { top: 9px; left: 10px; } .course .focus_drop_arrow.menu_drop { top: 13px; left: 6px; } .section .focus_drop_arrow { top: 27px; left: 10px; } .section .focus_drop_arrow.menu_drop { top: 29px; left: 6px; } .old .focus_drop_arrow.menu_drop { top: 12px; left: 6px; } .course_header_arrow { background-image: url("../images/focus-arrow-small.png"); background-repeat: no-repeat; background-position: 15px 6px; cursor: pointer; padding-left: 25px !important; } .focus_menu_old_table .course_header_arrow { background-image: none; } .focus_menu_old_table { clear: both; } .fieldWithErrors input.text, .fieldWithErrors textarea.text, .fieldWithErrors select, .fieldWithErrors input, .fieldWithErrors textarea, .fieldWithErrors select, input.fieldError, textarea.fieldError, select.fieldError { border: 2px solid rgb(236, 64, 64) !important; } .fieldWithErrors label { color: rgb(236, 64, 64); } .set_assignment_date { top: -13px; left: -130px; width: 100px; padding: 10px; } .set_assign_date { padding-left: 32px; margin-top: 10px; } .show_hover { display: block; } .right { float: right; } .left { float: left; } .hidden { display: none; } .hidden_helper { display: none !important; } .hidden_js_helper, .invisible { visibility: hidden; } .assignables_dialog { overflow: visible !important; } .assignables_dialog label { float: left; } .as_count { font-size: 16px; margin-bottom: 10px; } .dialog_section { margin-bottom: 20px; } .variable_dates { position: relative; } .varies_text { float: left; } .varies_arrow { background: url("/images/twostep-arrow.png") right top no-repeat; padding-right: 14px; height: 12px; cursor: pointer; } .varies_arrow_open { background: url("/images/twostep-arrow-open.png") right top no-repeat; height: 12px; } .assignments_details { position: absolute; width: 300px; z-index: 1200; overflow: visible; right: 30px; top: 15px; border: 1px solid rgb(153, 153, 153); box-shadow: rgb(136, 136, 136) 3px 3px 8px; } .assignments_details table tr { background: rgb(255, 255, 255); border-bottom: 2px solid rgb(245, 245, 245); } .reassign_container { margin-top: 20px; } .reassign_container .div_row { margin-bottom: 5px; padding: 3px; } .reassign_container label { color: rgb(115, 115, 115); font-weight: bold; padding-top: 0px; font-size: 12px; line-height: 18px; float: left; text-align: right; clear: both; } label.avail_label, label.grade_label { font-weight: normal; padding: 0px; margin: 0px 0px 0px 10px; font-size: 12px; line-height: 18px; } .due_time_replaced, .answers_replaced { color: rgb(115, 115, 115); float: left; margin-top: 2px; margin-left: 5px; } .avail_options, .avail_replaced, .avail_date, .grades_replaced, .grades_options, .grades_date, .answers_options, .answers_date { color: rgb(115, 115, 115); float: left; margin-left: 5px; line-height: 18px; } .wrap_table_dialog { width: 580px; margin: 0px 0px 10px; } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } .ui-timepicker-div dl dd { margin: 0px 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0px; padding: 0px; } .date_timepicker { width: 145px; display: none; } .single_column #main_content { border: 1px solid rgb(204, 204, 204); width: 850px; } .single_column #flash_error, .single_column #flash_warning, .single_column #flash_notice { margin: 20px 53px 20px 55px; width: auto; position: relative; } .set_date_link, .set_due_date_link { background: url("/images/calendar_icon.png") 88px center no-repeat; display: inline-block; font-size: 12px; height: 25px; margin-top: -5px; padding-top: 5px; padding-right: 35px; text-decoration: none; vertical-align: middle; } .assessment_set_date_link { background: none; padding-right: 0px; } a.set_date_link:hover, a.set_due_date_link:hover { background: url("/images/calendar_icon_hover.png") 88px center no-repeat; } a.assessment_set_date_link:hover { background: none; } .set_date_link.disable_link_function { color: rgb(149, 149, 149); } .disabled-link, .disabled-link:hover { color: rgb(149, 149, 149); text-decoration: none; } .unassignable_activity_msg, .unassignable_activity_msg.unassignable_activity_msg_student { padding-top: 5px; } .unassignable_activity_msg a.more_info { color: rgb(0, 131, 203); font-style: normal; margin-left: 0px; } .unassignable_component, .unassignable_lesson { margin-left: 25px !important; } .unassignable_activity a, .unassignable_activity span.icon { color: rgb(102, 102, 102); float: left; font-style: italic; padding-left: 25px; } .unassignable_activity span.icon { float: left; margin-left: 5px; padding-left: 0px; } input.has_datepicker, input.datepicker { background: url("/images/input_calendar.png") -2px 0px no-repeat; border: 0px; cursor: pointer; width: 200px; padding-left: 10px; padding-top: 7px; padding-bottom: 9px; color: rgb(51, 51, 51); font-weight: normal; } .ui-widget-content a.red-button { color: rgb(255, 255, 255); } .save_only, .save_new, .save_grade { display: inline-block; float: left; margin: 0px 0px 0px 5px; } .assignables_dialog.ui-dialog-content { max-height: 400px; } .assignables_wizard .wrap_table_dialog { max-height: 250px; overflow-y: scroll; } .hover_tools_explanation, .hover_original_answer { background: rgb(255, 255, 255); border: 1px solid rgb(149, 149, 149); color: rgb(115, 115, 115); left: -125px; padding: 5px; position: absolute; top: -14px; width: 100px; z-index: 5; } .hover_tools_arrow { display: block; background: url("/images/darrowtop.png") center top no-repeat; height: 14px; position: absolute; right: 0px; top: -13px; width: 112px; } #ui-datepicker-div.ui-helper-clearfix { display: none; } .notifications_link { position: absolute; } .external_activity .notifications_link { right: 30px; top: 0px; } #show_notifications_link { cursor: pointer; display: block; float: left; height: 24px; margin-right: 10px; } #notification_listing { background: rgb(255, 255, 255); border: 1px solid rgb(148, 148, 148); clear: both; color: rgb(86, 86, 86); float: right; min-height: 50px; padding: 10px 10px 5px; position: absolute; right: 0px; top: 20px; width: 200px; z-index: 2; box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 4px 0px; } #notification_listing li { padding-bottom: 15px; } .hide-assigned .submit, .assign-hidden .submit { float: right; } .hide-assigned .notice, .assign-hidden .notice { background: url("/images/icon-exclamation.png") no-repeat; display: inline-block; font-size: 11px; height: 25px; margin: 32px; padding-left: 40px; padding-top: 7px; } .hide-assigned .notice { height: 29px; padding-top: 3px; } .hide-assigned .cancel-link, .assign-hidden .cancel-link { display: inline-block; float: left; padding-top: 15px; } .program-header-bar { background-color: rgb(162, 1, 1); color: rgb(255, 255, 255); } .neutral-header-bar { background: rgb(210, 210, 210); } .program-header-bar.bar-hover:hover, .neutral-header-bar.bar-hover:hover { background-color: rgb(223, 240, 159); cursor: pointer; } #accent_bar { float: left; margin-right: 15px; } #accent_bar ul li { background: url("/images/activity_box.png") no-repeat; color: rgb(86, 86, 86); cursor: pointer; display: block; float: left; font-size: 11px; height: 28px; margin-right: 3px; padding-top: 5px; text-align: center; width: 27px; } #accent_bar ul li:hover { background: url("/images/activity_box.png") -30px 0px no-repeat; color: rgb(255, 255, 255); } #accent_bar ul li:active { background-color: rgb(230, 230, 230); } #accent_check { display: inline-block; vertical-align: top; font-size: 10px; line-height: 14px; padding-top: 0px; padding-bottom: 0.5rem; } #accent_caps, #accent_lower { display: inline-block; vertical-align: top; } #accent_check input { margin-top: 2px; vertical-align: top; } #accent_bar button { background-color: transparent; border: none; padding: 0px; width: 24px; } #standard_cancel_action_links .cancel_link, #standard_cancel_action_links .cancel-btn { font-weight: bold; display: block; margin-top: 15px; float: left; } #standard_cancel_action_links .red-button, #standard_cancel_action_links .confirm-btn { float: right; } #standard_cancel_action_links .cancel_button { } #standard_cancel_action_links .close_btn { } #standard_cancel_action_links .confirm_btn { } #additional_links { clear: both; font-weight: bold; padding: 20px 0px 0px; } div.gradebook_grade_change_container a.cancel, #mid_links .delete a, #additional_links .delete_link a, #additional_links .cancel_link a, button.cancel-btn { border: none; display: block; float: left; font-size: 13px; height: 19px; padding: 5px 16px 5px 0px; text-transform: lowercase; } button.cancel-btn { background-color: rgb(255, 255, 255); color: rgb(0, 131, 203); cursor: pointer; } #additional_links .unassign_link a { display: block; float: right; height: 19px; padding: 5px 16px; } #additional_links .reassign_link, #additional_links .link_savechanges { float: right; } div.ui-dialog-buttonpane button.ui-button, input.disabled-button, a.red-button, span.red-button a, input.red-button, button.confirm-btn, button.red-button { background-color: rgb(0, 107, 174); background-image: none; border: 1px solid rgb(0, 107, 174); color: rgb(255, 255, 255); cursor: pointer; display: inline-block; font-size: 13px; font-weight: bold; height: 17px; padding: 5px 16px; text-align: center; text-transform: lowercase; vertical-align: top; width: auto; } button.confirm-btn { height: auto; margin-top: 15px; } span.white-button a, input.white-button, button.white-button, a.white-button, button.white_button, div.ui-dialog-buttonpane button.ui-button.white-button { background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(0, 107, 174); color: rgb(0, 107, 174); cursor: pointer; display: inline-block; font-size: 13px; font-weight: bold; height: 17px; padding: 5px 16px; text-align: center; text-transform: lowercase; vertical-align: top; width: auto; } span.disabled-button a, input.disabled-button, a.red-button.disabled, .vol .red-button.disabled, a.disabled-button, button.disabled-button, button.disabled, .red-button[disabled="disabled"] { background-color: rgb(204, 204, 204); border-color: rgb(204, 204, 204); color: rgb(255, 255, 255); cursor: default !important; } span.disabled-white a, input.disabled-white, a.disabled-white { background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204); color: rgb(204, 204, 204); cursor: default; } div.ui-dialog-buttonpane button.ui-button, div.ui-dialog-buttonpane button.ui-button.white-button, input.disabled-button, input.red-button, input.white-button { height: 29px; } .disabled-button:hover, .red-button:hover, .white-button:hover { cursor: pointer; text-decoration: none; } #inline_popup_content input.red-button { float: left; margin: 10px 5px 10px 0px; } #inline_popup_content input.button_agree { float: right; margin-right: 28px; } body { background: none rgb(245, 245, 245); } .page_title { font-size: 1.25rem; font-weight: normal; background: rgb(255, 255, 255); color: rgb(149, 149, 149); margin: 10px 0px 20px; position: relative; clear: left; } .container-fluid { padding-left: 2rem; padding-right: 2rem; } body .container-fluid .container-fluid, body .container-fluid .l-container-fluid, body .l-container-fluid .container-fluid, body .l-container-fluid .l-container-fluid, .standard_layout .container-fluid #main_content, .standard_layout .l-container-fluid #main_content { padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px; } .container-fluid #main_content #column_one { margin-left: 0px; } .container-fluid #main_content #column_two { margin-right: 0px; } [id="page_container"] { background-color: rgb(255, 255, 255); font-size: 1.3em; line-height: 1.385em; margin: 0px auto; text-align: left; width: 960px; position: relative; } #column_wrapper { background: rgb(255, 255, 255); clear: both; overflow: visible; padding-top: 35px; padding-bottom: 6rem; position: relative; width: 100%; } [id="main_content"] { float: none; padding-right: 2rem; padding-left: 2rem; margin-top: 0px; min-height: 400px; clear: both; height: auto !important; } #column_one { float: left; margin: 0px 0px 0px 50px; min-height: 400px; padding: 0px; height: auto !important; } #main_content .table_title { font-size: 1.2em; font-weight: normal; } #column_two { float: left; margin-right: 50px; min-height: 400px; height: auto !important; } .single_column #main_content { margin-left: 55px; margin-top: 17px; width: 855px; } .duo_column_left #column_one { width: 25%; } .duo_column_left #main_content { width: 65%; } .duo_column_right #main_content { width: 65%; } .duo_column_right #column_two { width: 25%; } .tri_column #column_one { border: 1px solid rgb(204, 204, 204); width: 215px; } .tri_column #column_two { width: 215px; } body .calendar .assignmnet_page { width: 100%; } #footer .support_footer { margin-left: 2%; display: inline-block; } #footer .copyright { margin-right: 2%; display: inline-block; } a.ui-dialog-titlebar-close { background: url("/images/dialog_close.png") left top no-repeat; display: block; height: 14px; padding: 4px 6px; width: 14px; } .standard_layout .ui-dialog a.ui-dialog-titlebar-close.ui-state-hover { background: none; padding: 1px 4px; } .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick { background: none; } .ui-widget-overlay { position: fixed; z-index: 1998; } .ui-dialog, .ui-tooltip { z-index: 9999; } .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { background: url("/images/dialog_close.png") 2px 2px no-repeat rgb(149, 149, 149); border: 0px; } .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover .ui-icon-closethick { background: url("/images/dialog_close.png") -25px 0px no-repeat rgb(149, 149, 149); left: 0px; top: 0px; } .time_out_dialog .ui-dialog-buttonpane .ui-button { display: inline-block; float: left; } .time_out_dialog .ui-dialog-buttonpane .ui-button.dialog_keep_working { float: right; } .standard_layout.grading_tasks.spotcheck #main_content { margin-top: 30px; } .raised_footer { height: 20px; margin-left: -30px; margin-right: -30px; margin-top: 20px; } #vhlarccontainer { top: 400px; } #cluetip { z-index: 10000 !important; } .error_page a#vista_logo { margin-top: 0px; padding-top: 10px; } .error_page #account_menu { margin-right: 50px; } .error-page-message { margin-top: 10px; } textarea.error-page-message { width: 318px; min-height: 100px; margin-top: 3px; margin-bottom: 20px; display: block; } #report-error-id-submit { margin-left: 210px; } #error-id-display { margin-top: 40px; } #error-id-display span { color: rgb(86, 86, 86); font-weight: bold; } ul.section li .section_gear { padding: 0px 0.4375rem; margin-top: 0.1875rem; margin-left: 0.125rem; display: inline-block; position: relative; } ul.section.expanded li .section_gear { background: none; float: right; position: relative; padding: 5px 10px 1px 15px; display: block; height: 24px; width: 25px; } .course_gear { padding: 0px 0.5625rem; margin-top: 0.625rem; display: inline-block; position: relative; } .gear { display: inline-block; box-sizing: border-box; width: 1.625rem; height: 1.625rem; cursor: pointer; padding: 0.25rem 0.3125rem; border: 0.0625rem solid transparent; } .gear:hover, .gear.active { background: rgb(255, 255, 255); border-color: rgb(187, 187, 187); } .gear:hover svg, .gear.active svg { fill: rgb(0, 0, 0); } .gear svg { fill: rgb(187, 187, 187); } .course_gear.overall a.gear.disabled.active:hover, .course_gear.overall a.gear.disabled.active, .course_gear.overall a.gear.active:hover, .course_gear.overall a.gear.active { border-top: 1px solid rgb(189, 189, 189); border-left: 1px solid rgb(189, 189, 189); border-right: 1px solid rgb(189, 189, 189); height: 17px; margin: 0px; width: 25px; z-index: 105; } a.gear.active:hover { border-bottom: 0px; } .resources .course_gear.overall .gear_menu { right: -2px; top: 17px; } .gear_menu { background: rgb(255, 255, 255); border: 1px solid rgb(189, 189, 189); width: 125px; font-size: 10px; position: absolute; padding: 5px; top: 24px; right: 0.5625rem; z-index: 10; display: none; } ul.section li .section_gear li.gear_option { background: rgb(255, 255, 255); } .gear_option a, .gear_option input { color: rgb(0, 131, 203); font-size: 11px; display: block; } .gear_option input { border: none; background-color: rgb(255, 255, 255); margin-bottom: 2px; margin-top: 1px; } .gear_option input:hover { text-decoration: underline; } .course_gear .gear_menu { top: 1.25rem; } .tooltip { background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); color: rgb(86, 86, 86); font-size: 11px; height: auto; padding: 5px; text-align: left; width: 250px; z-index: 400000; box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px 1px; } .gradebook .tooltip { width: 100px; } .results_table_hover { background: rgb(229, 241, 159); box-shadow: rgb(204, 204, 204) 1px 1px 4px 1px; color: rgb(86, 86, 86); left: -215px; z-index: 1; padding: 0px 10px 5px; position: absolute; bottom: -38px; width: 180px; white-space: normal; } .assesment .results_table_hover { bottom: -18px; } .activities_page .results_table_hover { bottom: -22px; } .results_table_hover_arrow { background: url("/images/toc_hover_arrow.png") left 23px no-repeat; display: block; left: 200px; min-height: 80px; position: absolute; bottom: -20px; width: 18px; } .results_table_hover_arrow_left { background: url("/images/toc_hover_arrow_l.png") right 23px no-repeat; display: block; min-height: 80px; position: absolute; right: 200px; bottom: -20px; width: 18px; } .results_table_hover .activity_title { line-height: 1.2em; margin-bottom: 5px; overflow-wrap: break-word; } .results_table_hover .activity_type { clear: both; font-weight: bold; padding-top: 5px; margin-bottom: 5px; } .results_table_hover .activity_name { margin-bottom: 5px; } .results_table_hover_assign .set_due_date_link { background: url("/images/icon-calendar-new.png") right 2px no-repeat; height: auto; margin-right: 5px; margin-top: 0px; padding-top: 0px; padding-right: 25px; vertical-align: top; } .results_table_hover_assign .set_due_date_link:hover { background: url("/images/icon-calendar-new.png") right -26px no-repeat; } .results_table_hover_assign { background: rgb(239, 247, 207); margin: 0px -10px; min-height: 25px; padding: 5px 0px 0px; text-align: right; } .activity-visible { background: url("/images/dots.png") center bottom repeat-x rgb(239, 247, 207); font-size: 11px; line-height: 11px; margin: 0px; padding: 5px 0px; text-align: right; } .activity-visible a { display: block; font-size: 12px; line-height: 14px; margin-right: 5px; padding-right: 25px; } .activity-visible .make_invisible { background: url("/images/toc-activities-hidden.png") right 1px top 1px no-repeat; } .activity-visible .make_visible { background: url("/images/toc-activities-visible.png") right 1px top 3px no-repeat; } .activity-visible .make_invisible:hover { background-position: right 1px top -18px; } .activity-visible .make_visible:hover { background-position: right 1px top -15px; } .assignment_page .results_table_hover { left: 57px; z-index: 400; } .assignment_page .results_table_hover_arrow_left { bottom: -17px; } .disable_link_function { color: rgb(150, 150, 150); cursor: default; font-size: 11px; position: relative; } .disabled_hover_info { background: rgb(255, 255, 255); border: 1px solid rgb(149, 149, 149); box-shadow: rgba(0, 0, 0, 0.25) 2px 2px 2px; color: rgb(149, 149, 149); font-size: 12px; font-style: normal; font-weight: normal; left: 100px; line-height: 14px; padding: 5px; position: absolute; text-indent: 0px; top: -5px; width: 100px; z-index: 60; } @media (max-width: 499px) { .activities_page .results_table_hover { bottom: 2.5rem; left: 0px; } .activities_page .results_table_hover .results_table_hover_arrow { bottom: -3rem; left: 6.25rem; transform: rotate(90deg); } } #navigation { position: absolute; top: 76px; right: 56px; } .no_section_student #navigation { width: 430px; } #navigation li span, #navigation li a { display: block; color: rgb(83, 83, 83); cursor: pointer; } #navigation > li { text-align: center; margin: 0px 2px; } .subnav li { text-align: left; } .no_subnav, .with_subnav { padding-bottom: 10px; float: left; } #navigation .current:hover .asubnav, #navigation .current:hover .nosubnav, #navigation li:hover .asubnav, #navigation li:hover .nosubnav { color: rgb(192, 22, 28); } #navigation li { float: left; font-size: 14px; position: relative; min-width: 85px; box-sizing: border-box; } #navigation li.current a, #navigation li.current span { color: rgb(192, 22, 28); } li.current .nosubnav, li.current .asubnav { font-weight: bold; } .subnav { background-color: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); cursor: pointer; margin-top: 0px; padding: 5px; position: absolute; top: 25px; z-index: 1000; box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px 1px; } #navigation .subnav li { float: none; font-size: 13px; white-space: nowrap; } #navigation .subnav li a { color: rgb(83, 83, 83); font-size: 12px; padding: 4px 15px 6px 10px; } #navigation li a:hover { color: rgb(177, 29, 34); text-decoration: none; } #navigation .subnav li a:hover { color: rgb(177, 29, 34); background: transparent; } #navigation .subnav a { background-image: none; } .chat_request_receive { display: block; border: 10px solid rgba(0, 0, 0, 0.5); height: 230px; width: 150px; z-index: 1000; } .chat_request_send, .chat_status_message { display: block; right: 0px; position: absolute; top: 0px; z-index: 100; } .chat_request_send { border: 5px solid rgb(255, 194, 34); height: 230px; width: 140px; } .chat_status_message { border: 5px solid rgb(192, 22, 28); height: 230px; width: 140px; } .request_inner { background: rgb(255, 255, 255); display: block; height: 100%; text-align: center; width: 100%; } .chat_status_header, .chat_sending { color: rgb(86, 86, 86); display: block; font-size: 12px; font-weight: bold; height: 70px; line-height: 1.3em; margin: 0px 7px 5px; padding-top: 5px; } .chat_status_header { height: 20px; } .chat_message { margin-left: 10px; margin-bottom: 10px; text-align: left; } .user_request { color: rgb(86, 86, 86); display: block; font-size: 12px; font-weight: bold; line-height: 1.3em; margin: 0px 7px 5px 15px; padding-top: 5px; } .chat_avatar { height: 115px; padding-top: 5px; } .user_avatar { background: url("/images/default-avatar.gif") center top / cover no-repeat; display: block; height: 89px; margin: 0px auto; width: 89px; } .chat_request_receive .student_name, .chat_request_send .student_name { color: rgb(115, 115, 115); display: block; font-size: 11px; font-weight: bold; line-height: 1.3em; padding-top: 4px; position: relative; } .student_program, .student_section { color: rgb(120, 120, 120); display: block; font-size: 11px; line-height: 1.3em; text-align: center; } .request_controls { display: block; height: 23px; } .cancel_request { font-size: 13px; float: left; padding-left: 10px; padding-top: 3px; text-align: left; } .accept_request { float: right; padding-right: 10px; } .accept_request .red-button { color: rgb(255, 255, 255); padding: 2px 10px; } .request_video { display: block; font-size: 10px; margin-top: 10px; margin-bottom: 5px; padding-right: 10px; position: relative; text-align: right; } .request_video .checkbox { display: inline-block; background: url("/images/small_check.png") -1px 5px no-repeat; border: 0px; height: 20px; margin: 0px; width: 10px; vertical-align: bottom; } .request_video .checkbox.show_check { background-position: -17px 5px; } .spinner_image { display: block; margin-top: 5px; } .chat_request_receive .student_info, .chat_request_send .student_info { background: url("/images/partner_chat_info_icon.png") 0px 0px no-repeat; display: inline-block; height: 15px; position: absolute; width: 15px; } .request_inner .student_info { left: 5px; top: 8px; } .student_name .student_info { left: auto; top: auto; } .chat_request_receive:hover .student_info, .chat_request_send:hover .student_info { background: url("/images/partner_chat_info_icon.png") -17px 0px no-repeat; } .student_name { position: relative; } .tutorial_hover { background-color: rgb(255, 240, 209); border: 1px solid rgb(190, 190, 190); color: rgb(86, 86, 86); font-size: 11px; font-weight: normal; line-height: 15px; padding: 10px; position: absolute; text-align: left; box-shadow: rgb(204, 204, 204) 1px 1px 1px; border-radius: 10px; z-index: 5; } .tutorial_arrow_top { background: url("/images/tutorial_arrows_horz.png") 50% bottom no-repeat; display: block; height: 10px; position: absolute; left: 0px; top: -10px; width: 100%; } .tutorial_arrow_bottom { background: url("/images/tutorial_arrows_horz.png") 50% top no-repeat; bottom: -10px; display: block; height: 10px; position: absolute; left: 0px; width: 100%; } .tutorial_arrow_right { background: url("/images/tutorial_arrows_vert.png") left 50% no-repeat; display: block; height: 100%; margin-top: -7px; position: absolute; right: -10px; width: 10px; } .tutorial_arrow_left { background: url("/images/tutorial_arrows_vert.png") right 50% no-repeat; display: block; height: 100%; margin-top: -9px; position: absolute; left: -9px; width: 9px; } #invitee_course { left: -190px; position: absolute; right: auto; top: -20px; width: 170px; } #inviter_course { left: -215px; position: absolute; top: -25px; width: 185px; } #inviter_course .show_practice { font-weight: bold; } #inviter_course .hide_practice { display: none; } .vol.grading_styles #current_strand_name { color: rgb(102, 102, 102); } .vol.toc #current_strand_name { color: rgb(102, 102, 102); } .t-vol { background: rgb(245, 245, 245); } .t-vol.activities [id="page_container"] { box-shadow: none; background-color: rgb(68, 68, 68); } .t-vol.activities.workset { background: rgb(200, 197, 192); } .t-vol.activities.workset [id="page_container"] { background-color: transparent; } .t-vol.activities.activity_popup { background-image: none; } .t-vol.activities.activity_popup .body_bg { background: url("/images/vol/activity-shell-bg-nw.png") repeat-x rgb(200, 197, 192); } .vol [id="page_container"] { background-color: transparent; border-width: 0px 0.125rem 0.125rem; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial; border-top-style: initial; border-top-color: initial; } .vol .account_tools { background: none; } .vol div.ui-dialog-buttonpane button.ui-button, .vol a.red-button, .vol span.red-button a, .vol input.red-button, .vol button.confirm-btn, .vol button.red-button { background-color: rgb(0, 118, 192); border: 1px solid rgb(0, 118, 192); } .vol a.red-button { height: auto; } .vol span.white-button a, .vol input.white-button, .vol button.white-button, .vol a.white-button, .vol button.white_button, .vol div.ui-dialog-buttonpane button.ui-button.white-button { border: 1px solid rgb(0, 118, 192); background-color: rgb(255, 255, 255); color: rgb(0, 118, 192); } .vol span.disabled-button a, .vol input.disabled-button, .vol a.disabled-button, .vol button.disabled-button, .vol .red-button[disabled="disabled"] { background-color: rgb(204, 204, 204); border-color: rgb(204, 204, 204); color: rgb(255, 255, 255); cursor: default !important; } .vol span.disabled-button a:hover, .vol input.disabled-button:hover, .vol a.disabled-button:hover, .vol button.disabled-button:hover, .vol .red-button[disabled="disabled"]:hover { color: rgb(255, 255, 255); } .vol span.disabled-white a, .vol input.disabled-white, .vol a.disabled-white { background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204); color: rgb(204, 204, 204); cursor: default; } .vol.add-section .course-setup-title, .vol.add-course .course-setup-title { color: rgb(255, 255, 255); } .vol .progress-bar li { color: rgb(140, 140, 140); } .vol .progress-bar li.current { color: rgb(255, 255, 255); } .vol .edit-course .progress-bar li.current { background: rgb(198, 198, 198); border-color: rgb(198, 198, 198); } .vol .edit-section li.current a, .vol .edit-course li.current a { color: rgb(43, 43, 43); } .vol .category_table_student_preview, .vol .category_table_container, .vol .student_names, .vol .category_object { background: url("/images/category_object_bg_vol.png") 0px 0px repeat-x; } .vol .program-header-bar.neutral-header-bar { background: rgb(210, 210, 210); } .vol .school_classes.open.expanded, .vol .course_header .focused, .vol .program-header-bar { background-color: rgb(243, 128, 51); } .vol { } .vol .lesson-header { background: url("/images/vol/vol_workset_bg.png") 0px -76px no-repeat transparent; } .vol #toolbar { background-color: rgb(48, 48, 48); border-color: transparent; margin: 5px -20px 0px; padding: 5px 20px 0px; } .vol .assignment-group dt { background-color: rgb(255, 255, 255); } .vol .assignment-group .current, .vol .assignment-group .current.completed { background: url("/images/vol/vol_workset_bg.png") 0px 0px no-repeat transparent; } .vol .assignment-group .completed { background: url("/images/vol/vol_workset_bg.png") -26px 0px no-repeat transparent; } .vol .due-date { float: right; } .vol .c-assignment-day { min-height: 65px; width: 500px; } .vol .c-assignment-day:last-child { border-bottom: 4px solid rgb(195, 195, 195); } .vol .assignment-date:last-child .c-assignment-day { border-bottom: none; } .vol #slideshow_area { border-bottom: none; } .vol #slideshow_previous { background: url("/images/vol/vol_workset-arrows.png") 0px 0px no-repeat transparent; } .vol #slideshow_next { background: url("/images/vol/vol_workset-arrows.png") -15px 0px no-repeat transparent; } .vol .group { background: url("/images/vol/vol_workset_bg.png") 0px -61px no-repeat transparent; } .vol .group-info { color: rgb(255, 255, 255); } .vol .group-name { color: rgb(217, 217, 217); } .vol .workset_activity_hover { background: rgb(0, 0, 0); } .vol .workset_activity_hover::after { background-position: 0px -18px; } .vol #current_strand_name { color: rgb(188, 190, 192); } .vol .qq-upload-button { border-color: rgb(0, 118, 192); color: rgb(0, 118, 192); } .vol #reference_modal .qq-upload-button { background: rgb(0, 118, 192); color: rgb(255, 255, 255); } .vol #reference_modal .qq-upload-button.qq-upload-button-hover { background: rgb(0, 118, 192); } .vol .composition_engine_example { background: url("/images/example_composition_vol.png") no-repeat; } .vol .ui-dialog-titlebar.ui-widget-header { background-color: rgb(57, 69, 81); margin: 0px; } .vol .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover .ui-icon-closethick:hover { background: none; } .vol .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover .ui-icon-closethick { background: none; } .vol .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { background: url("/images/dialog_vol.png") 6px 0px no-repeat transparent; border: 0px; border-radius: 0px; } .vol .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover { background-position: -17px 0px; } .vol .ui-dialog.ui-widget-content { border: 1px solid rgb(57, 69, 81); } .vol .ui-icon-gripsmall-diagonal-se { background-image: url("/images/dialog_vol.png"); background-position: -2px -36px; } .ns-newcsslib.x-zopim-defaults { color: rgb(102, 102, 102); background-color: rgb(255, 255, 255); font-family: Tahoma, "Helvetica Neue", Helvetica, Arial; } .ns-newcsslib.x-zopim-defaults .x-whole-page { height: 100%; } .ns-newcsslib.x-zopim-defaults table { font-size: 0.875rem; } .ns-newcsslib { } .ns-newcsslib .container-fluid, .ns-newcsslib .grid, .ns-newcsslib [class^="col-"] { box-sizing: border-box; } .ns-newcsslib .container-fluid { margin-right: auto; margin-left: auto; padding-left: 2rem; padding-right: 2rem; } .ns-newcsslib .container--tight { padding-left: 5rem; padding-right: 5rem; } .ns-newcsslib .grid { margin-left: -15px; margin-right: -15px; } .ns-newcsslib .grid::after { content: ""; display: table; clear: both; } .ns-newcsslib .col-1 { width: 8.33333%; } .ns-newcsslib .col-offset-1 { margin-left: 8.33333%; } .ns-newcsslib .x-span-1 { width: 80px; } .ns-newcsslib .col-2 { width: 16.6667%; } .ns-newcsslib .col-offset-2 { margin-left: 16.6667%; } .ns-newcsslib .x-span-2 { width: 160px; } .ns-newcsslib .col-3 { width: 25%; } .ns-newcsslib .col-offset-3 { margin-left: 25%; } .ns-newcsslib .x-span-3 { width: 240px; } .ns-newcsslib .col-4 { width: 33.3333%; } .ns-newcsslib .col-offset-4 { margin-left: 33.3333%; } .ns-newcsslib .x-span-4 { width: 320px; } .ns-newcsslib .col-5 { width: 41.6667%; } .ns-newcsslib .col-offset-5 { margin-left: 41.6667%; } .ns-newcsslib .x-span-5 { width: 400px; } .ns-newcsslib .col-6 { width: 50%; } .ns-newcsslib .col-offset-6 { margin-left: 50%; } .ns-newcsslib .x-span-6 { width: 480px; } .ns-newcsslib .col-7 { width: 58.3333%; } .ns-newcsslib .col-offset-7 { margin-left: 58.3333%; } .ns-newcsslib .x-span-7 { width: 560px; } .ns-newcsslib .col-8 { width: 66.6667%; } .ns-newcsslib .col-offset-8 { margin-left: 66.6667%; } .ns-newcsslib .x-span-8 { width: 640px; } .ns-newcsslib .col-9 { width: 75%; } .ns-newcsslib .col-offset-9 { margin-left: 75%; } .ns-newcsslib .x-span-9 { width: 720px; } .ns-newcsslib .col-10 { width: 83.3333%; } .ns-newcsslib .col-offset-10 { margin-left: 83.3333%; } .ns-newcsslib .x-span-10 { width: 800px; } .ns-newcsslib .col-11 { width: 91.6667%; } .ns-newcsslib .col-offset-11 { margin-left: 91.6667%; } .ns-newcsslib .x-span-11 { width: 880px; } .ns-newcsslib [class^="col-"] { float: left; padding: 0px 15px; min-height: 1px; } .ns-newcsslib .col-full { width: 100%; } .ns-newcsslib .col-half { width: 50%; } .ns-newcsslib .col-third { width: 33.3333%; } .ns-newcsslib .col-quarter, .ns-newcsslib .col-sidebar { width: 25%; } .ns-newcsslib .col-main { margin: 0px auto; display: table-cell; width: 90%; vertical-align: top; float: none; } .ns-newcsslib .col-sidebar--left { width: 20%; } .ns-newcsslib .col-sidebar--right { width: 20%; float: right; } .ns-newcsslib .grid--inner { margin-left: 0px; margin-right: 0px; } .ns-newcsslib .grid--inner > [class^="col-"] { padding: 0px; } .ns-newcsslib .l-grid { box-sizing: border-box; display: flex; align-items: stretch; } .ns-newcsslib .l-grid > * { box-sizing: border-box; float: none; padding: 0px; } .ns-newcsslib .l-grid > * + * { padding-left: 0.5rem; } .ns-newcsslib .l-grid--divided > * + * { padding-left: 1rem; border-left: 1px dashed rgb(153, 153, 153); } .ns-newcsslib .x-sequence { display: flex; align-items: center; justify-content: center; margin: 0px auto 1rem; } .ns-newcsslib .x-sequence > .x-sequence__item { margin: 1rem; } .ns-newcsslib { } .ns-newcsslib .l-inline-group { display: flex; justify-content: flex-start; align-items: center; } .ns-newcsslib .l-inline-group > * { margin-right: 1rem; margin-bottom: 0px; } .ns-newcsslib .l-inline-group--tight > * { margin-right: 0.5rem; } .ns-newcsslib .l-inline-group--tighter > * { margin-right: 1px; } .ns-newcsslib .l-inline-group--loose > * { margin-right: 1.5rem; } .ns-newcsslib .l-inline-group--looser > * { margin-right: 2rem; } .ns-newcsslib .l-inline-group > :last-child { margin-right: 0px; } .ns-newcsslib #column_wrapper blockquote, .ns-newcsslib #column_wrapper .mod { margin: 0px 0px 1rem; } .ns-newcsslib #column_wrapper { padding-bottom: 4rem; } .ns-newcsslib #column_wrapper #activityFooter p, .ns-newcsslib #column_wrapper #activityFooter ul, .ns-newcsslib #column_wrapper .accent_bar p, .ns-newcsslib #column_wrapper .accent_bar ul, .ns-newcsslib #column_wrapper #flash_notice p, .ns-newcsslib #column_wrapper #flash_notice ul, .ns-newcsslib #column_wrapper .accent-bar-td p, .ns-newcsslib #column_wrapper .accent-bar-td ul { margin: 0px; } .ns-newcsslib { } .ns-newcsslib .ns-view { line-height: 1.385; } .ns-newcsslib .x-readable { font-size: 1rem; } .ns-newcsslib .quiet { color: rgb(102, 102, 102); font-weight: 300; font-size: 0.85em; } .ns-newcsslib .c-tag { font-size: 0.8em; font-weight: 300; color: rgb(102, 102, 102); } .ns-newcsslib .c-label { font-weight: bold; } .ns-newcsslib .c-label ~ .c-label { margin-top: 0.5em; } .ns-newcsslib .c-text--alert { color: rgb(230, 79, 53); } .ns-newcsslib .c-page-title, .ns-newcsslib .c-activity-title { font-size: 1.5rem; margin: 0.5rem 0px; } .ns-newcsslib .c-heading-md { font-size: 1.25rem; font-weight: normal; margin-bottom: 0px; color: rgb(51, 51, 51); } .ns-newcsslib .c-heading-body-text { color: rgb(51, 51, 51); font-size: 0.625rem; font-weight: bold; padding: 0.25rem 0.5rem; } .ns-newcsslib .c-dialog-heading { font-size: 1.5rem; font-weight: normal; color: rgb(51, 51, 51); } .ns-newcsslib .c-heading-1--ua { color: gray; font-size: 1.25rem; font-weight: normal; margin-bottom: 1.5rem; padding-top: 10px; } .ns-newcsslib .c-heading-2--ua { color: rgb(51, 51, 51); font-size: 1rem; font-weight: normal; margin-bottom: 0px; padding-top: 10px; } .ns-newcsslib .c-heading-3--ua { font-size: 0.875rem; font-weight: bold; margin-bottom: 0.5rem; } .ns-newcsslib { } .ns-newcsslib .step-content { overflow: visible; } .ns-newcsslib { } .ns-newcsslib #flash_reading_activity.highlighted_notable, .ns-newcsslib #flash_reading_activity.selected_notable { display: table; } .ns-newcsslib { } .ns-newcsslib.review_work, .ns-newcsslib.grading_tasks { } .ns-newcsslib.review_work .student_response_area span, .ns-newcsslib.grading_tasks .student_response_area span { max-width: none; } .ns-newcsslib.review_work .chat_container.vchat, .ns-newcsslib.grading_tasks .chat_container.vchat { margin: 0px auto; padding: 0px; width: 505px; } .ns-newcsslib.review_work .virtual_partner_container, .ns-newcsslib.review_work .virtual_user_container, .ns-newcsslib.grading_tasks .virtual_partner_container, .ns-newcsslib.grading_tasks .virtual_user_container { display: inline-block; float: none; width: 250px; margin: 0px 0px 1rem; } .ns-newcsslib.review_work .virtual_user_container, .ns-newcsslib.grading_tasks .virtual_user_container { text-align: right; } .ns-newcsslib.review_work .user_name, .ns-newcsslib.review_work .user_name .student_name, .ns-newcsslib.review_work .user_name .student_number, .ns-newcsslib.grading_tasks .user_name, .ns-newcsslib.grading_tasks .user_name .student_name, .ns-newcsslib.grading_tasks .user_name .student_number { display: block; float: none; margin-bottom: 0px; padding: 0px; width: auto; } .ns-newcsslib.review_work .score_controls, .ns-newcsslib.grading_tasks .score_controls { padding-left: 0px; } .ns-newcsslib.review_work .c-button-group--tools.is-disabled .c-button, .ns-newcsslib.grading_tasks .c-button-group--tools.is-disabled .c-button { cursor: default; opacity: 0.3; } .ns-newcsslib.review_work .virtual_instructor_comments, .ns-newcsslib.grading_tasks .virtual_instructor_comments { background: none; display: block; margin: 0px; padding: 0px; width: auto; } .ns-newcsslib.review_work .instructor_comment_area.recorded_comment, .ns-newcsslib.grading_tasks .instructor_comment_area.recorded_comment { width: auto; } .ns-newcsslib.review_work .my_avatar, .ns-newcsslib.grading_tasks .my_avatar { display: inline-block; } .ns-newcsslib.grading_tasks { } .ns-newcsslib.grading_tasks .chat_container.vchat { width: 505px; } .ns-newcsslib.grading_tasks .instructor_comment_area.recorded_comment { float: initial; width: auto; } .ns-newcsslib.grading_tasks .virtual_chat_turns { margin-left: 98px; } .ns-newcsslib.grading_tasks .virtual_chat_playback_button_container { margin: 0px; padding: 8px 0px 0px; z-index: 0; } .ns-newcsslib.grading_tasks .virtual_chat_players_block, .ns-newcsslib.grading_tasks .virtual_chat_captions { margin: 0px auto; width: auto; } .ns-newcsslib.grading_tasks .vc_caption_grading { position: static; display: block; margin-top: -0.75rem; } .ns-newcsslib.grading_tasks .sbs_sub_activity_container { margin-top: 1rem; margin-bottom: 1rem; } .ns-newcsslib #column_wrapper .diag_tag { background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 107, 174); border-radius: 5px; color: rgb(51, 51, 51); display: inline-block; font-size: 85%; font-weight: bold; padding: 0.25rem 0.5rem; text-align: center; line-height: 1; } .ns-newcsslib { } .ns-newcsslib #column_wrapper { } .ns-newcsslib #column_wrapper .diagnostic_breakdown_info { font-weight: normal; font-size: 1.2rem; display: block; height: auto; margin: 0.25rem 0px; vertical-align: initial; padding-top: 0.333333rem; border-top: 1px dotted rgb(102, 102, 102); } .ns-newcsslib #column_wrapper .diagnostic_breakdown_info:first-of-type { border-top: 0px; } .ns-newcsslib #column_wrapper .answer_correction .diag_tag { color: rgb(0, 0, 0) !important; } .ns-newcsslib #column_wrapper .c-score-notes { color: rgb(102, 102, 102); font-size: 0.9rem; padding: 0px 1rem; border-left: 1px solid rgb(200, 196, 190); border-right: 1px solid rgb(200, 196, 190); } .ns-newcsslib #column_wrapper .c-review-items { font-size: 0.8125rem; } .ns-newcsslib { } .ns-newcsslib .ns-view--ua { margin: 0px 70px; width: 835px; } .ns-newcsslib { } .ns-newcsslib .page-title { color: gray; font-size: 1.25rem; font-weight: normal; margin-bottom: 0px; padding-top: 10px; } .ns-newcsslib .ui-datepicker-header { background: rgb(0, 107, 174); border: 1px solid rgb(31, 155, 203); } .ns-newcsslib .white-button { height: auto; } .ui-dialog { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .ns-newcsslib .o-module, .ns-newcsslib .o-box { margin: 0px 0px 1rem; } .ns-newcsslib .o-module { background: rgb(127, 255, 0) !important; } .ns-newcsslib { } .ns-newcsslib .o-box__inner { position: relative; } .ns-newcsslib .o-media { margin: 0px 0px 1rem; } .ns-newcsslib { } .ns-newcsslib .o-media { display: block; } .ns-newcsslib .o-media__img { display: block; float: left; margin-right: 0.5rem; } .ns-newcsslib .o-media__img.o-media__img--small { margin-right: 0.2rem; } .ns-newcsslib .o-media__body { display: block; overflow: hidden; float: none; } .ns-newcsslib .o-media--rev > .o-media__img { float: right; margin-right: 0px; margin-left: 0.5rem; } .ns-newcsslib .o-media--rev > .o-media__img.o-media__img--small { margin-left: 0.2rem; } .ns-newcsslib { } .ns-newcsslib .c-link, .ns-newcsslib .c-linkish { color: rgb(0, 107, 174); font-weight: normal; } .ns-newcsslib .c-link:link, .ns-newcsslib .c-link:visited, .ns-newcsslib .c-linkish:link, .ns-newcsslib .c-linkish:visited { color: rgb(0, 107, 174); text-decoration: none; } .ns-newcsslib .c-link:not([disabled]):hover, .ns-newcsslib .c-linkish:not([disabled]):hover { color: rgb(0, 82, 133); text-decoration: none; } .ns-newcsslib .c-link:active, .ns-newcsslib .c-linkish:active { color: rgb(246, 147, 34); } .ns-newcsslib .c-link[disabled], .ns-newcsslib .c-link.is-disabled, .ns-newcsslib .c-linkish[disabled], .ns-newcsslib .c-linkish.is-disabled { color: rgb(116, 116, 116) !important; } .ns-newcsslib .c-link--plain { text-decoration: none; } .ns-newcsslib .c-link-group { margin: 0px 1rem 0px 0px; } .ns-newcsslib .c-link-group .c-link + .c-link, .ns-newcsslib .c-link-group .c-link + span, .ns-newcsslib .c-link-group span + .c-link, .ns-newcsslib .c-link-group span + span { margin-left: 0.5rem; } .ns-newcsslib .c-pop-down-link { display: inline-block; font-size: 1rem; background-color: rgb(255, 255, 255); border-radius: 0px 0px 0.5rem 0.5rem; padding: 0.5rem 1rem; } .ns-newcsslib .c-pop-down-link--main { position: absolute; top: -8rem; left: 50%; transform: translateX(-50%); transition: top 0.3s ease 0s; } .ns-newcsslib .c-pop-down-link--main:focus { top: 0px; } .ns-newcsslib .c-icon { display: inline-block; overflow: hidden; color: transparent; vertical-align: middle; width: 1rem; height: 1rem; background-size: 1rem 1rem; background-repeat: no-repeat; background-position: 50% 50%; white-space: nowrap; line-height: 1rem; text-decoration: none; } .ns-newcsslib { } .ns-newcsslib .c-icon--add { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/add-3527cf0532831a535a09dd078c076ec8a06ef6e311be505636ef523c0a5041f9.svg"); } .ns-newcsslib .c-icon--add.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/add-disabled-f73fd46249ccd109b8606a958bb0e416371266e41f85c5b79bd214073534460d.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--add, .ns-newcsslib a[href]:focus > .c-icon--add, .ns-newcsslib button:hover > .c-icon--add, .ns-newcsslib button:focus > .c-icon--add { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/add-hover-7d9489fdb1cc0a1810c839c24b4e7e0066e7b7c11a20402bc298f7161778bbe3.svg"); } .ns-newcsslib a[href]:active > .c-icon--add, .ns-newcsslib button:active > .c-icon--add { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/add-3527cf0532831a535a09dd078c076ec8a06ef6e311be505636ef523c0a5041f9.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--add, .ns-newcsslib button[disabled] > .c-icon--add { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/add-disabled-f73fd46249ccd109b8606a958bb0e416371266e41f85c5b79bd214073534460d.svg"); } .ns-newcsslib .c-icon--edit { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/edit-884380405544831c3a7dabcabc2fe9d2c0696d7d4d5b003daf9dcfdd17513627.svg"); } .ns-newcsslib .c-icon--edit.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/edit-disabled-6c546a9a03ed0c6931428588009572ea998f93fb524c7b6e28e6f67627b47f81.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--edit, .ns-newcsslib a[href]:focus > .c-icon--edit, .ns-newcsslib button:hover > .c-icon--edit, .ns-newcsslib button:focus > .c-icon--edit { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/edit-hover-c581909b611935801c0fb803cdd1bb3d6d24f40205da0afa6e21919cb3bf8a37.svg"); } .ns-newcsslib a[href]:active > .c-icon--edit, .ns-newcsslib button:active > .c-icon--edit { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/edit-884380405544831c3a7dabcabc2fe9d2c0696d7d4d5b003daf9dcfdd17513627.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--edit, .ns-newcsslib button[disabled] > .c-icon--edit { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/edit-disabled-6c546a9a03ed0c6931428588009572ea998f93fb524c7b6e28e6f67627b47f81.svg"); } .ns-newcsslib .c-icon--save { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/save-374a8fd83ecf4f2cf316c899b69528923fd7af19359d7324a74e231a6f2c8df1.svg"); } .ns-newcsslib .c-icon--save.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/save-disabled-b4747b09cf27aef93213f3e21995991d7e110431d1f6dcdebe648f56450dfb99.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--save, .ns-newcsslib a[href]:focus > .c-icon--save, .ns-newcsslib button:hover > .c-icon--save, .ns-newcsslib button:focus > .c-icon--save { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/save-hover-f8ca7b3f2d3f7fe19ab9c1906f4bac03282774a122b92d4514e78719771ac54f.svg"); } .ns-newcsslib a[href]:active > .c-icon--save, .ns-newcsslib button:active > .c-icon--save { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/save-374a8fd83ecf4f2cf316c899b69528923fd7af19359d7324a74e231a6f2c8df1.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--save, .ns-newcsslib button[disabled] > .c-icon--save { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/save-disabled-b4747b09cf27aef93213f3e21995991d7e110431d1f6dcdebe648f56450dfb99.svg"); } .ns-newcsslib .c-icon--delete { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/delete-20f0890f941469b94dd61504dd3ca6970e3a75fe290b3ca36969fc38ef65d870.svg"); } .ns-newcsslib .c-icon--delete.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/delete-disabled-ca5a9e28a7e2bfe16e27141cd24dff0e6cdcb42fc28ac11ab53ef6d01c94ef08.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--delete, .ns-newcsslib a[href]:focus > .c-icon--delete, .ns-newcsslib button:hover > .c-icon--delete, .ns-newcsslib button:focus > .c-icon--delete { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/delete-hover-3341adf79701475937c4c47cfcf90f58dbfb474b74f00b80f19d73907272dd26.svg"); } .ns-newcsslib a[href]:active > .c-icon--delete, .ns-newcsslib button:active > .c-icon--delete { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/delete-20f0890f941469b94dd61504dd3ca6970e3a75fe290b3ca36969fc38ef65d870.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--delete, .ns-newcsslib button[disabled] > .c-icon--delete { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/delete-disabled-ca5a9e28a7e2bfe16e27141cd24dff0e6cdcb42fc28ac11ab53ef6d01c94ef08.svg"); } .ns-newcsslib .c-icon--cancel { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cancel-43a7607c122174d55c173483053fa8216630f0393c469bae818d8ce1c8509440.svg"); } .ns-newcsslib .c-icon--cancel.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cancel-disabled-1fda4e8855d7fe62df38c07e25a438b320dd4dd71b69df1e8164d8f6495db7ed.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--cancel, .ns-newcsslib a[href]:focus > .c-icon--cancel, .ns-newcsslib button:hover > .c-icon--cancel, .ns-newcsslib button:focus > .c-icon--cancel { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cancel-hover-7bec572d2bcd9b3e1aaf567248a600760611de13c728e9b875fe3c7554a1c8c4.svg"); } .ns-newcsslib a[href]:active > .c-icon--cancel, .ns-newcsslib button:active > .c-icon--cancel { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cancel-43a7607c122174d55c173483053fa8216630f0393c469bae818d8ce1c8509440.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--cancel, .ns-newcsslib button[disabled] > .c-icon--cancel { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cancel-disabled-1fda4e8855d7fe62df38c07e25a438b320dd4dd71b69df1e8164d8f6495db7ed.svg"); } .ns-newcsslib .c-icon--list { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/list-ed0412254ada676e1209732866d8ee0fa543e7dcb6ed7f3c9df29bf920557176.svg"); } .ns-newcsslib .c-icon--list.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/list-disabled-b75dc680111207b38770e80b2efe00da987db48b898c70f1cb0c3344a8cf0c35.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--list, .ns-newcsslib a[href]:focus > .c-icon--list, .ns-newcsslib button:hover > .c-icon--list, .ns-newcsslib button:focus > .c-icon--list { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/list-hover-88c50f0f040a90d5b1cfbaa5fb7d795184803c99837a063117511bd6e8e0fa31.svg"); } .ns-newcsslib a[href]:active > .c-icon--list, .ns-newcsslib button:active > .c-icon--list { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/list-ed0412254ada676e1209732866d8ee0fa543e7dcb6ed7f3c9df29bf920557176.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--list, .ns-newcsslib button[disabled] > .c-icon--list { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/list-disabled-b75dc680111207b38770e80b2efe00da987db48b898c70f1cb0c3344a8cf0c35.svg"); } .ns-newcsslib .c-icon--cards { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cards-8f04f2b63cd482a55f9348bbad6e9a0683406a105b32ef19dcaa52fced1ea33c.svg"); } .ns-newcsslib .c-icon--cards.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cards-disabled-156f2af32016575c439a62cef91ce2459c70a37a9463632c10ec193a1425f74e.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--cards, .ns-newcsslib a[href]:focus > .c-icon--cards, .ns-newcsslib button:hover > .c-icon--cards, .ns-newcsslib button:focus > .c-icon--cards { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cards-hover-b0c1d6860d97ff74ad5314c1cdf836ad78e858662930e40c85c1ab3836bec879.svg"); } .ns-newcsslib a[href]:active > .c-icon--cards, .ns-newcsslib button:active > .c-icon--cards { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cards-8f04f2b63cd482a55f9348bbad6e9a0683406a105b32ef19dcaa52fced1ea33c.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--cards, .ns-newcsslib button[disabled] > .c-icon--cards { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cards-disabled-156f2af32016575c439a62cef91ce2459c70a37a9463632c10ec193a1425f74e.svg"); } .ns-newcsslib .c-icon--audio { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/audio-922085c73392cef6fed5a89a721e31c9a81cc80449d6402657d17662e7aede21.svg"); } .ns-newcsslib .c-icon--audio.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/audio-disabled-1f660505809dbb6c51bc2a8b678ddd8d247d5e09138e6da70e6402fb915f1aec.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--audio, .ns-newcsslib a[href]:focus > .c-icon--audio, .ns-newcsslib button:hover > .c-icon--audio, .ns-newcsslib button:focus > .c-icon--audio { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/audio-hover-22abcd6a6ae8494eba1bedc49e3d8a03954828c25d902e41d4d5b7a592f79d69.svg"); } .ns-newcsslib a[href]:active > .c-icon--audio, .ns-newcsslib button:active > .c-icon--audio { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/audio-922085c73392cef6fed5a89a721e31c9a81cc80449d6402657d17662e7aede21.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--audio, .ns-newcsslib button[disabled] > .c-icon--audio { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/audio-disabled-1f660505809dbb6c51bc2a8b678ddd8d247d5e09138e6da70e6402fb915f1aec.svg"); } .ns-newcsslib .c-icon--print { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/print-d6c44c295e5f02d4c37fa74e5cae927364e5706871ae45cd8651dfa22de23f26.svg"); } .ns-newcsslib .c-icon--print.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/print-disabled-a981629bceae7e70b315c58c523dfb82c76619def1901adacb28c6c5e65078b8.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--print, .ns-newcsslib a[href]:focus > .c-icon--print, .ns-newcsslib button:hover > .c-icon--print, .ns-newcsslib button:focus > .c-icon--print { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/print-hover-e1e5dee3087f677b38fb4f644e0a007414e0443bf4739f64487909915c9e2525.svg"); } .ns-newcsslib a[href]:active > .c-icon--print, .ns-newcsslib button:active > .c-icon--print { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/print-d6c44c295e5f02d4c37fa74e5cae927364e5706871ae45cd8651dfa22de23f26.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--print, .ns-newcsslib button[disabled] > .c-icon--print { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/print-disabled-a981629bceae7e70b315c58c523dfb82c76619def1901adacb28c6c5e65078b8.svg"); } .ns-newcsslib .c-icon--record { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/record-c8d1b49f7d88348cc2bdd2725d2883c14f8cad185edce220e153536b89950713.svg"); } .ns-newcsslib .c-icon--record.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/record-disabled-8382fd984b51782d0efada7be387492409495c8bc3e877e0ab1e017ffd4a7c0b.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--record, .ns-newcsslib a[href]:focus > .c-icon--record, .ns-newcsslib button:hover > .c-icon--record, .ns-newcsslib button:focus > .c-icon--record { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/record-hover-9645988e3589e918dd2905a4139e2a1eabd17be0139d0fe17d635cbd04f75de5.svg"); } .ns-newcsslib a[href]:active > .c-icon--record, .ns-newcsslib button:active > .c-icon--record { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/record-c8d1b49f7d88348cc2bdd2725d2883c14f8cad185edce220e153536b89950713.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--record, .ns-newcsslib button[disabled] > .c-icon--record { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/record-disabled-8382fd984b51782d0efada7be387492409495c8bc3e877e0ab1e017ffd4a7c0b.svg"); } .ns-newcsslib .c-icon--reference { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/reference-3083141e861de7a25a3a63c84d2ede1c548fa0d47cb5bd384d6de13bfb1f7c7e.svg"); } .ns-newcsslib .c-icon--reference.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/reference-disabled-d0920f545138d0e1e6ad7149b159a65b3cfb18d3ada33de566b25093b64b5056.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--reference, .ns-newcsslib a[href]:focus > .c-icon--reference, .ns-newcsslib button:hover > .c-icon--reference, .ns-newcsslib button:focus > .c-icon--reference { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/reference-hover-b7f4b62e3cfb4e111a1e3b030042493c59910dd63901f0e42e0392c2f309d49d.svg"); } .ns-newcsslib a[href]:active > .c-icon--reference, .ns-newcsslib button:active > .c-icon--reference { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/reference-3083141e861de7a25a3a63c84d2ede1c548fa0d47cb5bd384d6de13bfb1f7c7e.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--reference, .ns-newcsslib button[disabled] > .c-icon--reference { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/reference-disabled-d0920f545138d0e1e6ad7149b159a65b3cfb18d3ada33de566b25093b64b5056.svg"); } .ns-newcsslib .c-icon--comment { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/comment-ba520620b53b60ee60ebf184a99a2c5f6c4b3764341405bdc3b35ed2488b8989.svg"); } .ns-newcsslib .c-icon--comment.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/comment-disabled-e089ac44d19ca094bf70183f589fe430bf120b470f925388414c7f3912987073.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--comment, .ns-newcsslib a[href]:focus > .c-icon--comment, .ns-newcsslib button:hover > .c-icon--comment, .ns-newcsslib button:focus > .c-icon--comment { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/comment-hover-066b6f03f930b8a10401390218e4f914b2c2757dfd9c0e25439b51e03e5fcdea.svg"); } .ns-newcsslib a[href]:active > .c-icon--comment, .ns-newcsslib button:active > .c-icon--comment { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/comment-ba520620b53b60ee60ebf184a99a2c5f6c4b3764341405bdc3b35ed2488b8989.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--comment, .ns-newcsslib button[disabled] > .c-icon--comment { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/comment-disabled-e089ac44d19ca094bf70183f589fe430bf120b470f925388414c7f3912987073.svg"); } .ns-newcsslib .c-icon--stop { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/stop-85cdbd5eb0b96eba88c11998b57822bdcf74e99a2ef2e04621d29efad4854661.svg"); } .ns-newcsslib .c-icon--stop.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/stop-disabled-8c70eb332c28bd6bf22052ac8747f84b1d8ca1a1a1a96336202c1fffa0d09189.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--stop, .ns-newcsslib a[href]:focus > .c-icon--stop, .ns-newcsslib button:hover > .c-icon--stop, .ns-newcsslib button:focus > .c-icon--stop { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/stop-hover-f2a895711a737d29715306e03d065f7d8255719b3e6966860b54d635f596552b.svg"); } .ns-newcsslib a[href]:active > .c-icon--stop, .ns-newcsslib button:active > .c-icon--stop { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/stop-85cdbd5eb0b96eba88c11998b57822bdcf74e99a2ef2e04621d29efad4854661.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--stop, .ns-newcsslib button[disabled] > .c-icon--stop { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/stop-disabled-8c70eb332c28bd6bf22052ac8747f84b1d8ca1a1a1a96336202c1fffa0d09189.svg"); } .ns-newcsslib .c-icon--sm { height: 0.75rem; width: 0.75rem; background-size: 0.75rem 0.75rem; } .ns-newcsslib .c-icon--lg, .ns-newcsslib .c-icon--cognate, .ns-newcsslib .c-icon--cognate-false, .ns-newcsslib false_cognate, .ns-newcsslib false_cognate { height: 1.5rem; width: 1.5rem; background-size: 1.5rem 1.5rem; } .ns-newcsslib .c-icon--xl { width: 2.5rem; height: 2.5rem; background-size: 2.5rem; } .ns-newcsslib .c-icon--gutter { margin-left: -1.5rem; float: left; padding-top: inherit; } .ns-newcsslib .c-icon--complete { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/complete-a84f04366390c6985803474acf25e6105c41cd3e542026ec6c4c5e8216e31422.svg"); } .ns-newcsslib .c-icon--maximize { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/maximize-5b5f16ba89e5764930007eb3dd2f1df316063e1d9ceaa20e9918c752580fec2d.svg"); } .ns-newcsslib .c-icon--maximize:hover, .ns-newcsslib .c-icon--maximize:focus { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/maximize-hover-37a7688b4c38bb8457bf2cb6358a2141ca8adb346eb7bc578af8b9875487f9a2.svg"); } .ns-newcsslib .c-icon--minimize { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/minimize-73b12cbc5ccec620e1beb484b6ae405c59ff98e1a5b6890b73391df1979f5e05.svg"); } .ns-newcsslib .c-icon--minimize:hover, .ns-newcsslib .c-icon--minimize:focus { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/minimize-hover-b39490c4fdf241b0e37fe6b8806f1eae8235d40cc02e315f177d9d527cf8e89e.svg"); } .ns-newcsslib .c-icon--back-arrow { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/arrow-2197a9c2ddd3cad3b13a59bae1729ca5bc584ce875c098c9514a543250d63d16.svg"); margin-top: -1px; transform: rotate(-90deg); } .ns-newcsslib .c-icon--cognate, .ns-newcsslib .c-icon--cognate-false, .ns-newcsslib false_cognate, .ns-newcsslib false_cognate { background-repeat: no-repeat; background-size: 1.5rem 1.5rem; } .ns-newcsslib .c-icon--cognate { background-image: url("//assets.maestro.vhlcentral.com/assets/music/learning_engines/cognate-8424fe3f45d33eec8640e2fae3257ad5b3cf1731fac833b176fb5cd882bade9f.svg"); vertical-align: top; margin-left: -0.5rem; } .ns-newcsslib .c-icon--cognate-false, .ns-newcsslib false_cognate { background-image: url("//assets.maestro.vhlcentral.com/assets/music/learning_engines/cognate-false-c60e2811746ff13632a6a7e8ebcc1500f3b00b91ce35a43cbff43bc214085b5d.svg"); } .ns-newcsslib false_cognate { padding-right: 1.75rem; background-position: 100% 0%; } .ns-newcsslib .c-icon--thumbs-up { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/thumbs-up-87608d3b37c01da2bd4b23c3b8fffc46c7f54e5b8daa0a77d8986801747d8e56.svg"); } .ns-newcsslib .c-icon--thumbs-down { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/thumbs-down-fb4b4055da350257d79fa94874546d6e8950a82c45faa14c512aabed25d82b29.svg"); } .ns-newcsslib .c-icon--list.is-current { color: rgb(51, 51, 51); background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/list-disabled-b75dc680111207b38770e80b2efe00da987db48b898c70f1cb0c3344a8cf0c35.svg"); } .ns-newcsslib .c-icon--cards.is-current { color: rgb(51, 51, 51); background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cards-disabled-156f2af32016575c439a62cef91ce2459c70a37a9463632c10ec193a1425f74e.svg"); } .ns-newcsslib .c-icon--ok { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/checkmark-green-c25a40554decd41e38351eb612a0d8388e3607d8e12b74bc6d686e317a704441.svg"); } .ns-newcsslib .c-icon--ok-dim { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/checkmark-black-ac045451cab1003cad130453155e890f665cf810a9e72d5860147e7e3feba987.svg"); opacity: 0.15; } .ns-newcsslib .c-no-button:hover { outline: rgb(153, 153, 153) dotted 1px; } .ns-newcsslib { } .ns-newcsslib .c-no-button { appearance: none; background: none; border: 0px; padding: 0px; cursor: pointer; } .ns-newcsslib .c-no-button[disabled] { cursor: default; } .ns-newcsslib .c-button { box-sizing: border-box; display: inline-block; } .ns-newcsslib .c-button > .c-icon { margin-top: -1px; margin-right: 2px; } .ns-newcsslib .c-button { color: rgb(0, 107, 174); font-size: 0.875rem; line-height: 1.2; text-transform: uppercase; text-decoration: none; background-color: rgb(255, 255, 255); padding: 0.25rem 0.5rem; border: 1px solid rgb(0, 107, 174); border-radius: 0px; } .ns-newcsslib .c-button + .c-button { margin-right: 0.25rem; } .ns-newcsslib .c-button:hover { outline: rgb(204, 204, 204) solid 2px; } .ns-newcsslib .c-button.on, .ns-newcsslib .c-button.is-on { outline: rgb(246, 147, 34) solid 1px; border-color: rgb(246, 147, 34); } .ns-newcsslib .is-disabled > .c-button, .ns-newcsslib .c-button.is-disabled { outline: 0px; cursor: default; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); opacity: 0.4; } .ns-newcsslib .c-button[disabled] { background-color: rgb(200, 196, 190); } .ns-newcsslib .c-button--primary { color: rgb(255, 255, 255); background-color: rgb(0, 107, 174); border: 1px rgb(0, 107, 174); } .ns-newcsslib .c-button--danger { color: rgb(255, 255, 255); background-color: rgb(161, 41, 20); border: 1px rgb(161, 41, 20); } .ns-newcsslib .c-button--instructor-tool { text-transform: none; } .ns-newcsslib .c-button--instructor-tool:hover { color: rgb(51, 51, 51); } .ns-newcsslib .c-button--instructor-tool.c-button--sm { padding: 0.25rem 0.5rem; } .ns-newcsslib .c-button--ua { text-transform: none; margin-right: 0px; font-weight: normal; } .ns-newcsslib .c-button--low { text-transform: lowercase; font-weight: bold; } .ns-newcsslib .c-button--sm { font-size: 0.75rem; padding: 0.125rem 0.25rem; min-height: 20px; } .ns-newcsslib .c-button--xs { font-size: 0.625rem; padding: 1px 2px; } .ns-newcsslib .c-button-group { display: inline-block; margin-right: 0.25rem; line-height: 2rem; } .ns-newcsslib .c-button-group--terminator { display: block; margin: 0.5rem 0px 1rem; text-align: right; } .ns-newcsslib .c-button-group--reverse { margin-left: 0.25rem; margin-right: 0px; } .ns-newcsslib .c-button-group--reverse .c-button { margin-left: 0.25rem; margin-right: 0px; } .ns-newcsslib { } .ns-newcsslib .c-list, .ns-newcsslib .o-inline-list > li { list-style-type: none !important; margin-left: 0px !important; padding-left: 0px !important; } .ns-newcsslib .o-inline-list > li { display: inline-block; vertical-align: top; margin-right: 0.5rem; } .ns-newcsslib .c-list--bullets { list-style-type: disc; padding-left: 1rem; } .ns-newcsslib .c-list--boxy { margin-top: 0px !important; margin-bottom: 0px !important; } .ns-newcsslib .c-list--boxy > li { margin-bottom: 3px; } .ns-newcsslib .c-list--boxy label { font-weight: 300; padding: 0px 0px 0.25rem; margin-right: 0px; } .ns-newcsslib .c-list--boxy li { color: rgb(255, 255, 255); line-height: 1.2; padding-top: 0.25rem; background-color: rgb(42, 58, 74); position: relative; } .ns-newcsslib .c-list--boxy li li { padding: 0.25rem 1rem; color: rgb(102, 102, 102); background-color: rgb(235, 234, 231); border-bottom: 1px solid rgb(200, 196, 190); } .ns-newcsslib .c-list--boxy li li:first-child { padding-top: 0.5rem; } .ns-newcsslib .c-list--boxy li li:last-child { border-bottom: 0px; } .ns-newcsslib .c-list--boxy li input[type="checkbox"], .ns-newcsslib .c-list--boxy li input[type="radio"] { margin-left: 0.5rem; } .ns-newcsslib { } .ns-newcsslib .c-form-item input[type="text"], .ns-newcsslib .c-form-item input[type="password"], .ns-newcsslib .c-form-item input[type="number"], .ns-newcsslib .c-form-item textarea { box-sizing: border-box; width: 100%; margin: 0px; padding: 3px; border-radius: 3px; border: 1px solid rgb(102, 102, 102); } .ns-newcsslib .c-form-item .c-form-control__help { color: rgb(102, 102, 102); } .ns-newcsslib .c-form-item .c-form-control__error { color: rgb(184, 12, 38); } .ns-newcsslib .c-form-item--inline { display: inline-block; margin-right: 1rem; } .ns-newcsslib .c-form-item--inline:last-child { } .ns-newcsslib input[type="text"], .ns-newcsslib .tag-list ul, .ns-newcsslib .tag-list li { border-radius: 3px; } .ns-newcsslib input[type="checkbox"] { background-color: rgb(255, 255, 255); } .ns-newcsslib { } .ns-newcsslib .c-radio, .ns-newcsslib .c-checkbox { position: relative; } .ns-newcsslib .c-radio label, .ns-newcsslib .c-checkbox label { display: block; font-weight: 300; width: auto; padding: 0px 0px 0px 1.4em; vertical-align: middle; margin: 0px 0px 0.5rem; } .ns-newcsslib .c-radio input, .ns-newcsslib .c-checkbox input { margin-right: 5px; padding: 0px; float: left; position: relative; top: 4px; border: 0px; line-height: 1.5em; vertical-align: middle; } .ns-newcsslib .c-radio input[type="radio"], .ns-newcsslib .c-checkbox input[type="radio"] { top: 4px; } .ns-newcsslib { } .ns-newcsslib .c-overlay { position: relative; } .ns-newcsslib .c-overlay__layer { position: absolute; inset: 0px; background: 50% 50% / 5rem no-repeat transparent; } .ns-newcsslib .c-overlay--cognate > .c-overlay__layer { background-image: url("//assets.maestro.vhlcentral.com/assets/music/learning_engines/cognate-8424fe3f45d33eec8640e2fae3257ad5b3cf1731fac833b176fb5cd882bade9f.svg"); background-size: auto 22%; } .ns-newcsslib .c-overlay--cognate-false > .c-overlay__layer { background-image: url("//assets.maestro.vhlcentral.com/assets/music/learning_engines/cognate-false-c60e2811746ff13632a6a7e8ebcc1500f3b00b91ce35a43cbff43bc214085b5d.svg"); background-size: auto 22%; } .ns-newcsslib .c-overlay--thumbs-up > .c-overlay__layer { background-image: url("//assets.maestro.vhlcentral.com/assets/music/learning_engines/thumbs-up-472f33ed458badb3e26c5fef5c066d4c5a763f130c0024e53a09bbcd290280ab.svg"); background-size: 146px; } .ns-newcsslib .c-overlay--thumbs-down > .c-overlay__layer { background-image: url("//assets.maestro.vhlcentral.com/assets/music/learning_engines/thumbs-down-fdc40f16f3729cab45de0e696ccb6d7e32dc7186383d763ae63bab2e1a06ce99.svg"); background-size: 146px; } .ns-newcsslib .c-overlay--not-understandable > .c-overlay__layer { background-image: url("//assets.maestro.vhlcentral.com/assets/music/learning_engines/not-understandable-a8bac26b9aa04b8e4cbc481198cda4e19d56b3d1e3b0f3d792c7566171e0d05b.svg"); background-size: 189px; } .ns-newcsslib .c-card { margin: 0px 0px 1rem; } .ns-newcsslib .c-module--box__inner, .ns-newcsslib .c-module--box { background: rgb(127, 255, 0) !important; } .ns-newcsslib { } .ns-newcsslib .c-box--light { background-color: rgb(245, 245, 245); padding: 1rem; } .ns-newcsslib .c-card { background-color: rgb(255, 255, 255); border: 2px solid rgb(51, 51, 51); } .ns-newcsslib .c-stack { box-shadow: rgb(235, 234, 231) -4px 4px 0px 0px, rgb(51, 51, 51) -4px 4px 0px 1px, rgb(235, 234, 231) -9px 9px 0px 0px, rgb(51, 51, 51) -9px 9px 0px 1px; } .ns-newcsslib { } .ns-newcsslib .c-tabset__tabs { margin: 0px 0px 1rem; text-decoration: underline; font-size: 0px; } .ns-newcsslib .c-tabset__tab { font-size: 0.75rem; padding: 0.25rem 1rem; display: inline-block; position: relative; top: 1px; } .ns-newcsslib .c-tabset__tab.is-selected-tab { color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); text-decoration: none; } .ns-newcsslib .c-tabset__tab:hover { color: rgb(51, 51, 51); text-decoration: none; } .ns-newcsslib .c-tabset__content { display: none; } .ns-newcsslib .c-tabset__content.is-selected-tab-content { display: block; } .ns-newcsslib .c-date-box__day { display: table; } .ns-newcsslib { } .ns-newcsslib .c-date-box { width: 3rem; text-align: center; background-color: rgb(200, 196, 190); padding-bottom: 1px; } .ns-newcsslib .c-date-box__month { color: rgb(255, 255, 255); font-size: 0.625rem; background-color: rgb(230, 79, 53); text-align: center; } .ns-newcsslib .c-date-box__day { margin: 2px auto; color: rgb(51, 51, 51); background-color: rgb(238, 238, 238); font-size: 0.875rem; text-align: center; width: 1.25rem; height: 1.25rem; vertical-align: middle; border-radius: 50%; padding: 2px; } [class] { } [class] .c-bigmetric { margin: 0px 0px 1rem; display: flex; align-items: center; } [class] .c-bigmetric > * { flex: 1 0 auto; padding: 0px 0.5rem; margin: 0px 1rem; } [class] .c-bigmetric__graph--vocab-tools { width: 30vw; height: auto; max-width: 24rem; } [class] .c-bigmetric__heading { font-size: 1.25rem; font-weight: normal; margin-bottom: 0.5rem; } [class] .c-bigmetric__heading--lg { font-size: 2rem; } [class] .c-bigmetric--practice-test { text-align: left; position: relative; left: 2.625rem; } [class] .c-flashcard { display: flex; align-items: center; justify-content: center; border: 0.1875rem solid rgb(42, 58, 74); margin: 3rem auto 2rem; min-width: 23.4375rem; width: 48vw; height: 36vw; position: relative; cursor: pointer; } [class] .c-flashcard.is-flipped { background-color: rgb(255, 255, 255); cursor: default; } [class] .c-flashcard.is-flipped .c-flashcard__front { color: white; font-size: 0.85em; } [class] .c-flashcard.is-flipped .c-flashcard__target-word { font-weight: normal; color: rgb(153, 153, 153); } @media (max-width: 499px) { [class] .c-flashcard { height: 80vw; width: 100%; } } [class] .c-flashcard__target-word { font-weight: bold; position: relative; } [class] .c-flashcard__audio-ctrls { position: absolute; display: inline; left: 100%; padding: 0px 0.5rem; } [class] .flashcard__review-buttons { position: absolute; width: 100%; left: 0px; bottom: 10%; text-align: center; } @media (min-width: 500px) { [class] .flashcard__review-buttons { bottom: 15%; } } [class] .c-flashcard__content { align-items: center; display: flex; justify-content: center; margin-bottom: 1rem; } [class] .c-flashcard__number { font-size: 0.75rem; text-align: center; position: absolute; bottom: 0.5rem; width: 100%; left: 0px; } [class] .c-flashcard__nav { position: absolute; bottom: 1rem; right: 1rem; } [class] .c-flashcard__terms { font-size: 2rem; line-height: 2.25rem; } [class] .c-flashcard__front, [class] .c-flashcard__back { text-align: center; margin: 0.5rem; } .ns-dictionary-flashcards[class] .c-card { max-width: 75%; } [class] .c-gallery { margin-left: -0.5rem; } [class] .c-gallery__image { display: inline-block; vertical-align: top; width: 10rem; border-radius: 0.3125rem; padding: 0.5rem; margin: 0px 0px 1rem; } [class] .c-gallery__image:hover { background-color: rgb(245, 245, 245); text-decoration: none; } .t-high-contrast[class] .c-gallery__image:hover { outline: rgb(51, 51, 51) solid 0.0625rem; } [class] .c-gallery__image img { width: 100%; height: auto; outline: rgb(255, 255, 255) solid 0.125rem; } [class] .c-radial-progress { margin: 1rem auto; position: relative; } [class] .c-radial-progress .background { fill-opacity: 0.01; } [class] .c-radial-progress .component { fill: rgb(206, 12, 36); } [class] .c-radial-progress .label { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; text-anchor: middle; fill: rgb(51, 51, 51); } [class] .c-radial-progress path { stroke-width: 0.25rem; stroke: rgb(255, 255, 255); } [class] .c-radial-progress .arc { fill: rgb(29, 135, 62); } [class] .c-radial-progress .arc2 { stroke-width: 0.1; fill: rgb(255, 255, 255); } [class] .c-radial-progress .radial-svg { display: block; width: 100%; height: 100%; text-align: center; cursor: default; } [class] .c-radial-progress .radial-svg .labels text { width: 10rem; white-space: normal; text-align: center; } [class] .c-radial-progress--lg { } [class] .c-radial-progress--lg .c-radial-progress__label { color: rgb(102, 102, 102); display: block; text-align: center; text-transform: uppercase; letter-spacing: 0.125em; margin: 1rem auto; width: 100%; position: absolute; top: 23%; } [class] .c-radial-progress--sm { width: 6rem; height: 6rem; } [class] .c-radial-progress--xs { width: 4rem; height: 4rem; } [class] .c-pie-chart .c-pie-chart__svg, [class] .c-pie-chart .c-pie-chart__outer-label { display: inline-block; vertical-align: middle; } [class] .c-pie-chart .background { fill-opacity: 0.01; } [class] .c-pie-chart .component { fill: rgb(206, 12, 36); } [class] .c-pie-chart .slice { fill: rgb(29, 135, 62); } [class] .c-pie-chart .slice:last-child { fill: rgb(206, 12, 36); } [class] .c-pie-chart .c-pie-chart__outer-label { color: rgb(102, 102, 102); font-size: 0.875rem; margin-left: 0.5rem; } [class] .is-complete .slice { fill: rgb(187, 187, 187); } [class] .is-complete .slice:last-child { fill: rgb(221, 221, 221); } [class] .is-complete .c-pie-chart__outer-label { color: rgb(187, 187, 187); } [class] .c-pie-chart--xs { width: 4rem; height: 4rem; } .ns-newcsslib { } .ns-newcsslib .c-info-modal-overlay { display: block; position: fixed; inset: 0px; background-color: rgba(30, 30, 30, 0.5); z-index: 10; text-align: center; min-width: 40rem; } .ns-newcsslib .c-info-modal-overlay::before { content: ""; height: 100%; vertical-align: middle; display: inline-block; width: 0px; } .ns-newcsslib .c-info-modal { text-align: left; color: rgb(51, 51, 51); box-sizing: border-box; vertical-align: middle; box-shadow: rgba(30, 30, 30, 0.3) 0px 5px 40px; display: inline-block; width: 30rem; padding: 1.5rem; background-color: rgb(255, 255, 255); border-radius: 5px; z-index: 11; font-size: 0.875rem; border: 2px solid transparent; } .ns-newcsslib .c-info-modal p { margin-top: 0px !important; margin-bottom: 1rem !important; } .ns-newcsslib .c-info-modal__content--narrow { padding: 0px 2.5rem; } .ns-newcsslib .c-info-modal__controls { text-align: right; } .ns-newcsslib .c-info-modal--success { border-color: rgb(64, 182, 104); } .ns-newcsslib .c-info-modal--error { border-color: rgb(184, 12, 38); } .ns-newcsslib .c-info-modal--squared { border-radius: 0px; } .ns-newcsslib.c-dialog { } .ns-newcsslib.c-dialog p { font-size: 0.875rem; } .ns-newcsslib.c-dialog.c-dialog--chrome-permissions { } .ns-newcsslib.c-dialog.c-dialog--chrome-permissions .ui-dialog-titlebar-close { display: none; } .ns-newcsslib.c-dialog.c-dialog--chrome-permissions .c-browser-warning-img { background-image: url("//assets.maestro.vhlcentral.com/assets/music/ui/browser_warning-f326249496d7a46b2e73e4e20534c17ee9bae80d550a4689b0fd9ce813c6a753.svg"); background-repeat: no-repeat; background-position: center center; height: 175px; } .ns-newcsslib.c-dialog.c-dialog--chrome-permissions + .ui-widget-overlay { opacity: 0.5; } .ns-newcsslib { } .ns-newcsslib .c-disclosure__header, .ns-newcsslib .c-disclosure__body { margin-left: 2rem; } .ns-newcsslib .c-disclosure__heading { margin-left: -2rem; cursor: pointer; display: inline; } .ns-newcsslib .c-disclosure__icon { background-image: url("//assets.maestro.vhlcentral.com/assets/music/ui/arrows/arrow-down-81f66cd267eba17b26b272d39c345adea4b6f337000c55868e972b6e97f91728.svg"); transform: rotate(-90deg); } .ns-newcsslib .c-disclosure__icon.is-expanded { transform: rotate(0deg); } .ns-newcsslib .c-disclosure__icon.c-disclosure__icon { background-size: 50%; } .ns-newcsslib .c-disclosure__icon:hover { background-image: url("//assets.maestro.vhlcentral.com/assets/music/ui/arrows/arrow-down-hover-0a17c61c1f395544681af49ad95ad12730c2e81970987b4f2831b107d332a2a1.svg"); } .ns-newcsslib .c-disclosure__icon[disabled], .ns-newcsslib .c-disclosure__icon.is-disabled { background-image: url("//assets.maestro.vhlcentral.com/assets/music/ui/arrows/arrow-down-disabled-d6e7e52703b0ae1400c451ebd2de1cf9c0315042cd3992bcae41984b26cf8538.svg"); } .ns-newcsslib .c-disclosure--course-setup { border-top: 3px solid rgb(229, 229, 229); padding-top: 10px; } .ns-newcsslib :hover > .c-disclosure__icon { background-image: url("//assets.maestro.vhlcentral.com/assets/music/resources/arrows/arrow-down-hover-0a17c61c1f395544681af49ad95ad12730c2e81970987b4f2831b107d332a2a1.svg"); } .ns-newcsslib .c-icon-btn, .ns-newcsslib .c-icon { display: inline-block; overflow: hidden; color: transparent; vertical-align: middle; width: 1rem; height: 1rem; background-size: 1rem 1rem; background-repeat: no-repeat; background-position: 50% 50%; white-space: nowrap; line-height: 1rem; text-decoration: none; } .ns-newcsslib { } .ns-newcsslib .c-icon--add { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/add-3527cf0532831a535a09dd078c076ec8a06ef6e311be505636ef523c0a5041f9.svg"); } .ns-newcsslib .c-icon--add.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/add-disabled-f73fd46249ccd109b8606a958bb0e416371266e41f85c5b79bd214073534460d.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--add, .ns-newcsslib a[href]:focus > .c-icon--add, .ns-newcsslib button:hover > .c-icon--add, .ns-newcsslib button:focus > .c-icon--add { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/add-hover-7d9489fdb1cc0a1810c839c24b4e7e0066e7b7c11a20402bc298f7161778bbe3.svg"); } .ns-newcsslib a[href]:active > .c-icon--add, .ns-newcsslib button:active > .c-icon--add { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/add-3527cf0532831a535a09dd078c076ec8a06ef6e311be505636ef523c0a5041f9.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--add, .ns-newcsslib button[disabled] > .c-icon--add { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/add-disabled-f73fd46249ccd109b8606a958bb0e416371266e41f85c5b79bd214073534460d.svg"); } .ns-newcsslib .c-icon--edit { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/edit-884380405544831c3a7dabcabc2fe9d2c0696d7d4d5b003daf9dcfdd17513627.svg"); } .ns-newcsslib .c-icon--edit.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/edit-disabled-6c546a9a03ed0c6931428588009572ea998f93fb524c7b6e28e6f67627b47f81.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--edit, .ns-newcsslib a[href]:focus > .c-icon--edit, .ns-newcsslib button:hover > .c-icon--edit, .ns-newcsslib button:focus > .c-icon--edit { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/edit-hover-c581909b611935801c0fb803cdd1bb3d6d24f40205da0afa6e21919cb3bf8a37.svg"); } .ns-newcsslib a[href]:active > .c-icon--edit, .ns-newcsslib button:active > .c-icon--edit { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/edit-884380405544831c3a7dabcabc2fe9d2c0696d7d4d5b003daf9dcfdd17513627.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--edit, .ns-newcsslib button[disabled] > .c-icon--edit { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/edit-disabled-6c546a9a03ed0c6931428588009572ea998f93fb524c7b6e28e6f67627b47f81.svg"); } .ns-newcsslib .c-icon--save { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/save-374a8fd83ecf4f2cf316c899b69528923fd7af19359d7324a74e231a6f2c8df1.svg"); } .ns-newcsslib .c-icon--save.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/save-disabled-b4747b09cf27aef93213f3e21995991d7e110431d1f6dcdebe648f56450dfb99.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--save, .ns-newcsslib a[href]:focus > .c-icon--save, .ns-newcsslib button:hover > .c-icon--save, .ns-newcsslib button:focus > .c-icon--save { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/save-hover-f8ca7b3f2d3f7fe19ab9c1906f4bac03282774a122b92d4514e78719771ac54f.svg"); } .ns-newcsslib a[href]:active > .c-icon--save, .ns-newcsslib button:active > .c-icon--save { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/save-374a8fd83ecf4f2cf316c899b69528923fd7af19359d7324a74e231a6f2c8df1.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--save, .ns-newcsslib button[disabled] > .c-icon--save { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/save-disabled-b4747b09cf27aef93213f3e21995991d7e110431d1f6dcdebe648f56450dfb99.svg"); } .ns-newcsslib .c-icon--delete { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/delete-20f0890f941469b94dd61504dd3ca6970e3a75fe290b3ca36969fc38ef65d870.svg"); } .ns-newcsslib .c-icon--delete.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/delete-disabled-ca5a9e28a7e2bfe16e27141cd24dff0e6cdcb42fc28ac11ab53ef6d01c94ef08.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--delete, .ns-newcsslib a[href]:focus > .c-icon--delete, .ns-newcsslib button:hover > .c-icon--delete, .ns-newcsslib button:focus > .c-icon--delete { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/delete-hover-3341adf79701475937c4c47cfcf90f58dbfb474b74f00b80f19d73907272dd26.svg"); } .ns-newcsslib a[href]:active > .c-icon--delete, .ns-newcsslib button:active > .c-icon--delete { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/delete-20f0890f941469b94dd61504dd3ca6970e3a75fe290b3ca36969fc38ef65d870.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--delete, .ns-newcsslib button[disabled] > .c-icon--delete { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/delete-disabled-ca5a9e28a7e2bfe16e27141cd24dff0e6cdcb42fc28ac11ab53ef6d01c94ef08.svg"); } .ns-newcsslib .c-icon--cancel { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cancel-43a7607c122174d55c173483053fa8216630f0393c469bae818d8ce1c8509440.svg"); } .ns-newcsslib .c-icon--cancel.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cancel-disabled-1fda4e8855d7fe62df38c07e25a438b320dd4dd71b69df1e8164d8f6495db7ed.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--cancel, .ns-newcsslib a[href]:focus > .c-icon--cancel, .ns-newcsslib button:hover > .c-icon--cancel, .ns-newcsslib button:focus > .c-icon--cancel { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cancel-hover-7bec572d2bcd9b3e1aaf567248a600760611de13c728e9b875fe3c7554a1c8c4.svg"); } .ns-newcsslib a[href]:active > .c-icon--cancel, .ns-newcsslib button:active > .c-icon--cancel { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cancel-43a7607c122174d55c173483053fa8216630f0393c469bae818d8ce1c8509440.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--cancel, .ns-newcsslib button[disabled] > .c-icon--cancel { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cancel-disabled-1fda4e8855d7fe62df38c07e25a438b320dd4dd71b69df1e8164d8f6495db7ed.svg"); } .ns-newcsslib .c-icon--list { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/list-ed0412254ada676e1209732866d8ee0fa543e7dcb6ed7f3c9df29bf920557176.svg"); } .ns-newcsslib .c-icon--list.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/list-disabled-b75dc680111207b38770e80b2efe00da987db48b898c70f1cb0c3344a8cf0c35.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--list, .ns-newcsslib a[href]:focus > .c-icon--list, .ns-newcsslib button:hover > .c-icon--list, .ns-newcsslib button:focus > .c-icon--list { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/list-hover-88c50f0f040a90d5b1cfbaa5fb7d795184803c99837a063117511bd6e8e0fa31.svg"); } .ns-newcsslib a[href]:active > .c-icon--list, .ns-newcsslib button:active > .c-icon--list { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/list-ed0412254ada676e1209732866d8ee0fa543e7dcb6ed7f3c9df29bf920557176.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--list, .ns-newcsslib button[disabled] > .c-icon--list { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/list-disabled-b75dc680111207b38770e80b2efe00da987db48b898c70f1cb0c3344a8cf0c35.svg"); } .ns-newcsslib .c-icon--cards { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cards-8f04f2b63cd482a55f9348bbad6e9a0683406a105b32ef19dcaa52fced1ea33c.svg"); } .ns-newcsslib .c-icon--cards.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cards-disabled-156f2af32016575c439a62cef91ce2459c70a37a9463632c10ec193a1425f74e.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--cards, .ns-newcsslib a[href]:focus > .c-icon--cards, .ns-newcsslib button:hover > .c-icon--cards, .ns-newcsslib button:focus > .c-icon--cards { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cards-hover-b0c1d6860d97ff74ad5314c1cdf836ad78e858662930e40c85c1ab3836bec879.svg"); } .ns-newcsslib a[href]:active > .c-icon--cards, .ns-newcsslib button:active > .c-icon--cards { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cards-8f04f2b63cd482a55f9348bbad6e9a0683406a105b32ef19dcaa52fced1ea33c.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--cards, .ns-newcsslib button[disabled] > .c-icon--cards { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cards-disabled-156f2af32016575c439a62cef91ce2459c70a37a9463632c10ec193a1425f74e.svg"); } .ns-newcsslib .c-icon--audio { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/audio-922085c73392cef6fed5a89a721e31c9a81cc80449d6402657d17662e7aede21.svg"); } .ns-newcsslib .c-icon--audio.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/audio-disabled-1f660505809dbb6c51bc2a8b678ddd8d247d5e09138e6da70e6402fb915f1aec.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--audio, .ns-newcsslib a[href]:focus > .c-icon--audio, .ns-newcsslib button:hover > .c-icon--audio, .ns-newcsslib button:focus > .c-icon--audio { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/audio-hover-22abcd6a6ae8494eba1bedc49e3d8a03954828c25d902e41d4d5b7a592f79d69.svg"); } .ns-newcsslib a[href]:active > .c-icon--audio, .ns-newcsslib button:active > .c-icon--audio { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/audio-922085c73392cef6fed5a89a721e31c9a81cc80449d6402657d17662e7aede21.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--audio, .ns-newcsslib button[disabled] > .c-icon--audio { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/audio-disabled-1f660505809dbb6c51bc2a8b678ddd8d247d5e09138e6da70e6402fb915f1aec.svg"); } .ns-newcsslib .c-icon--print { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/print-d6c44c295e5f02d4c37fa74e5cae927364e5706871ae45cd8651dfa22de23f26.svg"); } .ns-newcsslib .c-icon--print.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/print-disabled-a981629bceae7e70b315c58c523dfb82c76619def1901adacb28c6c5e65078b8.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--print, .ns-newcsslib a[href]:focus > .c-icon--print, .ns-newcsslib button:hover > .c-icon--print, .ns-newcsslib button:focus > .c-icon--print { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/print-hover-e1e5dee3087f677b38fb4f644e0a007414e0443bf4739f64487909915c9e2525.svg"); } .ns-newcsslib a[href]:active > .c-icon--print, .ns-newcsslib button:active > .c-icon--print { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/print-d6c44c295e5f02d4c37fa74e5cae927364e5706871ae45cd8651dfa22de23f26.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--print, .ns-newcsslib button[disabled] > .c-icon--print { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/print-disabled-a981629bceae7e70b315c58c523dfb82c76619def1901adacb28c6c5e65078b8.svg"); } .ns-newcsslib .c-icon--record { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/record-c8d1b49f7d88348cc2bdd2725d2883c14f8cad185edce220e153536b89950713.svg"); } .ns-newcsslib .c-icon--record.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/record-disabled-8382fd984b51782d0efada7be387492409495c8bc3e877e0ab1e017ffd4a7c0b.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--record, .ns-newcsslib a[href]:focus > .c-icon--record, .ns-newcsslib button:hover > .c-icon--record, .ns-newcsslib button:focus > .c-icon--record { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/record-hover-9645988e3589e918dd2905a4139e2a1eabd17be0139d0fe17d635cbd04f75de5.svg"); } .ns-newcsslib a[href]:active > .c-icon--record, .ns-newcsslib button:active > .c-icon--record { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/record-c8d1b49f7d88348cc2bdd2725d2883c14f8cad185edce220e153536b89950713.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--record, .ns-newcsslib button[disabled] > .c-icon--record { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/record-disabled-8382fd984b51782d0efada7be387492409495c8bc3e877e0ab1e017ffd4a7c0b.svg"); } .ns-newcsslib .c-icon--reference { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/reference-3083141e861de7a25a3a63c84d2ede1c548fa0d47cb5bd384d6de13bfb1f7c7e.svg"); } .ns-newcsslib .c-icon--reference.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/reference-disabled-d0920f545138d0e1e6ad7149b159a65b3cfb18d3ada33de566b25093b64b5056.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--reference, .ns-newcsslib a[href]:focus > .c-icon--reference, .ns-newcsslib button:hover > .c-icon--reference, .ns-newcsslib button:focus > .c-icon--reference { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/reference-hover-b7f4b62e3cfb4e111a1e3b030042493c59910dd63901f0e42e0392c2f309d49d.svg"); } .ns-newcsslib a[href]:active > .c-icon--reference, .ns-newcsslib button:active > .c-icon--reference { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/reference-3083141e861de7a25a3a63c84d2ede1c548fa0d47cb5bd384d6de13bfb1f7c7e.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--reference, .ns-newcsslib button[disabled] > .c-icon--reference { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/reference-disabled-d0920f545138d0e1e6ad7149b159a65b3cfb18d3ada33de566b25093b64b5056.svg"); } .ns-newcsslib .c-icon--comment { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/comment-ba520620b53b60ee60ebf184a99a2c5f6c4b3764341405bdc3b35ed2488b8989.svg"); } .ns-newcsslib .c-icon--comment.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/comment-disabled-e089ac44d19ca094bf70183f589fe430bf120b470f925388414c7f3912987073.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--comment, .ns-newcsslib a[href]:focus > .c-icon--comment, .ns-newcsslib button:hover > .c-icon--comment, .ns-newcsslib button:focus > .c-icon--comment { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/comment-hover-066b6f03f930b8a10401390218e4f914b2c2757dfd9c0e25439b51e03e5fcdea.svg"); } .ns-newcsslib a[href]:active > .c-icon--comment, .ns-newcsslib button:active > .c-icon--comment { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/comment-ba520620b53b60ee60ebf184a99a2c5f6c4b3764341405bdc3b35ed2488b8989.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--comment, .ns-newcsslib button[disabled] > .c-icon--comment { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/comment-disabled-e089ac44d19ca094bf70183f589fe430bf120b470f925388414c7f3912987073.svg"); } .ns-newcsslib .c-icon--stop { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/stop-85cdbd5eb0b96eba88c11998b57822bdcf74e99a2ef2e04621d29efad4854661.svg"); } .ns-newcsslib .c-icon--stop.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/stop-disabled-8c70eb332c28bd6bf22052ac8747f84b1d8ca1a1a1a96336202c1fffa0d09189.svg"); cursor: default; } .ns-newcsslib a[href]:hover > .c-icon--stop, .ns-newcsslib a[href]:focus > .c-icon--stop, .ns-newcsslib button:hover > .c-icon--stop, .ns-newcsslib button:focus > .c-icon--stop { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/stop-hover-f2a895711a737d29715306e03d065f7d8255719b3e6966860b54d635f596552b.svg"); } .ns-newcsslib a[href]:active > .c-icon--stop, .ns-newcsslib button:active > .c-icon--stop { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/stop-85cdbd5eb0b96eba88c11998b57822bdcf74e99a2ef2e04621d29efad4854661.svg"); } .ns-newcsslib a[href][disabled] > .c-icon--stop, .ns-newcsslib button[disabled] > .c-icon--stop { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/stop-disabled-8c70eb332c28bd6bf22052ac8747f84b1d8ca1a1a1a96336202c1fffa0d09189.svg"); } .ns-newcsslib .c-icon--sm { height: 0.75rem; width: 0.75rem; background-size: 0.75rem 0.75rem; } .ns-newcsslib .c-icon--lg, .ns-newcsslib .c-icon--cognate, .ns-newcsslib .c-icon--cognate-false, .ns-newcsslib false_cognate, .ns-newcsslib false_cognate { height: 1.5rem; width: 1.5rem; background-size: 1.5rem 1.5rem; } .ns-newcsslib .c-icon--xl { width: 2.5rem; height: 2.5rem; background-size: 2.5rem; } .ns-newcsslib .c-icon--gutter { margin-left: -1.5rem; float: left; padding-top: inherit; } .ns-newcsslib .c-icon--complete { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/complete-a84f04366390c6985803474acf25e6105c41cd3e542026ec6c4c5e8216e31422.svg"); } .ns-newcsslib .c-icon--maximize { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/maximize-5b5f16ba89e5764930007eb3dd2f1df316063e1d9ceaa20e9918c752580fec2d.svg"); } .ns-newcsslib .c-icon--maximize:hover, .ns-newcsslib .c-icon--maximize:focus { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/maximize-hover-37a7688b4c38bb8457bf2cb6358a2141ca8adb346eb7bc578af8b9875487f9a2.svg"); } .ns-newcsslib .c-icon--minimize { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/minimize-73b12cbc5ccec620e1beb484b6ae405c59ff98e1a5b6890b73391df1979f5e05.svg"); } .ns-newcsslib .c-icon--minimize:hover, .ns-newcsslib .c-icon--minimize:focus { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/minimize-hover-b39490c4fdf241b0e37fe6b8806f1eae8235d40cc02e315f177d9d527cf8e89e.svg"); } .ns-newcsslib .c-icon--back-arrow { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/arrow-2197a9c2ddd3cad3b13a59bae1729ca5bc584ce875c098c9514a543250d63d16.svg"); margin-top: -1px; transform: rotate(-90deg); } .ns-newcsslib .c-icon--cognate, .ns-newcsslib .c-icon--cognate-false, .ns-newcsslib false_cognate, .ns-newcsslib false_cognate { background-repeat: no-repeat; background-size: 1.5rem 1.5rem; } .ns-newcsslib .c-icon--cognate { background-image: url("//assets.maestro.vhlcentral.com/assets/music/learning_engines/cognate-8424fe3f45d33eec8640e2fae3257ad5b3cf1731fac833b176fb5cd882bade9f.svg"); vertical-align: top; margin-left: -0.5rem; } .ns-newcsslib .c-icon--cognate-false, .ns-newcsslib false_cognate { background-image: url("//assets.maestro.vhlcentral.com/assets/music/learning_engines/cognate-false-c60e2811746ff13632a6a7e8ebcc1500f3b00b91ce35a43cbff43bc214085b5d.svg"); } .ns-newcsslib false_cognate { padding-right: 1.75rem; background-position: 100% 0%; } .ns-newcsslib .c-icon--thumbs-up { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/thumbs-up-87608d3b37c01da2bd4b23c3b8fffc46c7f54e5b8daa0a77d8986801747d8e56.svg"); } .ns-newcsslib .c-icon--thumbs-down { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/thumbs-down-fb4b4055da350257d79fa94874546d6e8950a82c45faa14c512aabed25d82b29.svg"); } .ns-newcsslib .c-icon--list.is-current { color: rgb(51, 51, 51); background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/list-disabled-b75dc680111207b38770e80b2efe00da987db48b898c70f1cb0c3344a8cf0c35.svg"); } .ns-newcsslib .c-icon--cards.is-current { color: rgb(51, 51, 51); background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cards-disabled-156f2af32016575c439a62cef91ce2459c70a37a9463632c10ec193a1425f74e.svg"); } .ns-newcsslib .c-icon--ok { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/checkmark-green-c25a40554decd41e38351eb612a0d8388e3607d8e12b74bc6d686e317a704441.svg"); } .ns-newcsslib .c-icon--ok-dim { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/checkmark-black-ac045451cab1003cad130453155e890f665cf810a9e72d5860147e7e3feba987.svg"); opacity: 0.15; } .ns-newcsslib { } .ns-newcsslib .c-icon-btn { border-radius: 50%; height: 2.25rem; width: 2.25rem; background-size: 2.25rem; } .ns-newcsslib .c-icon-btn-label { display: block; font-size: 0.625rem; font-weight: normal; margin: 0px auto; padding: 0px; } .ns-newcsslib .c-icon-btn-label.is-disabled, .ns-newcsslib .c-icon-btn-label[disabled] { color: rgb(153, 153, 153); } .ns-newcsslib button.c-no-button.c-icon-btn:hover { color: rgb(51, 51, 51); outline: 0px; } .ns-newcsslib .c-icon-btn--stop, .ns-newcsslib .c-icon-btn--stop:hover { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/recording-stop-c840e9dc5071083b5d16f6914254da967b66482513e66426a99204a83df6be10.svg"); border: 1px solid rgb(255, 255, 255); } .ns-newcsslib .c-volume-spinner + .c-record-button, .ns-newcsslib .c-volume-spinner + .c-icon-button { height: 36px; width: 36px; } .ns-newcsslib .c-volume-spinner { position: absolute; display: inline-block; background: url("//assets.maestro.vhlcentral.com/assets/music/volume-spinner-e72318360d3e2112755f8fe1bc209e6d8c678435a496ad26bd44a505c4ade1cd.svg") 0px 0px no-repeat; height: 46px; width: 46px; margin: -5px 0px 0px -5px; } .ns-newcsslib .c-recording-controls { display: inline-block; position: relative; border-bottom: 1px dashed rgb(204, 204, 204); height: 18px; } .ns-newcsslib { } .ns-newcsslib .is-current { color: rgb(246, 147, 34); } .ns-newcsslib .is-disabled, .ns-newcsslib [disabled] { cursor: default; } .ns-newcsslib [role="button"], .ns-newcsslib .is-expandable, .ns-newcsslib .is-expandable-once { cursor: pointer; } .ns-newcsslib .is-expanded { cursor: default; } .ns-newcsslib .is-hidden { display: none; } .ns-newcsslib .is-invisible { visibility: hidden; } .ns-newcsslib { } .ns-newcsslib .fx-fade { transition: opacity 1.5s ease 0s; opacity: 0; } .ns-newcsslib .fx-fade-active { opacity: 1; } .ns-newcsslib .fx-fade--fast { transition: opacity 0.5s ease 0s; } .ns-newcsslib .fx-fade--slow { transition: opacity 3s ease 0s; } .u-center-overlay, .u-center-vertical { position: relative; top: 50%; transform: translateY(-50%); } .c-column-topper { margin: 0px 0px 1rem; } .c-column-topper { margin-bottom: 0px !important; } .c-column-topper + * { } .no-visual, .ac-no-visual { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .o-vertC, .o-vertC__inner { background: rgb(127, 255, 0) !important; } .u-inline { display: inline !important; } .u-inline-block { display: inline-block !important; } .u-block { display: block !important; } .u-table-cell { display: table-cell !important; } .u-pos-fix { position: fixed !important; } .u-pos-stat { position: static !important; } .u-txtL { text-align: left !important; } .u-txtC { text-align: center !important; } .u-txtR { text-align: right !important; } .u-pull-left { float: left; } .u-pull-right { float: right; } .u-center-flex { display: flex; align-items: center; justify-content: center; } .u-center-overlay { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .u-center-vertical-flex { display: flex; align-items: center; } .u-center-overlay { position: absolute; } .u-center { display: table; width: 100%; } .u-center__inner { display: table-cell; text-align: center; vertical-align: middle; } [class*="l-pin-"] { position: absolute; width: 50%; padding: inherit; } .l-pin-top, .l-pin-nw, .l-pin-ne { top: 0px; } .l-pin-bottom, .l-pin-sw, .l-pin-se { bottom: 0px; } .l-pin-right, .l-pin-se, .l-pin-ne { right: 0px; } .l-pin-left, .l-pin-sw, .l-pin-nw { left: 0px; } .c-column-topper { height: 2rem; line-height: 2rem; } .u-group, .o-group { margin: 2rem 0px; } .u-txt-size-xxs { font-size: 0.625rem; } .u-txt-size-xs { font-size: 0.75rem; } .u-txt-size-sm { font-size: 0.875rem; } .u-txt-size-md { font-size: 1rem; } .u-txt-size-lg { font-size: 1.25rem; } .u-txt-size-xl { font-size: 1.5rem; } .u-txt-size-xxl { font-size: 2rem; } .u-mtn { margin-top: 0px !important; } .u-mbn { margin-bottom: 0px !important; } .u-mbs { margin-bottom: 0.5rem !important; } .u-mrl { margin-right: 2rem !important; } .u-slim { margin-top: 0px !important; margin-bottom: 0px !important; } .u-closer { margin-bottom: 0.5rem !important; } .u-closer + ul, .u-closer ol, .u-closer blockquote, .u-closer p, .u-closer table, .u-closer .mod { margin-top: 0px !important; } .u-no-margin, .u-no-margin > * { margin: 0px !important; } .u-margin-auto { margin-left: auto !important; margin-right: auto !important; } .u-stick { margin-bottom: 0px !important; } .u-stick + ul, .u-stick ol, .u-stick blockquote, .u-stick p, .u-stick table, .u-stick .mod { margin-top: 0px !important; } .u-rule { padding-top: 0.5rem; border-top: 1px solid gray; } .u-rule-bottom { border-bottom: 1px solid gray; padding-bottom: 1rem; } .u-rule--dotted { padding-top: 0.5rem; border-top: 1px dotted gray; } .u-no-border-bottom { border-bottom: none !important; } .u-indent, .u-indent--sm { margin-left: 1rem; } .u-indent--md { margin-left: 2rem; } .u-indent--lg { margin-left: 4rem; } .u-invis { visibility: hidden !important; } .u-vis { visibility: visible !important; } .u-no-visual { border: 0px !important; clip: rect(0px, 0px, 0px, 0px) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; width: 1px !important; } .u-static { position: static !important; } .u-rel { position: relative !important; } .u-abs { position: absolute !important; } .u-fixed { position: fixed !important; } .u-align-top { align-items: flex-start !important; } .u-align-mid { align-items: center !important; } .u-align-bot { align-items: flex-end !important; } .u-align-lt { justify-content: flex-start !important; } .u-align-ctr { justify-content: center !important; } .u-align-rt { justify-content: flex-end !important; } .u-flex-reverse { flex-direction: row-reverse !important; } .u-txt-11 { } .u-txt-23 { } .u-txt-vol-blue { color: rgb(0, 107, 174) !important; } .u-txt-vol-orange { color: rgb(246, 147, 34) !important; } .u-txt-vol-light-blue { color: rgb(31, 155, 203) !important; } .u-txt-vol-red { color: rgb(230, 79, 53) !important; } .u-txt-vol-green { color: rgb(122, 149, 137) !important; } .u-txt-vol-light-wash { color: rgb(200, 196, 190) !important; } .u-txt-vol-medium-wash { color: rgb(92, 109, 126) !important; } .u-txt-vol-dark-wash { color: rgb(42, 58, 74) !important; } .u-txt-ss-very-light-gray { color: rgb(233, 233, 234) !important; } .u-txt-ss-light-gray { color: rgb(212, 212, 212) !important; } .u-txt-ss-middle-gray { color: rgb(153, 153, 153) !important; } .u-txt-ss-blue { color: rgb(22, 115, 191) !important; } .u-txt-ss-red { color: rgb(162, 1, 1) !important; } .u-txt-ink { color: rgb(51, 51, 51) !important; } .u-txt-dark { color: rgb(51, 51, 51) !important; } .u-txt-medium-ink { color: rgb(102, 102, 102) !important; } .u-txt-light-ink { color: gray !important; } .u-txt-faint-ink { color: rgb(204, 204, 204) !important; } .u-txt-pencil { color: rgb(102, 102, 102) !important; } .u-txt-very-light-blue { color: rgb(244, 250, 254) !important; } .u-txt-black { color: rgb(0, 0, 0) !important; } .u-txt-white { color: rgb(255, 255, 255) !important; } .u-txt-gray-3 { color: rgb(51, 51, 51) !important; } .u-txt-gray-6 { color: rgb(102, 102, 102) !important; } .u-txt-gray-9 { color: rgb(153, 153, 153) !important; } .u-txt-gray-b { color: rgb(187, 187, 187) !important; } .u-txt-gray-c { color: rgb(204, 204, 204) !important; } .u-txt-gray-d { color: rgb(221, 221, 221) !important; } .u-txt-gray-e { color: rgb(238, 238, 238) !important; } .u-txt-current { color: rgb(246, 147, 34) !important; } .u-txt-success { color: rgb(64, 182, 104) !important; } .u-txt-failure { color: rgb(184, 12, 38) !important; } .u-txt-danger { color: rgb(230, 79, 53) !important; } .u-txt-complete { color: rgb(64, 182, 104) !important; } .u-txt-incomplete { color: rgb(184, 12, 38) !important; } .u-bord-vol-blue { border-color: rgb(0, 107, 174) !important; } .u-bord-vol-orange { border-color: rgb(246, 147, 34) !important; } .u-bord-vol-light-blue { border-color: rgb(31, 155, 203) !important; } .u-bord-vol-red { border-color: rgb(230, 79, 53) !important; } .u-bord-vol-green { border-color: rgb(122, 149, 137) !important; } .u-bord-vol-light-wash { border-color: rgb(200, 196, 190) !important; } .u-bord-vol-medium-wash { border-color: rgb(92, 109, 126) !important; } .u-bord-vol-dark-wash { border-color: rgb(42, 58, 74) !important; } .u-bord-ss-very-light-gray { border-color: rgb(233, 233, 234) !important; } .u-bord-ss-light-gray { border-color: rgb(212, 212, 212) !important; } .u-bord-ss-middle-gray { border-color: rgb(153, 153, 153) !important; } .u-bord-ss-blue { border-color: rgb(22, 115, 191) !important; } .u-bord-ss-red { border-color: rgb(162, 1, 1) !important; } .u-bord-ink { border-color: rgb(51, 51, 51) !important; } .u-bord-dark { border-color: rgb(51, 51, 51) !important; } .u-bord-medium-ink { border-color: rgb(102, 102, 102) !important; } .u-bord-light-ink { border-color: gray !important; } .u-bord-faint-ink { border-color: rgb(204, 204, 204) !important; } .u-bord-pencil { border-color: rgb(102, 102, 102) !important; } .u-bord-very-light-blue { border-color: rgb(244, 250, 254) !important; } .u-bord-black { border-color: rgb(0, 0, 0) !important; } .u-bord-white { border-color: rgb(255, 255, 255) !important; } .u-bord-gray-3 { border-color: rgb(51, 51, 51) !important; } .u-bord-gray-6 { border-color: rgb(102, 102, 102) !important; } .u-bord-gray-9 { border-color: rgb(153, 153, 153) !important; } .u-bord-gray-b { border-color: rgb(187, 187, 187) !important; } .u-bord-gray-c { border-color: rgb(204, 204, 204) !important; } .u-bord-gray-d { border-color: rgb(221, 221, 221) !important; } .u-bord-gray-e { border-color: rgb(238, 238, 238) !important; } .u-bord-current { border-color: rgb(246, 147, 34) !important; } .u-bord-success { border-color: rgb(64, 182, 104) !important; } .u-bord-failure { border-color: rgb(184, 12, 38) !important; } .u-bord-danger { border-color: rgb(230, 79, 53) !important; } .u-bord-complete { border-color: rgb(64, 182, 104) !important; } .u-bord-incomplete { border-color: rgb(184, 12, 38) !important; } .u-bg-vol-blue { background-color: rgb(0, 107, 174) !important; } .u-bg-vol-orange { background-color: rgb(246, 147, 34) !important; } .u-bg-vol-light-blue { background-color: rgb(31, 155, 203) !important; } .u-bg-vol-red { background-color: rgb(230, 79, 53) !important; } .u-bg-vol-green { background-color: rgb(122, 149, 137) !important; } .u-bg-vol-light-wash { background-color: rgb(200, 196, 190) !important; } .u-bg-vol-medium-wash { background-color: rgb(92, 109, 126) !important; } .u-bg-vol-dark-wash { background-color: rgb(42, 58, 74) !important; } .u-bg-ss-very-light-gray { background-color: rgb(233, 233, 234) !important; } .u-bg-ss-light-gray { background-color: rgb(212, 212, 212) !important; } .u-bg-ss-middle-gray { background-color: rgb(153, 153, 153) !important; } .u-bg-ss-blue { background-color: rgb(22, 115, 191) !important; } .u-bg-ss-red { background-color: rgb(162, 1, 1) !important; } .u-bg-ink { background-color: rgb(51, 51, 51) !important; } .u-bg-dark { background-color: rgb(51, 51, 51) !important; } .u-bg-medium-ink { background-color: rgb(102, 102, 102) !important; } .u-bg-light-ink { background-color: gray !important; } .u-bg-faint-ink { background-color: rgb(204, 204, 204) !important; } .u-bg-pencil { background-color: rgb(102, 102, 102) !important; } .u-bg-very-light-blue { background-color: rgb(244, 250, 254) !important; } .u-bg-black { background-color: rgb(0, 0, 0) !important; } .u-bg-white { background-color: rgb(255, 255, 255) !important; } .u-bg-gray-3 { background-color: rgb(51, 51, 51) !important; } .u-bg-gray-6 { background-color: rgb(102, 102, 102) !important; } .u-bg-gray-9 { background-color: rgb(153, 153, 153) !important; } .u-bg-gray-b { background-color: rgb(187, 187, 187) !important; } .u-bg-gray-c { background-color: rgb(204, 204, 204) !important; } .u-bg-gray-d { background-color: rgb(221, 221, 221) !important; } .u-bg-gray-e { background-color: rgb(238, 238, 238) !important; } .u-bg-current { background-color: rgb(246, 147, 34) !important; } .u-bg-success { background-color: rgb(64, 182, 104) !important; } .u-bg-failure { background-color: rgb(184, 12, 38) !important; } .u-bg-danger { background-color: rgb(230, 79, 53) !important; } .u-bg-complete { background-color: rgb(64, 182, 104) !important; } .u-bg-incomplete { background-color: rgb(184, 12, 38) !important; } [class*="u-pin-"] { position: absolute; padding: inherit; } .u-pin-top, .u-pin-nw, .u-pin-ne { top: 0px; } .u-pin-bottom, .u-pin-sw, .u-pin-se { bottom: 0px; } .u-pin-right, .u-pin-se, .u-pin-ne { right: 0px; } .u-pin-left, .u-pin-sw, .u-pin-nw { left: 0px; } .u-mod { margin: 1rem 0px !important; } .ns-music-v1, .ns-music-v1::before, .ns-music-v1::after, .ns-music-v1 *, .ns-music-v1 ::before, .ns-music-v1 ::after { box-sizing: border-box; } html { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem; overflow-y: scroll; min-height: 100%; } body.ns-music-v1 { background-color: rgb(255, 255, 255); margin: 0px; } .ns-music-v1 { } .ns-music-v1 { color: rgb(51, 51, 51); font-size: 0.875rem; line-height: 1.57143; } .ns-music-v1 h1, .ns-music-v1 h2, .ns-music-v1 h3, .ns-music-v1 h4, .ns-music-v1 h5, .ns-music-v1 h6 { color: rgb(51, 51, 51); font-size: 1rem; font-weight: bold; margin: 0px 0px 1rem; } .ns-music-v1 p { margin: 0px 0px 1rem; } .ns-music-v1 a { color: rgb(0, 107, 174); text-decoration: none; transition: color 0.3s ease 0s; } .ns-music-v1 a:hover { color: rgb(0, 75, 122); text-decoration: underline; } .ns-music-v1 a[disabled], .ns-music-v1 a[disabled]:hover, .ns-music-v1 a[disabled]:active, .ns-music-v1 a.is-disabled, .ns-music-v1 a.is-disabled:hover, .ns-music-v1 a.is-disabled:active { color: rgb(204, 204, 204); cursor: not-allowed; text-decoration: none; } .ns-music-v1 figure { display: table; margin: 0px 0px 1rem; } .ns-music-v1 ul, .ns-music-v1 ol { padding-left: 1rem; margin: 0px 0px 1rem; } .ns-music-v1 dl { margin: 0px 0px 1rem; } .ns-music-v1 dt { font-weight: bold; } .ns-music-v1 dd { margin-left: 0px; } .ns-music-v1 dd + dt { margin-top: 0.5rem; } .ns-music-v1 table { border-collapse: collapse; padding: 0px; margin: 0px 0px 1rem; } .ns-music-v1 th, .ns-music-v1 td { text-align: left; } .ns-music-v1 cite { font-style: normal; } .ns-music-v1 dfn { font-weight: bold; font-style: normal; } .ns-music-v1 blockquote { border-left: 0.25rem solid rgb(153, 153, 153); padding-left: 0.75rem; font-style: italic; margin: 0px 0px 1rem; } .ns-music-v1 pre { margin: 0px 0px 1rem; } .ns-music-v1 hr { border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(221, 221, 221); margin: 2rem 0px; } .ns-music-v1 label { font-size: inherit; } .ns-music-v1 button, .ns-music-v1 [type="button"], .ns-music-v1 [type="submit"], .ns-music-v1 [type="reset"] { font-size: inherit; font-family: inherit; } select { background-color: white; } .ns-music-v1 { } .ns-music-v1 .l-container-fluid { max-width: 960px; margin: 0px auto; padding: 0px 1rem; } .ns-music-v1 { } .ns-music-v1 .l-grid { display: flex; flex-wrap: wrap; margin: 0px -1rem; } .ns-music-v1 .l-grid > * { padding: 0px 1rem; } .ns-music-v1 .l-col-1 { width: 8.33333%; } .ns-music-v1 .l-col-offset-1 { margin-left: 8.33333%; } .ns-music-v1 .l-span-1 { width: 5rem; } .ns-music-v1 .l-col-2 { width: 16.6667%; } .ns-music-v1 .l-col-offset-2 { margin-left: 16.6667%; } .ns-music-v1 .l-span-2 { width: 10rem; } .ns-music-v1 .l-col-3 { width: 25%; } .ns-music-v1 .l-col-offset-3 { margin-left: 25%; } .ns-music-v1 .l-span-3 { width: 15rem; } .ns-music-v1 .l-col-4 { width: 33.3333%; } .ns-music-v1 .l-col-offset-4 { margin-left: 33.3333%; } .ns-music-v1 .l-span-4 { width: 20rem; } .ns-music-v1 .l-col-5 { width: 41.6667%; } .ns-music-v1 .l-col-offset-5 { margin-left: 41.6667%; } .ns-music-v1 .l-span-5 { width: 25rem; } .ns-music-v1 .l-col-6 { width: 50%; } .ns-music-v1 .l-col-offset-6 { margin-left: 50%; } .ns-music-v1 .l-span-6 { width: 30rem; } .ns-music-v1 .l-col-7 { width: 58.3333%; } .ns-music-v1 .l-col-offset-7 { margin-left: 58.3333%; } .ns-music-v1 .l-span-7 { width: 35rem; } .ns-music-v1 .l-col-8 { width: 66.6667%; } .ns-music-v1 .l-col-offset-8 { margin-left: 66.6667%; } .ns-music-v1 .l-span-8 { width: 40rem; } .ns-music-v1 .l-col-9 { width: 75%; } .ns-music-v1 .l-col-offset-9 { margin-left: 75%; } .ns-music-v1 .l-span-9 { width: 45rem; } .ns-music-v1 .l-col-10 { width: 83.3333%; } .ns-music-v1 .l-col-offset-10 { margin-left: 83.3333%; } .ns-music-v1 .l-span-10 { width: 50rem; } .ns-music-v1 .l-col-11 { width: 91.6667%; } .ns-music-v1 .l-col-offset-11 { margin-left: 91.6667%; } .ns-music-v1 .l-span-11 { width: 55rem; } .ns-music-v1 .l-col-12 { width: 100%; } .ns-music-v1 .l-col-offset-12 { margin-left: 100%; } .ns-music-v1 .l-span-12 { width: 60rem; } @media (max-width: 499px) { .ns-music-v1 [class^="l-col-"] { width: 100%; } } .ns-music-v1 .l-col-auto { flex: 1 1 0%; } @media (min-width: 375px) { .ns-music-v1 .l-col-xs-1 { width: 8.33333%; } .ns-music-v1 .l-col-xs-2 { width: 16.6667%; } .ns-music-v1 .l-col-xs-3 { width: 25%; } .ns-music-v1 .l-col-xs-4 { width: 33.3333%; } .ns-music-v1 .l-col-xs-5 { width: 41.6667%; } .ns-music-v1 .l-col-xs-6 { width: 50%; } .ns-music-v1 .l-col-xs-7 { width: 58.3333%; } .ns-music-v1 .l-col-xs-8 { width: 66.6667%; } .ns-music-v1 .l-col-xs-9 { width: 75%; } .ns-music-v1 .l-col-xs-10 { width: 83.3333%; } .ns-music-v1 .l-col-xs-11 { width: 91.6667%; } .ns-music-v1 .l-col-xs-12 { width: 100%; } } @media (min-width: 500px) { .ns-music-v1 .l-col-sm-1 { width: 8.33333%; } .ns-music-v1 .l-col-sm-2 { width: 16.6667%; } .ns-music-v1 .l-col-sm-3 { width: 25%; } .ns-music-v1 .l-col-sm-4 { width: 33.3333%; } .ns-music-v1 .l-col-sm-5 { width: 41.6667%; } .ns-music-v1 .l-col-sm-6 { width: 50%; } .ns-music-v1 .l-col-sm-7 { width: 58.3333%; } .ns-music-v1 .l-col-sm-8 { width: 66.6667%; } .ns-music-v1 .l-col-sm-9 { width: 75%; } .ns-music-v1 .l-col-sm-10 { width: 83.3333%; } .ns-music-v1 .l-col-sm-11 { width: 91.6667%; } .ns-music-v1 .l-col-sm-12 { width: 100%; } } @media (min-width: 700px) { .ns-music-v1 .l-col-md-1 { width: 8.33333%; } .ns-music-v1 .l-col-md-2 { width: 16.6667%; } .ns-music-v1 .l-col-md-3 { width: 25%; } .ns-music-v1 .l-col-md-4 { width: 33.3333%; } .ns-music-v1 .l-col-md-5 { width: 41.6667%; } .ns-music-v1 .l-col-md-6 { width: 50%; } .ns-music-v1 .l-col-md-7 { width: 58.3333%; } .ns-music-v1 .l-col-md-8 { width: 66.6667%; } .ns-music-v1 .l-col-md-9 { width: 75%; } .ns-music-v1 .l-col-md-10 { width: 83.3333%; } .ns-music-v1 .l-col-md-11 { width: 91.6667%; } .ns-music-v1 .l-col-md-12 { width: 100%; } } @media (min-width: 900px) { .ns-music-v1 .l-col-lg-1 { width: 8.33333%; } .ns-music-v1 .l-col-lg-2 { width: 16.6667%; } .ns-music-v1 .l-col-lg-3 { width: 25%; } .ns-music-v1 .l-col-lg-4 { width: 33.3333%; } .ns-music-v1 .l-col-lg-5 { width: 41.6667%; } .ns-music-v1 .l-col-lg-6 { width: 50%; } .ns-music-v1 .l-col-lg-7 { width: 58.3333%; } .ns-music-v1 .l-col-lg-8 { width: 66.6667%; } .ns-music-v1 .l-col-lg-9 { width: 75%; } .ns-music-v1 .l-col-lg-10 { width: 83.3333%; } .ns-music-v1 .l-col-lg-11 { width: 91.6667%; } .ns-music-v1 .l-col-lg-12 { width: 100%; } } @media (min-width: 1100px) { .ns-music-v1 .l-col-xl-1 { width: 8.33333%; } .ns-music-v1 .l-col-xl-2 { width: 16.6667%; } .ns-music-v1 .l-col-xl-3 { width: 25%; } .ns-music-v1 .l-col-xl-4 { width: 33.3333%; } .ns-music-v1 .l-col-xl-5 { width: 41.6667%; } .ns-music-v1 .l-col-xl-6 { width: 50%; } .ns-music-v1 .l-col-xl-7 { width: 58.3333%; } .ns-music-v1 .l-col-xl-8 { width: 66.6667%; } .ns-music-v1 .l-col-xl-9 { width: 75%; } .ns-music-v1 .l-col-xl-10 { width: 83.3333%; } .ns-music-v1 .l-col-xl-11 { width: 91.6667%; } .ns-music-v1 .l-col-xl-12 { width: 100%; } } .ns-music-v1 { } .ns-music-v1 .l-inline-group { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; padding-left: 0px; } .ns-music-v1 .l-inline-group > * { margin-right: 1rem; margin-bottom: 0px; } .ns-music-v1 .l-inline-group > :last-child { margin-right: 0px; } .ns-music-v1 .l-inline-group--start, .ns-music-v1 .l-inline-group--top { align-items: flex-start; } .ns-music-v1 .l-inline-group--center { align-items: center; } .ns-music-v1 .l-inline-group--baseline { align-items: baseline; } .ns-music-v1 .l-inline-group--end, .ns-music-v1 .l-inline-group--bottom { align-items: flex-end; } .ns-music-v1 .l-inline-group--end > *, .ns-music-v1 .l-inline-group--bottom > * { margin-bottom: 0px; } .ns-music-v1 { } .ns-music-v1 .l-line { display: flex; align-items: stretch; list-style-type: none; padding-left: 0px; margin-left: 0px; margin-right: 0px; } .ns-music-v1 .l-line > * { margin-right: 1rem; } .ns-music-v1 .l-line--nowrap { flex-wrap: nowrap; } .ns-music-v1 .l-line--wrap { flex-wrap: wrap; } .ns-music-v1 .l-line--flush > * { margin-right: 0px; } .ns-music-v1 .l-line--xs > * { margin-right: 0.25rem; } .ns-music-v1 .l-line--sm > * { margin-right: 0.5rem; } .ns-music-v1 .l-line--md > * { margin-right: 1rem; } .ns-music-v1 .l-line--lg > * { margin-right: 2rem; } .ns-music-v1 .l-line--xl > * { margin-right: 4rem; } .ns-music-v1 .l-line--xxl > * { margin-right: 8rem; } .ns-music-v1 .l-line--xxxl > * { margin-right: 16rem; } .ns-music-v1 .l-line--lt { justify-content: flex-start; } .ns-music-v1 .l-line--ctr { justify-content: center; } .ns-music-v1 .l-line--rt { justify-content: flex-end; } .ns-music-v1 .l-line--justify { justify-content: space-between; } .ns-music-v1 .l-line--top { align-items: flex-start; } .ns-music-v1 .l-line--mid { align-items: center; } .ns-music-v1 .l-line--bot { align-items: flex-end; } .ns-music-v1 .l-line--baseline { align-items: baseline; } .ns-music-v1 .l-line--full-height { align-items: stretch; } .ns-music-v1 .l-line__splitter { margin-right: auto; } .ns-music-v1 .l-media { display: flex; align-items: flex-start; } .ns-music-v1 .l-media__img { margin-right: 1rem; } .ns-music-v1 .l-media__body { flex: 1 1 0%; } .ns-music-v1 .l-media--rev > .l-media__img { order: 1; margin: 0px 0px 0px 1rem; } .ns-music-v1 { } .ns-music-v1 .l-stack { display: flex; flex-direction: column; } .ns-music-v1 .l-stack > * { margin-bottom: 1rem; } .ns-music-v1 .l-stack:only-child { height: 100%; } .ns-music-v1 .l-stack--flush > * { margin-bottom: 0px; } .ns-music-v1 .l-stack--xs > * { margin-bottom: 0.25rem; } .ns-music-v1 .l-stack--sm > * { margin-bottom: 0.5rem; } .ns-music-v1 .l-stack--md > * { margin-bottom: 1rem; } .ns-music-v1 .l-stack--lg > * { margin-bottom: 2rem; } .ns-music-v1 .l-stack--xl > * { margin-bottom: 4rem; } .ns-music-v1 .l-stack--xxl > * { margin-bottom: 8rem; } .ns-music-v1 .l-stack--xxxl > * { margin-bottom: 16rem; } .ns-music-v1 .l-stack--lt { } .ns-music-v1 .l-stack--ctr { align-items: center; } .ns-music-v1 .l-stack--rt { } .ns-music-v1 .l-stack__splitter { margin-bottom: auto; } .ns-music-v1 { } .ns-music-v1 .c-box { margin: 0px 0px 1rem; padding: 1rem; background-color: rgb(245, 245, 245); } .ns-music-v1 .c-box--plain { background-color: rgb(255, 255, 255); } .ns-music-v1 .c-box--outlined { background-color: rgb(255, 255, 255); border: 0.125rem solid rgb(245, 245, 245); } .ns-music-v1 .c-box--bubble-wrap { background-color: rgb(255, 255, 255); margin: 0px 0px 1rem; padding: 0.5rem; border: 0.0625rem solid rgb(221, 221, 221); border-radius: 0.375rem; } .ns-music-v1 .c-card { margin: 0px 0px 1rem; background-color: rgb(255, 255, 255); padding: 1rem; border: 0.0625rem solid rgb(153, 153, 153); border-radius: 0.1875rem; } .ns-music-v1 .c-card--stack { box-shadow: rgb(245, 245, 245) -0.375rem 0.375rem 0px 0px, rgb(153, 153, 153) -0.375rem 0.375rem 0px 0.0625rem, rgb(245, 245, 245) -0.8125rem 0.8125rem 0px 0px, rgb(153, 153, 153) -0.8125rem 0.8125rem 0px 0.0625rem; } .ns-music-v1 { } .ns-music-v1 .c-button { color: rgb(0, 107, 174); background: rgb(255, 255, 255); padding: 0.5rem 1.5rem; border: 0px; border-radius: 3px; line-height: 1.5rem; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; font-size: 0.875rem; transition: color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s; margin-right: 0.5rem; } .ns-music-v1 .c-button[disabled], .ns-music-v1 .c-button.is-disabled { color: rgb(204, 204, 204); cursor: not-allowed; } .ns-music-v1 .c-button:hover { background: rgb(248, 248, 248); } .ns-music-v1 .c-button[disabled] { background: transparent; } .ns-music-v1 .c-button:last-child { margin-right: 0px; } .ns-music-v1 .c-button--primary { min-width: 8rem; color: rgb(255, 255, 255); background: rgb(0, 107, 174); border: 0px; box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; } .ns-music-v1 .c-button--primary:hover { color: rgb(255, 255, 255); background: rgb(0, 75, 122); box-shadow: none; } .ns-music-v1 .c-button--primary[disabled], .ns-music-v1 .c-button--primary.is-disabled { color: rgb(255, 255, 255); background: rgb(204, 204, 204); box-shadow: none; } .ns-music-v1 .c-button--border { min-width: 8rem; border: 1px solid rgb(221, 221, 221); } .ns-music-v1 .c-no-button { border: 0px; background: transparent; border-radius: 0px; padding: 0px; cursor: pointer; color: rgb(0, 107, 174); transition: color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s; } .ns-music-v1 .c-no-button:hover:not([disabled]) { color: rgb(0, 75, 122); text-decoration: underline; } .ns-music-v1 .c-no-button[disabled], .ns-music-v1 .c-no-button .is-disabled, .ns-music-v1 .c-no-button[disabled] *, .ns-music-v1 .c-no-button.is-disabled * { color: rgb(204, 204, 204); cursor: not-allowed; } .ns-music-v1 .c-no-button[disabled]:hover, .ns-music-v1 .c-no-button .is-disabled:hover, .ns-music-v1 .c-no-button[disabled] :hover, .ns-music-v1 .c-no-button.is-disabled :hover { outline: 0px; } .ns-music-v1 .c-button-group { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-end; margin-bottom: 1rem; } .ns-music-v1 .c-button-group > * { margin-right: 0.5rem; margin-bottom: 0px; } .ns-music-v1 .c-button-group > :last-child { margin-right: 0px; } .ns-music-v1 .c-button-group--rt { justify-content: flex-end; } .ns-music-v1 .c-button-group--lt { justify-content: flex-start; } .ns-music-v1 .c-button-group--ctr { justify-content: center; } .ns-music-v1 .c-button-group--space-evenly { justify-content: space-evenly; } .ns-music-v1 { } .ns-music-v1 .c-form-item__label { font-size: 0.875rem; } .ns-music-v1 .c-form-item__checkbox, .ns-music-v1 .c-form-item__checkbox + .c-form-item__label, .ns-music-v1 .c-form-item__radio, .ns-music-v1 .c-form-item__radio + .c-form-item__label { font-weight: normal; line-height: 1.5rem; display: inline-block; vertical-align: middle; margin-bottom: 0.25rem; } .ns-music-v1 .c-form-item__checkbox, .ns-music-v1 .c-form-item__radio { border: 0px !important; clip: rect(0px, 0px, 0px, 0px) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; width: 1px !important; } .ns-music-v1 .c-form-item__checkbox + .c-form-item__label, .ns-music-v1 .c-form-item__radio + .c-form-item__label { position: relative; transition: color 0.3s ease 0s; padding: 0.25rem 0.25rem 0.25rem 2.25rem; } .ns-music-v1 .c-form-item__checkbox + .c-form-item__label::before, .ns-music-v1 .c-form-item__checkbox + .c-form-item__label::after, .ns-music-v1 .c-form-item__radio + .c-form-item__label::before, .ns-music-v1 .c-form-item__radio + .c-form-item__label::after { content: ""; position: absolute; height: 1.5rem; width: 1.5rem; } .ns-music-v1 .c-form-item__checkbox + .c-form-item__label::before, .ns-music-v1 .c-form-item__radio + .c-form-item__label::before { left: 0.25rem; display: inline-block; margin-right: 0.5rem; background: rgb(255, 255, 255); border: 0.0625rem solid rgb(142, 142, 142); transition: border 0.3s ease 0s; } .ns-music-v1 .c-form-item__checkbox + .c-form-item__label::after, .ns-music-v1 .c-form-item__radio + .c-form-item__label::after { top: 0.25rem; left: 0.25rem; display: block; background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/check-651aace7e9b5960145d405501c81bc26d4537c5b396b584957c41e3226b4e9bd.svg"); background-size: 100% 100%; opacity: 0; transition: opacity 0.2s ease 0s; } .ns-music-v1 .c-form-item__checkbox:checked + .c-form-item__label::after, .ns-music-v1 .c-form-item__radio:checked + .c-form-item__label::after { opacity: 1; } .ns-music-v1 .c-form-item__checkbox:disabled + .c-form-item__label, .ns-music-v1 .c-form-item__radio:disabled + .c-form-item__label { cursor: default; opacity: 0.4; } .ns-music-v1 .c-form-item__checkbox:disabled + .c-form-item__label::before, .ns-music-v1 .c-form-item__radio:disabled + .c-form-item__label::before { border-color: rgb(204, 204, 204); } .ns-music-v1 .c-form-item__checkbox:disabled + .c-form-item__label:hover, .ns-music-v1 .c-form-item__radio:disabled + .c-form-item__label:hover { color: rgb(51, 51, 51); } .ns-music-v1 .c-form-item__checkbox:disabled:hover + .c-form-item__label::before, .ns-music-v1 .c-form-item__radio:disabled:hover + .c-form-item__label::before { border-color: rgb(204, 204, 204); } .ns-music-v1 .c-form-item__checkbox:hover + .c-form-item__label::before, .ns-music-v1 .c-form-item__radio:hover + .c-form-item__label::before { border-color: rgb(51, 51, 51); outline: 0px; } .ns-music-v1 .c-form-item__radio + .c-form-item__label { padding: 0.25rem 0.25rem 0.25rem 2rem; } .ns-music-v1 .c-form-item__radio + .c-form-item__label::before, .ns-music-v1 .c-form-item__radio + .c-form-item__label::after { border-radius: 50%; top: 0.375rem; } .ns-music-v1 .c-form-item__radio + .c-form-item__label::before { width: 1.25rem; height: 1.25rem; } .ns-music-v1 .c-form-item__radio + .c-form-item__label::after { top: 0.625rem; left: 0.5rem; width: 0.75rem; height: 0.75rem; background: none rgb(51, 51, 51); transition: opacity 0.2s ease 0s; opacity: 0; } .ns-music-v1 .c-form-item__radio:checked + .c-form-item__label::after { opacity: 1; } .ns-music-v1 .c-form-item__label { font-size: 0.875rem; color: rgb(102, 102, 102); letter-spacing: 1px; text-transform: uppercase; display: block; } .ns-music-v1 .c-form-item__hint { font-size: 0.875rem; color: rgb(153, 153, 153); line-height: 1; } .ns-music-v1 .c-form-item__checkbox + .c-form-item__label, .ns-music-v1 .c-form-item__radio + .c-form-item__label { letter-spacing: 0px; text-transform: none; } .ns-music-v1 .c-form-item__textarea { display: inline-block; width: auto; min-width: 8rem; background: rgb(255, 255, 255); padding: 0.5rem; margin: 0px; border-radius: 3px; line-height: 1.5rem; box-sizing: border-box; border: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px inset; font-size: 0.875rem; transition: color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s; } .ns-music-v1 .c-form-item__textarea[disabled] { opacity: 0.5; box-shadow: none; border: 1px solid rgb(204, 204, 204); background-color: rgb(245, 245, 245); } .ns-music-v1 .c-form-item__textarea[disabled]:hover { background-color: rgb(245, 245, 245); border-color: rgb(221, 221, 221); } .ns-music-v1 .c-form-item__textarea:hover { background-color: rgb(248, 248, 248); } .ns-music-v1 .c-form-item__textarea:active { border-color: rgb(255, 96, 40); background-color: rgb(255, 255, 255); outline: none; } .ns-music-v1 .c-form-item__input { display: inline-block; width: auto; min-width: 8rem; background: rgb(255, 255, 255); padding: 0.5rem; margin: 0px; border-radius: 3px; line-height: 1.5rem; box-sizing: border-box; border: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px inset; font-size: 0.875rem; transition: color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s; height: 2.5rem; } .ns-music-v1 .c-form-item__input[disabled] { opacity: 0.5; box-shadow: none; border: 1px solid rgb(204, 204, 204); background-color: rgb(245, 245, 245); } .ns-music-v1 .c-form-item__input[disabled]:hover { background-color: rgb(245, 245, 245); border-color: rgb(221, 221, 221); } .ns-music-v1 .c-form-item__input:hover { background-color: rgb(248, 248, 248); } .ns-music-v1 .c-form-item__input:active { border-color: rgb(255, 96, 40); background-color: rgb(255, 255, 255); outline: none; } .ns-music-v1 .c-form-item__input--datepicker { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/calendar-ebc9c128550fa7d5599a9a8658fe5de3f6d75cc8fe5175f4503b3395765bbba1.svg"); background-repeat: no-repeat; background-position: 10px 8px; background-size: 1.25rem; padding-left: 2.5rem; max-width: 9rem; } .ns-music-v1 .c-form-item__input--sm { min-width: 0px; width: 4rem; } .ns-music-v1 .c-form-item__error { color: rgb(206, 12, 36); } .ns-music-v1 .c-form-item__success { color: rgb(29, 135, 62); } .ns-music-v1 .c-form-item--success .c-form-item__input { padding-right: 2rem; border: 2px solid rgb(29, 135, 62); background: url("//assets.maestro.vhlcentral.com/assets/music/icons/check-651aace7e9b5960145d405501c81bc26d4537c5b396b584957c41e3226b4e9bd.svg") right 0.25rem center / 1.5rem 1.5rem no-repeat; } .ns-music-v1 .c-form-item--error .c-form-item__input { padding-right: 2rem; border: 2px solid rgb(206, 12, 36); background: url("//assets.maestro.vhlcentral.com/assets/music/icons/circle-exclamation-8b0489f30e8d1cc085ff915acbef935066d4e956eb41c14348e4030440ad4203.svg") right 0.25rem center / 1.5rem 1.5rem no-repeat; } .ns-music-v1 .c-form-item-group { display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 0px 0px 1rem; align-items: flex-end; } .ns-music-v1 .c-form-item-group > * { margin-right: 1rem; margin-bottom: 0px; } .ns-music-v1 .c-form-item-group > :last-child { margin-right: 0px; } .ns-music-v1 .c-file-input { border: 0px !important; clip: rect(0px, 0px, 0px, 0px) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; width: 1px !important; } .ns-music-v1 .c-file-input + label { color: rgb(0, 107, 174); background: rgb(255, 255, 255); padding: 0.5rem 1.5rem; border: 0px; border-radius: 0.1875rem; line-height: 1.5rem; cursor: pointer; text-transform: uppercase; letter-spacing: 0.0625rem; font-size: 0.875rem; transition: color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s; text-align: center; font-weight: normal; } .ns-music-v1 .c-file-input + label[disabled] + label, .ns-music-v1 .c-file-input + label.is-disabled + labe { color: rgb(204, 204, 204); pointer-events: none; cursor: default; } .ns-music-v1 .c-file-input + label:hover, .ns-music-v1 .c-file-input + label.has-focus { background: rgb(248, 248, 248); } .ns-music-v1 .c-file-input + label.has-focus { outline: rgb(0, 107, 174) solid 0.125rem; } .ns-music-v1 .c-file-input-text { padding-left: 1rem; } .ns-music-v1 .c-select { appearance: none; position: relative; height: 2.5rem; max-width: 100%; font-family: inherit; font-size: 0.75rem; text-transform: uppercase; background: url("//assets.maestro.vhlcentral.com/assets/music/v1/forms/caret-99d74f757eca60c8688f9f2d1aa1e10a71a55b32c5a2476a1aea971fff0189ca.svg") right 6px center / 1rem no-repeat rgb(255, 255, 255); border-radius: 3px; border: 1px solid rgb(221, 221, 221); padding: 0px 1.5rem 0px 0.75rem; transition: color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s; } .ns-music-v1 .c-select:hover, .ns-music-v1 .c-select:focus, .ns-music-v1 .c-select:active { background-color: rgb(248, 248, 248); } .ns-music-v1 .c-select:focus { outline: rgb(255, 96, 40) auto 2px; } .ns-music-v1 .c-select:disabled { border: 1px solid rgb(204, 204, 204); color: rgb(204, 204, 204); background-image: url("//assets.maestro.vhlcentral.com/assets/music/v1/forms/caret-disabled-8bc27fc1621a0b8887d992318f474082c4c7eed01fef7e32c77052ec65bbb470.svg"); box-shadow: none; } .ns-music-v1 .c-toggle, .ns-music-v1 .c-toggle + .c-label { font-weight: normal; line-height: 1.5rem; vertical-align: middle; } .ns-music-v1 .c-toggle { display: block; border: 0px !important; clip: rect(0px, 0px, 0px, 0px) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; width: 1px !important; } .ns-music-v1 .c-toggle + .c-label { color: rgb(102, 102, 102); font-weight: normal; text-transform: uppercase; position: relative; display: inline-block; padding: 1rem; border: 2px solid transparent; cursor: pointer; margin-right: 0px; transition: color 0.2s ease-in-out 0s; } .ns-music-v1 .c-toggle + .c-label::before { content: ""; left: 0px; top: 0px; display: inline-block; vertical-align: middle; margin-right: 0.75rem; height: 0.975rem; width: 2.625rem; background-color: rgb(170, 170, 170); border-radius: 0.625rem; transition: background-color 0.2s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 3px 0px inset; } .ns-music-v1 .c-toggle + .c-label::after { content: ""; position: absolute; top: 1rem; left: 1rem; display: block; width: 1.5rem; height: 1.5rem; background-color: rgb(245, 245, 245); transition: box-shadow 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s, left 0.2s ease-in-out 0s; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; border: 0.0625rem solid rgb(142, 142, 142); } .ns-music-v1 .c-toggle + .c-label .c-toggle__on-label, .ns-music-v1 .c-toggle + .c-label .c-toggle__off-label { position: absolute; transition: opacity 0.2s ease-in-out 0s; display: inline; white-space: nowrap; } .ns-music-v1 .c-toggle + .c-label .c-toggle__on-label { opacity: 0; } .ns-music-v1 .c-toggle + .c-label .c-toggle__off-label { opacity: 1; } .ns-music-v1 .c-toggle:checked + .c-label { color: rgb(51, 51, 51); } .ns-music-v1 .c-toggle:checked + .c-label::before { background-color: rgb(82, 171, 226); } .ns-music-v1 .c-toggle:checked + .c-label::after { left: 2.25rem; } .ns-music-v1 .c-toggle:checked + .c-label .c-toggle__on-label { opacity: 1; } .ns-music-v1 .c-toggle:checked + .c-label .c-toggle__off-label { opacity: 0; } .ns-music-v1 .c-toggle:hover:enabled + .c-label::after { background-color: rgb(255, 255, 255); } .ns-music-v1 .c-toggle:disabled + .c-label { cursor: not-allowed; opacity: 0.5; } .ns-music-v1 .c-toggle:disabled + .c-label::before { box-shadow: none; background-color: rgb(204, 204, 204); } .ns-music-v1 .c-toggle:disabled + .c-label::after { box-shadow: none; } .ns-music-v1 { } .ns-music-v1 .c-datepicker { font-size: 1rem; box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; background-color: rgb(255, 255, 255); } .ns-music-v1 .c-datepicker .ui-datepicker-title, .ns-music-v1 .c-datepicker .ui-datepicker-header, .ns-music-v1 .c-datepicker .ui-state-default { font-weight: normal; background: none; border: 0px; color: rgb(102, 102, 102); } .ns-music-v1 .c-datepicker .ui-datepicker-prev, .ns-music-v1 .c-datepicker .ui-datepicker-next { text-align: center; top: 6px; } .ns-music-v1 .c-datepicker .ui-datepicker-prev span, .ns-music-v1 .c-datepicker .ui-datepicker-next span { display: none; } .ns-music-v1 .c-datepicker .ui-datepicker-prev::after, .ns-music-v1 .c-datepicker .ui-datepicker-next::after { content: ""; display: inline-block; border: 8px solid transparent; } .ns-music-v1 .c-datepicker .ui-datepicker-prev:hover, .ns-music-v1 .c-datepicker .ui-datepicker-next:hover { border: 0px; background: none; top: 6px; } .ns-music-v1 .c-datepicker .ui-datepicker-prev::after { border-right: 8px solid rgb(0, 107, 174); border-left: 0px; } .ns-music-v1 .c-datepicker .ui-datepicker-prev-hover { left: 2px; } .ns-music-v1 .c-datepicker .ui-datepicker-next::after { border-left: 8px solid rgb(0, 107, 174); border-right: 0px; } .ns-music-v1 .c-datepicker .ui-datepicker-next-hover { right: 2px; } .ns-music-v1 .c-datepicker .ui-datepicker-week-end span { color: rgb(255, 96, 40); } .ns-music-v1 .c-datepicker .ui-datepicker-calendar { margin-left: -4px; margin-bottom: 0.5rem; } .ns-music-v1 .c-datepicker thead th { font-weight: normal; text-align: right; } .ns-music-v1 .c-datepicker .ui-state-active, .ns-music-v1 .c-datepicker .ui-state-active:active { font-weight: normal; background-color: rgb(82, 171, 226); color: rgb(255, 255, 255); } .ns-music-v1 .c-datepicker .ui-datepicker-today > a { font-weight: bold; color: rgb(0, 0, 0); } .ns-music-v1 .c-datepicker .ui-state-hover { background-color: rgb(221, 221, 221); color: rgb(51, 51, 51); } .ns-music-v1 .c-datepicker .ui-state-active.ui-state-hover { background-color: rgb(153, 153, 153); } .ns-music-v1 { } .ns-music-v1 .c-icon { display: inline-block; vertical-align: middle; text-decoration: none; background-repeat: no-repeat; background-position: 50% 50%; width: 1rem; height: 1rem; line-height: 1rem; background-size: 1rem 1rem; } .ns-music-v1 .c-icon + span { text-decoration: none; white-space: nowrap; } .ns-music-v1 .c-icon--sm { width: 0.75rem; height: 0.75rem; line-height: 0.75rem; background-size: 0.75rem 0.75rem; } .ns-music-v1 .c-icon--md { width: 1rem; height: 1rem; line-height: 1rem; background-size: 1rem 1rem; } .ns-music-v1 .c-icon--md-lg { width: 1.25rem; height: 1.25rem; line-height: 1.25rem; background-size: 1.25rem 1.25rem; } .ns-music-v1 .c-icon--lg { width: 1.5rem; height: 1.5rem; line-height: 1.5rem; background-size: 1.5rem 1.5rem; } .ns-music-v1 .c-icon--xl { width: 2rem; height: 2rem; line-height: 2rem; background-size: 2rem 2rem; } .ns-music-v1 .c-icon--complete { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/complete-a84f04366390c6985803474acf25e6105c41cd3e542026ec6c4c5e8216e31422.svg"); } .ns-music-v1 .c-icon--error-circle { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/error-circle-2c4df6b266844dadbc36ca24edeff0d9ca56ccf88439319cc2bc22981eda03e2.svg"); } .ns-music-v1 .c-icon--thumbs-up { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/thumbs-up-87608d3b37c01da2bd4b23c3b8fffc46c7f54e5b8daa0a77d8986801747d8e56.svg"); } .ns-music-v1 .c-icon--thumbs-down { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/thumbs-down-fb4b4055da350257d79fa94874546d6e8950a82c45faa14c512aabed25d82b29.svg"); } .ns-music-v1 .c-icon--file-type-document { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/file-type/file-type-document-3dd4c04371107cb407263af28adfdd20e0e2683022b5660b76c5c40f876295af.svg"); } .ns-music-v1 .c-icon--file-type-audio { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/file-type/file-type-audio-164f0d13e17566d0543faefeb0fad52812ab87eaa6d418ef82e1473581bdfc5a.svg"); } .ns-music-v1 .c-icon--file-type-presentation { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/file-type/file-type-presentation-b0ea943d3850295125a7c6e0e11cf8bc94903a2977dbb609e75421626329205f.svg"); } .ns-music-v1 .c-icon--file-type-image { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/file-type/file-type-image-c965acfc274c80fe87a3e9af7340d4a66f1f1780db3810fb5279d65be354afe7.svg"); } .ns-music-v1 .c-icon--file-type-pdf { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/file-type/file-type-pdf-f51afac9e0b13ab3ff0be4ddf5c82fabcfe21c0e49be9c9ea66bf97a230d030e.svg"); } .ns-music-v1 .c-icon--ok { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/checkmark-green-c25a40554decd41e38351eb612a0d8388e3607d8e12b74bc6d686e317a704441.svg"); } .ns-music-v1 .c-icon--ok.is-disabled { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/checkmark-black-ac045451cab1003cad130453155e890f665cf810a9e72d5860147e7e3feba987.svg"); opacity: 0.15; } .ns-music-v1 .c-icon--close { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/close-a27b115ddce9df5b4c2683b1ce8be21af2284c8119c7866c76500301c34367cf.svg"); } .ns-music-v1 .c-icon--close:hover { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/close-hover-4cabd06091b3691380ae9b4a71a3cacd6e98011717b40a904a5553748b6a308b.svg"); } .ns-music-v1 .c-icon--up-arrow, .ns-music-v1 .c-icon--right-arrow, .ns-music-v1 .c-icon--down-arrow, .ns-music-v1 .c-icon--left-arrow, .ns-music-v1 .c-icon--back-arrow { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/navigation-arrows/icon-nav-arrow-4d9210ace4fae027f7071d07f7cf0c49e1396f6a2928cd8d97db1edc77cba375.svg"); margin-top: -1px; } .ns-music-v1 .c-icon--up-arrow.c-icon--light, .ns-music-v1 .c-icon--right-arrow.c-icon--light, .ns-music-v1 .c-icon--down-arrow.c-icon--light, .ns-music-v1 .c-icon--left-arrow.c-icon--light, .ns-music-v1 .c-icon--back-arrow.c-icon--light { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/navigation-arrows/icon-nav-arrow-light-a2a7ecaab609a0571ce153bd225772a457fe7d8db9c80d1d2ff1929ef737a382.svg"); } .ns-music-v1 .c-icon--up-arrow.is-disabled, .ns-music-v1 .c-icon--right-arrow.is-disabled, .ns-music-v1 .c-icon--down-arrow.is-disabled, .ns-music-v1 .c-icon--left-arrow.is-disabled, .ns-music-v1 .c-icon--back-arrow.is-disabled { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/navigation-arrows/icon-nav-arrow-disabled-848264389da202e9cd6a64c4621162074c26fa0671a70c68a29b0be4381e6a1d.svg"); } .ns-music-v1 .c-icon--up-arrow { transform: rotate(0deg); } .ns-music-v1 .c-icon--right-arrow { transform: rotate(90deg); } .ns-music-v1 .c-icon--down-arrow { transform: rotate(180deg); } .ns-music-v1 .c-icon--left-arrow, .ns-music-v1 .c-icon--back-arrow { transform: rotate(-90deg); } .ns-music-v1 a:hover .c-icon--up-arrow, .ns-music-v1 a:hover .c-icon--right-arrow, .ns-music-v1 a:hover .c-icon--down-arrow, .ns-music-v1 a:hover .c-icon--left-arrow, .ns-music-v1 a:hover .c-icon--back-arrow, .ns-music-v1 button:hover .c-icon--up-arrow, .ns-music-v1 button:hover .c-icon--right-arrow, .ns-music-v1 button:hover .c-icon--down-arrow, .ns-music-v1 button:hover .c-icon--left-arrow, .ns-music-v1 button:hover .c-icon--back-arrow { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/navigation-arrows/icon-nav-arrow-hover-42000500ae1e63dbef8b0742e10f9aa059f7f9cca8526ba293be1dac90911ffb.svg"); } .ns-music-v1 a:hover .c-icon--up-arrow.c-icon--light, .ns-music-v1 a:hover .c-icon--right-arrow.c-icon--light, .ns-music-v1 a:hover .c-icon--down-arrow.c-icon--light, .ns-music-v1 a:hover .c-icon--left-arrow.c-icon--light, .ns-music-v1 a:hover .c-icon--back-arrow.c-icon--light, .ns-music-v1 button:hover .c-icon--up-arrow.c-icon--light, .ns-music-v1 button:hover .c-icon--right-arrow.c-icon--light, .ns-music-v1 button:hover .c-icon--down-arrow.c-icon--light, .ns-music-v1 button:hover .c-icon--left-arrow.c-icon--light, .ns-music-v1 button:hover .c-icon--back-arrow.c-icon--light { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/navigation-arrows/icon-nav-arrow-light-a2a7ecaab609a0571ce153bd225772a457fe7d8db9c80d1d2ff1929ef737a382.svg"); } .ns-music-v1 .c-icon--cognate, .ns-music-v1 .c-icon--cognate-false, .ns-music-v1 false_cognate { width: 1.5rem; height: 1.5rem; background-size: 1.5rem 1.5rem; background-repeat: no-repeat; } .ns-music-v1 .c-icon--cognate { background-image: url("//assets.maestro.vhlcentral.com/assets/music/learning_engines/cognate-8424fe3f45d33eec8640e2fae3257ad5b3cf1731fac833b176fb5cd882bade9f.svg"); } .ns-music-v1 .c-icon--cognate-false, .ns-music-v1 false_cognate { background-image: url("//assets.maestro.vhlcentral.com/assets/music/learning_engines/cognate-false-c60e2811746ff13632a6a7e8ebcc1500f3b00b91ce35a43cbff43bc214085b5d.svg"); } .ns-music-v1 false_cognate { padding-right: 1.75rem; background-position: 100% 0%; } .ns-music-v1 .sg-icon-hover { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cards-hover-b0c1d6860d97ff74ad5314c1cdf836ad78e858662930e40c85c1ab3836bec879.svg"); } .ns-music-v1 .sg-icon-active { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cards-hover-b0c1d6860d97ff74ad5314c1cdf836ad78e858662930e40c85c1ab3836bec879.svg"); } .ns-music-v1 .sg-icon-light { background-color: rgb(102, 102, 102); outline: rgb(102, 102, 102) solid 2px; } .ns-music-v1 .c-embedded-icon { display: inline-block; text-decoration: none; white-space: nowrap; } .ns-music-v1 .c-embedded-icon svg { width: 1rem; height: 1rem; line-height: 1rem; background-size: 1rem 1rem; display: inline-block; vertical-align: middle; fill: rgb(68, 68, 68); } .ns-music-v1 .c-embedded-icon__label { margin-left: 0.125rem; } .ns-music-v1 .c-embedded-icon--inverted svg { fill: rgb(255, 255, 255); } .ns-music-v1 [href] .c-embedded-icon svg, .ns-music-v1 [class*="button"] .c-embedded-icon svg, .ns-music-v1 .c-details__summary .c-embedded-icon svg { fill: rgb(0, 107, 174); } .ns-music-v1 [href] .c-embedded-icon--inverted svg, .ns-music-v1 [class*="button"] .c-embedded-icon--inverted svg, .ns-music-v1 .c-details__summary .c-embedded-icon--inverted svg { fill: rgb(255, 255, 255); } .ns-music-v1 [href]:hover .c-embedded-icon:not(.c-embedded-icon--inverted) svg, .ns-music-v1 [class*="button"]:hover .c-embedded-icon:not(.c-embedded-icon--inverted) svg, .ns-music-v1 .c-details__summary:hover .c-embedded-icon:not(.c-embedded-icon--inverted) svg { fill: rgb(0, 75, 122); } .ns-music-v1 [href]:focus .c-embedded-icon:not(.c-embedded-icon--inverted) svg, .ns-music-v1 [class*="button"]:focus .c-embedded-icon:not(.c-embedded-icon--inverted) svg, .ns-music-v1 .c-details__summary:focus .c-embedded-icon:not(.c-embedded-icon--inverted) svg { fill: rgb(0, 75, 122); } .ns-music-v1 [href]:active .c-embedded-icon:not(.c-embedded-icon--inverted) svg, .ns-music-v1 [class*="button"]:active .c-embedded-icon:not(.c-embedded-icon--inverted) svg, .ns-music-v1 .c-details__summary:active .c-embedded-icon:not(.c-embedded-icon--inverted) svg { fill: rgb(0, 0, 0); } .ns-music-v1 .is-active[href] .c-embedded-icon:not(.c-embedded-icon--inverted) svg, .ns-music-v1 .is-active[class*="button"] .c-embedded-icon:not(.c-embedded-icon--inverted) svg, .ns-music-v1 .c-details__summary.is-active .c-embedded-icon:not(.c-embedded-icon--inverted) svg { fill: rgb(255, 96, 40); } .ns-music-v1 [href]:disabled .c-embedded-icon svg, .ns-music-v1 .is-disabled[href] .c-embedded-icon svg, .ns-music-v1 [class*="button"]:disabled .c-embedded-icon svg, .ns-music-v1 .is-disabled[class*="button"] .c-embedded-icon svg, .ns-music-v1 .c-details__summary:disabled .c-embedded-icon svg, .ns-music-v1 .c-details__summary.is-disabled .c-embedded-icon svg { fill: rgb(204, 204, 204); } .ns-music-v1 .is-disabled .c-embedded-icon svg, .ns-music-v1 :disabled .c-embedded-icon svg { fill: rgb(204, 204, 204) !important; } .ns-music-v1 .c-embedded-icon--sm svg { width: 0.75rem; height: 0.75rem; line-height: 0.75rem; background-size: 0.75rem 0.75rem; } .ns-music-v1 .c-embedded-icon--md svg { width: 1rem; height: 1rem; line-height: 1rem; background-size: 1rem 1rem; } .ns-music-v1 .c-embedded-icon--md-lg svg { width: 1.25rem; height: 1.25rem; line-height: 1.25rem; background-size: 1.25rem 1.25rem; } .ns-music-v1 .c-embedded-icon--lg svg { width: 1.5rem; height: 1.5rem; line-height: 1.5rem; background-size: 1.5rem 1.5rem; } .ns-music-v1 .c-embedded-icon--xl svg { width: 2rem; height: 2rem; line-height: 2rem; background-size: 2rem 2rem; } .ns-music-v1 { } .ns-music-v1 .c-disclosure { display: flex; flex-flow: row wrap; } .ns-music-v1 .c-disclosure__header { cursor: pointer; } .ns-music-v1 .c-disclosure__marker { display: inline-block; vertical-align: middle; text-decoration: none; background-repeat: no-repeat; background-position: 50% 50%; } .ns-music-v1 .c-disclosure__body { flex: 1 1 100%; order: 3; } .ns-music-v1 .c-disclosure--start .c-disclosure__header { order: 2; margin-left: 0.5rem; } .ns-music-v1 .c-disclosure--start .c-disclosure__marker { width: 1.5rem; height: 1.5rem; line-height: 1.5rem; background-size: 1.5rem 1.5rem; order: 1; background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/disclosure-42a59825e6eb75ea4f198a976adfaf112558be30ba0bc20df6e1d327783236d4.svg"); transform: rotate(90deg); } .ns-music-v1 .c-disclosure--start .c-disclosure__marker.is-expanded { transform: rotate(180deg); } .ns-music-v1 .c-disclosure--start .c-disclosure__marker[disabled], .ns-music-v1 .c-disclosure--start .c-disclosure__marker.is-disabled { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/disclosure-light-c875a33d0bd4f3f81dc15dc70137a5c920c5c0ca99b523d1dd32812e1d7c6ed7.svg"); } .ns-music-v1 .c-disclosure--start .c-disclosure__marker--reverse { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/disclosure-light-c875a33d0bd4f3f81dc15dc70137a5c920c5c0ca99b523d1dd32812e1d7c6ed7.svg"); } .ns-music-v1 .c-disclosure--end { align-items: baseline; } .ns-music-v1 .c-disclosure--end .c-disclosure__header { order: 1; margin-right: 0.5rem; } .ns-music-v1 .c-disclosure--end .c-disclosure__marker { width: 1rem; height: 1rem; line-height: 1rem; background-size: 1rem 1rem; order: 2; background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/caret-f0a0d68c9d225116712fb411568354198972cf4839d279a216e761d0e2a47226.svg"); transform: rotate(90deg); } .ns-music-v1 .c-disclosure--end .c-disclosure__marker.is-expanded { transform: rotate(-90deg); } .ns-music-v1 .c-disclosure--end .c-disclosure__marker[disabled], .ns-music-v1 .c-disclosure--end .c-disclosure__marker.is-disabled { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/caret-light-6434995b09730853cf13d4446cf9c9fd7657f92c17d0b6d96ace28e6ebe58956.svg"); } .ns-music-v1 .c-disclosure--end .c-disclosure__marker--reverse { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/caret-light-6434995b09730853cf13d4446cf9c9fd7657f92c17d0b6d96ace28e6ebe58956.svg"); } .ns-music-v1 .c-disclosure__header.c-panel__header { margin-right: 0px; width: 100%; } .ns-music-v1 { } .ns-music-v1 .c-flash-banner { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; border-radius: 0.1875rem; border-top: 0.25rem solid currentcolor; padding: 1rem 3rem 1rem 1rem; position: relative; text-align: left; max-width: 32rem; } .ns-music-v1 .c-flash-banner p:last-child { margin-bottom: 0px; } @media (max-width: 699px) { .ns-music-v1 .c-flash-banner { max-width: none; border-radius: 0px; } } .ns-music-v1 .c-flash-banner__icon { display: inline-block; vertical-align: middle; text-decoration: none; background-repeat: no-repeat; background-position: 50% 50%; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; background-size: 1.5rem 1.5rem; } .ns-music-v1 .c-flash-banner__close-link { display: inline-block; font-size: 1.5rem; text-decoration: none; border: 0px; padding: 0.5rem; position: absolute; right: 0px; top: -0.75rem; } .ns-music-v1 .c-flash-banner__close-link:hover { text-decoration: none; } .ns-music-v1 .c-flash-banner--success, .ns-music-v1 .c-flash-banner--notice { color: rgb(29, 135, 62); } .ns-music-v1 .c-flash-banner__icon--success, .ns-music-v1 .c-flash-banner__icon--notice { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/flash-banners/icon-success-9ec82c0262150398eb508164be24cc4aaaf9846fca4add0ba924d8011221fc98.svg"); } .ns-music-v1 .c-flash-banner--error { color: rgb(206, 12, 36); } .ns-music-v1 .c-flash-banner__icon--error { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/flash-banners/icon-error-304f0c07786b538e45dd3d89df396a10ac9bad722df8514abe8f8c523507d2cb.svg"); } .ns-music-v1 .c-flash-banner--warning { color: rgb(255, 96, 40); } .ns-music-v1 .c-flash-banner--warning .l-media__body { color: rgb(51, 51, 51); } .ns-music-v1 .c-flash-banner__icon--warning { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/flash-banners/icon-warning-c2c25b8602b9dc6865f63d18c15a668092356e23417b98b64bf188c4c0d9e532.svg"); } .ns-music-v1 .c-flash-banner-group { position: absolute; top: calc(100% + 0.5rem); right: 1rem; z-index: 5; } @media (max-width: 699px) { .ns-music-v1 .c-flash-banner-group { position: relative; margin-left: -1rem; margin-right: -1rem; left: 0px; right: 0px; } } .ns-music-v1 .c-flash-banner-group--embedded { position: static; margin-top: -1.5625rem; max-width: 75%; } @media (max-width: 699px) { .ns-music-v1 .c-flash-banner-group--embedded { max-width: none; margin-right: auto; margin-left: auto; } } .ns-music-v1 .c-flash-banner--embedded { color: rgb(51, 51, 51); width: 100%; max-width: none; padding: 1rem; } .ns-music-v1 .c-flash-banner--embedded--warning { border-top: 0.25rem solid rgb(235, 167, 25); } .ns-music-v1 .c-flash-banner--embedded--error { border-top: 0.25rem solid rgb(206, 12, 36); } .ns-music-v1 .c-flash-banner--embedded--success, .ns-music-v1 .c-flash-banner--embedded--notice { border-top: 0.25rem solid rgb(29, 135, 62); } .ns-music-v1 .c-live-flash-container { display: flex; flex-direction: column; align-items: flex-end; position: absolute; right: 0.5rem; top: 0.5rem; width: 20rem; } .ns-music-v1 { } .ns-music-v1 .c-heading--xs { font-size: 0.875rem; color: rgb(51, 51, 51); } .ns-music-v1 .c-heading--sm { font-size: 1rem; color: rgb(51, 51, 51); } .ns-music-v1 .c-heading--md { font-size: 1.25rem; color: rgb(51, 51, 51); } .ns-music-v1 .c-heading--lg { font-size: 2rem; color: rgb(51, 51, 51); } .ns-music-v1 .c-heading--xl { font-size: 3rem; color: rgb(51, 51, 51); } .ns-music-v1 .c-heading { color: rgb(51, 51, 51); font-size: 1rem; } .ns-music-v1 .c-heading--page-title { color: rgb(102, 102, 102); font-size: 1.25rem; font-weight: normal; } .ns-music-v1 .c-heading--modal { font-size: 2rem; font-weight: normal; } .ns-music-v1 .c-heading--caps { font-size: 0.875rem; color: rgb(102, 102, 102); letter-spacing: 1px; text-transform: uppercase; } .ns-music-v1 .c-heading--reference { color: rgb(102, 102, 102); font-size: 1rem; } .ns-music-v1 { } .ns-music-v1 .c-icon { display: inline-block; vertical-align: middle; text-decoration: none; background-repeat: no-repeat; background-position: 50% 50%; width: 1rem; height: 1rem; line-height: 1rem; background-size: 1rem 1rem; } .ns-music-v1 .c-icon + span { text-decoration: none; white-space: nowrap; } .ns-music-v1 .c-icon--sm { width: 0.75rem; height: 0.75rem; line-height: 0.75rem; background-size: 0.75rem 0.75rem; } .ns-music-v1 .c-icon--md { width: 1rem; height: 1rem; line-height: 1rem; background-size: 1rem 1rem; } .ns-music-v1 .c-icon--md-lg { width: 1.25rem; height: 1.25rem; line-height: 1.25rem; background-size: 1.25rem 1.25rem; } .ns-music-v1 .c-icon--lg { width: 1.5rem; height: 1.5rem; line-height: 1.5rem; background-size: 1.5rem 1.5rem; } .ns-music-v1 .c-icon--xl { width: 2rem; height: 2rem; line-height: 2rem; background-size: 2rem 2rem; } .ns-music-v1 .c-icon--complete { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/complete-a84f04366390c6985803474acf25e6105c41cd3e542026ec6c4c5e8216e31422.svg"); } .ns-music-v1 .c-icon--error-circle { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/error-circle-2c4df6b266844dadbc36ca24edeff0d9ca56ccf88439319cc2bc22981eda03e2.svg"); } .ns-music-v1 .c-icon--thumbs-up { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/thumbs-up-87608d3b37c01da2bd4b23c3b8fffc46c7f54e5b8daa0a77d8986801747d8e56.svg"); } .ns-music-v1 .c-icon--thumbs-down { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/thumbs-down-fb4b4055da350257d79fa94874546d6e8950a82c45faa14c512aabed25d82b29.svg"); } .ns-music-v1 .c-icon--file-type-document { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/file-type/file-type-document-3dd4c04371107cb407263af28adfdd20e0e2683022b5660b76c5c40f876295af.svg"); } .ns-music-v1 .c-icon--file-type-audio { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/file-type/file-type-audio-164f0d13e17566d0543faefeb0fad52812ab87eaa6d418ef82e1473581bdfc5a.svg"); } .ns-music-v1 .c-icon--file-type-presentation { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/file-type/file-type-presentation-b0ea943d3850295125a7c6e0e11cf8bc94903a2977dbb609e75421626329205f.svg"); } .ns-music-v1 .c-icon--file-type-image { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/file-type/file-type-image-c965acfc274c80fe87a3e9af7340d4a66f1f1780db3810fb5279d65be354afe7.svg"); } .ns-music-v1 .c-icon--file-type-pdf { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/file-type/file-type-pdf-f51afac9e0b13ab3ff0be4ddf5c82fabcfe21c0e49be9c9ea66bf97a230d030e.svg"); } .ns-music-v1 .c-icon--ok { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/checkmark-green-c25a40554decd41e38351eb612a0d8388e3607d8e12b74bc6d686e317a704441.svg"); } .ns-music-v1 .c-icon--ok.is-disabled { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/checkmark-black-ac045451cab1003cad130453155e890f665cf810a9e72d5860147e7e3feba987.svg"); opacity: 0.15; } .ns-music-v1 .c-icon--close { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/close-a27b115ddce9df5b4c2683b1ce8be21af2284c8119c7866c76500301c34367cf.svg"); } .ns-music-v1 .c-icon--close:hover { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/close-hover-4cabd06091b3691380ae9b4a71a3cacd6e98011717b40a904a5553748b6a308b.svg"); } .ns-music-v1 .c-icon--up-arrow, .ns-music-v1 .c-icon--right-arrow, .ns-music-v1 .c-icon--down-arrow, .ns-music-v1 .c-icon--left-arrow, .ns-music-v1 .c-icon--back-arrow { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/navigation-arrows/icon-nav-arrow-4d9210ace4fae027f7071d07f7cf0c49e1396f6a2928cd8d97db1edc77cba375.svg"); margin-top: -1px; } .ns-music-v1 .c-icon--up-arrow.c-icon--light, .ns-music-v1 .c-icon--right-arrow.c-icon--light, .ns-music-v1 .c-icon--down-arrow.c-icon--light, .ns-music-v1 .c-icon--left-arrow.c-icon--light, .ns-music-v1 .c-icon--back-arrow.c-icon--light { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/navigation-arrows/icon-nav-arrow-light-a2a7ecaab609a0571ce153bd225772a457fe7d8db9c80d1d2ff1929ef737a382.svg"); } .ns-music-v1 .c-icon--up-arrow.is-disabled, .ns-music-v1 .c-icon--right-arrow.is-disabled, .ns-music-v1 .c-icon--down-arrow.is-disabled, .ns-music-v1 .c-icon--left-arrow.is-disabled, .ns-music-v1 .c-icon--back-arrow.is-disabled { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/navigation-arrows/icon-nav-arrow-disabled-848264389da202e9cd6a64c4621162074c26fa0671a70c68a29b0be4381e6a1d.svg"); } .ns-music-v1 .c-icon--up-arrow { transform: rotate(0deg); } .ns-music-v1 .c-icon--right-arrow { transform: rotate(90deg); } .ns-music-v1 .c-icon--down-arrow { transform: rotate(180deg); } .ns-music-v1 .c-icon--left-arrow, .ns-music-v1 .c-icon--back-arrow { transform: rotate(-90deg); } .ns-music-v1 a:hover .c-icon--up-arrow, .ns-music-v1 a:hover .c-icon--right-arrow, .ns-music-v1 a:hover .c-icon--down-arrow, .ns-music-v1 a:hover .c-icon--left-arrow, .ns-music-v1 a:hover .c-icon--back-arrow, .ns-music-v1 button:hover .c-icon--up-arrow, .ns-music-v1 button:hover .c-icon--right-arrow, .ns-music-v1 button:hover .c-icon--down-arrow, .ns-music-v1 button:hover .c-icon--left-arrow, .ns-music-v1 button:hover .c-icon--back-arrow { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/navigation-arrows/icon-nav-arrow-hover-42000500ae1e63dbef8b0742e10f9aa059f7f9cca8526ba293be1dac90911ffb.svg"); } .ns-music-v1 a:hover .c-icon--up-arrow.c-icon--light, .ns-music-v1 a:hover .c-icon--right-arrow.c-icon--light, .ns-music-v1 a:hover .c-icon--down-arrow.c-icon--light, .ns-music-v1 a:hover .c-icon--left-arrow.c-icon--light, .ns-music-v1 a:hover .c-icon--back-arrow.c-icon--light, .ns-music-v1 button:hover .c-icon--up-arrow.c-icon--light, .ns-music-v1 button:hover .c-icon--right-arrow.c-icon--light, .ns-music-v1 button:hover .c-icon--down-arrow.c-icon--light, .ns-music-v1 button:hover .c-icon--left-arrow.c-icon--light, .ns-music-v1 button:hover .c-icon--back-arrow.c-icon--light { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/navigation-arrows/icon-nav-arrow-light-a2a7ecaab609a0571ce153bd225772a457fe7d8db9c80d1d2ff1929ef737a382.svg"); } .ns-music-v1 .c-icon--cognate, .ns-music-v1 .c-icon--cognate-false, .ns-music-v1 false_cognate { width: 1.5rem; height: 1.5rem; background-size: 1.5rem 1.5rem; background-repeat: no-repeat; } .ns-music-v1 .c-icon--cognate { background-image: url("//assets.maestro.vhlcentral.com/assets/music/learning_engines/cognate-8424fe3f45d33eec8640e2fae3257ad5b3cf1731fac833b176fb5cd882bade9f.svg"); } .ns-music-v1 .c-icon--cognate-false, .ns-music-v1 false_cognate { background-image: url("//assets.maestro.vhlcentral.com/assets/music/learning_engines/cognate-false-c60e2811746ff13632a6a7e8ebcc1500f3b00b91ce35a43cbff43bc214085b5d.svg"); } .ns-music-v1 false_cognate { padding-right: 1.75rem; background-position: 100% 0%; } .ns-music-v1 .sg-icon-hover { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cards-hover-b0c1d6860d97ff74ad5314c1cdf836ad78e858662930e40c85c1ab3836bec879.svg"); } .ns-music-v1 .sg-icon-active { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/cards-hover-b0c1d6860d97ff74ad5314c1cdf836ad78e858662930e40c85c1ab3836bec879.svg"); } .ns-music-v1 .sg-icon-light { background-color: rgb(102, 102, 102); outline: rgb(102, 102, 102) solid 2px; } .ns-music-v1 .c-embedded-icon { display: inline-block; text-decoration: none; white-space: nowrap; } .ns-music-v1 .c-embedded-icon svg { width: 1rem; height: 1rem; line-height: 1rem; background-size: 1rem 1rem; display: inline-block; vertical-align: middle; fill: rgb(68, 68, 68); } .ns-music-v1 .c-embedded-icon__label { margin-left: 0.125rem; } .ns-music-v1 .c-embedded-icon--inverted svg { fill: rgb(255, 255, 255); } .ns-music-v1 [href] .c-embedded-icon svg, .ns-music-v1 [class*="button"] .c-embedded-icon svg, .ns-music-v1 .c-details__summary .c-embedded-icon svg { fill: rgb(0, 107, 174); } .ns-music-v1 [href] .c-embedded-icon--inverted svg, .ns-music-v1 [class*="button"] .c-embedded-icon--inverted svg, .ns-music-v1 .c-details__summary .c-embedded-icon--inverted svg { fill: rgb(255, 255, 255); } .ns-music-v1 [href]:hover .c-embedded-icon:not(.c-embedded-icon--inverted) svg, .ns-music-v1 [class*="button"]:hover .c-embedded-icon:not(.c-embedded-icon--inverted) svg, .ns-music-v1 .c-details__summary:hover .c-embedded-icon:not(.c-embedded-icon--inverted) svg { fill: rgb(0, 75, 122); } .ns-music-v1 [href]:focus .c-embedded-icon:not(.c-embedded-icon--inverted) svg, .ns-music-v1 [class*="button"]:focus .c-embedded-icon:not(.c-embedded-icon--inverted) svg, .ns-music-v1 .c-details__summary:focus .c-embedded-icon:not(.c-embedded-icon--inverted) svg { fill: rgb(0, 75, 122); } .ns-music-v1 [href]:active .c-embedded-icon:not(.c-embedded-icon--inverted) svg, .ns-music-v1 [class*="button"]:active .c-embedded-icon:not(.c-embedded-icon--inverted) svg, .ns-music-v1 .c-details__summary:active .c-embedded-icon:not(.c-embedded-icon--inverted) svg { fill: rgb(0, 0, 0); } .ns-music-v1 .is-active[href] .c-embedded-icon:not(.c-embedded-icon--inverted) svg, .ns-music-v1 .is-active[class*="button"] .c-embedded-icon:not(.c-embedded-icon--inverted) svg, .ns-music-v1 .c-details__summary.is-active .c-embedded-icon:not(.c-embedded-icon--inverted) svg { fill: rgb(255, 96, 40); } .ns-music-v1 [href]:disabled .c-embedded-icon svg, .ns-music-v1 .is-disabled[href] .c-embedded-icon svg, .ns-music-v1 [class*="button"]:disabled .c-embedded-icon svg, .ns-music-v1 .is-disabled[class*="button"] .c-embedded-icon svg, .ns-music-v1 .c-details__summary:disabled .c-embedded-icon svg, .ns-music-v1 .c-details__summary.is-disabled .c-embedded-icon svg { fill: rgb(204, 204, 204); } .ns-music-v1 .is-disabled .c-embedded-icon svg, .ns-music-v1 :disabled .c-embedded-icon svg { fill: rgb(204, 204, 204) !important; } .ns-music-v1 .c-embedded-icon--sm svg { width: 0.75rem; height: 0.75rem; line-height: 0.75rem; background-size: 0.75rem 0.75rem; } .ns-music-v1 .c-embedded-icon--md svg { width: 1rem; height: 1rem; line-height: 1rem; background-size: 1rem 1rem; } .ns-music-v1 .c-embedded-icon--md-lg svg { width: 1.25rem; height: 1.25rem; line-height: 1.25rem; background-size: 1.25rem 1.25rem; } .ns-music-v1 .c-embedded-icon--lg svg { width: 1.5rem; height: 1.5rem; line-height: 1.5rem; background-size: 1.5rem 1.5rem; } .ns-music-v1 .c-embedded-icon--xl svg { width: 2rem; height: 2rem; line-height: 2rem; background-size: 2rem 2rem; } .ns-music-v1 { } .ns-music-v1 .c-reverse-link { color: rgb(255, 255, 255); } .ns-music-v1 .c-reverse-link:hover { text-decoration: underline; } .ns-music-v1 .c-reverse-link:hover { color: rgb(204, 204, 204); } .ns-music-v1 .c-pop-down-link { display: inline-block; font-size: 1rem; white-space: nowrap; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px; border-radius: 0px 0px 0.5rem 0.5rem; padding: 0.5rem 1rem; } .ns-music-v1 .c-pop-down-link--main { position: fixed; top: -8rem; left: 50%; transform: translateX(-50%); opacity: 0; transition: opacity 0.3s ease-in 0s, top 0.3s ease-in 0s; } .ns-music-v1 .c-pop-down-link--main:focus { top: 0px; opacity: 1; z-index: 50; } .ns-music-v1 { } .ns-music-v1 .c-list, .ns-music-v1 .c-list ul { list-style-type: none; padding-left: 0px; } .ns-music-v1 .c-list ul { margin-bottom: 0px; } .ns-music-v1 .c-list li { position: relative; padding-left: 12px; } .ns-music-v1 .c-list li::before { content: "���"; position: absolute; left: 0px; color: inherit; } .ns-music-v1 .c-plain-list { list-style-type: none; padding-left: 0px; } .ns-music-v1 .c-plain-list ul { list-style-type: none; padding-left: 1rem; margin-bottom: 0px; } .ns-music-v1 .c-inline-list { list-style-type: none; padding-left: 0px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; } .ns-music-v1 .c-inline-list ul { list-style-type: none; padding-left: 1rem; margin-bottom: 0px; } .ns-music-v1 .c-inline-list > * { margin-right: 1rem; margin-bottom: 0px; } .ns-music-v1 .c-inline-list > :last-child { margin-right: 0px; } .ns-music-v1 .c-media-button--listen.is-active { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' %3E %3Ctitle%3Eicon-listen-active%3C/title%3E %3Cdefs%3E %3C/defs%3E %3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' %3E %3Cg transform='translate(-958.000000, -339.000000)'%3E %3Cg transform='translate(958.000000, 339.000000)'%3E %3Cg transform='translate(18.000000, 18.000000) rotate(-270.000000) translate(-18.000000, -18.000000) ' stroke='%23FFFFFF' fill='%23FF6028' %3E %3Cpath d='M0,18.0021818 C0,8.05854545 8.05636364,0 17.9978182,0 C27.9349091,0 36,8.05854545 36,18.0021818 C36,27.9414545 27.9349091,36 17.9978182,36 C8.05636364,36 0,27.9414545 0,18.0021818 L0,18.0021818 Z' transform='translate(18.000000, 18.000000) rotate(-90.000000) translate(-18.000000, -18.000000) '%3E%3C/path%3E %3C/g%3E %3Cpath d='M22.9033437,17.6248159 C21.8510537,17.6248159 21.000444,18.3863522 21.000444,19.3307868 L21.000444,26.2980755 C21.000444,27.2373307 21.8510537,28 22.9033437,28 C23.9566584,28 24.8060726,27.2373307 24.8060726,26.2980755 L24.8060726,19.3307868 C24.8060726,18.3863522 23.9566584,17.6248159 22.9033437,17.6248159 M13.0928993,17.6248159 C12.0426586,17.6248159 11.1888043,18.3863522 11.1888043,19.3307868 L11.1888043,26.2980755 C11.1888043,27.2373307 12.0426586,28 13.0928993,28 C14.1446771,28 14.9956283,27.2373307 14.9956283,26.2980755 L14.9956283,19.3307868 C14.9956283,18.3863522 14.1446771,17.6248159 13.0928993,17.6248159 M8,17.6248159 L8,23.741547 C8.16172,24.9043264 9.19112675,25.8074875 10.4372417,25.8074875 C10.4643943,25.8074875 10.4917176,25.8036029 10.519041,25.8036029 L10.519041,19.9481087 L9.60917381,19.9481087 L9.60917381,17.6248159 C9.60917381,13.1714873 13.3710851,9.54783678 17.9972677,9.54783678 C22.6275488,9.54783678 26.3898016,13.1714873 26.3898016,17.6248159 L26.3898016,19.9481087 L25.4778852,19.9481087 L25.4778852,25.8036029 C25.5055501,25.8036029 25.5306534,25.8074875 25.5581475,25.8074875 C26.8051163,25.8074875 27.8331569,24.9043264 27.9793367,23.741547 L28,17.6248159 C28,12.308143 23.5220465,8 17.9972677,8 C12.4750504,8 8,12.308143 8,17.6248159 Z' fill='%23FFFFFF' %3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E%3C/svg%3E"); } .ns-music-v1 .c-media-button--listen.is-navigable:hover, .ns-music-v1 .c-media-button--listen.is-navigable:focus { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' %3E %3Ctitle%3Eicon-listen-hover%3C/title%3E %3Cdefs%3E %3C/defs%3E %3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' %3E %3Cg transform='translate(-958.000000, -383.000000)'%3E %3Cg transform='translate(958.000000, 383.000000)'%3E %3Cg transform='translate(18.000000, 18.000000) rotate(-270.000000) translate(-18.000000, -18.000000) ' stroke='%23FFFFFF' fill='%23004b7a' %3E %3Cpath d='M0,18.0021818 C0,8.05854545 8.05636364,0 17.9978182,0 C27.9349091,0 36,8.05854545 36,18.0021818 C36,27.9414545 27.9349091,36 17.9978182,36 C8.05636364,36 0,27.9414545 0,18.0021818 L0,18.0021818 Z' transform='translate(18.000000, 18.000000) rotate(-90.000000) translate(-18.000000, -18.000000) '%3E%3C/path%3E %3C/g%3E %3Cpath d='M22.9033437,17.6248159 C21.8510537,17.6248159 21.000444,18.3863522 21.000444,19.3307868 L21.000444,26.2980755 C21.000444,27.2373307 21.8510537,28 22.9033437,28 C23.9566584,28 24.8060726,27.2373307 24.8060726,26.2980755 L24.8060726,19.3307868 C24.8060726,18.3863522 23.9566584,17.6248159 22.9033437,17.6248159 M13.0928993,17.6248159 C12.0426586,17.6248159 11.1888043,18.3863522 11.1888043,19.3307868 L11.1888043,26.2980755 C11.1888043,27.2373307 12.0426586,28 13.0928993,28 C14.1446771,28 14.9956283,27.2373307 14.9956283,26.2980755 L14.9956283,19.3307868 C14.9956283,18.3863522 14.1446771,17.6248159 13.0928993,17.6248159 M8,17.6248159 L8,23.741547 C8.16172,24.9043264 9.19112675,25.8074875 10.4372417,25.8074875 C10.4643943,25.8074875 10.4917176,25.8036029 10.519041,25.8036029 L10.519041,19.9481087 L9.60917381,19.9481087 L9.60917381,17.6248159 C9.60917381,13.1714873 13.3710851,9.54783678 17.9972677,9.54783678 C22.6275488,9.54783678 26.3898016,13.1714873 26.3898016,17.6248159 L26.3898016,19.9481087 L25.4778852,19.9481087 L25.4778852,25.8036029 C25.5055501,25.8036029 25.5306534,25.8074875 25.5581475,25.8074875 C26.8051163,25.8074875 27.8331569,24.9043264 27.9793367,23.741547 L28,17.6248159 C28,12.308143 23.5220465,8 17.9972677,8 C12.4750504,8 8,12.308143 8,17.6248159 Z' fill='%23FFFFFF' %3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E%3C/svg%3E"); } .ns-music-v1 .c-media-button--listen.is-navigable { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' %3E %3Ctitle%3Eicon-listen-normal%3C/title%3E %3Cdefs%3E %3C/defs%3E %3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' %3E %3Cg transform='translate(-958.000000, -295.000000)'%3E %3Cg transform='translate(958.000000, 295.000000)'%3E %3Cg transform='translate(18.000000, 18.000000) rotate(-270.000000) translate(-18.000000, -18.000000) ' stroke='%23FFFFFF' fill='%23006bae' %3E %3Cpath d='M0,18.0021818 C0,8.05854545 8.05636364,0 17.9978182,0 C27.9349091,0 36,8.05854545 36,18.0021818 C36,27.9414545 27.9349091,36 17.9978182,36 C8.05636364,36 0,27.9414545 0,18.0021818 L0,18.0021818 Z' transform='translate(18.000000, 18.000000) rotate(-90.000000) translate(-18.000000, -18.000000) '%3E%3C/path%3E %3C/g%3E %3Cpath d='M22.9033437,17.6248159 C21.8510537,17.6248159 21.000444,18.3863522 21.000444,19.3307868 L21.000444,26.2980755 C21.000444,27.2373307 21.8510537,28 22.9033437,28 C23.9566584,28 24.8060726,27.2373307 24.8060726,26.2980755 L24.8060726,19.3307868 C24.8060726,18.3863522 23.9566584,17.6248159 22.9033437,17.6248159 M13.0928993,17.6248159 C12.0426586,17.6248159 11.1888043,18.3863522 11.1888043,19.3307868 L11.1888043,26.2980755 C11.1888043,27.2373307 12.0426586,28 13.0928993,28 C14.1446771,28 14.9956283,27.2373307 14.9956283,26.2980755 L14.9956283,19.3307868 C14.9956283,18.3863522 14.1446771,17.6248159 13.0928993,17.6248159 M8,17.6248159 L8,23.741547 C8.16172,24.9043264 9.19112675,25.8074875 10.4372417,25.8074875 C10.4643943,25.8074875 10.4917176,25.8036029 10.519041,25.8036029 L10.519041,19.9481087 L9.60917381,19.9481087 L9.60917381,17.6248159 C9.60917381,13.1714873 13.3710851,9.54783678 17.9972677,9.54783678 C22.6275488,9.54783678 26.3898016,13.1714873 26.3898016,17.6248159 L26.3898016,19.9481087 L25.4778852,19.9481087 L25.4778852,25.8036029 C25.5055501,25.8036029 25.5306534,25.8074875 25.5581475,25.8074875 C26.8051163,25.8074875 27.8331569,24.9043264 27.9793367,23.741547 L28,17.6248159 C28,12.308143 23.5220465,8 17.9972677,8 C12.4750504,8 8,12.308143 8,17.6248159 Z' fill='%23FFFFFF' %3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E%3C/svg%3E"); } .ns-music-v1 .c-media-button--listen { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' %3E %3Ctitle%3Eicon-listen-disabled%3C/title%3E %3Cdefs%3E%3C/defs%3E %3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' %3E %3Cg transform='translate(-958.000000, -251.000000)'%3E %3Cg transform='translate(958.000000, 251.000000)'%3E %3Cg transform='translate(18.000000, 18.000000) rotate(-270.000000) translate(-18.000000, -18.000000) ' fill='%23ccc' %3E %3Cpath d='M0,18.0021818 C0,8.05854545 8.05636364,0 17.9978182,0 C27.9349091,0 36,8.05854545 36,18.0021818 C36,27.9414545 27.9349091,36 17.9978182,36 C8.05636364,36 0,27.9414545 0,18.0021818 L0,18.0021818 Z' %3E%3C/path%3E %3C/g%3E %3Cg transform='translate(8.000000, 8.000000)' fill='%23FFFFFF' %3E %3Cpath d='M14.9033437,9.62481589 C13.8510537,9.62481589 13.000444,10.3863522 13.000444,11.3307868 L13.000444,18.2980755 C13.000444,19.2373307 13.8510537,20 14.9033437,20 C15.9566584,20 16.8060726,19.2373307 16.8060726,18.2980755 L16.8060726,11.3307868 C16.8060726,10.3863522 15.9566584,9.62481589 14.9033437,9.62481589 M5.09289935,9.62481589 C4.04265856,9.62481589 3.18880426,10.3863522 3.18880426,11.3307868 L3.18880426,18.2980755 C3.18880426,19.2373307 4.04265856,20 5.09289935,20 C6.14467707,20 6.99562827,19.2373307 6.99562827,18.2980755 L6.99562827,11.3307868 C6.99562827,10.3863522 6.14467707,9.62481589 5.09289935,9.62481589 M0,9.62481589 L0,15.741547 C0.161720004,16.9043264 1.19112675,17.8074875 2.43724171,17.8074875 C2.46439428,17.8074875 2.49171761,17.8036029 2.51904095,17.8036029 L2.51904095,11.9481087 L1.60917381,11.9481087 L1.60917381,9.62481589 C1.60917381,5.1714873 5.37108508,1.54783678 9.99726767,1.54783678 C14.6275488,1.54783678 18.3898016,5.1714873 18.3898016,9.62481589 L18.3898016,11.9481087 L17.4778852,11.9481087 L17.4778852,17.8036029 C17.5055501,17.8036029 17.5306534,17.8074875 17.5581475,17.8074875 C18.8051163,17.8074875 19.8331569,16.9043264 19.9793367,15.741547 L20,9.62481589 C20,4.30814302 15.5220465,0 9.99726767,0 C4.47505038,0 0,4.30814302 0,9.62481589 Z' %3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E%3C/svg%3E"); } .ns-music-v1 .c-media-button--speak.is-active { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' %3E %3Ctitle%3Eicon-say-it-active%3C/title%3E %3Cdefs%3E %3C/defs%3E %3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' %3E %3Cg transform='translate(-126.000000, -339.000000)'%3E %3Cg transform='translate(126.000000, 339.000000)'%3E %3Cg transform='translate(18.000000, 18.000000) rotate(-270.000000) translate(-18.000000, -18.000000) ' stroke='%23FFFFFF' fill='%23FF6028' %3E %3Cpath d='M0,18.0021818 C0,8.05854545 8.05636364,0 17.9978182,0 C27.9349091,0 36,8.05854545 36,18.0021818 C36,27.9414545 27.9349091,36 17.9978182,36 C8.05636364,36 0,27.9414545 0,18.0021818 L0,18.0021818 Z' transform='translate(18.000000, 18.000000) rotate(-90.000000) translate(-18.000000, -18.000000) '%3E%3C/path%3E %3C/g%3E %3Cg transform='translate(10.000000, 8.000000)' fill='%23FFFFFF' %3E %3Cpath d='M5.71316965,15.8606548 C7.92941858,15.8606548 9.72662234,14.0695833 9.72662234,11.85875 L9.72662234,11.7297024 L7.07103836,13.6522024 L8.65734697,10.2652976 L8.07514749,10.2652976 C7.70515601,10.2652976 7.36906053,10.1216071 7.11710827,9.88863095 C7.09347656,9.87041667 7.07235124,9.84958333 7.05337425,9.82636905 C6.81228303,9.57363095 6.66309292,9.23279762 6.66309292,8.85720238 L6.66309292,4.08505952 C6.66309292,3.30922619 7.29661381,2.67827381 8.07514749,2.67827381 L9.48374084,2.67827381 C8.92147315,1.14470238 7.44532651,0.050297619 5.71316965,0.050297619 C3.49763683,0.050297619 1.70198465,1.84184524 1.70198465,4.05255952 L1.70198465,5.31505952 L4.06909463,5.31505952 C4.28667349,5.31505952 4.4645081,5.49184524 4.4645081,5.70910714 C4.4645081,5.92553571 4.28667349,6.10220238 4.06909463,6.10220238 L1.70198465,6.10220238 L1.70198465,7.25053571 L4.06909463,7.25053571 C4.28667349,7.25053571 4.4645081,7.42672619 4.4645081,7.64386905 C4.4645081,7.86184524 4.28667349,8.03779762 4.06909463,8.03779762 L1.70198465,8.03779762 L1.70198465,9.18529762 L4.06909463,9.18529762 C4.28667349,9.18529762 4.4645081,9.36160714 4.4645081,9.57934524 C4.4645081,9.79755952 4.28667349,9.97244048 4.06909463,9.97244048 L1.70198465,9.97244048 L1.70198465,11.85875 C1.70198465,14.0695833 3.49763683,15.8606548 5.71316965,15.8606548 Z M15.3747451,3.10104762 L8.07517136,3.10104762 C7.53128389,3.10104762 7.08717477,3.54378571 7.08717477,4.08509524 L7.08717477,8.8572381 C7.08717477,9.39842857 7.53128389,9.84152381 8.07517136,9.84152381 L9.32431032,9.84152381 L8.15072123,12.3475952 L11.6119318,9.84152381 L15.3747451,9.84152381 C15.9189906,9.84152381 16.3608321,9.39842857 16.3608321,8.8572381 L16.3608321,4.08509524 C16.3608321,3.54378571 15.9189906,3.10104762 15.3747451,3.10104762 Z M10.4174322,11.8587262 C10.4174322,14.4459881 8.30704859,16.5500357 5.71316965,16.5500357 C3.12108099,16.5500357 1.01069736,14.4459881 1.01069736,11.8587262 L1.01069736,7.20170238 C1.01069736,6.92920238 0.789299233,6.70896429 0.518011935,6.70896429 C0.245292413,6.70896429 0.0240136402,6.92920238 0.0240136402,7.20170238 L0.0240136402,11.8587262 C0.0240136402,14.8219405 2.31354476,17.2601548 5.22072293,17.5102738 L5.22072293,18.5252738 C3.80902643,18.628369 2.62027962,19.1721786 2.02662234,19.9255119 L9.40102984,19.9255119 C8.8072532,19.1721786 7.61910315,18.6289643 6.20704859,18.5252738 L6.20704859,17.5102738 C9.11410742,17.2601548 11.4025644,14.8219405 11.4025644,11.8587262 L11.4025644,10.5163452 L10.4174322,11.2295595 L10.4174322,11.8587262 Z' %3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E%3C/svg%3E"); } .ns-music-v1 .c-media-button--speak { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' %3E %3Ctitle%3Eicon-say-it-disabled%3C/title%3E %3Cdefs%3E%3C/defs%3E %3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' %3E %3Cg transform='translate(-126.000000, -251.000000)'%3E %3Cg transform='translate(126.000000, 251.000000)'%3E %3Cg transform='translate(18.000000, 18.000000) rotate(-270.000000) translate(-18.000000, -18.000000) ' fill='%23ccc' %3E %3Cpath d='M0,18.0021818 C0,8.05854545 8.05636364,0 17.9978182,0 C27.9349091,0 36,8.05854545 36,18.0021818 C36,27.9414545 27.9349091,36 17.9978182,36 C8.05636364,36 0,27.9414545 0,18.0021818 L0,18.0021818 Z'%3E%3C/path%3E %3C/g%3E %3Cg transform='translate(10.000000, 8.000000)' fill='%23FFFFFF' %3E %3Cg %3E %3Cpath d='M10.4174322,11.8587262 C10.4174322,14.4459881 8.30704859,16.5500357 5.71316965,16.5500357 C3.12108099,16.5500357 1.01069736,14.4459881 1.01069736,11.8587262 L1.01069736,7.20170238 C1.01069736,6.92920238 0.789299233,6.70896429 0.518011935,6.70896429 C0.245292413,6.70896429 0.0240136402,6.92920238 0.0240136402,7.20170238 L0.0240136402,11.8587262 C0.0240136402,14.8219405 2.31354476,17.2601548 5.22072293,17.5102738 L5.22072293,18.5252738 C3.80902643,18.628369 2.62027962,19.1721786 2.02662234,19.9255119 L9.40102984,19.9255119 C8.8072532,19.1721786 7.61910315,18.6289643 6.20704859,18.5252738 L6.20704859,17.5102738 C9.11410742,17.2601548 11.4025644,14.8219405 11.4025644,11.8587262 L11.4025644,10.5163452 L10.4174322,11.2295595 L10.4174322,11.8587262 Z' %3E%3C/path%3E %3Cpath d='M5.71316965,15.8606548 C7.92941858,15.8606548 9.72662234,14.0695833 9.72662234,11.85875 L9.72662234,11.7297024 L7.07103836,13.6522024 L8.65734697,10.2652976 L8.07514749,10.2652976 C7.70515601,10.2652976 7.36906053,10.1216071 7.11710827,9.88863095 C7.09347656,9.87041667 7.07235124,9.84958333 7.05337425,9.82636905 C6.81228303,9.57363095 6.66309292,9.23279762 6.66309292,8.85720238 L6.66309292,4.08505952 C6.66309292,3.30922619 7.29661381,2.67827381 8.07514749,2.67827381 L9.48374084,2.67827381 C8.92147315,1.14470238 7.44532651,0.050297619 5.71316965,0.050297619 C3.49763683,0.050297619 1.70198465,1.84184524 1.70198465,4.05255952 L1.70198465,5.31505952 L4.06909463,5.31505952 C4.28667349,5.31505952 4.4645081,5.49184524 4.4645081,5.70910714 C4.4645081,5.92553571 4.28667349,6.10220238 4.06909463,6.10220238 L1.70198465,6.10220238 L1.70198465,7.25053571 L4.06909463,7.25053571 C4.28667349,7.25053571 4.4645081,7.42672619 4.4645081,7.64386905 C4.4645081,7.86184524 4.28667349,8.03779762 4.06909463,8.03779762 L1.70198465,8.03779762 L1.70198465,9.18529762 L4.06909463,9.18529762 C4.28667349,9.18529762 4.4645081,9.36160714 4.4645081,9.57934524 C4.4645081,9.79755952 4.28667349,9.97244048 4.06909463,9.97244048 L1.70198465,9.97244048 L1.70198465,11.85875 C1.70198465,14.0695833 3.49763683,15.8606548 5.71316965,15.8606548' %3E%3C/path%3E %3Cpath d='M15.3747451,3.10104762 L8.07517136,3.10104762 C7.53128389,3.10104762 7.08717477,3.54378571 7.08717477,4.08509524 L7.08717477,8.8572381 C7.08717477,9.39842857 7.53128389,9.84152381 8.07517136,9.84152381 L9.32431032,9.84152381 L8.15072123,12.3475952 L11.6119318,9.84152381 L15.3747451,9.84152381 C15.9189906,9.84152381 16.3608321,9.39842857 16.3608321,8.8572381 L16.3608321,4.08509524 C16.3608321,3.54378571 15.9189906,3.10104762 15.3747451,3.10104762' %3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E%3C/svg%3E"); } .ns-music-v1 .c-media-button--speak.is-navigable:hover, .ns-music-v1 .c-media-button--speak.is-navigable:focus { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' %3E %3Ctitle%3Eicon-say-it-hover%3C/title%3E %3Cdefs%3E %3C/defs%3E %3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' %3E %3Cg transform='translate(-126.000000, -383.000000)'%3E %3Cg transform='translate(126.000000, 383.000000)'%3E %3Cg transform='translate(18.000000, 18.000000) rotate(-270.000000) translate(-18.000000, -18.000000) ' stroke='%23FFFFFF' fill='%23004b7a' %3E %3Cpath d='M0,18.0021818 C0,8.05854545 8.05636364,0 17.9978182,0 C27.9349091,0 36,8.05854545 36,18.0021818 C36,27.9414545 27.9349091,36 17.9978182,36 C8.05636364,36 0,27.9414545 0,18.0021818 L0,18.0021818 Z' transform='translate(18.000000, 18.000000) rotate(-90.000000) translate(-18.000000, -18.000000) '%3E%3C/path%3E %3C/g%3E %3Cg transform='translate(10.000000, 8.000000)' fill='%23FFFFFF' %3E %3Cpath d='M5.71316965,15.8606548 C7.92941858,15.8606548 9.72662234,14.0695833 9.72662234,11.85875 L9.72662234,11.7297024 L7.07103836,13.6522024 L8.65734697,10.2652976 L8.07514749,10.2652976 C7.70515601,10.2652976 7.36906053,10.1216071 7.11710827,9.88863095 C7.09347656,9.87041667 7.07235124,9.84958333 7.05337425,9.82636905 C6.81228303,9.57363095 6.66309292,9.23279762 6.66309292,8.85720238 L6.66309292,4.08505952 C6.66309292,3.30922619 7.29661381,2.67827381 8.07514749,2.67827381 L9.48374084,2.67827381 C8.92147315,1.14470238 7.44532651,0.050297619 5.71316965,0.050297619 C3.49763683,0.050297619 1.70198465,1.84184524 1.70198465,4.05255952 L1.70198465,5.31505952 L4.06909463,5.31505952 C4.28667349,5.31505952 4.4645081,5.49184524 4.4645081,5.70910714 C4.4645081,5.92553571 4.28667349,6.10220238 4.06909463,6.10220238 L1.70198465,6.10220238 L1.70198465,7.25053571 L4.06909463,7.25053571 C4.28667349,7.25053571 4.4645081,7.42672619 4.4645081,7.64386905 C4.4645081,7.86184524 4.28667349,8.03779762 4.06909463,8.03779762 L1.70198465,8.03779762 L1.70198465,9.18529762 L4.06909463,9.18529762 C4.28667349,9.18529762 4.4645081,9.36160714 4.4645081,9.57934524 C4.4645081,9.79755952 4.28667349,9.97244048 4.06909463,9.97244048 L1.70198465,9.97244048 L1.70198465,11.85875 C1.70198465,14.0695833 3.49763683,15.8606548 5.71316965,15.8606548 Z M15.3747451,3.10104762 L8.07517136,3.10104762 C7.53128389,3.10104762 7.08717477,3.54378571 7.08717477,4.08509524 L7.08717477,8.8572381 C7.08717477,9.39842857 7.53128389,9.84152381 8.07517136,9.84152381 L9.32431032,9.84152381 L8.15072123,12.3475952 L11.6119318,9.84152381 L15.3747451,9.84152381 C15.9189906,9.84152381 16.3608321,9.39842857 16.3608321,8.8572381 L16.3608321,4.08509524 C16.3608321,3.54378571 15.9189906,3.10104762 15.3747451,3.10104762 Z M10.4174322,11.8587262 C10.4174322,14.4459881 8.30704859,16.5500357 5.71316965,16.5500357 C3.12108099,16.5500357 1.01069736,14.4459881 1.01069736,11.8587262 L1.01069736,7.20170238 C1.01069736,6.92920238 0.789299233,6.70896429 0.518011935,6.70896429 C0.245292413,6.70896429 0.0240136402,6.92920238 0.0240136402,7.20170238 L0.0240136402,11.8587262 C0.0240136402,14.8219405 2.31354476,17.2601548 5.22072293,17.5102738 L5.22072293,18.5252738 C3.80902643,18.628369 2.62027962,19.1721786 2.02662234,19.9255119 L9.40102984,19.9255119 C8.8072532,19.1721786 7.61910315,18.6289643 6.20704859,18.5252738 L6.20704859,17.5102738 C9.11410742,17.2601548 11.4025644,14.8219405 11.4025644,11.8587262 L11.4025644,10.5163452 L10.4174322,11.2295595 L10.4174322,11.8587262 Z' %3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E%3C/svg%3E"); } .ns-music-v1 .c-media-button--speak.is-navigable { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' %3E %3Ctitle%3Eicon-say-it-normal%3C/title%3E %3Cdefs%3E %3C/defs%3E %3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' %3E %3Cg transform='translate(-126.000000, -295.000000)'%3E %3Cg transform='translate(126.000000, 295.000000)'%3E %3Cg transform='translate(18.000000, 18.000000) rotate(-270.000000) translate(-18.000000, -18.000000) ' stroke='%23FFFFFF' fill='%23006bae' %3E %3Cpath d='M-3.55271368e-15,18.0021818 C-3.55271368e-15,8.05854545 8.05636364,0 17.9978182,0 C27.9349091,0 36,8.05854545 36,18.0021818 C36,27.9414545 27.9349091,36 17.9978182,36 C8.05636364,36 -3.55271368e-15,27.9414545 -3.55271368e-15,18.0021818 L-3.55271368e-15,18.0021818 Z' transform='translate(18.000000, 18.000000) rotate(-90.000000) translate(-18.000000, -18.000000) '%3E%3C/path%3E %3C/g%3E %3Cg transform='translate(10.000000, 8.000000)' fill='%23FFFFFF' %3E %3Cpath d='M5.71316965,15.8606548 C7.92941858,15.8606548 9.72662234,14.0695833 9.72662234,11.85875 L9.72662234,11.7297024 L7.07103836,13.6522024 L8.65734697,10.2652976 L8.07514749,10.2652976 C7.70515601,10.2652976 7.36906053,10.1216071 7.11710827,9.88863095 C7.09347656,9.87041667 7.07235124,9.84958333 7.05337425,9.82636905 C6.81228303,9.57363095 6.66309292,9.23279762 6.66309292,8.85720238 L6.66309292,4.08505952 C6.66309292,3.30922619 7.29661381,2.67827381 8.07514749,2.67827381 L9.48374084,2.67827381 C8.92147315,1.14470238 7.44532651,0.050297619 5.71316965,0.050297619 C3.49763683,0.050297619 1.70198465,1.84184524 1.70198465,4.05255952 L1.70198465,5.31505952 L4.06909463,5.31505952 C4.28667349,5.31505952 4.4645081,5.49184524 4.4645081,5.70910714 C4.4645081,5.92553571 4.28667349,6.10220238 4.06909463,6.10220238 L1.70198465,6.10220238 L1.70198465,7.25053571 L4.06909463,7.25053571 C4.28667349,7.25053571 4.4645081,7.42672619 4.4645081,7.64386905 C4.4645081,7.86184524 4.28667349,8.03779762 4.06909463,8.03779762 L1.70198465,8.03779762 L1.70198465,9.18529762 L4.06909463,9.18529762 C4.28667349,9.18529762 4.4645081,9.36160714 4.4645081,9.57934524 C4.4645081,9.79755952 4.28667349,9.97244048 4.06909463,9.97244048 L1.70198465,9.97244048 L1.70198465,11.85875 C1.70198465,14.0695833 3.49763683,15.8606548 5.71316965,15.8606548 Z M15.3747451,3.10104762 L8.07517136,3.10104762 C7.53128389,3.10104762 7.08717477,3.54378571 7.08717477,4.08509524 L7.08717477,8.8572381 C7.08717477,9.39842857 7.53128389,9.84152381 8.07517136,9.84152381 L9.32431032,9.84152381 L8.15072123,12.3475952 L11.6119318,9.84152381 L15.3747451,9.84152381 C15.9189906,9.84152381 16.3608321,9.39842857 16.3608321,8.8572381 L16.3608321,4.08509524 C16.3608321,3.54378571 15.9189906,3.10104762 15.3747451,3.10104762 Z M10.4174322,11.8587262 C10.4174322,14.4459881 8.30704859,16.5500357 5.71316965,16.5500357 C3.12108099,16.5500357 1.01069736,14.4459881 1.01069736,11.8587262 L1.01069736,7.20170238 C1.01069736,6.92920238 0.789299233,6.70896429 0.518011935,6.70896429 C0.245292413,6.70896429 0.0240136402,6.92920238 0.0240136402,7.20170238 L0.0240136402,11.8587262 C0.0240136402,14.8219405 2.31354476,17.2601548 5.22072293,17.5102738 L5.22072293,18.5252738 C3.80902643,18.628369 2.62027962,19.1721786 2.02662234,19.9255119 L9.40102984,19.9255119 C8.8072532,19.1721786 7.61910315,18.6289643 6.20704859,18.5252738 L6.20704859,17.5102738 C9.11410742,17.2601548 11.4025644,14.8219405 11.4025644,11.8587262 L11.4025644,10.5163452 L10.4174322,11.2295595 L10.4174322,11.8587262 Z' %3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E%3C/svg%3E"); } .ns-music-v1 .c-media-button--watch.is-active { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg transform='translate(-557.000000, -339.000000)'%3E %3Cg transform='translate(557.000000, 339.000000)'%3E %3Cg transform='translate(18.000000, 18.000000) rotate(-270.000000) translate(-18.000000, -18.000000) ' stroke='%23FFFFFF' fill='%23FF6028'%3E %3Cpath d='M0,18.0021818 C0,8.05854545 8.05636364,0 17.9978182,0 C27.9349091,0 36,8.05854545 36,18.0021818 C36,27.9414545 27.9349091,36 17.9978182,36 C8.05636364,36 0,27.9414545 0,18.0021818 L0,18.0021818 Z' transform='translate(18.000000, 18.000000) rotate(-90.000000) translate(-18.000000, -18.000000) '%3E %3C/path%3E %3C/g%3E %3Cg transform='translate(8.000000, 8.000000)'%3E %3Cpath d='M1.24731194,9.81189921 C0.965195491,9.69083736 0.711752839,9.51575259 0.5,9.29966091 L0.5,17.9951948 C0.5,19.1094065 1.39328255,20 2.49520242,20 L18.0047976,20 C19.1114544,20 20,19.1020478 20,17.9943676 L20,7.66999199 C20,7.66542385 10.2059689,7.66587386 4.49999838,7.66944904 C4.49924717,8.31314174 4.23784845,8.89577948 3.81567043,9.31749405 C3.39349301,9.73920834 2.81053542,10 2.16666667,10 C1.84021864,10 1.52942839,9.93296107 1.24731194,9.81189921 Z M4.19043477,6.50449445 C9.76669761,5.52154815 19.7136667,3.76647834 19.7133336,3.76458913 L19.3671877,1.80149804 C19.1756504,0.715235905 18.1395161,-0.0167643149 17.0543369,0.174582062 L1.7803673,2.867795 C0.690523059,3.05996394 -0.0286714102,4.09813944 0.163581897,5.18846213 L0.343717195,6.21006017 C0.771301341,5.67563413 1.42900969,5.33333333 2.16666667,5.33333333 C3.03218334,5.33333333 3.78763405,5.80458172 4.19043477,6.50449445 Z M12.875,11.3958333 L12.875,16.2708333 C12.875,16.4258333 12.8108333,16.5583333 12.6825,16.6683333 C12.5541667,16.7783333 12.3995833,16.8333333 12.21875,16.8333333 L5.65625,16.8333333 C5.47541667,16.8333333 5.32083333,16.7783333 5.1925,16.6683333 C5.06416667,16.5583333 5,16.4258333 5,16.2708333 L5,11.3958333 C5,11.2408333 5.06416667,11.1083333 5.1925,10.9983333 C5.32083333,10.8883333 5.47541667,10.8333333 5.65625,10.8333333 L12.21875,10.8333333 C12.3995833,10.8333333 12.5541667,10.8883333 12.6825,10.9983333 C12.8108333,11.1083333 12.875,11.2408333 12.875,11.3958333 C12.875,11.3958333 12.875,11.2408333 12.875,11.3958333 Z M15.5,16.0833333 L12.875,13.8333333 L15.5,11.5833333 L15.5,16.0833333 Z M2.16666667,9.33333333 C3.08714125,9.33333333 3.83333333,8.58714125 3.83333333,7.66666667 C3.83333333,6.74619208 3.08714125,6 2.16666667,6 C1.24619208,6 0.5,6.74619208 0.5,7.66666667 C0.5,8.58714125 1.24619208,9.33333333 2.16666667,9.33333333 Z' fill='%23FFFFFF'%3E %3C/path%3E %3Cg%3E %3Cpath d='M4.49999838,7.66944904 C10.2059689,7.66587386 20,7.66542385 20,7.66999199 L20,17.9943676 C20,19.1020478 19.1114544,20 18.0047976,20 L2.49520242,20 C1.39328255,20 0.5,19.1094065 0.5,17.9951948 L0.5,9.29966091 C0.923505679,9.73184426 1.51377061,10 2.16666667,10 C3.4544035,10 4.49849596,8.95683445 4.49999838,7.66944904 Z' fill='%23FFFFFF'%3E %3C/path%3E %3Cpath d='M12.875,11.3958333 L12.875,16.2708333 C12.875,16.4258333 12.8108333,16.5583333 12.6825,16.6683333 C12.5541667,16.7783333 12.3995833,16.8333333 12.21875,16.8333333 L5.65625,16.8333333 C5.47541667,16.8333333 5.32083333,16.7783333 5.1925,16.6683333 C5.06416667,16.5583333 5,16.4258333 5,16.2708333 L5,11.3958333 C5,11.2408333 5.06416667,11.1083333 5.1925,10.9983333 C5.32083333,10.8883333 5.47541667,10.8333333 5.65625,10.8333333 L12.21875,10.8333333 C12.3995833,10.8333333 12.5541667,10.8883333 12.6825,10.9983333 C12.8108333,11.1083333 12.875,11.2408333 12.875,11.3958333 C12.875,11.3958333 12.875,11.2408333 12.875,11.3958333 L12.875,11.3958333 L12.875,11.3958333 Z M15.5,16.0833333 L12.875,13.8333333 L15.5,11.5833333 L15.5,16.0833333 L15.5,16.0833333 Z' fill='%23F59222'%3E %3C/path%3E %3Cpath d='M4.19043477,6.50449445 C9.76669761,5.52154815 19.7136667,3.76647834 19.7133336,3.76458913 L19.3671877,1.80149804 C19.1756504,0.715235905 18.1395161,-0.0167643149 17.0543369,0.174582062 L1.7803673,2.867795 C0.690523059,3.05996394 -0.0286714102,4.09813944 0.163581897,5.18846213 L0.343717195,6.21006017 C0.771301341,5.67563413 1.42900969,5.33333333 2.16666667,5.33333333 C3.03218334,5.33333333 3.78763405,5.80458172 4.19043477,6.50449445 Z' fill='%23FFFFFF'%3E %3C/path%3E %3Cellipse fill='%23FFFFFF' cx='2.16666667' cy='7.66666667' rx='1.66666667' ry='1.66666667'%3E %3C/ellipse%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E%3C/svg%3E"); } .ns-music-v1 .c-media-button--watch { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg transform='translate(-557.000000, -251.000000)'%3E %3Cg transform='translate(557.000000, 251.000000)'%3E %3Cg transform='translate(18.000000, 18.000000) rotate(-270.000000) translate(-18.000000, -18.000000) ' fill='%23ccc'%3E %3Cpath d='M0,18.0021818 C0,8.05854545 8.05636364,0 17.9978182,0 C27.9349091,0 36,8.05854545 36,18.0021818 C36,27.9414545 27.9349091,36 17.9978182,36 C8.05636364,36 0,27.9414545 0,18.0021818 L0,18.0021818 Z'%3E %3C/path%3E %3C/g%3E %3Cg transform='translate(8.000000, 8.000000)'%3E %3Cg%3E %3Cpath d='M4.49999838,7.66944904 C10.2059689,7.66587386 20,7.66542385 20,7.66999199 L20,17.9943676 C20,19.1020478 19.1114544,20 18.0047976,20 L2.49520242,20 C1.39328255,20 0.5,19.1094065 0.5,17.9951948 L0.5,9.29966091 C0.923505679,9.73184426 1.51377061,10 2.16666667,10 C3.4544035,10 4.49849596,8.95683445 4.49999838,7.66944904 Z' fill='%23FFFFFF'%3E %3C/path%3E %3Cpath d='M12.875,11.3958333 L12.875,16.2708333 C12.875,16.4258333 12.8108333,16.5583333 12.6825,16.6683333 C12.5541667,16.7783333 12.3995833,16.8333333 12.21875,16.8333333 L5.65625,16.8333333 C5.47541667,16.8333333 5.32083333,16.7783333 5.1925,16.6683333 C5.06416667,16.5583333 5,16.4258333 5,16.2708333 L5,11.3958333 C5,11.2408333 5.06416667,11.1083333 5.1925,10.9983333 C5.32083333,10.8883333 5.47541667,10.8333333 5.65625,10.8333333 L12.21875,10.8333333 C12.3995833,10.8333333 12.5541667,10.8883333 12.6825,10.9983333 C12.8108333,11.1083333 12.875,11.2408333 12.875,11.3958333 C12.875,11.3958333 12.875,11.2408333 12.875,11.3958333 L12.875,11.3958333 L12.875,11.3958333 Z M15.5,16.0833333 L12.875,13.8333333 L15.5,11.5833333 L15.5,16.0833333 L15.5,16.0833333 Z' fill='%23ccc'%3E %3C/path%3E %3Cpath d='M4.19043477,6.50449445 C9.76669761,5.52154815 19.7136667,3.76647834 19.7133336,3.76458913 L19.3671877,1.80149804 C19.1756504,0.715235905 18.1395161,-0.0167643149 17.0543369,0.174582062 L1.7803673,2.867795 C0.690523059,3.05996394 -0.0286714102,4.09813944 0.163581897,5.18846213 L0.343717195,6.21006017 C0.771301341,5.67563413 1.42900969,5.33333333 2.16666667,5.33333333 C3.03218334,5.33333333 3.78763405,5.80458172 4.19043477,6.50449445 Z' fill='%23FFFFFF'%3E %3C/path%3E %3Cellipse fill='%23FFFFFF' cx='2.16666667' cy='7.66666667' rx='1.66666667' ry='1.66666667'%3E %3C/ellipse%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E%3C/svg%3E"); } .ns-music-v1 .c-media-button--watch.is-navigable:hover, .ns-music-v1 .c-media-button--watch.is-navigable:focus { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg transform='translate(-557.000000, -383.000000)'%3E %3Cg transform='translate(557.000000, 383.000000)'%3E %3Cg transform='translate(18.000000, 18.000000) rotate(-270.000000) translate(-18.000000, -18.000000) ' stroke='%23FFFFFF' fill='%23004b7a'%3E %3Cpath d='M0,18.0021818 C0,8.05854545 8.05636364,0 17.9978182,0 C27.9349091,0 36,8.05854545 36,18.0021818 C36,27.9414545 27.9349091,36 17.9978182,36 C8.05636364,36 0,27.9414545 0,18.0021818 L0,18.0021818 Z' transform='translate(18.000000, 18.000000) rotate(-90.000000) translate(-18.000000, -18.000000) '%3E %3C/path%3E %3C/g%3E %3Cg transform='translate(8.000000, 8.000000)'%3E %3Cpath d='M1.24731194,9.81189921 C0.965195491,9.69083736 0.711752839,9.51575259 0.5,9.29966091 L0.5,17.9951948 C0.5,19.1094065 1.39328255,20 2.49520242,20 L18.0047976,20 C19.1114544,20 20,19.1020478 20,17.9943676 L20,7.66999199 C20,7.66542385 10.2059689,7.66587386 4.49999838,7.66944904 C4.49924717,8.31314174 4.23784845,8.89577948 3.81567043,9.31749405 C3.39349301,9.73920834 2.81053542,10 2.16666667,10 C1.84021864,10 1.52942839,9.93296107 1.24731194,9.81189921 Z M4.19043477,6.50449445 C9.76669761,5.52154815 19.7136667,3.76647834 19.7133336,3.76458913 L19.3671877,1.80149804 C19.1756504,0.715235905 18.1395161,-0.0167643149 17.0543369,0.174582062 L1.7803673,2.867795 C0.690523059,3.05996394 -0.0286714102,4.09813944 0.163581897,5.18846213 L0.343717195,6.21006017 C0.771301341,5.67563413 1.42900969,5.33333333 2.16666667,5.33333333 C3.03218334,5.33333333 3.78763405,5.80458172 4.19043477,6.50449445 Z M12.875,11.3958333 L12.875,16.2708333 C12.875,16.4258333 12.8108333,16.5583333 12.6825,16.6683333 C12.5541667,16.7783333 12.3995833,16.8333333 12.21875,16.8333333 L5.65625,16.8333333 C5.47541667,16.8333333 5.32083333,16.7783333 5.1925,16.6683333 C5.06416667,16.5583333 5,16.4258333 5,16.2708333 L5,11.3958333 C5,11.2408333 5.06416667,11.1083333 5.1925,10.9983333 C5.32083333,10.8883333 5.47541667,10.8333333 5.65625,10.8333333 L12.21875,10.8333333 C12.3995833,10.8333333 12.5541667,10.8883333 12.6825,10.9983333 C12.8108333,11.1083333 12.875,11.2408333 12.875,11.3958333 C12.875,11.3958333 12.875,11.2408333 12.875,11.3958333 Z M15.5,16.0833333 L12.875,13.8333333 L15.5,11.5833333 L15.5,16.0833333 Z M2.16666667,9.33333333 C3.08714125,9.33333333 3.83333333,8.58714125 3.83333333,7.66666667 C3.83333333,6.74619208 3.08714125,6 2.16666667,6 C1.24619208,6 0.5,6.74619208 0.5,7.66666667 C0.5,8.58714125 1.24619208,9.33333333 2.16666667,9.33333333 Z' fill='%23FFFFFF'%3E %3C/path%3E %3Cg%3E %3Cpath d='M4.49999838,7.66944904 C10.2059689,7.66587386 20,7.66542385 20,7.66999199 L20,17.9943676 C20,19.1020478 19.1114544,20 18.0047976,20 L2.49520242,20 C1.39328255,20 0.5,19.1094065 0.5,17.9951948 L0.5,9.29966091 C0.923505679,9.73184426 1.51377061,10 2.16666667,10 C3.4544035,10 4.49849596,8.95683445 4.49999838,7.66944904 Z' fill='%23FFFFFF'%3E %3C/path%3E %3Cpath d='M12.875,11.3958333 L12.875,16.2708333 C12.875,16.4258333 12.8108333,16.5583333 12.6825,16.6683333 C12.5541667,16.7783333 12.3995833,16.8333333 12.21875,16.8333333 L5.65625,16.8333333 C5.47541667,16.8333333 5.32083333,16.7783333 5.1925,16.6683333 C5.06416667,16.5583333 5,16.4258333 5,16.2708333 L5,11.3958333 C5,11.2408333 5.06416667,11.1083333 5.1925,10.9983333 C5.32083333,10.8883333 5.47541667,10.8333333 5.65625,10.8333333 L12.21875,10.8333333 C12.3995833,10.8333333 12.5541667,10.8883333 12.6825,10.9983333 C12.8108333,11.1083333 12.875,11.2408333 12.875,11.3958333 C12.875,11.3958333 12.875,11.2408333 12.875,11.3958333 L12.875,11.3958333 L12.875,11.3958333 Z M15.5,16.0833333 L12.875,13.8333333 L15.5,11.5833333 L15.5,16.0833333 L15.5,16.0833333 Z' fill='%23006bae'%3E %3C/path%3E %3Cpath d='M4.19043477,6.50449445 C9.76669761,5.52154815 19.7136667,3.76647834 19.7133336,3.76458913 L19.3671877,1.80149804 C19.1756504,0.715235905 18.1395161,-0.0167643149 17.0543369,0.174582062 L1.7803673,2.867795 C0.690523059,3.05996394 -0.0286714102,4.09813944 0.163581897,5.18846213 L0.343717195,6.21006017 C0.771301341,5.67563413 1.42900969,5.33333333 2.16666667,5.33333333 C3.03218334,5.33333333 3.78763405,5.80458172 4.19043477,6.50449445 Z' fill='%23FFFFFF'%3E %3C/path%3E %3Cellipse fill='%23FFFFFF' cx='2.16666667' cy='7.66666667' rx='1.66666667' ry='1.66666667'%3E %3C/ellipse%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E%3C/svg%3E"); } .ns-music-v1 .c-media-button--watch.is-navigable { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg transform='translate(-557.000000, -295.000000)'%3E %3Cg transform='translate(557.000000, 295.000000)'%3E %3Cg transform='translate(18.000000, 18.000000) rotate(-270.000000) translate(-18.000000, -18.000000) ' stroke='%23FFFFFF' fill='%23006bae'%3E %3Cpath d='M0,18.0021818 C0,8.05854545 8.05636364,0 17.9978182,0 C27.9349091,0 36,8.05854545 36,18.0021818 C36,27.9414545 27.9349091,36 17.9978182,36 C8.05636364,36 0,27.9414545 0,18.0021818 L0,18.0021818 Z' transform='translate(18.000000, 18.000000) rotate(-90.000000) translate(-18.000000, -18.000000) '%3E %3C/path%3E %3C/g%3E %3Cg transform='translate(8.000000, 8.000000)'%3E %3Cpath d='M1.24731194,9.81189921 C0.965195491,9.69083736 0.711752839,9.51575259 0.5,9.29966091 L0.5,17.9951948 C0.5,19.1094065 1.39328255,20 2.49520242,20 L18.0047976,20 C19.1114544,20 20,19.1020478 20,17.9943676 L20,7.66999199 C20,7.66542385 10.2059689,7.66587386 4.49999838,7.66944904 C4.49924717,8.31314174 4.23784845,8.89577948 3.81567043,9.31749405 C3.39349301,9.73920834 2.81053542,10 2.16666667,10 C1.84021864,10 1.52942839,9.93296107 1.24731194,9.81189921 Z M4.19043477,6.50449445 C9.76669761,5.52154815 19.7136667,3.76647834 19.7133336,3.76458913 L19.3671877,1.80149804 C19.1756504,0.715235905 18.1395161,-0.0167643149 17.0543369,0.174582062 L1.7803673,2.867795 C0.690523059,3.05996394 -0.0286714102,4.09813944 0.163581897,5.18846213 L0.343717195,6.21006017 C0.771301341,5.67563413 1.42900969,5.33333333 2.16666667,5.33333333 C3.03218334,5.33333333 3.78763405,5.80458172 4.19043477,6.50449445 Z M12.875,11.3958333 L12.875,16.2708333 C12.875,16.4258333 12.8108333,16.5583333 12.6825,16.6683333 C12.5541667,16.7783333 12.3995833,16.8333333 12.21875,16.8333333 L5.65625,16.8333333 C5.47541667,16.8333333 5.32083333,16.7783333 5.1925,16.6683333 C5.06416667,16.5583333 5,16.4258333 5,16.2708333 L5,11.3958333 C5,11.2408333 5.06416667,11.1083333 5.1925,10.9983333 C5.32083333,10.8883333 5.47541667,10.8333333 5.65625,10.8333333 L12.21875,10.8333333 C12.3995833,10.8333333 12.5541667,10.8883333 12.6825,10.9983333 C12.8108333,11.1083333 12.875,11.2408333 12.875,11.3958333 C12.875,11.3958333 12.875,11.2408333 12.875,11.3958333 Z M15.5,16.0833333 L12.875,13.8333333 L15.5,11.5833333 L15.5,16.0833333 Z M2.16666667,9.33333333 C3.08714125,9.33333333 3.83333333,8.58714125 3.83333333,7.66666667 C3.83333333,6.74619208 3.08714125,6 2.16666667,6 C1.24619208,6 0.5,6.74619208 0.5,7.66666667 C0.5,8.58714125 1.24619208,9.33333333 2.16666667,9.33333333 Z' fill='%23FFFFFF'%3E %3C/path%3E %3Cg%3E %3Cpath d='M4.49999838,7.66944904 C10.2059689,7.66587386 20,7.66542385 20,7.66999199 L20,17.9943676 C20,19.1020478 19.1114544,20 18.0047976,20 L2.49520242,20 C1.39328255,20 0.5,19.1094065 0.5,17.9951948 L0.5,9.29966091 C0.923505679,9.73184426 1.51377061,10 2.16666667,10 C3.4544035,10 4.49849596,8.95683445 4.49999838,7.66944904 Z' fill='%23FFFFFF'%3E %3C/path%3E %3Cpath d='M12.875,11.3958333 L12.875,16.2708333 C12.875,16.4258333 12.8108333,16.5583333 12.6825,16.6683333 C12.5541667,16.7783333 12.3995833,16.8333333 12.21875,16.8333333 L5.65625,16.8333333 C5.47541667,16.8333333 5.32083333,16.7783333 5.1925,16.6683333 C5.06416667,16.5583333 5,16.4258333 5,16.2708333 L5,11.3958333 C5,11.2408333 5.06416667,11.1083333 5.1925,10.9983333 C5.32083333,10.8883333 5.47541667,10.8333333 5.65625,10.8333333 L12.21875,10.8333333 C12.3995833,10.8333333 12.5541667,10.8883333 12.6825,10.9983333 C12.8108333,11.1083333 12.875,11.2408333 12.875,11.3958333 C12.875,11.3958333 12.875,11.2408333 12.875,11.3958333 L12.875,11.3958333 L12.875,11.3958333 Z M15.5,16.0833333 L12.875,13.8333333 L15.5,11.5833333 L15.5,16.0833333 L15.5,16.0833333 Z' fill='%23004b7a'%3E %3C/path%3E %3Cpath d='M4.19043477,6.50449445 C9.76669761,5.52154815 19.7136667,3.76647834 19.7133336,3.76458913 L19.3671877,1.80149804 C19.1756504,0.715235905 18.1395161,-0.0167643149 17.0543369,0.174582062 L1.7803673,2.867795 C0.690523059,3.05996394 -0.0286714102,4.09813944 0.163581897,5.18846213 L0.343717195,6.21006017 C0.771301341,5.67563413 1.42900969,5.33333333 2.16666667,5.33333333 C3.03218334,5.33333333 3.78763405,5.80458172 4.19043477,6.50449445 Z' fill='%23FFFFFF'%3E %3C/path%3E %3Cellipse fill='%23FFFFFF' cx='2.16666667' cy='7.66666667' rx='1.66666667' ry='1.66666667'%3E %3C/ellipse%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E%3C/svg%3E"); } .ns-music-v1 .c-media-button.c-media-button--pause.is-active, .ns-music-v1 .c-media-button.c-media-button--pause.is-active:hover { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' %3E %3Ctitle%3Eicon-pause%3C/title%3E %3Cdefs%3E %3C/defs%3E %3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' %3E %3Cg transform='translate(-425.000000, -590.000000)'%3E %3Cg transform='translate(425.000000, 590.000000)'%3E %3Cpath d='M0,18.0021818 C0,8.05854545 8.05636364,0 17.9978182,0 C27.9349091,0 36,8.05854545 36,18.0021818 C36,27.9414545 27.9349091,36 17.9978182,36 C8.05636364,36 0,27.9414545 0,18.0021818 L0,18.0021818 Z' stroke='%23FFFFFF' fill='%23F59322' %3E%3C/path%3E %3Cpath d='M15,26 C15,27.104 14.104,28 13,28 C11.896,28 11,27.104 11,26 L11,10 C11,8.896 11.896,8 13,8 C14.104,8 15,8.896 15,10 L15,26 Z M24,26 C24,27.104 23.104,28 22,28 C20.896,28 20,27.104 20,26 L20,10 C20,8.896 20.896,8 22,8 C23.104,8 24,8.896 24,10 L24,26 Z' fill='%23FEFEFE' %3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E%3C/svg%3E"); } .ns-music-v1 .c-media-button--compare.is-navigable { background-image: url("//assets.maestro.vhlcentral.com/assets/music/arc/icons/icon-compare-53e85454833b1cc7b9049d29b5aec0f29f2be9c1b707d183404775271711ad50.svg"); } .ns-music-v1 .c-media-button--compare.is-navigable:hover, .ns-music-v1 .c-media-button--compare.is-navigable:focus { background-image: url("//assets.maestro.vhlcentral.com/assets/music/arc/icons/icon-compare-hover-4646e4e9e1cda89a05c795a834d9439b4dbb4988a0b6aced882609b7bc6a8c99.svg"); } .ns-music-v1 .c-media-button--compare.is-active { background-image: url("//assets.maestro.vhlcentral.com/assets/music/arc/icons/icon-compare-active-a00fac3c86f1ebff2f6225e8489f4f0e0152fa86d10ce982b8d1da2ad2048728.svg"); } .ns-music-v1 .c-media-button--compare { background-image: url("//assets.maestro.vhlcentral.com/assets/music/arc/icons/icon-compare-disabled-05f7afe714eaf4b046c28378c6f4a3fe8cbe9ddafd949157851124fc2de95753.svg"); } .ns-music-v1 .c-media-button--correct.is-navigable { background-image: url("//assets.maestro.vhlcentral.com/assets/music/v1/media_buttons/correct-2c0ca310ceed5ef9bf75335234ddc911816c755c7e20c16a78510a96df3a4047.svg"); } .ns-music-v1 .c-media-button--correct.is-navigable:hover, .ns-music-v1 .c-media-button--correct.is-navigable:focus { background-image: url("//assets.maestro.vhlcentral.com/assets/music/v1/media_buttons/correct-hover-4b8a652c4bccea2ca9997d620d74f538155760ddc0f6ab6510387ed7d3272a58.svg"); } .ns-music-v1 .c-media-button--correct.is-active { background-image: url("//assets.maestro.vhlcentral.com/assets/music/v1/media_buttons/correct-active-55e048f909c846c610077a2ce372a9206be49cac389c92c22d356e0a75016387.svg"); } .ns-music-v1 .c-media-button--correct { background-image: url("//assets.maestro.vhlcentral.com/assets/music/v1/media_buttons/correct-disabled-66814fe28edd4cb78bd16fac21e4716d96207276f495607fb5ee0b4aaa8124e3.svg"); } .ns-music-v1 .c-media-button--review.is-navigable { background-image: url("//assets.maestro.vhlcentral.com/assets/music/arc/icons/icon-review-3626b006ef42bd9385762b8b36119088948697324ebc9bf2842f5b423a09dcc7.svg"); } .ns-music-v1 .c-media-button--review.is-navigable:hover, .ns-music-v1 .c-media-button--review.is-navigable:focus { background-image: url("//assets.maestro.vhlcentral.com/assets/music/arc/icons/icon-review-hover-5d64ad2b2c099c0dbcec29e46fe882f23786d551582ce40d9ff7d74e31aec5a1.svg"); } .ns-music-v1 .c-media-button--review.is-active { background-image: url("//assets.maestro.vhlcentral.com/assets/music/arc/icons/icon-review-active-c3c634d9e2210b0b1b2e7c26338d016179788ce5ad57f8b6b83dcf8fc8fe62be.svg"); } .ns-music-v1 .c-media-button--review { background-image: url("//assets.maestro.vhlcentral.com/assets/music/arc/icons/icon-review-disabled-80798389a5c864a18ab665e82b923b527bf308531ed52bd560ccf631561444f3.svg"); } .ns-music-v1 .c-media-button--record.is-navigable { background-image: url("//assets.maestro.vhlcentral.com/assets/music/v1/media_buttons/record-c5ab7d753da942d21a3967d7b19cfcfaaae7596e657545a849b41c943872fe7c.svg"); } .ns-music-v1 .c-media-button--record.is-navigable:hover, .ns-music-v1 .c-media-button--record.is-navigable:focus { background-image: url("//assets.maestro.vhlcentral.com/assets/music/v1/media_buttons/record-hover-08f1b10a0e006c5903494301e29e465184b15a1d0672eec4f58cb7caa7d4745d.svg"); } .ns-music-v1 .c-media-button--record.is-active { background-image: url("//assets.maestro.vhlcentral.com/assets/music/v1/media_buttons/record-active-c9f6d65196beb6248a1d4c146c7d0fbc0918ecd65b888f129239363f5da718de.svg"); } .ns-music-v1 .c-media-button--record { background-image: url("//assets.maestro.vhlcentral.com/assets/music/v1/media_buttons/record-disabled-d8a2a1009565798659639d8d667c02679cf8f53da0c6ec46798981c56a2a764b.svg"); } .ns-music-v1 .c-media-button--play.is-navigable { background-image: url("//assets.maestro.vhlcentral.com/assets/music/v1/media_buttons/play-51507e773258b50117ce9a69d3dc8720474faae963eadca5f36ea41b8331d421.svg"); } .ns-music-v1 .c-media-button--play.is-navigable:hover, .ns-music-v1 .c-media-button--play.is-navigable:focus { background-image: url("//assets.maestro.vhlcentral.com/assets/music/v1/media_buttons/play-hover-764507ae296bc7c44600bf58be66bdc8524a557ca91946291a44945f4928efa1.svg"); } .ns-music-v1 .c-media-button--play.is-active { background-image: url("//assets.maestro.vhlcentral.com/assets/music/v1/media_buttons/play-active-996399c65e28298bb5fa6bae374e7e42433f4b66ad930da41d8b8621a79d1c10.svg"); } .ns-music-v1 .c-media-button--play { background-image: url("//assets.maestro.vhlcentral.com/assets/music/v1/media_buttons/play-disabled-883c1838144adccc222b288937a5df0a9b9b2cd02d91090ac94fa94e2d62fd6e.svg"); } .ns-music-v1 .c-media-button--startover.is-navigable { background-image: url("//assets.maestro.vhlcentral.com/assets/music/v1/media_buttons/startover-9a57dd265c8dcb1ffc57eb541c7367c72de1c2acaaf4ee9b06140b8c4383e3e4.svg"); } .ns-music-v1 .c-media-button--startover.is-navigable:hover, .ns-music-v1 .c-media-button--startover.is-navigable:focus { background-image: url("//assets.maestro.vhlcentral.com/assets/music/v1/media_buttons/startover-hover-25e80f86a4278f668e7a050d41ef212371e189e850b4a3c9f260f20c371640f1.svg"); } .ns-music-v1 .c-media-button--startover.is-active { background-image: url("//assets.maestro.vhlcentral.com/assets/music/v1/media_buttons/startover-active-2ab47e81606428ed97cf9e7f2ebbf2d89f25f413570df44bbe946d843baa9de5.svg"); } .ns-music-v1 .c-media-button--startover { background-image: url("//assets.maestro.vhlcentral.com/assets/music/v1/media_buttons/startover-disabled-cb13b734ec6f3f5bffce8bd621b7f47e7dce1283207ba1a3ad75f9179cee5c9a.svg"); } .ns-music-v1 .c-media-button--next.is-navigable { background-image: url("//assets.maestro.vhlcentral.com/assets/music/v1/media_buttons/next-3440df1accad1353a52fdb96cf770c47f5858ea4e2b030dc9af92eea942702ec.svg"); } .ns-music-v1 .c-media-button--next.is-navigable:hover, .ns-music-v1 .c-media-button--next.is-navigable:focus { background-image: url("//assets.maestro.vhlcentral.com/assets/music/v1/media_buttons/next-hover-8147d7e1a42eefbd53f46ff1a52b6788f898f5eb55b10c2fb3afd715af39787f.svg"); } .ns-music-v1 .c-media-button--next.is-active { background-image: url("//assets.maestro.vhlcentral.com/assets/music/v1/media_buttons/next-active-e2553503a09c9aced36faf7b71ab55f2e48d7e33d813ee4a9abf32011d3cbd5f.svg"); } .ns-music-v1 .c-media-button--next { background-image: url("//assets.maestro.vhlcentral.com/assets/music/v1/media_buttons/next-disabled-032a003af27490821e48c67af4dbda7c3789bdfc187a10746e518f212936703f.svg"); } .ns-music-v1 { } .ns-music-v1 .c-media-button-wrapper { width: 2.25rem; margin-bottom: 1rem; } .ns-music-v1 .c-media-button-wrapper.c-media-button-wrapper--sm { width: 1.25rem; margin-bottom: 0px; } .ns-music-v1 .c-media-button { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 50%; height: 2.25rem; width: 2.25rem; text-decoration: none; background-size: 2.25rem; } .ns-music-v1 .c-media-button.is-loading { background-image: none; } .ns-music-v1 .c-media-button.is-loading .c-media-button__loading { visibility: visible; fill: rgb(255, 255, 255); } .ns-music-v1 .c-media-button.is-loading + .c-media-button__label { filter: grayscale(100%); opacity: 0.4; cursor: default; } .ns-music-v1 .c-media-button:hover { color: rgb(0, 107, 174); } .ns-music-v1 .c-media-button.is-disabled, .ns-music-v1 .c-media-button[disabled] { filter: grayscale(100%); opacity: 0.4; cursor: default; } .ns-music-v1 .c-media-button.is-disabled + .c-media-button__label, .ns-music-v1 .c-media-button[disabled] + .c-media-button__label { filter: grayscale(100%); opacity: 0.4; cursor: default; } .ns-music-v1 .c-media-button.u-hidden + .c-media-button__label { display: none; } .ns-music-v1 .c-media-button__loading { height: 100%; width: 100%; visibility: hidden; } .ns-music-v1 .c-media-button { position: relative; } .ns-music-v1 .c-media-button .c-media-button__loading, .ns-music-v1 .c-media-button .c-volume-spinner { left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); position: absolute !important; } .ns-music-v1 .c-media-button__label { display: block; font-size: 0.625rem; font-weight: normal; margin: 0.35rem 0px 0px; text-align: center; } .ns-music-v1 .c-media-button--listen { border: 1px solid rgb(255, 255, 255); } .ns-music-v1 .c-media-button--listen.is-active, .ns-music-v1 .c-media-button--listen.is-navigable { box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; cursor: pointer; } .ns-music-v1 .c-media-button--listen.is-navigable:hover, .ns-music-v1 .c-media-button--listen.is-navigable:focus { box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; } .ns-music-v1 .c-media-button--speak { border: 1px solid rgb(255, 255, 255); } .ns-music-v1 .c-media-button--speak.is-active, .ns-music-v1 .c-media-button--speak.is-navigable { box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; cursor: pointer; } .ns-music-v1 .c-media-button--speak.is-navigable:hover, .ns-music-v1 .c-media-button--speak.is-navigable:focus { box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; } .ns-music-v1 .c-media-button--review { border: 1px solid rgb(255, 255, 255); } .ns-music-v1 .c-media-button--review.is-active, .ns-music-v1 .c-media-button--review.is-navigable { box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; cursor: pointer; } .ns-music-v1 .c-media-button--review.is-navigable:hover, .ns-music-v1 .c-media-button--review.is-navigable:focus { box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; } .ns-music-v1 .c-media-button--correct { border: 1px solid rgb(255, 255, 255); } .ns-music-v1 .c-media-button--correct.is-active, .ns-music-v1 .c-media-button--correct.is-navigable { box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; cursor: pointer; } .ns-music-v1 .c-media-button--correct.is-navigable:hover, .ns-music-v1 .c-media-button--correct.is-navigable:focus { box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; } .ns-music-v1 .c-media-button--watch { border: 1px solid rgb(255, 255, 255); } .ns-music-v1 .c-media-button--watch.is-active, .ns-music-v1 .c-media-button--watch.is-navigable { box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; cursor: pointer; } .ns-music-v1 .c-media-button--watch.is-navigable:hover, .ns-music-v1 .c-media-button--watch.is-navigable:focus { box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; } .ns-music-v1 .c-media-button--compare { border: 1px solid rgb(255, 255, 255); } .ns-music-v1 .c-media-button--compare.is-active, .ns-music-v1 .c-media-button--compare.is-navigable { box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; cursor: pointer; } .ns-music-v1 .c-media-button--compare.is-navigable:hover, .ns-music-v1 .c-media-button--compare.is-navigable:focus { box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; } .ns-music-v1 .c-media-button--play { border: 1px solid rgb(255, 255, 255); } .ns-music-v1 .c-media-button--play.is-active, .ns-music-v1 .c-media-button--play.is-navigable { box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; cursor: pointer; } .ns-music-v1 .c-media-button--play.is-navigable:hover, .ns-music-v1 .c-media-button--play.is-navigable:focus { box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; } .ns-music-v1 .c-media-button--record { border: 1px solid rgb(255, 255, 255); } .ns-music-v1 .c-media-button--record.is-active, .ns-music-v1 .c-media-button--record.is-navigable { box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; cursor: pointer; } .ns-music-v1 .c-media-button--record.is-navigable:hover, .ns-music-v1 .c-media-button--record.is-navigable:focus { box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; } .ns-music-v1 .c-media-button--startover { border: 1px solid rgb(255, 255, 255); } .ns-music-v1 .c-media-button--startover.is-active, .ns-music-v1 .c-media-button--startover.is-navigable { box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; cursor: pointer; } .ns-music-v1 .c-media-button--startover.is-navigable:hover, .ns-music-v1 .c-media-button--startover.is-navigable:focus { box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; } .ns-music-v1 .c-media-button--next { border: 1px solid rgb(255, 255, 255); } .ns-music-v1 .c-media-button--next.is-active, .ns-music-v1 .c-media-button--next.is-navigable { box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; cursor: pointer; } .ns-music-v1 .c-media-button--next.is-navigable:hover, .ns-music-v1 .c-media-button--next.is-navigable:focus { box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; } .ns-music-v1 .c-media-button.c-media-button--stop.is-active, .ns-music-v1 .c-media-button.c-media-button--stop.is-active:hover { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/recording-stop-c840e9dc5071083b5d16f6914254da967b66482513e66426a99204a83df6be10.svg"); border: 1px solid rgb(255, 255, 255); } .ns-music-v1 .c-media-button.c-media-button--pause.is-active, .ns-music-v1 .c-media-button.c-media-button--pause.is-active:hover { border: 1px solid rgb(255, 255, 255); } .ns-music-v1 { } .ns-music-v1 .c-menubar { list-style-type: none; padding-left: 0px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; position: relative; margin: 0px; } .ns-music-v1 .c-menubar ul { list-style-type: none; padding-left: 0px; margin-bottom: 0px; } .ns-music-v1 .c-menubar > * { margin-right: 1rem; margin-bottom: 0px; } .ns-music-v1 .c-menubar > :last-child { margin-right: 0px; } .ns-music-v1 .c-menubar a:hover, .ns-music-v1 .c-menubar a:focus { text-decoration: none; } .ns-music-v1 .c-menubar--program { justify-content: flex-end; margin-top: 2rem; } .ns-music-v1 .c-menu { position: relative; } .ns-music-v1 .c-menu__title { display: block; } .ns-music-v1 .c-menu__title:hover, .ns-music-v1 .c-menu__title:focus { text-decoration: none; } .ns-music-v1 .c-menu__title > .is-active { font-weight: bold; color: rgb(255, 96, 40); } .ns-music-v1 .c-menu__inner { display: none; position: absolute; left: inherit; z-index: 10; min-width: 10em; max-width: 20em; overflow-x: hidden; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; transition: all 0.2s ease-in-out 0s; white-space: nowrap; } .ns-music-v1 .c-menu__inner[data-visually-hidden="false"] { display: block; } .ns-music-v1 .c-menu__inner--right-align { right: 0px; } @media (min-width: 700px) { .ns-music-v1 { } .ns-music-v1 .c-menu__inner--md-left-align { right: inherit; } } .ns-music-v1 ul.c-menu__inner { padding: 0.5rem; } .ns-music-v1 .c-menu__item, .ns-music-v1 .c-menu__subitem { padding: 0.5rem 1rem; display: block; } .ns-music-v1 .c-menu__item[href], .ns-music-v1 .c-menu__subitem[href] { transition: background 0.2s ease-in-out 0s; } .ns-music-v1 .c-menu__item.is-old.is-old.is-old, .ns-music-v1 .c-menu__subitem.is-old.is-old.is-old { font-style: italic; background-color: rgb(255, 96, 40); } .ns-music-v1 c-menu--course__course-name.is-old { color: rgb(255, 96, 40); } .ns-music-v1 .c-menu__subitem { padding-left: 2rem; } .ns-music-v1 .c-menu__subitem:hover { background-color: rgb(245, 245, 245); } .ns-music-v1 .activity_popup .c-account-home-link, .ns-music-v1 .activity_popup .c-menu--user { visibility: hidden; } .ns-music-v1 .c-dropdown-item-user-name, .ns-music-v1 .c-user-menu-user-icon { display: none; } .ns-music-v1 .c-menu--user { margin-left: auto; } .ns-music-v1 .c-menu--user .c-menu__inner, .ns-music-v1 .c-menu--help .c-menu__inner { border-top-color: rgb(0, 0, 0); } @media (max-width: 699px) { .ns-music-v1 .c-dropdown-item-user-name { display: block; padding: 0.5rem 1rem; } .ns-music-v1 .c-user-menu-user-name { display: none; } .ns-music-v1 .c-program-title { display: block; } .ns-music-v1 .c-user-menu-user-icon { display: inline-block; } } .ns-music-v1 .c-menu--program { margin-right: 0px; } .ns-music-v1 .c-menu--program + * { transition: margin-left 0.5s ease 0s; margin-left: 2rem; } .ns-music-v1 .c-no-button--compact-menu { display: none; position: absolute; right: 0.5rem; z-index: 12; text-decoration: none; text-align: right; padding: 0.5rem; } .ns-music-v1 .c-no-button--compact-menu::before { content: ""; position: absolute; inset: 0px; border-radius: 0px 0px 0.25rem 0.25rem; box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; } @media (max-width: 699px) { .ns-music-v1 .c-menubar--program { display: flex; position: absolute; width: 20rem; top: -0.25rem; right: 0px; z-index: 11; padding-top: 1rem; padding-bottom: 1rem; box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; } .ns-music-v1.t-vol .c-menubar--program { background-color: rgb(102, 102, 102); } .ns-music-v1.t-supersites .c-menubar--program { background-color: rgb(255, 255, 255); } .ns-music-v1 .c-no-button--compact-menu[aria-expanded="false"] + .c-menubar--program { display: none; } .ns-music-v1 .c-no-button--compact-menu { display: block; } .ns-music-v1 .c-menu--program { display: block; position: static; width: 100%; margin-left: 0px; padding-left: 1rem; margin-top: 0.5rem; } .ns-music-v1 .c-menu__inner--program { position: static; display: block; box-shadow: none; } .ns-music-v1 .c-menu__item--program { border-radius: 0.25rem; } } @media (max-width: 499px) { .ns-music-v1 .c-menubar--program { width: 100%; } } .ns-music-v1 .c-menubar--account .c-menu__inner { background: rgb(68, 68, 68); border-top: 0.125rem solid rgb(68, 68, 68); } .ns-music-v1 .c-menubar--account .c-menu__item, .ns-music-v1 .c-menubar--account .c-menu__subitem { color: rgb(245, 245, 245); } .ns-music-v1 .c-menubar--account .c-menu__item:hover, .ns-music-v1 .c-menubar--account .c-menu__item:focus, .ns-music-v1 .c-menubar--account .c-menu__subitem:hover, .ns-music-v1 .c-menubar--account .c-menu__subitem:focus { background: rgb(51, 51, 51); color: rgb(255, 255, 255); } .ns-music-v1 .c-menubar--account .c-menu__item.is-active, .ns-music-v1 .c-menubar--account .c-menu__subitem.is-active { color: rgb(255, 96, 40); font-weight: bold; } .ns-music-v1 .c-menubar--account .c-account-home-link { display: flex; } .ns-music-v1 .c-menubar--account .c-program-title { display: none; } @media (max-width: 699px) { .ns-music-v1 .c-menubar--account .c-account-home-link-long { display: none; } .ns-music-v1 .c-menubar--account .c-program-title { display: block; } } .ns-music-v1 .c-menu__item--program:hover, .ns-music-v1 .c-menu__item--program:focus, .ns-music-v1 .c-menu__subitem--program:hover, .ns-music-v1 .c-menu__subitem--program:focus { color: rgb(51, 51, 51); background: rgb(245, 245, 245); } .ns-music-v1 .c-menu__item--program.is-active, .ns-music-v1 .c-menu__subitem--program.is-active { color: rgb(255, 96, 40); font-weight: bold; } .ns-music-v1 .c-menu__title--program.is-active, .ns-music-v1 .c-menu__item--program.is-active, .ns-music-v1 .c-menu__subitem--program.is-active { font-weight: bold; } .ns-music-v1.t-vol .c-menu__title--program { color: rgb(221, 221, 221); } .ns-music-v1.t-vol .c-menu__title--program.is-active { color: rgb(255, 255, 255); } .ns-music-v1.t-vol .c-menu__inner--program { background-color: rgb(102, 102, 102); } .ns-music-v1.t-vol .c-menu__item--program, .ns-music-v1.t-vol .c-no-button--compact-menu { background-color: rgb(102, 102, 102); } .ns-music-v1.t-vol .c-menu__item--program:link, .ns-music-v1.t-vol .c-menu__item--program:visited, .ns-music-v1.t-vol .c-menu__item--program:hover:not([disabled]), .ns-music-v1.t-vol .c-no-button--compact-menu:link, .ns-music-v1.t-vol .c-no-button--compact-menu:visited, .ns-music-v1.t-vol .c-no-button--compact-menu:hover:not([disabled]) { color: rgb(255, 255, 255); } .ns-music-v1.t-vol .c-menu__item--program:hover { background-color: rgb(0, 0, 0); } .ns-music-v1.t-vol .c-no-button--compact-menu { top: -0.5rem; color: rgb(255, 255, 255); background-color: rgb(102, 102, 102); } .ns-music-v1.t-vol .c-no-button--compact-menu:hover { color: rgb(255, 255, 255); } .ns-music-v1.t-supersites .c-menu__title--program { color: rgb(68, 68, 68); } .ns-music-v1.t-supersites .c-menu__title--program.is-active { color: rgb(51, 51, 51); } .ns-music-v1.t-supersites .c-menu__inner--program { background-color: rgb(255, 255, 255); } .ns-music-v1.t-supersites .c-menu__item--program, .ns-music-v1.t-supersites .c-no-button--compact-menu { background-color: rgb(255, 255, 255); } .ns-music-v1.t-supersites .c-menu__item--program:link, .ns-music-v1.t-supersites .c-menu__item--program:visited, .ns-music-v1.t-supersites .c-menu__item--program:hover:not([disabled]), .ns-music-v1.t-supersites .c-no-button--compact-menu:link, .ns-music-v1.t-supersites .c-no-button--compact-menu:visited, .ns-music-v1.t-supersites .c-no-button--compact-menu:hover:not([disabled]) { color: rgb(0, 107, 174); } .ns-music-v1.t-supersites .c-menu__item--program:hover { background-color: rgb(238, 238, 238); } .ns-music-v1.t-supersites .c-no-button--compact-menu { top: 0px; color: rgb(0, 107, 174); background-color: rgb(255, 255, 255); } .ns-music-v1.t-supersites .c-no-button--compact-menu:hover { color: rgb(0, 75, 122); } .ns-music-v1 { } .ns-music-v1 .c-modal { position: fixed; z-index: 40; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; } .ns-music-v1 .c-modal__box { position: relative; max-width: 80%; max-height: 95%; margin: 1rem 0px 2rem; font-size: 1rem; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; border-radius: 3px; } .ns-music-v1 .c-modal__box > :last-child { margin-bottom: 0px; } .ns-music-v1 .c-modal__box--scrollable { overflow: auto; } .ns-music-v1 .c-modal__body { padding: 1rem 3rem 1rem 2rem; } .ns-music-v1 .c-modal__close-button { padding: 0.5rem; position: absolute; top: 0.5rem; right: 0.5rem; } .ns-music-v1 .c-heading--modal { font-size: 1.25rem; margin: 0px; } .ns-music-v1 { } .ns-music-v1 .c-panel { margin: 0px 0px 1rem; border-radius: 3px; } .ns-music-v1 .c-panel > * { padding: 0.5rem; } .ns-music-v1 .c-panel__section { padding: 0.5rem; margin: 0px -0.5rem; border-bottom: 0.0625rem solid rgb(238, 238, 238); } .ns-music-v1 .c-panel__section:first-child { padding-top: 0px; } .ns-music-v1 .c-panel__section:last-child { margin-bottom: -0.5rem; } .ns-music-v1 .c-panel__header { background-color: rgb(245, 245, 245); } .ns-music-v1 .c-panel__header > * { margin-bottom: 0px; } .ns-music-v1 .c-panel__flush-content { margin-left: -0.5rem; margin-right: -0.5rem; } .ns-music-v1 .c-panel--padded { } .ns-music-v1 .c-panel--padded > * { padding: 1rem 2rem; } .ns-music-v1 .c-panel--padded .c-panel__section { padding: 1rem 2rem; margin: 0px -2rem; border-bottom: 0.0625rem solid rgb(238, 238, 238); } .ns-music-v1 .c-panel--padded .c-panel__section:last-child { margin-bottom: -1rem; } .ns-music-v1 { } .ns-music-v1 .c-subnav-wrapper { background-color: rgb(245, 245, 245); position: relative; } .ns-music-v1 .c-subnav { list-style-type: none; display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 0px 1.5rem; font-size: 0.875rem; align-items: center; border-bottom: 0.0625rem solid rgb(221, 221, 221); margin: 0px; } .ns-music-v1 .c-subnav ul { list-style-type: none; padding-left: 1rem; margin-bottom: 0px; } .ns-music-v1 .c-subnav > * { margin-right: 1rem; margin-bottom: 0px; } .ns-music-v1 .c-subnav > :last-child { margin-right: 0px; } .ns-music-v1 .c-subnav--scroll { overflow: scroll hidden; flex-wrap: nowrap; } .ns-music-v1 .c-subnav--scroll > * { flex-shrink: 0; } .ns-music-v1 .c-subnav--scroll::-webkit-scrollbar { width: 0px; height: 0px; } .ns-music-v1 .c-subnav__context { font-size: 1rem; text-transform: capitalize; letter-spacing: 0px; padding-right: 2rem; background-position: right center; background-size: 1rem 1rem; background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/caret-right-6e93ee85ad428cadceebc3b211bb35cf4e1f52b14a7b44aa10ddc25a7dda9132.svg"); background-repeat: no-repeat; } .ns-music-v1 .c-subnav__context, .ns-music-v1 .c-subnav__link { display: inline-block; color: rgb(102, 102, 102); border-bottom: 0.1875rem solid transparent; } .ns-music-v1 .c-subnav__link, .ns-music-v1 .c-subnav__item { text-transform: uppercase; letter-spacing: 1px; padding: 0.75rem 1rem; margin-top: 2px; line-height: 1rem; vertical-align: middle; text-decoration: none; } .ns-music-v1 .c-subnav__link:hover { color: rgb(51, 51, 51); background-color: rgb(238, 238, 238); border-color: rgb(221, 221, 221); } .ns-music-v1 .c-subnav__link.is-current { font-weight: bold; color: rgb(51, 51, 51); border-color: rgb(255, 96, 40); } .ns-music-v1 .c-subnav-scroll-arrow { position: absolute; right: 0px; top: 0px; display: flex; align-items: center; justify-content: center; width: 1.5625rem; height: 100%; background: rgb(245, 245, 245); border-bottom: 0.0625rem solid rgb(204, 204, 204); border-top: 0.0625rem solid rgb(204, 204, 204); border-left: 0.0625rem solid rgb(204, 204, 204); cursor: pointer; opacity: 0.8; } .ns-music-v1 { } .ns-music-v1 .c-table { width: 100%; border: 0px; } .ns-music-v1 caption { text-align: left; margin-bottom: 1rem; } .ns-music-v1 .c-row > *, .ns-music-v1 .c-header-row > *, .ns-music-v1 .c-footer-row > * { padding: 0.5rem; } .ns-music-v1 .c-row > *, .ns-music-v1 .c-header-row > * { padding: 0.5rem; border-bottom: 0.0625rem solid rgb(221, 221, 221); } .ns-music-v1 .c-row { transition: background-color 0.3s ease 0s; background-color: rgb(255, 255, 255); } .ns-music-v1 .c-row:hover { background: rgb(248, 248, 248); } .ns-music-v1 .c-row.is-active { background: rgb(255, 239, 234); } .ns-music-v1 .c-header-row { background-color: rgb(248, 248, 248); } .ns-music-v1 .c-table--content { width: auto; margin-bottom: 2rem; } .ns-music-v1 .c-table--content th { font-weight: bold; } [class] { } [class] [data-has-tooltip] { position: relative; } [class] [data-has-tooltip]:hover::before, [class] [data-has-tooltip]:hover::after, [class] [data-has-tooltip]:focus::before, [class] [data-has-tooltip]:focus::after { display: inline-block; position: absolute; bottom: 100%; opacity: 0; animation: 4s ease 0s 1 normal none running fade-in-out; } [class] [data-has-tooltip]:hover::before, [class] [data-has-tooltip]:focus::before { content: attr(aria-label); font-size: 1rem; font-weight: normal; text-transform: none; padding: 0.5rem; min-width: 5rem; max-width: 24rem; background-color: rgb(68, 68, 68); color: rgb(255, 255, 255); border-radius: 0.1875rem; left: -0.5rem; transform: translateY(-0.5rem); } [class] [data-has-tooltip]:hover::after, [class] [data-has-tooltip]:focus::after { content: ""; height: 0px; width: 0px; border-width: 0.5rem; border-style: solid; border-color: rgb(68, 68, 68) transparent transparent; border-image: initial; left: 0px; transform: translateY(0.5rem); } [class] [data-has-tooltip="right"]:hover::before, [class] [data-has-tooltip="right"]:focus::before { right: -0.5rem; left: auto; } [class] [data-has-tooltip="right"]:hover::after, [class] [data-has-tooltip="right"]:focus::after { right: 0px; left: auto; } .ns-music-v1 .c-volume-spinner { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; background: url("//assets.maestro.vhlcentral.com/assets/music/volume-spinner-e72318360d3e2112755f8fe1bc209e6d8c678435a496ad26bd44a505c4ade1cd.svg") 0px 0px / 100% no-repeat; margin: 0px; } .ns-music-v1 { } .ns-music-v1 .can-fade { transition: opacity 0.5s ease-in-out 0s; } .ns-music-v1 .can-fade-fast { transition: opacity 0.2s ease-in-out 0s; } .ns-music-v1 .is-faded-out { opacity: 0; } @-webkit-keyframes fade-in-out { 0%, 100% { opacity: 0; } 5%, 80% { opacity: 1; } } @keyframes fade-in-out { 0%, 100% { opacity: 0; } 5%, 80% { opacity: 1; } } .u-dis-block { display: block !important; } .u-dis-inline { display: inline !important; } .u-dis-inline-block { display: inline-block !important; } .u-dis-flex { display: flex !important; } .u-dis-inline-flex { display: inline-flex !important; } .u-dis-table { display: table !important; } .u-dis-table-cell { display: table-cell !important; } .u-dis-none, .u-hidden { display: none !important; } .u-invisible { visibility: hidden !important; } .u-visible { visibility: visible !important; } .u-screen-reader-only { border: 0px !important; clip: rect(0px, 0px, 0px, 0px) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; width: 1px !important; } .u-width-half { width: 50% !important; } .u-width-full { width: 100% !important; } .u-no-min-width { min-width: auto !important; } .u-no-max-width { max-width: none !important; } .u-no-width { width: auto !important; max-width: none !important; min-width: auto !important; } .u-flush { margin-left: -16px; margin-right: -16px; } .u-pos-static { position: static !important; } .u-pos-rel { position: relative !important; } .u-pos-abs { position: absolute !important; } .u-pos-fixed { position: fixed !important; } .u-float-lt { float: left !important; } .u-float-rt { float: right !important; } .u-float-none { float: none !important; } .u-clearfix::before, .u-clearfix::after { content: " " !important; display: table !important; } .u-clearfix::after { clear: both !important; } .u-z-neg--1 { z-index: -1 !important; } .u-z-0 { z-index: 0 !important; } .u-z-1 { z-index: 1 !important; } .u-z-2 { z-index: 2 !important; } .u-z-3 { z-index: 3 !important; } .u-z-5 { z-index: 5 !important; } .u-z-8 { z-index: 8 !important; } .u-z-10 { z-index: 10 !important; } .u-border-box { box-sizing: border-box !important; } .u-content-box { box-sizing: content-box !important; } .u-flex-wrap { flex-wrap: wrap !important; } .u-flex-nowrap { flex-wrap: nowrap !important; } .u-flex-spacer { flex-grow: 100 !important; } .u-center-vertical { display: flex !important; align-items: center !important; } .u-center-overlay { display: flex; align-items: center !important; justify-content: center !important; } .u-mar-0 { margin: 0px !important; } .u-mar-top-0 { margin-top: 0px !important; } .u-mar-rt-0 { margin-right: 0px !important; } .u-mar-bot-0 { margin-bottom: 0px !important; } .u-mar-lt-0 { margin-left: 0px !important; } .u-mar-1 { margin: 1px !important; } .u-mar-top-1 { margin-top: 1px !important; } .u-mar-top-neg-1 { margin-top: -1px !important; } .u-mar-rt-1 { margin-right: 1px !important; } .u-mar-rt-neg-1 { margin-right: -1px !important; } .u-mar-bot-1 { margin-bottom: 1px !important; } .u-mar-bot-neg-1 { margin-bottom: -1px !important; } .u-mar-lt-1 { margin-left: 1px !important; } .u-mar-lt-neg-1 { margin-left: -1px !important; } .u-mar-2 { margin: 2px !important; } .u-mar-top-2 { margin-top: 2px !important; } .u-mar-top-neg-2 { margin-top: -2px !important; } .u-mar-rt-2 { margin-right: 2px !important; } .u-mar-rt-neg-2 { margin-right: -2px !important; } .u-mar-bot-2 { margin-bottom: 2px !important; } .u-mar-bot-neg-2 { margin-bottom: -2px !important; } .u-mar-lt-2 { margin-left: 2px !important; } .u-mar-lt-neg-2 { margin-left: -2px !important; } .u-mar-3 { margin: 3px !important; } .u-mar-top-3 { margin-top: 3px !important; } .u-mar-top-neg-3 { margin-top: -3px !important; } .u-mar-rt-3 { margin-right: 3px !important; } .u-mar-rt-neg-3 { margin-right: -3px !important; } .u-mar-bot-3 { margin-bottom: 3px !important; } .u-mar-bot-neg-3 { margin-bottom: -3px !important; } .u-mar-lt-3 { margin-left: 3px !important; } .u-mar-lt-neg-3 { margin-left: -3px !important; } .u-mar-4 { margin: 4px !important; } .u-mar-top-4 { margin-top: 4px !important; } .u-mar-top-neg-4 { margin-top: -4px !important; } .u-mar-rt-4 { margin-right: 4px !important; } .u-mar-rt-neg-4 { margin-right: -4px !important; } .u-mar-bot-4 { margin-bottom: 4px !important; } .u-mar-bot-neg-4 { margin-bottom: -4px !important; } .u-mar-lt-4 { margin-left: 4px !important; } .u-mar-lt-neg-4 { margin-left: -4px !important; } .u-mar-5 { margin: 5px !important; } .u-mar-top-5 { margin-top: 5px !important; } .u-mar-top-neg-5 { margin-top: -5px !important; } .u-mar-rt-5 { margin-right: 5px !important; } .u-mar-rt-neg-5 { margin-right: -5px !important; } .u-mar-bot-5 { margin-bottom: 5px !important; } .u-mar-bot-neg-5 { margin-bottom: -5px !important; } .u-mar-lt-5 { margin-left: 5px !important; } .u-mar-lt-neg-5 { margin-left: -5px !important; } .u-mar-6 { margin: 6px !important; } .u-mar-top-6 { margin-top: 6px !important; } .u-mar-top-neg-6 { margin-top: -6px !important; } .u-mar-rt-6 { margin-right: 6px !important; } .u-mar-rt-neg-6 { margin-right: -6px !important; } .u-mar-bot-6 { margin-bottom: 6px !important; } .u-mar-bot-neg-6 { margin-bottom: -6px !important; } .u-mar-lt-6 { margin-left: 6px !important; } .u-mar-lt-neg-6 { margin-left: -6px !important; } .u-mar-8 { margin: 8px !important; } .u-mar-top-8 { margin-top: 8px !important; } .u-mar-top-neg-8 { margin-top: -8px !important; } .u-mar-rt-8 { margin-right: 8px !important; } .u-mar-rt-neg-8 { margin-right: -8px !important; } .u-mar-bot-8 { margin-bottom: 8px !important; } .u-mar-bot-neg-8 { margin-bottom: -8px !important; } .u-mar-lt-8 { margin-left: 8px !important; } .u-mar-lt-neg-8 { margin-left: -8px !important; } .u-mar-10 { margin: 10px !important; } .u-mar-top-10 { margin-top: 10px !important; } .u-mar-top-neg-10 { margin-top: -10px !important; } .u-mar-rt-10 { margin-right: 10px !important; } .u-mar-rt-neg-10 { margin-right: -10px !important; } .u-mar-bot-10 { margin-bottom: 10px !important; } .u-mar-bot-neg-10 { margin-bottom: -10px !important; } .u-mar-lt-10 { margin-left: 10px !important; } .u-mar-lt-neg-10 { margin-left: -10px !important; } .u-mar-12 { margin: 12px !important; } .u-mar-top-12 { margin-top: 12px !important; } .u-mar-top-neg-12 { margin-top: -12px !important; } .u-mar-rt-12 { margin-right: 12px !important; } .u-mar-rt-neg-12 { margin-right: -12px !important; } .u-mar-bot-12 { margin-bottom: 12px !important; } .u-mar-bot-neg-12 { margin-bottom: -12px !important; } .u-mar-lt-12 { margin-left: 12px !important; } .u-mar-lt-neg-12 { margin-left: -12px !important; } .u-mar-16 { margin: 16px !important; } .u-mar-top-16 { margin-top: 16px !important; } .u-mar-top-neg-16 { margin-top: -16px !important; } .u-mar-rt-16 { margin-right: 16px !important; } .u-mar-rt-neg-16 { margin-right: -16px !important; } .u-mar-bot-16 { margin-bottom: 16px !important; } .u-mar-bot-neg-16 { margin-bottom: -16px !important; } .u-mar-lt-16 { margin-left: 16px !important; } .u-mar-lt-neg-16 { margin-left: -16px !important; } .u-mar-20 { margin: 20px !important; } .u-mar-top-20 { margin-top: 20px !important; } .u-mar-top-neg-20 { margin-top: -20px !important; } .u-mar-rt-20 { margin-right: 20px !important; } .u-mar-rt-neg-20 { margin-right: -20px !important; } .u-mar-bot-20 { margin-bottom: 20px !important; } .u-mar-bot-neg-20 { margin-bottom: -20px !important; } .u-mar-lt-20 { margin-left: 20px !important; } .u-mar-lt-neg-20 { margin-left: -20px !important; } .u-mar-24 { margin: 24px !important; } .u-mar-top-24 { margin-top: 24px !important; } .u-mar-top-neg-24 { margin-top: -24px !important; } .u-mar-rt-24 { margin-right: 24px !important; } .u-mar-rt-neg-24 { margin-right: -24px !important; } .u-mar-bot-24 { margin-bottom: 24px !important; } .u-mar-bot-neg-24 { margin-bottom: -24px !important; } .u-mar-lt-24 { margin-left: 24px !important; } .u-mar-lt-neg-24 { margin-left: -24px !important; } .u-mar-32 { margin: 32px !important; } .u-mar-top-32 { margin-top: 32px !important; } .u-mar-top-neg-32 { margin-top: -32px !important; } .u-mar-rt-32 { margin-right: 32px !important; } .u-mar-rt-neg-32 { margin-right: -32px !important; } .u-mar-bot-32 { margin-bottom: 32px !important; } .u-mar-bot-neg-32 { margin-bottom: -32px !important; } .u-mar-lt-32 { margin-left: 32px !important; } .u-mar-lt-neg-32 { margin-left: -32px !important; } .u-mar-48 { margin: 48px !important; } .u-mar-top-48 { margin-top: 48px !important; } .u-mar-top-neg-48 { margin-top: -48px !important; } .u-mar-rt-48 { margin-right: 48px !important; } .u-mar-rt-neg-48 { margin-right: -48px !important; } .u-mar-bot-48 { margin-bottom: 48px !important; } .u-mar-bot-neg-48 { margin-bottom: -48px !important; } .u-mar-lt-48 { margin-left: 48px !important; } .u-mar-lt-neg-48 { margin-left: -48px !important; } .u-mar-64 { margin: 64px !important; } .u-mar-top-64 { margin-top: 64px !important; } .u-mar-top-neg-64 { margin-top: -64px !important; } .u-mar-rt-64 { margin-right: 64px !important; } .u-mar-rt-neg-64 { margin-right: -64px !important; } .u-mar-bot-64 { margin-bottom: 64px !important; } .u-mar-bot-neg-64 { margin-bottom: -64px !important; } .u-mar-lt-64 { margin-left: 64px !important; } .u-mar-lt-neg-64 { margin-left: -64px !important; } .u-mar-auto { margin-left: auto; margin-right: auto; } .u-sp { margin-bottom: 1rem !important; } .u-pad-0 { padding: 0px !important; } .u-pad-top-0 { padding-top: 0px !important; } .u-pad-rt-0 { padding-right: 0px !important; } .u-pad-bot-0 { padding-bottom: 0px !important; } .u-pad-lt-0 { padding-left: 0px !important; } .u-pad-1 { padding: 1px !important; } .u-pad-top-1 { padding-top: 1px !important; } .u-pad-rt-1 { padding-right: 1px !important; } .u-pad-bot-1 { padding-bottom: 1px !important; } .u-pad-lt-1 { padding-left: 1px !important; } .u-pad-2 { padding: 2px !important; } .u-pad-top-2 { padding-top: 2px !important; } .u-pad-rt-2 { padding-right: 2px !important; } .u-pad-bot-2 { padding-bottom: 2px !important; } .u-pad-lt-2 { padding-left: 2px !important; } .u-pad-3 { padding: 3px !important; } .u-pad-top-3 { padding-top: 3px !important; } .u-pad-rt-3 { padding-right: 3px !important; } .u-pad-bot-3 { padding-bottom: 3px !important; } .u-pad-lt-3 { padding-left: 3px !important; } .u-pad-4 { padding: 4px !important; } .u-pad-top-4 { padding-top: 4px !important; } .u-pad-rt-4 { padding-right: 4px !important; } .u-pad-bot-4 { padding-bottom: 4px !important; } .u-pad-lt-4 { padding-left: 4px !important; } .u-pad-5 { padding: 5px !important; } .u-pad-top-5 { padding-top: 5px !important; } .u-pad-rt-5 { padding-right: 5px !important; } .u-pad-bot-5 { padding-bottom: 5px !important; } .u-pad-lt-5 { padding-left: 5px !important; } .u-pad-6 { padding: 6px !important; } .u-pad-top-6 { padding-top: 6px !important; } .u-pad-rt-6 { padding-right: 6px !important; } .u-pad-bot-6 { padding-bottom: 6px !important; } .u-pad-lt-6 { padding-left: 6px !important; } .u-pad-8 { padding: 8px !important; } .u-pad-top-8 { padding-top: 8px !important; } .u-pad-rt-8 { padding-right: 8px !important; } .u-pad-bot-8 { padding-bottom: 8px !important; } .u-pad-lt-8 { padding-left: 8px !important; } .u-pad-10 { padding: 10px !important; } .u-pad-top-10 { padding-top: 10px !important; } .u-pad-rt-10 { padding-right: 10px !important; } .u-pad-bot-10 { padding-bottom: 10px !important; } .u-pad-lt-10 { padding-left: 10px !important; } .u-pad-12 { padding: 12px !important; } .u-pad-top-12 { padding-top: 12px !important; } .u-pad-rt-12 { padding-right: 12px !important; } .u-pad-bot-12 { padding-bottom: 12px !important; } .u-pad-lt-12 { padding-left: 12px !important; } .u-pad-16 { padding: 16px !important; } .u-pad-top-16 { padding-top: 16px !important; } .u-pad-rt-16 { padding-right: 16px !important; } .u-pad-bot-16 { padding-bottom: 16px !important; } .u-pad-lt-16 { padding-left: 16px !important; } .u-pad-20 { padding: 20px !important; } .u-pad-top-20 { padding-top: 20px !important; } .u-pad-rt-20 { padding-right: 20px !important; } .u-pad-bot-20 { padding-bottom: 20px !important; } .u-pad-lt-20 { padding-left: 20px !important; } .u-pad-24 { padding: 24px !important; } .u-pad-top-24 { padding-top: 24px !important; } .u-pad-rt-24 { padding-right: 24px !important; } .u-pad-bot-24 { padding-bottom: 24px !important; } .u-pad-lt-24 { padding-left: 24px !important; } .u-pad-32 { padding: 32px !important; } .u-pad-top-32 { padding-top: 32px !important; } .u-pad-rt-32 { padding-right: 32px !important; } .u-pad-bot-32 { padding-bottom: 32px !important; } .u-pad-lt-32 { padding-left: 32px !important; } .u-pad-48 { padding: 48px !important; } .u-pad-top-48 { padding-top: 48px !important; } .u-pad-rt-48 { padding-right: 48px !important; } .u-pad-bot-48 { padding-bottom: 48px !important; } .u-pad-lt-48 { padding-left: 48px !important; } .u-pad-64 { padding: 64px !important; } .u-pad-top-64 { padding-top: 64px !important; } .u-pad-rt-64 { padding-right: 64px !important; } .u-pad-bot-64 { padding-bottom: 64px !important; } .u-pad-lt-64 { padding-left: 64px !important; } .u-txt-10 { font-size: 10px !important; } .u-txt-12 { font-size: 12px !important; } .u-txt-14 { font-size: 14px !important; } .u-txt-16 { font-size: 16px !important; } .u-txt-18 { font-size: 18px !important; } .u-txt-20 { font-size: 20px !important; } .u-txt-24 { font-size: 24px !important; } .u-txt-32 { font-size: 32px !important; } .u-txt-48 { font-size: 48px !important; } .u-txt-64 { font-size: 64px !important; } .u-txt-default-size { font-size: 1rem !important; } .u-txt-red { color: rgb(206, 12, 36) !important; } .u-txt-orange { color: rgb(255, 96, 40) !important; } .u-txt-light-orange { color: rgb(255, 239, 234) !important; } .u-txt-yellow-orange { color: rgb(235, 167, 25) !important; } .u-txt-blue { color: rgb(0, 107, 174) !important; } .u-txt-dark-blue { color: rgb(0, 75, 122) !important; } .u-txt-light-blue { color: rgb(82, 171, 226) !important; } .u-txt-green { color: rgb(29, 135, 62) !important; } .u-txt-black { color: rgb(0, 0, 0) !important; } .u-txt-gray-3 { color: rgb(51, 51, 51) !important; } .u-txt-gray-4 { color: rgb(68, 68, 68) !important; } .u-txt-gray-6 { color: rgb(102, 102, 102) !important; } .u-txt-gray-9 { color: rgb(153, 153, 153) !important; } .u-txt-gray-a { color: rgb(170, 170, 170) !important; } .u-txt-gray-b { color: rgb(187, 187, 187) !important; } .u-txt-gray-c { color: rgb(204, 204, 204) !important; } .u-txt-gray-d { color: rgb(221, 221, 221) !important; } .u-txt-gray-e { color: rgb(238, 238, 238) !important; } .u-txt-gray-f5 { color: rgb(245, 245, 245) !important; } .u-txt-gray-f8 { color: rgb(248, 248, 248) !important; } .u-txt-lightest-text { color: rgb(112, 112, 112) !important; } .u-txt-lightest-graphic { color: rgb(142, 142, 142) !important; } .u-txt-white { color: rgb(255, 255, 255) !important; } .u-txt-transparent { color: transparent !important; } .u-txt-disabled-gray { color: rgb(204, 204, 204) !important; } .u-txt-current { color: rgb(255, 96, 40) !important; } .u-txt-selected { color: rgb(255, 239, 234) !important; } .u-txt-success { color: rgb(29, 135, 62) !important; } .u-txt-complete { color: rgb(29, 135, 62) !important; } .u-txt-warning { color: rgb(255, 96, 40) !important; } .u-txt-error { color: rgb(206, 12, 36) !important; } .u-txt-failure { color: rgb(206, 12, 36) !important; } .u-txt-danger { color: rgb(206, 12, 36) !important; } .u-txt-incomplete { color: rgb(206, 12, 36) !important; } .u-txt-link-color { color: rgb(0, 107, 174) !important; } .u-txt-link-hover-color { color: rgb(0, 75, 122) !important; } .u-txt-link-disabled-color { color: rgb(204, 204, 204) !important; } .u-txt-reg { font-weight: 400 !important; } .u-txt-bold { font-weight: 700 !important; } .u-txt-norm { font-style: normal !important; } .u-txt-ital { font-style: italic !important; } .u-txt-nodec { text-decoration: none !important; } .u-txt-under { text-decoration: underline !important; } .u-txt-strike { text-decoration: line-through !important; } .u-txt-upper { text-transform: uppercase !important; } .u-txt-lower { text-transform: lowercase !important; } .u-txt-smallcaps { font-size: 0.85em !important; text-transform: uppercase !important; } .u-txt-wrap { white-space: normal !important; } .u-txt-nowrap { white-space: nowrap !important; } .u-txt-lt { text-align: left !important; } .u-txt-ctr { text-align: center !important; } .u-txt-rt { text-align: right !important; } .u-txt-top { vertical-align: top !important; } .u-txt-mid { vertical-align: middle !important; } .u-txt-bot { vertical-align: bottom !important; } .u-txt-base { vertical-align: baseline !important; } .u-oflow-auto { overflow: auto !important; } .u-oflow-hid { overflow: hidden !important; } .u-oflow-vis { overflow: visible !important; } .u-oflow-x-auto { overflow-x: auto !important; } .u-oflow-x-hid { overflow-x: hidden !important; } .u-oflow-x-vis { overflow-x: visible !important; } .u-oflow-y-auto { overflow-y: auto !important; } .u-oflow-y-hid { overflow-y: hidden !important; } .u-oflow-y-vis { overflow-y: visible !important; } .u-txt-plain { color: inherit !important; background-color: inherit !important; font-family: inherit !important; font-weight: 400 !important; font-style: normal !important; text-decoration: none !important; text-transform: none !important; } .u-list-style-none { list-style-type: none !important; } .u-list-style-disc { list-style-type: disc !important; } .u-list-style-circle { list-style-type: circle !important; } .u-list-style-square { list-style-type: square !important; } .u-list-style-decimal { list-style-type: decimal !important; } .u-list-style-upper-roman { list-style-type: upper-roman !important; } .u-list-style-lower-roman { list-style-type: lower-roman !important; } .u-list-style-upper-alpha { list-style-type: upper-alpha !important; } .u-list-style-lower-alpha { list-style-type: lower-alpha !important; } [class^="u-bord-"], [class*=" u-bord-"] { border-width: 0px !important; border-style: solid !important; } .u-bord-0 { border-width: 0rem !important; } .u-bord-1 { border-width: 0.0625rem !important; } .u-bord-2 { border-width: 0.125rem !important; } .u-bord-3 { border-width: 0.1875rem !important; } .u-bord-4 { border-width: 0.25rem !important; } .u-bord-5 { border-width: 0.3125rem !important; } .u-bord-6 { border-width: 0.375rem !important; } .u-bord-8 { border-width: 0.5rem !important; } .u-bord-10 { border-width: 0.625rem !important; } .u-bord-top-0 { border-top-width: 0rem !important; } .u-bord-rt-0 { border-right-width: 0rem !important; } .u-bord-bot-0 { border-bottom-width: 0rem !important; } .u-bord-lt-0 { border-left-width: 0rem !important; } .u-bord-top-1 { border-top-width: 0.0625rem !important; } .u-bord-rt-1 { border-right-width: 0.0625rem !important; } .u-bord-bot-1 { border-bottom-width: 0.0625rem !important; } .u-bord-lt-1 { border-left-width: 0.0625rem !important; } .u-bord-top-2 { border-top-width: 0.125rem !important; } .u-bord-rt-2 { border-right-width: 0.125rem !important; } .u-bord-bot-2 { border-bottom-width: 0.125rem !important; } .u-bord-lt-2 { border-left-width: 0.125rem !important; } .u-bord-top-3 { border-top-width: 0.1875rem !important; } .u-bord-rt-3 { border-right-width: 0.1875rem !important; } .u-bord-bot-3 { border-bottom-width: 0.1875rem !important; } .u-bord-lt-3 { border-left-width: 0.1875rem !important; } .u-bord-top-4 { border-top-width: 0.25rem !important; } .u-bord-rt-4 { border-right-width: 0.25rem !important; } .u-bord-bot-4 { border-bottom-width: 0.25rem !important; } .u-bord-lt-4 { border-left-width: 0.25rem !important; } .u-bord-top-5 { border-top-width: 0.3125rem !important; } .u-bord-rt-5 { border-right-width: 0.3125rem !important; } .u-bord-bot-5 { border-bottom-width: 0.3125rem !important; } .u-bord-lt-5 { border-left-width: 0.3125rem !important; } .u-bord-top-6 { border-top-width: 0.375rem !important; } .u-bord-rt-6 { border-right-width: 0.375rem !important; } .u-bord-bot-6 { border-bottom-width: 0.375rem !important; } .u-bord-lt-6 { border-left-width: 0.375rem !important; } .u-bord-top-8 { border-top-width: 0.5rem !important; } .u-bord-rt-8 { border-right-width: 0.5rem !important; } .u-bord-bot-8 { border-bottom-width: 0.5rem !important; } .u-bord-lt-8 { border-left-width: 0.5rem !important; } .u-bord-top-10 { border-top-width: 0.625rem !important; } .u-bord-rt-10 { border-right-width: 0.625rem !important; } .u-bord-bot-10 { border-bottom-width: 0.625rem !important; } .u-bord-lt-10 { border-left-width: 0.625rem !important; } .u-bord-radius-0 { border-radius: 0rem !important; } .u-bord-radius-1 { border-radius: 0.0625rem !important; } .u-bord-radius-2 { border-radius: 0.125rem !important; } .u-bord-radius-3 { border-radius: 0.1875rem !important; } .u-bord-radius-4 { border-radius: 0.25rem !important; } .u-bord-radius-5 { border-radius: 0.3125rem !important; } .u-bord-radius-6 { border-radius: 0.375rem !important; } .u-bord-radius-7 { border-radius: 0.4375rem !important; } .u-bord-radius-8 { border-radius: 0.5rem !important; } .u-bord-radius-9 { border-radius: 0.5625rem !important; } .u-bord-radius-10 { border-radius: 0.625rem !important; } .u-bord-radius-12 { border-radius: 0.75rem !important; } .u-bord-radius-16 { border-radius: 1rem !important; } .u-bord-solid { border-style: solid !important; } .u-bord-dotted { border-style: dotted !important; } .u-bord-dashed { border-style: dashed !important; } .u-bord-red { border-color: rgb(206, 12, 36) !important; } .u-bord-orange { border-color: rgb(255, 96, 40) !important; } .u-bord-light-orange { border-color: rgb(255, 239, 234) !important; } .u-bord-yellow-orange { border-color: rgb(235, 167, 25) !important; } .u-bord-blue { border-color: rgb(0, 107, 174) !important; } .u-bord-dark-blue { border-color: rgb(0, 75, 122) !important; } .u-bord-light-blue { border-color: rgb(82, 171, 226) !important; } .u-bord-green { border-color: rgb(29, 135, 62) !important; } .u-bord-black { border-color: rgb(0, 0, 0) !important; } .u-bord-gray-3 { border-color: rgb(51, 51, 51) !important; } .u-bord-gray-4 { border-color: rgb(68, 68, 68) !important; } .u-bord-gray-6 { border-color: rgb(102, 102, 102) !important; } .u-bord-gray-9 { border-color: rgb(153, 153, 153) !important; } .u-bord-gray-a { border-color: rgb(170, 170, 170) !important; } .u-bord-gray-b { border-color: rgb(187, 187, 187) !important; } .u-bord-gray-c { border-color: rgb(204, 204, 204) !important; } .u-bord-gray-d { border-color: rgb(221, 221, 221) !important; } .u-bord-gray-e { border-color: rgb(238, 238, 238) !important; } .u-bord-gray-f5 { border-color: rgb(245, 245, 245) !important; } .u-bord-gray-f8 { border-color: rgb(248, 248, 248) !important; } .u-bord-lightest-text { border-color: rgb(112, 112, 112) !important; } .u-bord-lightest-graphic { border-color: rgb(142, 142, 142) !important; } .u-bord-white { border-color: rgb(255, 255, 255) !important; } .u-bord-transparent { border-color: transparent !important; } .u-bord-disabled-gray { border-color: rgb(204, 204, 204) !important; } .u-bord-current { border-color: rgb(255, 96, 40) !important; } .u-bord-selected { border-color: rgb(255, 239, 234) !important; } .u-bord-success { border-color: rgb(29, 135, 62) !important; } .u-bord-complete { border-color: rgb(29, 135, 62) !important; } .u-bord-warning { border-color: rgb(255, 96, 40) !important; } .u-bord-error { border-color: rgb(206, 12, 36) !important; } .u-bord-failure { border-color: rgb(206, 12, 36) !important; } .u-bord-danger { border-color: rgb(206, 12, 36) !important; } .u-bord-incomplete { border-color: rgb(206, 12, 36) !important; } .u-bord-link-color { border-color: rgb(0, 107, 174) !important; } .u-bord-link-hover-color { border-color: rgb(0, 75, 122) !important; } .u-bord-link-disabled-color { border-color: rgb(204, 204, 204) !important; } .u-bord-hid { border-color: transparent !important; } .u-bord-top-hid { border-top-color: transparent !important; } .u-bord-rt-hid { border-right-color: transparent !important; } .u-bord-bot-hid { border-bottom-color: transparent !important; } .u-bord-lt-hid { border-left-color: transparent !important; } .u-bg-red { background-color: rgb(206, 12, 36) !important; } .u-bg-orange { background-color: rgb(255, 96, 40) !important; } .u-bg-light-orange { background-color: rgb(255, 239, 234) !important; } .u-bg-yellow-orange { background-color: rgb(235, 167, 25) !important; } .u-bg-blue { background-color: rgb(0, 107, 174) !important; } .u-bg-dark-blue { background-color: rgb(0, 75, 122) !important; } .u-bg-light-blue { background-color: rgb(82, 171, 226) !important; } .u-bg-green { background-color: rgb(29, 135, 62) !important; } .u-bg-black { background-color: rgb(0, 0, 0) !important; } .u-bg-gray-3 { background-color: rgb(51, 51, 51) !important; } .u-bg-gray-4 { background-color: rgb(68, 68, 68) !important; } .u-bg-gray-6 { background-color: rgb(102, 102, 102) !important; } .u-bg-gray-9 { background-color: rgb(153, 153, 153) !important; } .u-bg-gray-a { background-color: rgb(170, 170, 170) !important; } .u-bg-gray-b { background-color: rgb(187, 187, 187) !important; } .u-bg-gray-c { background-color: rgb(204, 204, 204) !important; } .u-bg-gray-d { background-color: rgb(221, 221, 221) !important; } .u-bg-gray-e { background-color: rgb(238, 238, 238) !important; } .u-bg-gray-f5 { background-color: rgb(245, 245, 245) !important; } .u-bg-gray-f8 { background-color: rgb(248, 248, 248) !important; } .u-bg-lightest-text { background-color: rgb(112, 112, 112) !important; } .u-bg-lightest-graphic { background-color: rgb(142, 142, 142) !important; } .u-bg-white { background-color: rgb(255, 255, 255) !important; } .u-bg-transparent { background-color: transparent !important; } .u-bg-disabled-gray { background-color: rgb(204, 204, 204) !important; } .u-bg-current { background-color: rgb(255, 96, 40) !important; } .u-bg-selected { background-color: rgb(255, 239, 234) !important; } .u-bg-success { background-color: rgb(29, 135, 62) !important; } .u-bg-complete { background-color: rgb(29, 135, 62) !important; } .u-bg-warning { background-color: rgb(255, 96, 40) !important; } .u-bg-error { background-color: rgb(206, 12, 36) !important; } .u-bg-failure { background-color: rgb(206, 12, 36) !important; } .u-bg-danger { background-color: rgb(206, 12, 36) !important; } .u-bg-incomplete { background-color: rgb(206, 12, 36) !important; } .u-bg-link-color { background-color: rgb(0, 107, 174) !important; } .u-bg-link-hover-color { background-color: rgb(0, 75, 122) !important; } .u-bg-link-disabled-color { background-color: rgb(204, 204, 204) !important; } .flex-dir-row { flex-direction: row !important; } .flex-dir-row-rev { flex-direction: row-reverse !important; } .flex-dir-col { flex-direction: column !important; } .flex-dir-col-rev { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-justify-start { justify-content: flex-start !important; } .flex-justify-ctr { justify-content: center !important; } .flex-justify-end { justify-content: flex-end !important; } .flex-justify-around { justify-content: space-around !important; } .flex-justify-between { justify-content: space-between !important; } .flex-align-start { align-items: flex-start !important; } .flex-align-ctr { align-items: center !important; } .flex-align-end { align-items: flex-end !important; } .flex-align-stretch { align-items: stretch !important; } .flex-align-baseline { align-items: baseline !important; } .flex-align-content-start { align-content: flex-start !important; } .flex-align-content-ctr { align-content: center !important; } .flex-align-content-end { align-content: flex-end !important; } .flex-align-content-stretch { align-content: stretch !important; } .flex-align-content-around { align-content: space-around !important; } .flex-align-content-between { align-content: space-between !important; } .flex-align-self-start { align-self: flex-start !important; } .flex-align-self-ctr { align-self: center !important; } .flex-align-self-end { align-self: flex-end !important; } .flex-align-self-stretch { align-self: stretch !important; } .flex-align-self-baseline { align-self: baseline !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-order-0 { order: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-order-1 { order: 1 !important; } .flex-grow-2 { flex-grow: 2 !important; } .flex-shrink-2 { flex-shrink: 2 !important; } .flex-order-2 { order: 2 !important; } .flex-grow-3 { flex-grow: 3 !important; } .flex-shrink-3 { flex-shrink: 3 !important; } .flex-order-3 { order: 3 !important; } .flex-grow-4 { flex-grow: 4 !important; } .flex-shrink-4 { flex-shrink: 4 !important; } .flex-order-4 { order: 4 !important; } .flex-grow-5 { flex-grow: 5 !important; } .flex-shrink-5 { flex-shrink: 5 !important; } .flex-order-5 { order: 5 !important; } .flex-grow-6 { flex-grow: 6 !important; } .flex-shrink-6 { flex-shrink: 6 !important; } .flex-order-6 { order: 6 !important; } .flex-grow-7 { flex-grow: 7 !important; } .flex-shrink-7 { flex-shrink: 7 !important; } .flex-order-7 { order: 7 !important; } .flex-grow-8 { flex-grow: 8 !important; } .flex-shrink-8 { flex-shrink: 8 !important; } .flex-order-8 { order: 8 !important; } .flex-grow-9 { flex-grow: 9 !important; } .flex-shrink-9 { flex-shrink: 9 !important; } .flex-order-9 { order: 9 !important; } .flex-grow-10 { flex-grow: 10 !important; } .flex-shrink-10 { flex-shrink: 10 !important; } .flex-order-10 { order: 10 !important; } .flex-grow-99 { flex-grow: 99 !important; } .flex-shrink-99 { flex-shrink: 99 !important; } .flex-order-99 { order: 99 !important; } .flex-basis-auto { flex-basis: auto !important; } .u-rotate-up { transform: rotate(-90deg); } .u-rotate-down { transform: rotate(90deg); } .u-rotate-left { transform: rotate(180deg); } .u-rotate-right { transform: rotate(0deg); } @media screen and (min-width: 375px) { .u-vis-xs { visibility: visible !important; } .u-hid-xs { visibility: hidden !important; } .u-dis-xs-none { display: none !important; } .u-dis-xs-block { display: block !important; } .u-dis-xs-inline-block { display: inline-block !important; } .u-dis-xs-flex { display: flex !important; } .u-dis-xs-inline-flex { display: inline-flex !important; } .u-dis-xs-table { display: table !important; } .u-dis-xs-table-cell { display: table-cell !important; } .u-txt-xs-lt { text-align: left !important; } .u-txt-xs-ctr { text-align: center !important; } .u-txt-xs-rt { text-align: right !important; } .u-sp-xs { margin-bottom: 1rem; } } @media screen and (min-width: 500px) { .u-vis-sm { visibility: visible !important; } .u-hid-sm { visibility: hidden !important; } .u-dis-sm-none { display: none !important; } .u-dis-sm-block { display: block !important; } .u-dis-sm-inline-block { display: inline-block !important; } .u-dis-sm-flex { display: flex !important; } .u-dis-sm-inline-flex { display: inline-flex !important; } .u-dis-sm-table { display: table !important; } .u-dis-sm-table-cell { display: table-cell !important; } .u-txt-sm-lt { text-align: left !important; } .u-txt-sm-ctr { text-align: center !important; } .u-txt-sm-rt { text-align: right !important; } .u-sp-sm { margin-bottom: 1rem; } } @media screen and (min-width: 700px) { .u-vis-md { visibility: visible !important; } .u-hid-md { visibility: hidden !important; } .u-dis-md-none { display: none !important; } .u-dis-md-block { display: block !important; } .u-dis-md-inline-block { display: inline-block !important; } .u-dis-md-flex { display: flex !important; } .u-dis-md-inline-flex { display: inline-flex !important; } .u-dis-md-table { display: table !important; } .u-dis-md-table-cell { display: table-cell !important; } .u-txt-md-lt { text-align: left !important; } .u-txt-md-ctr { text-align: center !important; } .u-txt-md-rt { text-align: right !important; } .u-sp-md { margin-bottom: 1rem; } } @media screen and (min-width: 900px) { .u-vis-lg { visibility: visible !important; } .u-hid-lg { visibility: hidden !important; } .u-dis-lg-none { display: none !important; } .u-dis-lg-block { display: block !important; } .u-dis-lg-inline-block { display: inline-block !important; } .u-dis-lg-flex { display: flex !important; } .u-dis-lg-inline-flex { display: inline-flex !important; } .u-dis-lg-table { display: table !important; } .u-dis-lg-table-cell { display: table-cell !important; } .u-txt-lg-lt { text-align: left !important; } .u-txt-lg-ctr { text-align: center !important; } .u-txt-lg-rt { text-align: right !important; } .u-sp-lg { margin-bottom: 1rem; } } @media screen and (min-width: 1100px) { .u-vis-xl { visibility: visible !important; } .u-hid-xl { visibility: hidden !important; } .u-dis-xl-none { display: none !important; } .u-dis-xl-block { display: block !important; } .u-dis-xl-inline-block { display: inline-block !important; } .u-dis-xl-flex { display: flex !important; } .u-dis-xl-inline-flex { display: inline-flex !important; } .u-dis-xl-table { display: table !important; } .u-dis-xl-table-cell { display: table-cell !important; } .u-txt-xl-lt { text-align: left !important; } .u-txt-xl-ctr { text-align: center !important; } .u-txt-xl-rt { text-align: right !important; } .u-sp-xl { margin-bottom: 1rem; } } [id="page_container"], .c-page-container { background-color: rgb(255, 255, 255); box-sizing: border-box; } :root > .t-supersites { background: rgb(245, 245, 245); } :root > .t-supersites .l-container-fluid--program-bar { border-left: 2px solid rgb(221, 221, 221); border-right: 2px solid rgb(221, 221, 221); } :root > .t-supersites [id="page_container"], :root > .t-supersites .c-page-container { border-width: 0px 0.125rem 0.125rem; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial; border-top-style: initial; border-top-color: initial; } :root > .has-no-page-border.t-supersites { background-color: rgb(255, 255, 255); } :root > .has-no-page-border.t-supersites .l-container-fluid--program-bar { border-left: 0px; border-right: 0px; } :root > .has-no-page-border.t-supersites .c-page-container { border: 0px; } .ns-responsive { } .ns-responsive [id="page_container"], .ns-responsive .c-page-container { width: auto; max-width: 75rem; margin-left: auto; margin-right: auto; } .ns-responsive .l-container-fluid, .ns-responsive .container-fluid { width: auto; max-width: 75rem; } .ns-full-width { } .ns-full-width .l-container-fluid, .ns-full-width .container-fluid, .ns-full-width [id="page_container"], .ns-full-width .c-page-container, .ns-full-width #activityFooter { max-width: none; width: auto; } .ns-full-width .l-container-fluid, .ns-full-width .container-fluid { padding-left: 1rem; padding-right: 1rem; } .t-high-contrast[class]:not(.ns-flashcards), .t-high-contrast.ns-flashcards[class] .c-masthead { } .t-high-contrast[class]:not(.ns-flashcards) *, .t-high-contrast.ns-flashcards[class] .c-masthead * { color: rgb(51, 51, 51) !important; } .t-high-contrast[class]:not(.ns-flashcards):not(.ns-activity), .t-high-contrast[class]:not(.ns-flashcards) .c-navbar--program, .t-high-contrast[class]:not(.ns-flashcards) .c-course-focus__header, .t-high-contrast.ns-flashcards[class] .c-masthead:not(.ns-activity), .t-high-contrast.ns-flashcards[class] .c-masthead .c-navbar--program, .t-high-contrast.ns-flashcards[class] .c-masthead .c-course-focus__header { background: rgb(255, 255, 255) !important; } .t-high-contrast[class]:not(.ns-flashcards) [href], .t-high-contrast[class]:not(.ns-flashcards) [href] h2, .t-high-contrast.ns-flashcards[class] .c-masthead [href], .t-high-contrast.ns-flashcards[class] .c-masthead [href] h2 { color: rgb(0, 91, 149) !important; } .t-high-contrast[class]:not(.ns-flashcards) .c-icon--light, .t-high-contrast[class]:not(.ns-flashcards) .c-embedded-icon svg, .t-high-contrast.ns-flashcards[class] .c-masthead .c-icon--light, .t-high-contrast.ns-flashcards[class] .c-masthead .c-embedded-icon svg { fill: rgb(51, 51, 51); } .t-high-contrast[class]:not(.ns-flashcards) .c-quick-check__answers .c-quick-check__answer, .t-high-contrast[class]:not(.ns-flashcards) .c-quick-check__blank, .t-high-contrast.ns-flashcards[class] .c-masthead .c-quick-check__answers .c-quick-check__answer, .t-high-contrast.ns-flashcards[class] .c-masthead .c-quick-check__blank { background-color: rgb(245, 245, 245); box-shadow: rgb(112, 112, 112) 0.1875rem 0.1875rem 0px; } .t-high-contrast[class]:not(.ns-flashcards) .c-quick-check__answer, .t-high-contrast.ns-flashcards[class] .c-masthead .c-quick-check__answer { box-shadow: rgb(112, 112, 112) 0.1875rem 0.1875rem 0px; } .t-high-contrast[class]:not(.ns-flashcards) .c-quick-check__answer.is-selected, .t-high-contrast[class]:not(.ns-flashcards) .c-quick-check__answer.is-hovered, .t-high-contrast[class]:not(.ns-flashcards) .c-quick-check__blank.is-selected, .t-high-contrast[class]:not(.ns-flashcards) .c-quick-check__blank.is-hovered, .t-high-contrast.ns-flashcards[class] .c-masthead .c-quick-check__answer.is-selected, .t-high-contrast.ns-flashcards[class] .c-masthead .c-quick-check__answer.is-hovered, .t-high-contrast.ns-flashcards[class] .c-masthead .c-quick-check__blank.is-selected, .t-high-contrast.ns-flashcards[class] .c-masthead .c-quick-check__blank.is-hovered { border-color: rgb(142, 142, 142); background-color: rgb(238, 238, 238); } .t-high-contrast[class]:not(.ns-flashcards) .c-quick-check__answer.is-incorrect, .t-high-contrast[class]:not(.ns-flashcards) .c-quick-check__blank.is-incorrect, .t-high-contrast.ns-flashcards[class] .c-masthead .c-quick-check__answer.is-incorrect, .t-high-contrast.ns-flashcards[class] .c-masthead .c-quick-check__blank.is-incorrect { border-color: rgb(204, 204, 204); } .t-high-contrast[class]:not(.ns-flashcards) .c-quick-check__answer.is-moving, .t-high-contrast[class]:not(.ns-flashcards) .c-quick-check__blank.is-moving, .t-high-contrast.ns-flashcards[class] .c-masthead .c-quick-check__answer.is-moving, .t-high-contrast.ns-flashcards[class] .c-masthead .c-quick-check__blank.is-moving { background-color: rgb(245, 245, 245); box-shadow: none; } .t-high-contrast[class]:not(.ns-flashcards) .c-button, .t-high-contrast[class]:not(.ns-flashcards) .red-button, .t-high-contrast[class]:not(.ns-flashcards) .c-select, .t-high-contrast[class]:not(.ns-flashcards) .c-dropdown, .t-high-contrast[class]:not(.ns-flashcards) .c-ls-dropdown, .t-high-contrast.ns-flashcards[class] .c-masthead .c-button, .t-high-contrast.ns-flashcards[class] .c-masthead .red-button, .t-high-contrast.ns-flashcards[class] .c-masthead .c-select, .t-high-contrast.ns-flashcards[class] .c-masthead .c-dropdown, .t-high-contrast.ns-flashcards[class] .c-masthead .c-ls-dropdown { background-color: rgb(245, 245, 245); box-shadow: rgb(112, 112, 112) 0.1875rem 0.1875rem 0px; } .t-high-contrast[class]:not(.ns-flashcards) .c-form-item__input, .t-high-contrast[class]:not(.ns-flashcards) .c-form-item__radio + .c-form-item__label::before, .t-high-contrast[class]:not(.ns-flashcards) .c-form-item__checkbox + .c-form-item__label::before, .t-high-contrast.ns-flashcards[class] .c-masthead .c-form-item__input, .t-high-contrast.ns-flashcards[class] .c-masthead .c-form-item__radio + .c-form-item__label::before, .t-high-contrast.ns-flashcards[class] .c-masthead .c-form-item__checkbox + .c-form-item__label::before { background-color: rgb(245, 245, 245); box-shadow: rgb(112, 112, 112) 0.1875rem 0.1875rem 0px inset; } .t-high-contrast[class]:not(.ns-flashcards) .c-form-item__radio:checked + .c-form-item__label::before, .t-high-contrast[class]:not(.ns-flashcards) .c-form-item__checkbox:checked + .c-form-item__label::before, .t-high-contrast.ns-flashcards[class] .c-masthead .c-form-item__radio:checked + .c-form-item__label::before, .t-high-contrast.ns-flashcards[class] .c-masthead .c-form-item__checkbox:checked + .c-form-item__label::before { background-color: rgb(245, 245, 245); box-shadow: none; } .t-high-contrast[class]:not(.ns-flashcards) [class] .substrands li.active [href], .t-high-contrast.ns-flashcards[class] .c-masthead [class] .substrands li.active [href] { color: rgb(255, 255, 255) !important; } .t-high-contrast[class]:not(.ns-flashcards) .ns-toc .is-selected > .c-button--strand.parent, .t-high-contrast[class]:not(.ns-flashcards) .ns-toc .c-vtabset__subtab.is-selected .c-button--substrand, .t-high-contrast.ns-flashcards[class] .c-masthead .ns-toc .is-selected > .c-button--strand.parent, .t-high-contrast.ns-flashcards[class] .c-masthead .ns-toc .c-vtabset__subtab.is-selected .c-button--substrand { box-shadow: rgb(112, 112, 112) 0.1875rem 0.1875rem 0px; z-index: 1; } .t-high-contrast[class]:not(.ns-flashcards) .ns-toc .c-button--substrand, .t-high-contrast[class]:not(.ns-flashcards) .ns-toc .c-button--strand, .t-high-contrast.ns-flashcards[class] .c-masthead .ns-toc .c-button--substrand, .t-high-contrast.ns-flashcards[class] .c-masthead .ns-toc .c-button--strand { box-shadow: rgb(204, 204, 204) 0.1875rem 0.1875rem 0px; } .t-high-contrast[class]:not(.ns-flashcards) .ns-toc .c-button--substrand:hover, .t-high-contrast[class]:not(.ns-flashcards) .ns-toc .c-button--strand:hover, .t-high-contrast.ns-flashcards[class] .c-masthead .ns-toc .c-button--substrand:hover, .t-high-contrast.ns-flashcards[class] .c-masthead .ns-toc .c-button--strand:hover { background-color: rgb(238, 238, 238); } .t-high-contrast[class]:not(.ns-flashcards) .c-button--primary, .t-high-contrast[class]:not(.ns-flashcards) .red-button, .t-high-contrast.ns-flashcards[class] .c-masthead .c-button--primary, .t-high-contrast.ns-flashcards[class] .c-masthead .red-button { background-color: rgb(0, 91, 149); color: rgb(255, 255, 255) !important; } .t-high-contrast[class]:not(.ns-flashcards) .c-button[disabled], .t-high-contrast.ns-flashcards[class] .c-masthead .c-button[disabled] { text-decoration: line-through; outline: rgb(142, 142, 142) dashed 0.0625rem; color: rgb(142, 142, 142) !important; background-color: rgb(245, 245, 245) !important; } .t-high-contrast[class]:not(.ns-flashcards) .disabled-button, .t-high-contrast.ns-flashcards[class] .c-masthead .disabled-button { background-color: rgb(204, 204, 204); } .t-high-contrast[class]:not(.ns-flashcards) .program-header-bar, .t-high-contrast[class]:not(.ns-flashcards) .c-box--light, .t-high-contrast.ns-flashcards[class] .c-masthead .program-header-bar, .t-high-contrast.ns-flashcards[class] .c-masthead .c-box--light { border: 0.125rem solid rgb(204, 204, 204) !important; background-color: rgb(245, 245, 245) !important; } .t-high-contrast[class]:not(.ns-flashcards) .c-table th, .t-high-contrast.ns-flashcards[class] .c-masthead .c-table th { border-top: 0.125rem solid rgb(112, 112, 112) !important; border-bottom: 0.125rem solid rgb(112, 112, 112) !important; background-color: rgb(245, 245, 245) !important; } .t-high-contrast[class]:not(.ns-flashcards) .ui-dialog-title, .t-high-contrast.ns-flashcards[class] .c-masthead .ui-dialog-title { color: rgb(255, 255, 255) !important; } .t-high-contrast.ns-resources[class]:not(.ns-flashcards) .c-table--activity td, .t-high-contrast.ns-flashcards[class] .c-masthead.ns-resources .c-table--activity td { border-bottom: 0.125rem solid rgb(204, 204, 204); } .t-high-contrast[class]:not(.ns-flashcards) .c-progress__bar, .t-high-contrast.ns-flashcards[class] .c-masthead .c-progress__bar { border-color: rgb(51, 51, 51); } .t-high-contrast[class]:not(.ns-flashcards) .today, .t-high-contrast.ns-flashcards[class] .c-masthead .today { background-color: rgb(245, 245, 245) !important; } .t-high-contrast[class]:not(.ns-flashcards) .today .day_number, .t-high-contrast.ns-flashcards[class] .c-masthead .today .day_number { background: rgb(255, 255, 255) !important; outline: rgb(112, 112, 112) solid 0.25rem !important; } .t-high-contrast[class]:not(.ns-flashcards) .c-day__item-link--announcement *, .t-high-contrast[class]:not(.ns-flashcards) .assignment_day_workset_link *, .t-high-contrast.ns-flashcards[class] .c-masthead .c-day__item-link--announcement *, .t-high-contrast.ns-flashcards[class] .c-masthead .assignment_day_workset_link * { color: rgb(0, 91, 149) !important; } @media (max-width: 699px) { .t-high-contrast[class]:not(.ns-flashcards) .ns-music-v1.t-supersites .c-menubar--program, .t-high-contrast.ns-flashcards[class] .c-masthead .ns-music-v1.t-supersites .c-menubar--program { background-color: rgb(238, 238, 238); } } .t-high-contrast[class]:not(.ns-flashcards) .c-menu__item, .t-high-contrast[class]:not(.ns-flashcards) .c-menu__inner, .t-high-contrast[class]:not(.ns-flashcards) .c-lesson-selector li, .t-high-contrast[class]:not(.ns-flashcards) .instructions-frame, .t-high-contrast[class]:not(.ns-flashcards) .f-interstitial .dl, .t-high-contrast.ns-flashcards[class] .c-masthead .c-menu__item, .t-high-contrast.ns-flashcards[class] .c-masthead .c-menu__inner, .t-high-contrast.ns-flashcards[class] .c-masthead .c-lesson-selector li, .t-high-contrast.ns-flashcards[class] .c-masthead .instructions-frame, .t-high-contrast.ns-flashcards[class] .c-masthead .f-interstitial .dl { background-color: rgb(238, 238, 238) !important; } .t-high-contrast[class]:not(.ns-flashcards) .c-logo img, .t-high-contrast.ns-flashcards[class] .c-masthead .c-logo img { position: relative; z-index: 1; } .t-high-contrast[class]:not(.ns-flashcards) .c-chat-widget .tooltip-inner, .t-high-contrast.ns-flashcards[class] .c-masthead .c-chat-widget .tooltip-inner { color: rgb(255, 255, 255) !important; } .t-high-contrast[class]:not(.ns-flashcards) .c-chat-invitation, .t-high-contrast.ns-flashcards[class] .c-masthead .c-chat-invitation { background-color: rgb(245, 245, 245); } .t-high-contrast[class]:not(.ns-flashcards) .is-current-user .c-chat-message__bubble, .t-high-contrast.ns-flashcards[class] .c-masthead .is-current-user .c-chat-message__bubble { color: rgb(255, 255, 255) !important; } .t-high-contrast[class]:not(.ns-flashcards) [class] .fc-today .fc-day-number, .t-high-contrast.ns-flashcards[class] .c-masthead [class] .fc-today .fc-day-number { color: rgb(255, 255, 255) !important; background-color: rgb(51, 51, 51) !important; } .t-high-contrast[class]:not(.ns-flashcards) .c-date-box__month > abbr, .t-high-contrast.ns-flashcards[class] .c-masthead .c-date-box__month > abbr { color: rgb(255, 255, 255) !important; } .t-high-contrast[class]:not(.ns-flashcards) #course-table th, .t-high-contrast.ns-flashcards[class] .c-masthead #course-table th { color: rgb(255, 255, 255) !important; } .t-high-contrast[class]:not(.ns-flashcards) .time_out_dialog .ui-dialog-titlebar, .t-high-contrast.ns-flashcards[class] .c-masthead .time_out_dialog .ui-dialog-titlebar { background-color: rgb(51, 51, 51); } .t-high-contrast[class]:not(.ns-flashcards) .time_out_dialog .ui-dialog-title, .t-high-contrast.ns-flashcards[class] .c-masthead .time_out_dialog .ui-dialog-title { color: rgb(255, 255, 255) !important; } .t-high-contrast[class]:not(.ns-flashcards) .time_out_dialog .ui-dialog-titlebar-close, .t-high-contrast.ns-flashcards[class] .c-masthead .time_out_dialog .ui-dialog-titlebar-close { background-color: rgb(51, 51, 51); } .t-high-contrast[class]:not(.ns-flashcards) .time_out_dialog .ui-button-text, .t-high-contrast.ns-flashcards[class] .c-masthead .time_out_dialog .ui-button-text { color: rgb(255, 255, 255) !important; } .t-high-contrast[class]:not(.ns-flashcards) .gear:hover svg, .t-high-contrast[class]:not(.ns-flashcards) .gear.active svg, .t-high-contrast.ns-flashcards[class] .c-masthead .gear:hover svg, .t-high-contrast.ns-flashcards[class] .c-masthead .gear.active svg { fill: rgb(0, 0, 0) !important; } .t-high-contrast.t-supersites[class]:not(.ns-flashcards) .slideshow_content:not(.current), .t-high-contrast.ns-flashcards[class] .c-masthead.t-supersites .slideshow_content:not(.current) { background-color: rgb(112, 112, 112); } .t-high-contrast.t-vol[class]:not(.ns-flashcards) #toolbar, .t-high-contrast.ns-flashcards[class] .c-masthead.t-vol #toolbar { background-color: rgb(238, 238, 238); } .t-high-contrast[class]:not(.ns-flashcards) .due-date-month, .t-high-contrast.ns-flashcards[class] .c-masthead .due-date-month { color: rgb(255, 255, 255) !important; } .t-high-contrast[class]:not(.ns-flashcards) .workset_activity_hover, .t-high-contrast[class]:not(.ns-flashcards) .workset_activity_hover *, .t-high-contrast.ns-flashcards[class] .c-masthead .workset_activity_hover, .t-high-contrast.ns-flashcards[class] .c-masthead .workset_activity_hover * { color: rgb(255, 255, 255) !important; } .t-high-contrast[class]:not(.ns-flashcards) .c-navbar--account, .t-high-contrast.ns-flashcards[class] .c-masthead .c-navbar--account { background: rgb(0, 0, 0) !important; } .t-high-contrast[class]:not(.ns-flashcards) .c-navbar--account *, .t-high-contrast.ns-flashcards[class] .c-masthead .c-navbar--account * { color: rgb(255, 255, 255) !important; } .t-high-contrast[class]:not(.ns-flashcards) .c-navbar--account .c-embedded-icon svg, .t-high-contrast.ns-flashcards[class] .c-masthead .c-navbar--account .c-embedded-icon svg { fill: rgb(255, 255, 255) !important; } .t-high-contrast[class]:not(.ns-flashcards) .c-navbar--account .c-menu__inner .c-menu__item, .t-high-contrast.ns-flashcards[class] .c-masthead .c-navbar--account .c-menu__inner .c-menu__item { color: rgb(51, 51, 51) !important; } .t-high-contrast[class]:not(.ns-flashcards) .c-program-title, .t-high-contrast.ns-flashcards[class] .c-masthead .c-program-title { color: rgb(0, 75, 122) !important; } .t-high-contrast[class]:not(.ns-flashcards) .c-help-request-header, .t-high-contrast[class]:not(.ns-flashcards) .c-edit-request, .t-high-contrast.ns-flashcards[class] .c-masthead .c-help-request-header, .t-high-contrast.ns-flashcards[class] .c-masthead .c-edit-request { color: rgb(0, 91, 149) !important; } .t-high-contrast[class]:not(.ns-flashcards) .c-intructor-note-title, .t-high-contrast[class]:not(.ns-flashcards) .c-instructor-note-text, .t-high-contrast.ns-flashcards[class] .c-masthead .c-intructor-note-title, .t-high-contrast.ns-flashcards[class] .c-masthead .c-instructor-note-text { color: rgb(51, 51, 51) !important; } .t-high-contrast[class]:not(.ns-flashcards) .task_category.expanded, .t-high-contrast.ns-flashcards[class] .c-masthead .task_category.expanded { border: unset !important; background-color: rgb(0, 91, 149) !important; } .t-high-contrast[class]:not(.ns-flashcards) .task_category.expanded a, .t-high-contrast[class]:not(.ns-flashcards) .task_category.expanded .assignments, .t-high-contrast[class]:not(.ns-flashcards) .task_category.expanded .circled, .t-high-contrast.ns-flashcards[class] .c-masthead .task_category.expanded a, .t-high-contrast.ns-flashcards[class] .c-masthead .task_category.expanded .assignments, .t-high-contrast.ns-flashcards[class] .c-masthead .task_category.expanded .circled { color: rgb(255, 255, 255) !important; } .t-high-contrast[class]:not(.ns-flashcards) .task_category.expanded:hover .task_numbers, .t-high-contrast.ns-flashcards[class] .c-masthead .task_category.expanded:hover .task_numbers { border-left: 1px solid rgb(255, 255, 255); } .t-high-contrast[class]:not(.ns-flashcards) .task_category.expanded:hover .circled, .t-high-contrast.ns-flashcards[class] .c-masthead .task_category.expanded:hover .circled { background: url("/images/sdash_circ_w.png") center top no-repeat; } .t-high-contrast[class]:not(.ns-flashcards) .grading_task_section .program-header-bar, .t-high-contrast[class]:not(.ns-flashcards) .request_list .program-header-bar, .t-high-contrast.ns-flashcards[class] .c-masthead .grading_task_section .program-header-bar, .t-high-contrast.ns-flashcards[class] .c-masthead .request_list .program-header-bar { background-color: rgb(0, 91, 149) !important; } .t-high-contrast[class]:not(.ns-flashcards) .instructor_task_header h3, .t-high-contrast.ns-flashcards[class] .c-masthead .instructor_task_header h3 { color: rgb(255, 255, 255) !important; } .t-high-contrast[class]:not(.ns-flashcards) .vjs-text-track-display span, .t-high-contrast.ns-flashcards[class] .c-masthead .vjs-text-track-display span { color: rgb(255, 255, 255) !important; } .t-high-contrast[class]:not(.ns-flashcards) .vjs-icon-placeholder, .t-high-contrast[class]:not(.ns-flashcards) .vjs-volume-level, .t-high-contrast[class]:not(.ns-flashcards) .vjs-play-progress, .t-high-contrast[class]:not(.ns-flashcards) .vjs-mouse-display .vjs-time-tooltip, .t-high-contrast[class]:not(.ns-flashcards) .vjs-menu-item-text, .t-high-contrast[class]:not(.ns-flashcards) .vjs-remaining-time-display, .t-high-contrast.ns-flashcards[class] .c-masthead .vjs-icon-placeholder, .t-high-contrast.ns-flashcards[class] .c-masthead .vjs-volume-level, .t-high-contrast.ns-flashcards[class] .c-masthead .vjs-play-progress, .t-high-contrast.ns-flashcards[class] .c-masthead .vjs-mouse-display .vjs-time-tooltip, .t-high-contrast.ns-flashcards[class] .c-masthead .vjs-menu-item-text, .t-high-contrast.ns-flashcards[class] .c-masthead .vjs-remaining-time-display { color: rgb(255, 255, 255) !important; } .t-high-contrast[class]:not(.ns-flashcards) .vjs-selected > .vjs-menu-item-text, .t-high-contrast[class]:not(.ns-flashcards) .vjs-selected .vjs-icon-placeholder::before, .t-high-contrast.ns-flashcards[class] .c-masthead .vjs-selected > .vjs-menu-item-text, .t-high-contrast.ns-flashcards[class] .c-masthead .vjs-selected .vjs-icon-placeholder::before { color: rgb(51, 51, 51) !important; } .t-high-contrast.t-vol[class]:not(.ns-flashcards) .f-intranav__checkpoint-name, .t-high-contrast.ns-flashcards[class] .c-masthead.t-vol .f-intranav__checkpoint-name { color: rgb(255, 255, 255) !important; } .t-high-contrast[class]:not(.ns-flashcards) .is-current svg path, .t-high-contrast.ns-flashcards[class] .c-masthead .is-current svg path { fill: rgb(29, 135, 62); } .t-high-contrast[class]:not(.ns-flashcards) .c-help-overlay__close, .t-high-contrast[class]:not(.ns-flashcards) .c-help-overlay__instructions, .t-high-contrast[class]:not(.ns-flashcards) .c-overlay-dismiss__checkbox-label, .t-high-contrast[class]:not(.ns-flashcards) .c-help-text, .t-high-contrast[class]:not(.ns-flashcards) .c-figure__caption, .t-high-contrast.ns-flashcards[class] .c-masthead .c-help-overlay__close, .t-high-contrast.ns-flashcards[class] .c-masthead .c-help-overlay__instructions, .t-high-contrast.ns-flashcards[class] .c-masthead .c-overlay-dismiss__checkbox-label, .t-high-contrast.ns-flashcards[class] .c-masthead .c-help-text, .t-high-contrast.ns-flashcards[class] .c-masthead .c-figure__caption { color: rgb(255, 255, 255) !important; } .t-high-contrast[class]:not(.ns-flashcards) .overlay-box *, .t-high-contrast.ns-flashcards[class] .c-masthead .overlay-box * { color: rgb(255, 255, 255) !important; } .t-high-contrast[class]:not(.ns-flashcards) .c-hero .c-content-heading-1, .t-high-contrast[class]:not(.ns-flashcards) .c-hero .c-content-heading-2, .t-high-contrast[class]:not(.ns-flashcards) .c-hero [class*="col-"], .t-high-contrast[class]:not(.ns-flashcards) .c-text-box--dark-gray .c-content-heading-1, .t-high-contrast[class]:not(.ns-flashcards) .c-text-box--dark-gray .c-content-heading-2, .t-high-contrast[class]:not(.ns-flashcards) .c-text-box--dark-gray [class*="col-"], .t-high-contrast[class]:not(.ns-flashcards) .c-text-box--dark-blue .c-content-heading-1, .t-high-contrast[class]:not(.ns-flashcards) .c-text-box--dark-blue .c-content-heading-2, .t-high-contrast[class]:not(.ns-flashcards) .c-text-box--dark-blue [class*="col-"], .t-high-contrast.ns-flashcards[class] .c-masthead .c-hero .c-content-heading-1, .t-high-contrast.ns-flashcards[class] .c-masthead .c-hero .c-content-heading-2, .t-high-contrast.ns-flashcards[class] .c-masthead .c-hero [class*="col-"], .t-high-contrast.ns-flashcards[class] .c-masthead .c-text-box--dark-gray .c-content-heading-1, .t-high-contrast.ns-flashcards[class] .c-masthead .c-text-box--dark-gray .c-content-heading-2, .t-high-contrast.ns-flashcards[class] .c-masthead .c-text-box--dark-gray [class*="col-"], .t-high-contrast.ns-flashcards[class] .c-masthead .c-text-box--dark-blue .c-content-heading-1, .t-high-contrast.ns-flashcards[class] .c-masthead .c-text-box--dark-blue .c-content-heading-2, .t-high-contrast.ns-flashcards[class] .c-masthead .c-text-box--dark-blue [class*="col-"] { text-shadow: rgb(51, 51, 51) 0.0625rem 0.0625rem 0.125rem; color: rgb(255, 255, 255) !important; } .t-high-contrast[class]:not(.ns-flashcards) .c-hero .c-content-heading-1 *, .t-high-contrast[class]:not(.ns-flashcards) .c-hero .c-content-heading-2 *, .t-high-contrast[class]:not(.ns-flashcards) .c-hero [class*="col-"] *, .t-high-contrast[class]:not(.ns-flashcards) .c-text-box--dark-gray .c-content-heading-1 *, .t-high-contrast[class]:not(.ns-flashcards) .c-text-box--dark-gray .c-content-heading-2 *, .t-high-contrast[class]:not(.ns-flashcards) .c-text-box--dark-gray [class*="col-"] *, .t-high-contrast[class]:not(.ns-flashcards) .c-text-box--dark-blue .c-content-heading-1 *, .t-high-contrast[class]:not(.ns-flashcards) .c-text-box--dark-blue .c-content-heading-2 *, .t-high-contrast[class]:not(.ns-flashcards) .c-text-box--dark-blue [class*="col-"] *, .t-high-contrast.ns-flashcards[class] .c-masthead .c-hero .c-content-heading-1 *, .t-high-contrast.ns-flashcards[class] .c-masthead .c-hero .c-content-heading-2 *, .t-high-contrast.ns-flashcards[class] .c-masthead .c-hero [class*="col-"] *, .t-high-contrast.ns-flashcards[class] .c-masthead .c-text-box--dark-gray .c-content-heading-1 *, .t-high-contrast.ns-flashcards[class] .c-masthead .c-text-box--dark-gray .c-content-heading-2 *, .t-high-contrast.ns-flashcards[class] .c-masthead .c-text-box--dark-gray [class*="col-"] *, .t-high-contrast.ns-flashcards[class] .c-masthead .c-text-box--dark-blue .c-content-heading-1 *, .t-high-contrast.ns-flashcards[class] .c-masthead .c-text-box--dark-blue .c-content-heading-2 *, .t-high-contrast.ns-flashcards[class] .c-masthead .c-text-box--dark-blue [class*="col-"] * { color: rgb(255, 255, 255) !important; } .t-high-contrast[class]:not(.ns-flashcards) .c-hero .c-content-heading-1 button, .t-high-contrast[class]:not(.ns-flashcards) .c-hero .c-content-heading-2 button, .t-high-contrast[class]:not(.ns-flashcards) .c-hero [class*="col-"] button, .t-high-contrast[class]:not(.ns-flashcards) .c-text-box--dark-gray .c-content-heading-1 button, .t-high-contrast[class]:not(.ns-flashcards) .c-text-box--dark-gray .c-content-heading-2 button, .t-high-contrast[class]:not(.ns-flashcards) .c-text-box--dark-gray [class*="col-"] button, .t-high-contrast[class]:not(.ns-flashcards) .c-text-box--dark-blue .c-content-heading-1 button, .t-high-contrast[class]:not(.ns-flashcards) .c-text-box--dark-blue .c-content-heading-2 button, .t-high-contrast[class]:not(.ns-flashcards) .c-text-box--dark-blue [class*="col-"] button, .t-high-contrast.ns-flashcards[class] .c-masthead .c-hero .c-content-heading-1 button, .t-high-contrast.ns-flashcards[class] .c-masthead .c-hero .c-content-heading-2 button, .t-high-contrast.ns-flashcards[class] .c-masthead .c-hero [class*="col-"] button, .t-high-contrast.ns-flashcards[class] .c-masthead .c-text-box--dark-gray .c-content-heading-1 button, .t-high-contrast.ns-flashcards[class] .c-masthead .c-text-box--dark-gray .c-content-heading-2 button, .t-high-contrast.ns-flashcards[class] .c-masthead .c-text-box--dark-gray [class*="col-"] button, .t-high-contrast.ns-flashcards[class] .c-masthead .c-text-box--dark-blue .c-content-heading-1 button, .t-high-contrast.ns-flashcards[class] .c-masthead .c-text-box--dark-blue .c-content-heading-2 button, .t-high-contrast.ns-flashcards[class] .c-masthead .c-text-box--dark-blue [class*="col-"] button { color: rgb(51, 51, 51) !important; } .t-high-contrast[class]:not(.ns-flashcards) .c-hero .c-button--audio-toggle, .t-high-contrast.ns-flashcards[class] .c-masthead .c-hero .c-button--audio-toggle { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/audio-toggle/listen-dark-blue-0453eb89f316e86b3bdad0fc3abe5fcb6cc128288af89fcadfad277c5444e499.svg"); } .t-high-contrast[class]:not(.ns-flashcards) .c-pop-down-link--main, .t-high-contrast.ns-flashcards[class] .c-masthead .c-pop-down-link--main { color: rgb(0, 91, 149) !important; } .t-high-contrast[class]:not(.ns-flashcards) .c-vocab-chart__header, .t-high-contrast[class]:not(.ns-flashcards) .c-category-chart--title, .t-high-contrast[class]:not(.ns-flashcards) .c-column-header, .t-high-contrast.ns-flashcards[class] .c-masthead .c-vocab-chart__header, .t-high-contrast.ns-flashcards[class] .c-masthead .c-category-chart--title, .t-high-contrast.ns-flashcards[class] .c-masthead .c-column-header { background: rgb(255, 255, 255); } .t-high-contrast[class]:not(.ns-flashcards) .c-vocab-chart__target-word.is-active, .t-high-contrast[class]:not(.ns-flashcards) .c-target-word.is-active, .t-high-contrast.ns-flashcards[class] .c-masthead .c-vocab-chart__target-word.is-active, .t-high-contrast.ns-flashcards[class] .c-masthead .c-target-word.is-active { background-color: rgb(245, 245, 245); border-top: 0.0625rem solid rgb(142, 142, 142); border-bottom: 0.0625rem solid rgb(142, 142, 142); } .t-high-contrast[class]:not(.ns-flashcards) .c-conjugation-table thead, .t-high-contrast[class]:not(.ns-flashcards) .c-conjugation-table th, .t-high-contrast.ns-flashcards[class] .c-masthead .c-conjugation-table thead, .t-high-contrast.ns-flashcards[class] .c-masthead .c-conjugation-table th { background: rgb(255, 255, 255) !important; } .t-high-contrast[class]:not(.ns-flashcards) .c-conjugation-table .c-word-ending__button *, .t-high-contrast.ns-flashcards[class] .c-masthead .c-conjugation-table .c-word-ending__button * { color: rgb(0, 91, 149) !important; } .t-high-contrast[class]:not(.ns-flashcards) .c-tooltip--gloss-theme span, .t-high-contrast.ns-flashcards[class] .c-masthead .c-tooltip--gloss-theme span { color: rgb(255, 255, 255) !important; } .t-high-contrast[class] .c-activity-context__late-tag { font-weight: bold; color: rgb(255, 255, 255) !important; } :root [class] { } :root [class] [href], :root [class] [tabindex], :root [class] textarea, :root [class] button, :root [class] input, :root [class] select, :root [class] audio, :root [class] video, :root [class] .c-checkbox + label, :root [class] .c-toggle + .c-label::before, :root [class] input + .c-form-item__label::before, :root [class] .c-checkbox:focus + .c-label, :root [class] .c-checkbox:focus + .c-label::before { outline: transparent solid 0.125rem; outline-offset: 0.125rem; } :root [class] [href]:focus, :root [class] [tabindex]:focus, :root [class] textarea:focus, :root [class] button:focus, :root [class] input:focus, :root [class] select:focus, :root [class] audio:focus, :root [class] video:focus, :root [class] .c-toggle:focus + .c-label::before, :root [class] input:focus + .c-form-item__label::before, :root [class] .c-checkbox:focus + label::before, :root [class] .c-checkbox:focus + .c-label::before { outline-color: rgb(0, 145, 235); z-index: 50; } :root [class] [href]:active, :root [class] [tabindex]:active, :root [class] textarea:active, :root [class] button:active, :root [class] input:active, :root [class] select:active, :root [class] audio:active, :root [class] video:active, :root [class] .c-toggle:active + .c-label::before, :root [class] input:active + .c-form-item__label::before, :root [class] .c-checkbox:active + label::before, :root [class] .c-checkbox:active + .c-label { outline: 0px; } :root [class] [type="radio"]:focus + .c-form-item__label::after, :root [class] [type="checkbox"]:focus + .c-form-item__label::after, :root [class] .c-checkbox:focus + label::after, :root [class] .c-checkbox:focus + .c-label::after { z-index: 50; } :root [class] .ui-dialog:focus { z-index: 9999; } :root [class] .c-toggle:focus + .c-label::before { outline-offset: 0.375rem; } :root [class] .c-toggle:focus + .c-label::after { border-color: rgb(102, 102, 102); z-index: 50; } .vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder::before, .video-js .vjs-big-play-button .vjs-icon-placeholder::before { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .vjs-button > .vjs-icon-placeholder::before, .video-js .vjs-big-play-button .vjs-icon-placeholder::before { text-align: center; } @font-face { font-family: VideoJS; src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==") format("woff"); font-weight: normal; font-style: normal; } .vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder::before { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play::before, .video-js .vjs-play-control .vjs-icon-placeholder::before, .video-js .vjs-big-play-button .vjs-icon-placeholder::before { content: "���"; } .vjs-icon-play-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play-circle::before { content: "���"; } .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pause::before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder::before { content: "���"; } .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mute::before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder::before { content: "���"; } .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-low::before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder::before { content: "���"; } .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mid::before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder::before { content: "���"; } .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-high::before, .video-js .vjs-mute-control .vjs-icon-placeholder::before { content: "���"; } .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-enter::before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder::before { content: "���"; } .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-exit::before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder::before { content: "���"; } .vjs-icon-square { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-square::before { content: "���"; } .vjs-icon-spinner { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-spinner::before { content: "���"; } .vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-subtitles::before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder::before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder::before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder::before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder::before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder::before, .video-js .vjs-subtitles-button .vjs-icon-placeholder::before { content: "���"; } .vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-captions::before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder::before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder::before, .video-js .vjs-captions-button .vjs-icon-placeholder::before { content: "���"; } .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-chapters::before, .video-js .vjs-chapters-button .vjs-icon-placeholder::before { content: "���"; } .vjs-icon-share { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-share::before { content: "���"; } .vjs-icon-cog { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cog::before { content: "���"; } .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle::before, .vjs-seek-to-live-control .vjs-icon-placeholder::before, .video-js .vjs-volume-level::before, .video-js .vjs-play-progress::before { content: "���"; } .vjs-icon-circle-outline { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-outline::before { content: "���"; } .vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-inner-circle::before { content: "���"; } .vjs-icon-hd { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-hd::before { content: "���"; } .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cancel::before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder::before { content: "���"; } .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay::before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder::before { content: "���"; } .vjs-icon-facebook { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-facebook::before { content: "���"; } .vjs-icon-gplus { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-gplus::before { content: "���"; } .vjs-icon-linkedin { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-linkedin::before { content: "���"; } .vjs-icon-twitter { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-twitter::before { content: "���"; } .vjs-icon-tumblr { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-tumblr::before { content: "���"; } .vjs-icon-pinterest { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pinterest::before { content: "���"; } .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio-description::before, .video-js .vjs-descriptions-button .vjs-icon-placeholder::before { content: "���"; } .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio::before, .video-js .vjs-audio-button .vjs-icon-placeholder::before { content: "���"; } .vjs-icon-next-item { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-next-item::before { content: "���"; } .vjs-icon-previous-item { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-previous-item::before { content: "���"; } .vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-enter::before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder::before { content: "���"; } .vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-exit::before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder::before { content: "���"; } .video-js { display: block; vertical-align: top; box-sizing: border-box; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); position: relative; padding: 0px; font-size: 10px; line-height: 1; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif; word-break: initial; } .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; } .video-js[tabindex="-1"] { outline: none; } .video-js *, .video-js ::before, .video-js ::after { box-sizing: inherit; } .video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin: 0px; } .video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 { width: 100%; max-width: 100%; height: 0px; } .video-js.vjs-16-9 { padding-top: 56.25%; } .video-js.vjs-4-3 { padding-top: 75%; } .video-js.vjs-fill { width: 100%; height: 100%; } .video-js .vjs-tech { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } body.vjs-full-window { padding: 0px; margin: 0px; height: 100%; } .vjs-full-window .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; inset: 0px; } .video-js.vjs-fullscreen:not(.vjs-ios-native-fs) { width: 100% !important; height: 100% !important; padding-top: 0px !important; } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } .vjs-hidden { display: none !important; } .vjs-disabled { opacity: 0.5; cursor: default; } .video-js .vjs-offscreen { height: 1px; left: -9999px; position: absolute; top: 0px; width: 1px; } .vjs-lock-showing { opacity: 1; visibility: visible; display: block !important; } .vjs-no-js { padding: 20px; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; width: 300px; height: 150px; margin: 0px auto; } .vjs-no-js a, .vjs-no-js a:visited { color: rgb(102, 168, 204); } .video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.63332em; width: 3em; display: block; position: absolute; top: 10px; left: 10px; padding: 0px; cursor: pointer; opacity: 1; border: 0.06666em solid rgb(255, 255, 255); background-color: rgba(43, 51, 63, 0.7); border-radius: 0.3em; transition: all 0.4s ease 0s; } .vjs-big-play-centered .vjs-big-play-button { top: 50%; left: 50%; margin-top: -0.81666em; margin-left: -1.5em; } .video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus { border-color: rgb(255, 255, 255); background-color: rgba(115, 133, 159, 0.5); transition: all 0s ease 0s; } .vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button { display: none; } .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button { display: block; } .video-js button { background: none; border: none; color: inherit; display: inline-block; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none 0s ease 0s; appearance: none; } .vjs-control .vjs-button { width: 100%; height: 100%; } .video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0px; top: 0.5em; z-index: 2; } .video-js .vjs-modal-dialog { background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); overflow: auto; } .video-js .vjs-modal-dialog > * { box-sizing: border-box; } .vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height: 1.5; padding: 20px 24px; z-index: 1; } .vjs-menu-button { cursor: pointer; } .vjs-menu-button.vjs-disabled { cursor: default; } .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display: none; } .vjs-menu .vjs-menu-content { display: block; padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; overflow: auto; } .vjs-menu .vjs-menu-content > * { box-sizing: border-box; } .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu { display: none; } .vjs-menu li { list-style: none; margin: 0px; padding: 0.2em 0px; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase; } .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover, .js-focus-visible .vjs-menu li.vjs-menu-item:hover { background-color: rgba(115, 133, 159, 0.5); } .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover, .js-focus-visible .vjs-menu li.vjs-selected:hover { background-color: rgb(255, 255, 255); color: rgb(43, 51, 63); } .vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0px; margin: 0px 0px 0.3em; font-weight: bold; cursor: default; } .vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0px; width: 10em; left: -3em; height: 0em; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, 0.7); } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: rgba(43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em; } .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 5em; } .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 10em; } .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 14em; } .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 25em; } .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing { display: block; } .video-js .vjs-menu-button-inline { transition: all 0.4s ease 0s; overflow: hidden; } .video-js .vjs-menu-button-inline::before { width: 2.22222em; } .video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js.vjs-no-flex .vjs-menu-button-inline { width: 12em; } .vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 4em; top: 0px; padding: 0px; margin: 0px; transition: all 0.4s ease 0s; } .vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline.vjs-slider-active .vjs-menu { display: block; opacity: 1; } .vjs-no-flex .vjs-menu-button-inline .vjs-menu { display: block; opacity: 1; position: relative; width: auto; } .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu { width: auto; } .vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0px; overflow: hidden; } .video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 3em; background-color: rgba(43, 51, 63, 0.7); } .vjs-has-started .vjs-control-bar { display: flex; visibility: visible; opacity: 1; transition: visibility 0.1s ease 0s, opacity 0.1s ease 0s; } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 0; transition: visibility 1s ease 0s, opacity 1s ease 0s; } .vjs-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar { display: none !important; } .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; } .vjs-has-started.vjs-no-flex .vjs-control-bar { display: table; } .video-js .vjs-control { position: relative; text-align: center; margin: 0px; padding: 0px; height: 100%; width: 4em; flex: 0 0 auto; } .vjs-button > .vjs-icon-placeholder::before { font-size: 1.8em; line-height: 1.67; } .video-js .vjs-control:focus::before, .video-js .vjs-control:hover::before, .video-js .vjs-control:focus { text-shadow: white 0em 0em 1em; } .video-js .vjs-control-text { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .vjs-no-flex .vjs-control { display: table-cell; vertical-align: middle; } .video-js .vjs-custom-control-spacer { display: none; } .video-js .vjs-progress-control { cursor: pointer; flex: 1 1 auto; display: flex; align-items: center; min-width: 4em; touch-action: none; } .video-js .vjs-progress-control.disabled { cursor: default; } .vjs-live .vjs-progress-control { display: none; } .vjs-liveui .vjs-progress-control { display: flex; align-items: center; } .vjs-no-flex .vjs-progress-control { width: auto; } .video-js .vjs-progress-holder { flex: 1 1 auto; transition: all 0.2s ease 0s; height: 0.3em; } .video-js .vjs-progress-control .vjs-progress-holder { margin: 0px 10px; } .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.66667em; } .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { font-size: 1em; } .video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div { position: absolute; display: block; height: 100%; margin: 0px; padding: 0px; width: 0px; } .video-js .vjs-play-progress { background-color: rgb(255, 255, 255); } .video-js .vjs-play-progress::before { font-size: 0.9em; position: absolute; right: -0.5em; top: -0.333333em; z-index: 1; } .video-js .vjs-load-progress { background: rgba(115, 133, 159, 0.5); } .video-js .vjs-load-progress div { background: rgba(115, 133, 159, 0.75); } .video-js .vjs-time-tooltip { background-color: rgba(255, 255, 255, 0.8); border-radius: 0.3em; color: rgb(0, 0, 0); float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 6px 8px 8px; pointer-events: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1; } .video-js .vjs-progress-holder:focus .vjs-time-tooltip { display: none; } .video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip { display: block; font-size: 0.6em; visibility: visible; } .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { font-size: 1em; } .video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: rgb(0, 0, 0); z-index: 1; } .vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index: 0; } .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { visibility: hidden; opacity: 0; transition: visibility 1s ease 0s, opacity 1s ease 0s; } .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display { display: none; } .vjs-mouse-display .vjs-time-tooltip { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.8); } .video-js .vjs-slider { position: relative; cursor: pointer; padding: 0px; margin: 0px 0.45em; user-select: none; background-color: rgba(115, 133, 159, 0.5); } .video-js .vjs-slider.disabled { cursor: default; } .video-js .vjs-slider:focus { text-shadow: white 0em 0em 1em; box-shadow: rgb(255, 255, 255) 0px 0px 1em; } .video-js .vjs-mute-control { cursor: pointer; flex: 0 0 auto; } .video-js .vjs-volume-control { cursor: pointer; margin-right: 1em; display: flex; } .video-js .vjs-volume-control.vjs-volume-horizontal { width: 5em; } .video-js .vjs-volume-panel .vjs-volume-control { visibility: visible; opacity: 0; width: 1px; height: 1px; margin-left: -1px; } .video-js .vjs-volume-panel { transition: width 1s ease 0s; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active { visibility: visible; opacity: 1; position: relative; transition: visibility 0.1s ease 0s, opacity 0.1s ease 0s, height 0.1s ease 0s, width 0.1s ease 0s, left 0s ease 0s, top 0s ease 0s; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { width: 5em; height: 3em; margin-right: 0px; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical { left: -3.5em; transition: left 0s ease 0s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { width: 10em; transition: width 0.1s ease 0s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only { width: 4em; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { height: 8em; width: 3em; left: -3000em; transition: visibility 1s ease 0s, opacity 1s ease 0s, height 1s ease 1s, width 1s ease 1s, left 1s ease 1s, top 1s ease 1s; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { transition: visibility 1s ease 0s, opacity 1s ease 0s, height 1s ease 1s, width 1s ease 0s, left 1s ease 1s, top 1s ease 1s; } .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { width: 5em; height: 3em; visibility: visible; opacity: 1; position: relative; transition: none 0s ease 0s; } .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { position: absolute; bottom: 3em; left: 0.5em; } .video-js .vjs-volume-panel { display: flex; } .video-js .vjs-volume-bar { margin: 1.35em 0.45em; } .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: 0.3em; } .vjs-volume-bar.vjs-slider-vertical { width: 0.3em; height: 5em; margin: 1.35em auto; } .video-js .vjs-volume-level { position: absolute; bottom: 0px; left: 0px; background-color: rgb(255, 255, 255); } .video-js .vjs-volume-level::before { position: absolute; font-size: 0.9em; } .vjs-slider-vertical .vjs-volume-level { width: 0.3em; } .vjs-slider-vertical .vjs-volume-level::before { top: -0.5em; left: -0.3em; } .vjs-slider-horizontal .vjs-volume-level { height: 0.3em; } .vjs-slider-horizontal .vjs-volume-level::before { top: -0.3em; right: -0.5em; } .video-js .vjs-volume-panel.vjs-volume-panel-vertical { width: 4em; } .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; } .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; } .video-js .vjs-volume-vertical { width: 3em; height: 8em; bottom: 8em; background-color: rgba(43, 51, 63, 0.7); } .video-js .vjs-volume-horizontal .vjs-menu { left: -2em; } .vjs-poster { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-color: rgb(0, 0, 0); cursor: pointer; margin: 0px; padding: 0px; position: absolute; inset: 0px; height: 100%; } .vjs-has-started .vjs-poster { display: none; } .vjs-audio.vjs-has-started .vjs-poster { display: block; } .vjs-using-native-controls .vjs-poster { display: none; } .video-js .vjs-live-control { display: flex; align-items: flex-start; flex: 1 1 auto; font-size: 1em; line-height: 3em; } .vjs-no-flex .vjs-live-control { display: table-cell; width: auto; text-align: left; } .video-js:not(.vjs-live) .vjs-live-control, .video-js.vjs-liveui .vjs-live-control { display: none; } .video-js .vjs-seek-to-live-control { cursor: pointer; flex: 0 0 auto; display: inline-flex; height: 100%; padding-left: 0.5em; padding-right: 0.5em; font-size: 1em; line-height: 3em; width: auto; min-width: 4em; } .vjs-no-flex .vjs-seek-to-live-control { display: table-cell; width: auto; text-align: left; } .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control { display: none; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge { cursor: auto; } .vjs-seek-to-live-control .vjs-icon-placeholder { margin-right: 0.5em; color: rgb(136, 136, 136); } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder { color: red; } .video-js .vjs-time-control { flex: 0 0 auto; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em; } .vjs-live .vjs-time-control { display: none; } .video-js .vjs-current-time, .vjs-no-flex .vjs-current-time { display: none; } .video-js .vjs-duration, .vjs-no-flex .vjs-duration { display: none; } .vjs-time-divider { display: none; line-height: 3em; } .vjs-live .vjs-time-divider { display: none; } .video-js .vjs-play-control { cursor: pointer; } .video-js .vjs-play-control .vjs-icon-placeholder { flex: 0 0 auto; } .vjs-text-track-display { position: absolute; inset: 0px 0px 3em; pointer-events: none; } .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; } .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: 0.1em; } .vjs-subtitles { color: rgb(255, 255, 255); } .vjs-captions { color: rgb(255, 204, 102); } .vjs-tt-cue { display: block; } video::-webkit-media-text-track-display { transform: translateY(-3em); } .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { transform: translateY(-1.5em); } .video-js .vjs-picture-in-picture-control { cursor: pointer; flex: 0 0 auto; } .video-js .vjs-fullscreen-control { cursor: pointer; flex: 0 0 auto; } .vjs-playback-rate > .vjs-menu-button, .vjs-playback-rate .vjs-playback-rate-value { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-size: 1.5em; line-height: 2; text-align: center; } .vjs-playback-rate .vjs-menu { width: 4em; left: 0em; } .vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.4em; text-align: center; } .vjs-error .vjs-error-display::before { color: rgb(255, 255, 255); content: "X"; font-family: Arial, Helvetica, sans-serif; font-size: 4em; left: 0px; line-height: 1; margin-top: -0.5em; position: absolute; text-shadow: rgb(0, 0, 0) 0.05em 0.05em 0.1em; text-align: center; top: 50%; vertical-align: middle; width: 100%; } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0px 0px -25px; opacity: 0.85; text-align: left; border: 6px solid rgba(43, 51, 63, 0.7); box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px; visibility: hidden; } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: block; animation: 0s linear 0.3s 1 normal forwards running vjs-spinner-show; } .vjs-loading-spinner::before, .vjs-loading-spinner::after { content: ""; position: absolute; margin: -6px; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border-style: inherit; border-width: inherit; border-image: inherit; border-color: white transparent transparent; } .vjs-seeking .vjs-loading-spinner::before, .vjs-seeking .vjs-loading-spinner::after, .vjs-waiting .vjs-loading-spinner::before, .vjs-waiting .vjs-loading-spinner::after { animation: 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) 0s infinite normal none running vjs-spinner-spin, 1.1s linear 0s infinite normal none running vjs-spinner-fade; } .vjs-seeking .vjs-loading-spinner::before, .vjs-waiting .vjs-loading-spinner::before { border-top-color: white; } .vjs-seeking .vjs-loading-spinner::after, .vjs-waiting .vjs-loading-spinner::after { border-top-color: white; animation-delay: 0.44s; } @keyframes vjs-spinner-show { 100% { visibility: visible; } } @-webkit-keyframes vjs-spinner-show { 100% { visibility: visible; } } @keyframes vjs-spinner-spin { 100% { transform: rotate(360deg); } } @-webkit-keyframes vjs-spinner-spin { 100% { transform: rotate(360deg); } } @keyframes vjs-spinner-fade { 0% { border-top-color: rgb(115, 133, 159); } 20% { border-top-color: rgb(115, 133, 159); } 35% { border-top-color: white; } 60% { border-top-color: rgb(115, 133, 159); } 100% { border-top-color: rgb(115, 133, 159); } } @-webkit-keyframes vjs-spinner-fade { 0% { border-top-color: rgb(115, 133, 159); } 20% { border-top-color: rgb(115, 133, 159); } 35% { border-top-color: white; } 60% { border-top-color: rgb(115, 133, 159); } 100% { border-top-color: rgb(115, 133, 159); } } .vjs-chapters-button .vjs-menu ul { width: 24em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder::before { font-family: VideoJS; content: "���"; font-size: 1.5em; line-height: inherit; } .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder::before { font-family: VideoJS; content: " ���"; font-size: 1.5em; line-height: inherit; } .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control { display: none; } .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { width: initial; } .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button { display: none; } .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer { flex: 1 1 auto; display: block; } .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer { width: auto; } .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control { display: none; } .vjs-modal-dialog.vjs-text-track-settings { background-color: rgba(43, 51, 63, 0.75); color: rgb(255, 255, 255); height: 70%; } .vjs-text-track-settings .vjs-modal-dialog-content { display: table; } .vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-font, .vjs-text-track-settings .vjs-track-settings-controls { display: table-cell; } .vjs-text-track-settings .vjs-track-settings-controls { text-align: right; vertical-align: bottom; } @supports (display: grid) { .vjs-text-track-settings .vjs-modal-dialog-content { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; padding: 20px 24px 0px; } .vjs-track-settings-controls .vjs-default-button { margin-bottom: 20px; } .vjs-text-track-settings .vjs-track-settings-controls { grid-column: 1 / -1; } .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content { grid-template-columns: 1fr; } } .vjs-track-setting > select { margin-right: 1em; margin-bottom: 0.5em; } .vjs-text-track-settings fieldset { margin: 5px; padding: 3px; border: none; } .vjs-text-track-settings fieldset span { display: inline-block; } .vjs-text-track-settings fieldset span > select { max-width: 7.3em; } .vjs-text-track-settings legend { color: rgb(255, 255, 255); margin: 0px 0px 5px; } .vjs-text-track-settings .vjs-label { position: absolute; clip: rect(1px, 1px, 1px, 1px); display: block; margin: 0px 0px 5px; padding: 0px; border: 0px; height: 1px; width: 1px; overflow: hidden; } .vjs-track-settings-controls button:focus, .vjs-track-settings-controls button:active { outline-style: solid; outline-width: medium; background-image: linear-gradient(0deg, rgb(255, 255, 255) 88%, rgb(115, 133, 159) 100%); } .vjs-track-settings-controls button:hover { color: rgba(43, 51, 63, 0.75); } .vjs-track-settings-controls button { background-color: rgb(255, 255, 255); background-image: linear-gradient(-180deg, rgb(255, 255, 255) 88%, rgb(115, 133, 159) 100%); color: rgb(43, 51, 63); cursor: pointer; border-radius: 2px; } .vjs-track-settings-controls .vjs-default-button { margin-right: 1em; } @media print { .video-js > :not(.vjs-tech):not(.vjs-poster) { visibility: hidden; } } .vjs-resize-manager { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: none; z-index: -1000; } .js-focus-visible .video-js :focus:not(.focus-visible) { outline: none; background: none; } .video-js :focus:not(:focus-visible), .video-js .vjs-menu :focus:not(:focus-visible) { outline: none; background: none; } .vjs-tutorial-video-checkpoint .vjs-checkpoint { height: 100%; position: absolute; background-image: url("/skins/vhl/controlbar/tutorialPointRail.png"); background-position: 0% 50%; background-repeat: repeat; } .vjs-menu-button-popup .vjs-menu { left: -5.7em; } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { width: 110%; }

@charset "utf-8"; @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 400; src: url("https://fonts.gstatic.com/s/opensans/v18/mem6YaGs126MiZpBA-UFUK0Udc1UAw.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 400; src: url("https://fonts.gstatic.com/s/opensans/v18/mem6YaGs126MiZpBA-UFUK0ddc1UAw.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 400; src: url("https://fonts.gstatic.com/s/opensans/v18/mem6YaGs126MiZpBA-UFUK0Vdc1UAw.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 400; src: url("https://fonts.gstatic.com/s/opensans/v18/mem6YaGs126MiZpBA-UFUK0adc1UAw.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 400; src: url("https://fonts.gstatic.com/s/opensans/v18/mem6YaGs126MiZpBA-UFUK0Wdc1UAw.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 400; src: url("https://fonts.gstatic.com/s/opensans/v18/mem6YaGs126MiZpBA-UFUK0Xdc1UAw.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 400; src: url("https://fonts.gstatic.com/s/opensans/v18/mem6YaGs126MiZpBA-UFUK0Zdc0.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 700; src: url("https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWiUNhmIqOjjg.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 700; src: url("https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWiUNhvIqOjjg.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 700; src: url("https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWiUNhnIqOjjg.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 700; src: url("https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWiUNhoIqOjjg.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 700; src: url("https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWiUNhkIqOjjg.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 700; src: url("https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWiUNhlIqOjjg.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 700; src: url("https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWiUNhrIqM.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWJ0bbck.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFUZ0bbck.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWZ0bbck.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVp0bbck.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWp0bbck.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFW50bbck.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0b.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: url("https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: url("https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: url("https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: url("https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: url("https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: url("https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: url("https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@charset "utf-8"; .ns-masthead { } .ns-masthead .c-banner { padding: 0.5rem 0px; text-align: left; } .ns-masthead .c-banner--return-from-sample-student { color: rgb(51, 51, 51); background: rgb(255, 255, 255); } .ns-masthead .c-banner--free-trial { color: rgb(51, 51, 51); background: rgb(224, 241, 155); font-size: 0.6875rem; padding: 2px 0px; } .ns-masthead .c-banner--free-trial time { color: rgb(0, 0, 0); font-weight: bold; } .ns-masthead .c-navbar { padding: 0.5rem 0px; position: relative; } .ns-masthead .c-navbar--account { background-color: rgb(0, 0, 0); font-size: 0.875rem; } .ns-masthead .c-navbar--program { position: relative; } .ns-masthead .l-container-fluid--program-bar { position: relative; } .ns-masthead.t-vol .c-navbar--program { background-color: rgb(68, 68, 68); } .ns-masthead.t-supersites .c-navbar--program { padding: 0px; } .ns-masthead.t-supersites .l-container-fluid--program-bar { background: rgb(255, 255, 255); } @media (max-width: 699px) { .ns-masthead.t-supersites .l-container-fluid--program-bar { padding: 0.25rem 0px; } } @media (min-width: 700px) { .ns-masthead.t-supersites .l-container-fluid--program-bar { padding: 1rem 2rem; } } .ns-masthead.t-supersites-jr .c-navbar--program-jr { background-color: var(--ui-page-fill-color); } .ns-masthead.ssplus_only { margin: 0px; } .ns-masthead .c-masthead { color: rgb(204, 204, 204); font-size: 0.875rem; font-style: normal; position: relative; text-align: left; } .ns-masthead .u-flex-align-bottom { align-self: flex-end; } .ns-masthead .c-course-focus { color: rgb(51, 51, 51); display: inline-block; position: absolute; right: 1rem; top: 0px; } .ns-masthead .c-course-focus a { display: block; } .ns-masthead .c-course-focus__header { display: inline-block; background: rgb(255, 255, 255); min-width: 100px; box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .ns-masthead .c-course-focus__course, .ns-masthead .c-course-focus__section, .ns-masthead .c-course-focus__none, .ns-masthead .c-course-focus__old-course, .ns-masthead .c-course-focus__course-closed { display: inline-block; padding: 0.5rem; } .ns-masthead .c-course-focus__course { display: none; } @media (min-width: 700px) { .ns-masthead .c-course-focus__course { display: inline-block; } } .ns-masthead .c-course-focus__old-course { color: rgb(255, 255, 255); background: rgb(51, 51, 51); font-size: 0.625rem; text-transform: uppercase; letter-spacing: 1px; padding: 10px; margin-right: 0.25rem; } .ns-masthead .c-course-focus__menu-container { display: none; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; min-width: 220px; position: relative; z-index: 30; } .ns-masthead .c-course-focus__indicator { text-align: right; } .ns-masthead .c-course-focus-list-wrapper { overflow: hidden; } .ns-masthead .c-course-focus-list { margin: 0.5rem 0px; list-style-type: none; padding-left: 0px; } .ns-masthead .c-course-focus-list > li { padding: 0px; } .ns-masthead .c-course-focus-list__item { padding: 0.25rem 1rem 0.25rem 1.5rem; } .ns-masthead .c-course-focus-list__item:hover { background: rgb(245, 245, 245); } .ns-masthead .c-course-focus-list__course { padding-left: 0.5rem; } .ns-masthead .c-course-focus-list__item.is-active { color: rgb(255, 96, 40); font-weight: bold; } .ns-masthead .c-course-focus__past-years { position: absolute; right: 0.5rem; top: 0.5rem; } .ns-masthead .c-course-focus__old-courses { padding: 0.5rem; } .ns-masthead .c-course-focus__other-options { border-top: 1px solid rgb(221, 221, 221); } .ns-masthead .c-course-focus__other-options > a, .ns-masthead .c-course-focus__no-courses { font-size: 11px; text-decoration: none; display: block; padding: 0.75rem 0.5rem; height: auto; } .ns-masthead .c-course-focus__other-options > a:hover, .ns-masthead .c-course-focus__no-courses:hover { background: rgb(245, 245, 245); } .ns-masthead .c-select--short { height: auto; } .ns-masthead.t-vol .c-course-focus { top: -0.5rem; } .ns-masthead.t-vol .c-course-focus__header { color: rgb(255, 255, 255); background-color: rgb(102, 102, 102); } .ns-masthead.t-vol .c-course-focus__header:hover:not([disabled]) { color: rgb(255, 255, 255); text-decoration: none; } .ns-masthead.t-supersites .c-course-focus__header { color: rgb(0, 107, 174); background-color: rgb(255, 255, 255); } @media (max-width: 699px) { .ns-masthead .c-course-focus { display: block; right: 4.5rem; } } .ns-masthead .c-icon { display: inline-block; vertical-align: middle; width: 1rem; height: 1rem; background-size: 1rem 1rem; background-repeat: no-repeat; background-position: 50% 50%; line-height: 1rem; text-decoration: none; } .ns-masthead .c-icon--sm { width: 0.75rem; height: 0.75rem; background-size: 0.75rem; } .ns-masthead .c-icon--circle-arrow-left { background-image: url("//assets.maestro.vhlcentral.com/assets/music/ui/navigation-arrows/icon-circle-arrow-394bb15de408115540f26bc5059fdfd0456caa3d1bf875b395ab76ae28c43e4b.svg"); margin: 0px 0.25rem; position: relative; top: -2px; } .ns-masthead .c-icon--circle-arrow-down { background-image: url("//assets.maestro.vhlcentral.com/assets/music/ui/navigation-arrows/icon-circle-arrow-394bb15de408115540f26bc5059fdfd0456caa3d1bf875b395ab76ae28c43e4b.svg"); transform: rotate(-90deg); margin: 0px 0.25rem; position: relative; top: -2px; } .ns-masthead :hover > .c-icon--circle-arrow-left, .ns-masthead :focus > .c-icon--circle-arrow-left, .ns-masthead :hover > .c-icon--circle-arrow-down, .ns-masthead :focus > .c-icon--circle-arrow-down { background: url("//assets.maestro.vhlcentral.com/assets/music/ui/navigation-arrows/icon-circle-arrow-hover-5af01903691771411468da8cda55d43448c931bb44fcff0f60e9063d88b193a8.svg") transparent; } .ns-masthead .c-menu--chat__btn > .c-icon--chat { width: 1.375rem; height: 1.375rem; margin-top: -0.0625rem; background-size: 1.25rem 1.25rem; } .ns-masthead .c-menu--chat__btn.available > .c-icon--chat { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/bubble-online-e99e153eeb70f71f1c34980ab5c0caf02c7e220cdd73bf4013e089f64aae0d78.svg"); } .ns-masthead .c-menu--chat__btn:not(.available) > .c-icon--chat { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/bubble-offline-d6108a78d52f9496f2f1b661f02c0a247473e6bd4f391c1f910e387de0ad2cd1.svg"); } .ns-masthead .c-menu--chat__btn.available.has-messages > .c-icon--chat { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/bubble-online-new-70e088310ae3d29dfcea5821a7e653e3aa556ff58d5436a7b86d4cc8da5624d6.svg"); } .ns-masthead .c-menu--chat__btn.has-messages:not(.available) > .c-icon--chat { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/bubble-offline-new-2b2b83b82a03d5420ff91eab04a5a30d54af64357e5775876fa23448df01845c.svg"); } .ns-masthead .c-logo img { display: block; height: 5vw; max-height: 3.5rem; min-height: 1.5rem; width: auto; } .ns-masthead .c-logo--ua img { display: block; margin: 1.25rem 0px 1.25rem 3.75rem; height: 3.75rem; } .ns-masthead.t-vol .c-logo img { min-height: 2.25rem; } .ns-masthead.t-supersites .c-logo img { min-height: 3rem; } .ns-masthead .c-masthead-profile-header-wrapper { height: 3.5rem; background-color: rgb(248, 248, 248); border-bottom: 1px solid rgba(0, 0, 0, 0.25); font-size: 0.875rem; } .ns-masthead .c-masthead-profile-header { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 0.625rem; } .ns-masthead .c-masthead-profile-detail { display: flex; align-items: center; justify-content: space-between; } .ns-masthead .c-avatar-thumbnail { height: 2rem; width: 2rem; border-radius: 50%; object-fit: cover; margin-right: 0.5rem; } .ns-masthead .c-contrast-toggle { position: relative; } .ns-masthead .c-contrast-toggle.is-active::after { content: ""; position: absolute; background-color: rgb(255, 255, 255); height: 0.125rem; width: 1rem; bottom: -4px; display: block; }

Online

Offline

@charset "utf-8"; body { padding-right: 0px; transition: padding-right 0.2s ease-in-out 0s; } .ns-chat { } .ns-chat .c-circle-button-label { font-size: 0.75rem; margin-top: 0.5rem; min-width: 3rem; } .ns-chat .c-media-record-box .c-circle-button-label { margin-bottom: 0px; } .ns-chat .c-circle-button { color: rgb(0, 107, 174); background-color: rgb(255, 255, 255); border: 0.0625rem solid transparent; cursor: pointer; font-size: inherit; text-transform: none; transition: color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; border-radius: 50%; width: 2rem; height: 2rem; position: relative; box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; flex-shrink: 0; } .ns-chat .c-circle-button:hover { background: rgb(248, 248, 248); box-shadow: none; outline: 0px; } .ns-chat .c-circle-button[disabled], .ns-chat .c-circle-button.is-disabled { color: rgb(204, 204, 204); pointer-events: none; cursor: default; box-shadow: none; border-color: rgb(238, 238, 238); } .ns-chat .c-circle-button:active { border: 1px solid rgb(146, 146, 146); box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px inset; } .ns-chat .c-circle-button[disabled], .ns-chat .c-circle-button.is-disabled { background-color: rgb(204, 204, 204); } .ns-chat .c-circle-button[disabled] + .c-circle-button-label, .ns-chat .c-circle-button.is-disabled + .c-circle-button-label { color: rgb(204, 204, 204); } .ns-chat .c-circle-button.u-hidden + .c-circle-button-label { display: none; } .ns-chat .c-circle-button--start-call { background-color: rgb(29, 135, 62); } .ns-chat .c-circle-button--start-call:hover { background-color: rgb(119, 183, 139); } .ns-chat .c-circle-button--start-call:active { border-color: rgb(29, 135, 62); background-color: rgb(165, 207, 178); } .ns-chat .c-circle-button--end-call { background-color: rgb(255, 255, 255); } .ns-chat .c-circle-button--end-call:hover { background-color: white; } .ns-chat .c-circle-button--end-call:active { border-color: rgb(255, 255, 255); background-color: white; } .ns-chat .c-circle-button--play-rec { background-color: rgb(0, 107, 174); } .ns-chat .c-circle-button--play-rec:hover { background-color: rgb(102, 166, 206); } .ns-chat .c-circle-button--play-rec:active { border-color: rgb(0, 107, 174); background-color: rgb(153, 196, 223); } .ns-chat .c-circle-button--stop-rec { background-color: rgb(255, 96, 40); } .ns-chat .c-circle-button--stop-rec:hover { background-color: rgb(255, 160, 126); } .ns-chat .c-circle-button--stop-rec:active { border-color: rgb(255, 96, 40); background-color: rgb(255, 191, 169); } .ns-chat .c-circle-button--record-chat { border: 1px solid rgb(221, 221, 221); background-color: rgb(255, 255, 255); } .ns-chat .c-circle-button--record-chat:hover .c-icon, .ns-chat .c-circle-button--record-chat:focus .c-icon { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/record-hover-9a25be0c37b001f814ae1fd050adcc8ae598f20db11e3e29a491491db68dd579.svg"); } .ns-chat .c-circle-button--record-chat:active .c-icon { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/record-active-15dcc48521ee0bf439b32157b9f7915a3e3341260310b52ecc6b8aa45294aa41.svg"); } .ns-chat .c-circle-button--record-chat:disabled .c-icon { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/record-disabled-79c592c342d9ee9dcfd085e1cf03fbb8c6ab0610d4b033e5bd5e382b780c4515.svg"); } .ns-chat .c-circle-button--redo-rec { background-color: rgb(255, 255, 255); } .ns-chat .c-circle-button--redo-rec:hover .c-icon, .ns-chat .c-circle-button--redo-rec:focus .c-icon { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/circle-back-hover-712dda1f7030d078df2d128dc85fececd84b355355f1120a9cf91c97bc878690.svg"); } .ns-chat .c-circle-button--redo-rec:active .c-icon { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/circle-back-active-712dda1f7030d078df2d128dc85fececd84b355355f1120a9cf91c97bc878690.svg"); } .ns-chat .c-circle-button--redo-rec:disabled .c-icon { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/circle-back-light-c55ec8f573dea1e0898f9c163d3e3970a58be0f70629c03b03ba870274b7083d.svg"); } .ns-chat .c-circle-no-button { border-radius: 50%; width: 2rem; height: 2rem; position: relative; } .ns-chat .c-circle-no-button.u-hidden + .c-circle-button-label { display: none; } .ns-chat .c-button--roster-user, .ns-chat .c-button--showhide { width: 100%; text-align: left; text-decoration: none !important; } .ns-chat .c-button--roster-user:hover, .ns-chat .c-button--showhide:hover { color: inherit; background-color: rgb(238, 238, 238); text-decoration: none; } .ns-chat .c-button--roster-user { color: rgb(51, 51, 51); padding-left: 1rem; } .ns-chat .c-button--roster-user:last-child { padding-left: 0px; } .ns-chat .c-button--roster-user:last-child > .c-roster__user { padding-left: 1rem; border-bottom-color: rgb(204, 204, 204); } .ns-chat .c-button--roster-user:hover { background-color: rgb(245, 245, 245); } .ns-chat .c-chat-tab { border-width: 1px 0px 1px 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(238, 238, 238); border-bottom-color: rgb(238, 238, 238); border-left-color: rgb(238, 238, 238); border-image: initial; border-right-style: initial; border-right-color: initial; background-color: rgb(255, 255, 255); line-height: 1; text-align: center; vertical-align: middle; box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; opacity: 1; border-radius: 0.375rem 0px 0px 0.375rem; width: 3rem; padding: 0px 0px 6px; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); } .ns-chat .c-button--open-chat:hover { border-color: rgb(82, 171, 226); } .ns-chat .c-button--open-chat[disabled] { background-color: rgb(245, 245, 245); } .ns-chat .c-circle-button--xl { border-radius: 50%; width: 2.625rem; height: 2.625rem; } .ns-chat .c-form-item__label { font-size: 0.875rem; } .ns-chat .c-form-item__checkbox, .ns-chat .c-form-item__checkbox + .c-form-item__label, .ns-chat .c-form-item__radio, .ns-chat .c-form-item__radio + .c-form-item__label { font-weight: normal; line-height: 1.5rem; display: inline-block; vertical-align: middle; margin-bottom: 0.25rem; } .ns-chat .c-form-item__checkbox, .ns-chat .c-form-item__radio { border: 0px !important; clip: rect(0px, 0px, 0px, 0px) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; width: 1px !important; } .ns-chat .c-form-item__checkbox + .c-form-item__label, .ns-chat .c-form-item__radio + .c-form-item__label { position: relative; transition: color 0.3s ease 0s; padding: 0.25rem; } .ns-chat .c-form-item__checkbox + .c-form-item__label::before, .ns-chat .c-form-item__radio + .c-form-item__label::before { content: ""; display: inline-block; vertical-align: middle; margin-right: 0.5rem; height: 1.5rem; width: 1.5rem; background: rgb(255, 255, 255); border: 0.0625rem solid rgb(204, 204, 204); transition: border 0.3s ease 0s; } .ns-chat .c-form-item__checkbox + .c-form-item__label::after, .ns-chat .c-form-item__radio + .c-form-item__label::after { position: absolute; top: 0.25rem; left: 0.25rem; display: block; content: " "; width: 1.5rem; height: 1.5rem; background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/check-651aace7e9b5960145d405501c81bc26d4537c5b396b584957c41e3226b4e9bd.svg"); transition: all 0.2s ease 0s; opacity: 0; background-size: 100% 100%; } .ns-chat .c-form-item__checkbox:checked + .c-form-item__label::after, .ns-chat .c-form-item__radio:checked + .c-form-item__label::after { opacity: 1; } .ns-chat .c-form-item__checkbox:disabled + .c-form-item__label, .ns-chat .c-form-item__radio:disabled + .c-form-item__label { cursor: default; opacity: 0.4; } .ns-chat .c-form-item__checkbox:disabled + .c-form-item__label::before, .ns-chat .c-form-item__radio:disabled + .c-form-item__label::before { border-color: rgb(204, 204, 204); } .ns-chat .c-form-item__checkbox:disabled + .c-form-item__label:hover, .ns-chat .c-form-item__radio:disabled + .c-form-item__label:hover { color: rgb(51, 51, 51); } .ns-chat .c-form-item__checkbox:disabled:hover + .c-form-item__label::before, .ns-chat .c-form-item__radio:disabled:hover + .c-form-item__label::before { border-color: rgb(204, 204, 204); } .ns-chat .c-form-item__checkbox:hover + .c-form-item__label::before, .ns-chat .c-form-item__radio:hover + .c-form-item__label::before { border-color: rgb(51, 51, 51); outline: 0px; } .ns-chat .c-form-item__radio + .c-form-item__label { line-height: 1; } .ns-chat .c-form-item__radio + .c-form-item__label::before { border-radius: 50%; width: 1.25rem; height: 1.25rem; } .ns-chat .c-form-item__radio + .c-form-item__label::after { background-image: none; border-radius: 50%; top: 0.5rem; left: 0.5rem; width: 0.75rem; height: 0.75rem; } .ns-chat .c-form-item__radio:checked + .c-form-item__label::after { background: rgb(51, 51, 51); } .ns-chat .c-heading--chat { font-size: 1rem; text-transform: uppercase; } .ns-chat .c-heading--chat-section { color: rgb(0, 107, 174); font-weight: normal; text-transform: uppercase; text-align: left; font-size: 1rem; border-top: 1px solid rgb(221, 221, 221); padding: 0.75rem; margin: 0px; } .ns-chat .c-heading--chat-section.c-heading--chat-section--no-users { color: rgb(204, 204, 204); } .ns-chat .c-icon--start-call { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/phone-up-white-0f0b96b8117d6c2e83b014af34725a0708af9ce1e033bdfc99e1991a4c84e623.svg"); } .ns-chat .c-icon--end-call { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/phone-down-53f0d7f0a9ed6be931697cfa8216a54b0593e30f43ee8c580d1d4818d37d3b2d.svg"); } .ns-chat .c-icon--record-chat { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/record-6fd6556119bb720bde0c41cda59f06492614a7786a69a5b8d3698d91fdf9a684.svg"); } .ns-chat .c-icon--play-rec { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/play-light-bdf6741c050a9daa955107ea8e5abfd9dafe9fe206f773ffb5a9cb543d537538.svg"); } .ns-chat .c-icon--stop-rec { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/stop-light-645e94c353e192777aa0d2bbe236859fb721536b334a2b906ad59fef2492fe10.svg"); } .ns-chat .c-icon--bubble { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/speech-bubble-889872f4ad34b94f1a9d2b715f554c974d5e82a58d2345cc02b6329381963bc7.svg"); } .ns-chat .c-icon--signal { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/signal-7edcd09448d66bc1c6c8c4fa23a16a30f0af77fa9d65613aaaecdd6f93c9f0cc.svg"); } .ns-chat .c-icon--status-unavailable { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/status-offline-8b595ec6eff1c838c15ce8a3ec975cefe1064be80d345ea1e252831b6e91ea69.svg"); } .ns-chat .c-icon--status-available { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/status-available-d390b11d3daa422b104fbdee7923ca72d4a6f108b605292856db941d5df1de2a.svg"); } .ns-chat .c-icon--status-offline { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/status-offline-8b595ec6eff1c838c15ce8a3ec975cefe1064be80d345ea1e252831b6e91ea69.svg"); } .ns-chat .c-icon--status-busy { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/status-busy-72ebd6440e75cfd2b2b7a278c69419e1a4d1e0b652a14e11e7c732f162058179.svg"); } .ns-chat .c-icon--circle-back { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/circle-back-d7809ffd9bbd3e1ed5b66cba8ce66941bf61eca80c89fd8d251d25f903be9e11.svg"); } .ns-chat .c-icon--circle-back.c-icon--light { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/circle-back-light-c55ec8f573dea1e0898f9c163d3e3970a58be0f70629c03b03ba870274b7083d.svg"); } .ns-chat .c-icon--circle-back.is-current { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/circle-back-current-6f7644e40acd656cb4ce38e0d3de81a671cc305858feecff84af6600a045cc91.svg"); cursor: pointer; } .ns-chat .c-icon--lg { width: 1.5rem; height: 1.5rem; background-size: 1.5rem 1.5rem; line-height: 1.5rem; } .ns-chat .c-icon--xl { width: 2.5rem; height: 2.5rem; background-size: 2.5rem 2.5rem; line-height: 2.5rem; } .ns-chat a:hover .c-icon--circle-back, .ns-chat a:active .c-icon--circle-back, .ns-chat button:hover .c-icon--circle-back, .ns-chat button:active .c-icon--circle-back { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/circle-back-hover-712dda1f7030d078df2d128dc85fececd84b355355f1120a9cf91c97bc878690.svg"); } .ns-chat a:hover .c-icon--end-call, .ns-chat a:active .c-icon--end-call, .ns-chat button:hover .c-icon--end-call, .ns-chat button:active .c-icon--end-call { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/phone-down-hover-53f0d7f0a9ed6be931697cfa8216a54b0593e30f43ee8c580d1d4818d37d3b2d.svg"); } .ns-chat a:hover .c-icon--light.c-icon--circle-back, .ns-chat button:hover .c-icon--light.c-icon--circle-back { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/circle-back-light-c55ec8f573dea1e0898f9c163d3e3970a58be0f70629c03b03ba870274b7083d.svg"); } .ns-chat a.is-disabled .c-icon.c-icon--circle-back, .ns-chat button.is-disabled .c-icon.c-icon--circle-back, .ns-chat button[disabled] .c-icon.c-icon--circle-back { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/circle-back-disabled-f1d86a09f9b70c38ecdf8c9a8c8a7238cf3639cedfe99df75dcdbde73d84b6c4.svg"); cursor: default; } .ns-chat .c-circle-button > .c-icon--toggle-audio { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/mic-c4ea37e44dc3dea0111377295c6a2e67bed66309feee6649e7463333ba990b0d.svg"); } .ns-chat .c-circle-button:hover > .c-icon--toggle-audio, .ns-chat .c-circle-button:focus > .c-icon--toggle-audio { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/mic-hover-db6e02c685f14372864ce7e57932bca9c70267415c2301e6dc280612cddc0bf5.svg"); } .ns-chat .c-circle-button:active > .c-icon--toggle-audio { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/mic-active-c4ea37e44dc3dea0111377295c6a2e67bed66309feee6649e7463333ba990b0d.svg"); } .ns-chat .c-circle-button:disabled > .c-icon--toggle-audio { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/mic-light-1784e2c2d7f323bf93aaa180c98414cd67105f6f12d83e157152cccefc90c5be.svg"); } .ns-chat .c-circle-button.is-off > .c-icon--toggle-audio { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/mic-off-8dd4397bfdf5b5e3b12f9e150a1b6c5bc024ae671105bfbbab2f3ea024dbdd23.svg"); } .ns-chat .c-circle-button.is-off:hover > .c-icon--toggle-audio, .ns-chat .c-circle-button.is-off:focus > .c-icon--toggle-audio { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/mic-off-hover-8dd4397bfdf5b5e3b12f9e150a1b6c5bc024ae671105bfbbab2f3ea024dbdd23.svg"); } .ns-chat .c-circle-button.is-off:active > .c-icon--toggle-audio { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/mic-off-active-105927d0ebcddee7eb44974bacd47fc2b155ce3844f4b4e1bf8b80ad0e90af4d.svg"); } .ns-chat .c-circle-button.is-off:disabled > .c-icon--toggle-audio { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/mic-off-light-d5f29d78c97dac9abf7f502ac432c4f25af9e025c68f35d325fbc079e78ded23.svg"); } .ns-chat .c-circle-button > .c-icon--toggle-video { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/camera-0197bafe428c15b7d0d24c7ab4137464a9a5ab67f156144f725409d3210bf090.svg"); } .ns-chat .c-circle-button:hover > .c-icon--toggle-video, .ns-chat .c-circle-button:focus > .c-icon--toggle-video { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/camera-hover-56bb2139fd82c8e3921bc9a6e1c0acc5bece55303fb7cc87900effe4c629ad81.svg"); } .ns-chat .c-circle-button:active > .c-icon--toggle-video { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/camera-active-0197bafe428c15b7d0d24c7ab4137464a9a5ab67f156144f725409d3210bf090.svg"); } .ns-chat .c-circle-button:disabled > .c-icon--toggle-video { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/camera-light-1f5f05ee33e96cf7e435dc7e84de9ad6358815cf916eeba4189f7ff69f5e0b3b.svg"); } .ns-chat .c-circle-button.is-off > .c-icon--toggle-video { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/camera-off-5e1e42167c25d9bf0d8bb86e44917a0536bdcf48e949b28b82a5d2198089d25c.svg"); } .ns-chat .c-circle-button.is-off:hover > .c-icon--toggle-video, .ns-chat .c-circle-button.is-off:focus > .c-icon--toggle-video { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/camera-off-hover-5e1e42167c25d9bf0d8bb86e44917a0536bdcf48e949b28b82a5d2198089d25c.svg"); } .ns-chat .c-circle-button.is-off:active > .c-icon--toggle-video { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/camera-off-active-2e94de9939bbaaf077e000acc847841af7e4fae82c83afae87d70e249f0334aa.svg"); } .ns-chat .c-circle-button.is-off:disabled > .c-icon--toggle-video { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/camera-off-light-d350a67d0abc5872f21a390bc20018d8fc10f24c55734eec09086d78c9953e44.svg"); } .ns-chat .c-icon--open-chat { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/speech-bubble-outline-804bbcc86875b66fed51cd90136a718dc947ff932d67b45ff05ff89b1653bbec.svg"); position: relative; margin: 0px 3px; } .ns-chat [disabled] > .c-icon--start-call { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/mic-off-8dd4397bfdf5b5e3b12f9e150a1b6c5bc024ae671105bfbbab2f3ea024dbdd23.svg"); } .ns-chat .c-icon--caret-left { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/caret-9c630f3b9b4c7577a7fb834bf7731fd13681295809b3ee69eac10bf363898618.svg"); transform: rotate(180deg); } .ns-chat :hover > .c-icon--caret-left, .ns-chat :focus > .c-icon--caret-left { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/caret-hover-df6c6fe22ba2bd3b446c92277a9514df764b2fe3299889b75cc8683acb88fe4a.svg"); } .ns-chat [disabled] > .c-icon--caret-left { background-image: url("//assets.maestro.vhlcentral.com/assets/music/chat/caret-disabled-a3221bda0e80fcc6418897108cf226de8f0a875d240a2d5b5d9a1437cfdb0dba.svg"); opacity: 0.3; } .ns-chat .c-circle-button .c-icon { margin: 0px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .ns-chat .c-circle-button--open-chat > .c-icon { position: relative; overflow: visible; top: 2px; } .ns-chat .c-button--open-chat.has-messages > .c-icon { overflow: visible; } .ns-chat .c-button--open-chat.has-messages > .c-icon > .c-message-count { color: rgb(255, 255, 255); font-size: 0.75rem; line-height: 1.2rem; border-radius: 0.6rem; height: 1.2rem; min-width: 1.2rem; background-color: rgb(82, 171, 226); padding: 0px 4px; position: absolute; top: -6px; left: 0px; transform: translateX(-35%); } .ns-chat .c-button--open-chat.has-messages > .c-icon > .c-message-count:empty { height: 1rem; min-width: 1rem; top: -4px; } @media (min-width: 500px) { .ns-chat .c-icon--toggle-video, .ns-chat .c-icon--toggle-audio { width: 2rem; height: 2rem; background-size: 2rem 2rem; line-height: 2rem; } } .ns-chat .c-form-item__label { font-size: 0.875rem; color: rgb(102, 102, 102); letter-spacing: 1px; text-transform: uppercase; display: block; } .ns-chat .c-form-item__checkbox + .c-form-item__label, .ns-chat .c-form-item__radio + .c-form-item__label { letter-spacing: 0px; text-transform: none; } .ns-chat.ns-chat.ns-chat.ns-chat .c-form-item__input { display: inline-block; width: auto; min-width: 8rem; background: rgb(255, 255, 255); padding: 0.5rem; margin: 0px; border-radius: 3px; line-height: 1.5rem; box-sizing: border-box; border: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px inset; font-size: 0.875rem; transition: color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s; height: 2.5rem; } .ns-chat.ns-chat.ns-chat.ns-chat .c-form-item__input[disabled] { opacity: 0.5; box-shadow: none; border: 1px solid rgb(204, 204, 204); background: rgb(245, 245, 245); } .ns-chat.ns-chat.ns-chat.ns-chat .c-form-item__input[disabled]:hover { background: rgb(245, 245, 245); border-color: rgb(221, 221, 221); } .ns-chat.ns-chat.ns-chat.ns-chat .c-form-item__input:hover { background: rgb(248, 248, 248); } .ns-chat.ns-chat.ns-chat.ns-chat .c-form-item__input:active { border-color: rgb(255, 96, 40); background: rgb(255, 255, 255); outline: none; } .ns-chat .c-form-item__textarea { display: inline-block; width: auto; min-width: 8rem; background: rgb(255, 255, 255); padding: 0.5rem; margin: 0px; border-radius: 3px; line-height: 1.5rem; box-sizing: border-box; border: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px inset; font-size: 0.875rem; transition: color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s; } .ns-chat .c-form-item__textarea[disabled] { opacity: 0.5; box-shadow: none; border: 1px solid rgb(204, 204, 204); background: rgb(245, 245, 245); } .ns-chat .c-form-item__textarea[disabled]:hover { background: rgb(245, 245, 245); border-color: rgb(221, 221, 221); } .ns-chat .c-form-item__textarea:hover { background: rgb(248, 248, 248); } .ns-chat .c-form-item__textarea:active { border-color: rgb(255, 96, 40); background: rgb(255, 255, 255); outline: none; } .ns-chat .c-form-item__input--has-icon { display: flex; } .ns-chat .c-form-item__input--sm { min-width: 0px; width: 4rem; } .ns-chat .c-form-item__input__icon-before { display: inline-block; background: rgb(248, 248, 248); padding: 0.5rem 1rem; text-align: center; line-height: 1.5rem; border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); border-left: 1px solid rgb(221, 221, 221); border-image: initial; border-right: none; border-radius: 3px 0px 0px 3px; height: 2.5rem; } .ns-chat .c-form-item__input__icon-before span { margin-right: 0px; } .ns-chat .c-form-item__input__icon-after { display: inline-block; padding: 0.5rem; line-height: 1.5rem; } .ns-chat .c-form-item__input--icon { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .ns-chat .c-form-item__error { color: rgb(206, 12, 36); } .ns-chat .c-form-item__success { color: rgb(29, 135, 62); } .ns-chat .c-form-item--success .c-form-item__input { border: 2px solid rgb(29, 135, 62); } .ns-chat .c-form-item--success .c-form-item__label { color: rgb(29, 135, 62); } .ns-chat .c-form-item--error .c-form-item__input { border: 2px solid rgb(206, 12, 36); } .ns-chat .c-form-item--error .c-form-item__label { color: rgb(206, 12, 36); } .ns-chat .c-form-item-group { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-end; } .ns-chat .c-form-item-group > * { margin-right: 1rem; margin-bottom: 0px; } .ns-chat .c-form-item-group > :last-child { margin-right: 0px; } .ns-chat .c-chat-invitation { color: rgb(255, 255, 255); background-color: rgb(51, 51, 51); font-weight: 300; padding: 1rem; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 5px; justify-content: space-between; } .ns-chat .c-chat-invitation > * + * { margin-left: 1rem; } .ns-chat .c-chat-invitation__text { text-align: left; } .ns-chat .c-chat-invitation__user-name { color: rgb(187, 187, 187); text-transform: uppercase; letter-spacing: 0.1em; } .c-chat-invitation-wrapper { position: fixed; top: 250px; right: 50px; opacity: 0; z-index: 150; transition: top 0.3s ease 0s, right 0.3s ease 0s, opacity 0.3s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s, -o-transform 0.3s ease 0s; } .c-chat-invitation-wrapper.is-revealed { top: 15px; opacity: 1; } .c-chat-invitation-wrapper.is-dismissed { opacity: 0; right: -400px; } .ns-chat .c-panel--chat { display: flex; flex-direction: column; position: absolute; bottom: 0px; top: 0px; margin-bottom: 0px; width: 100%; background-color: rgb(255, 255, 255); padding: 0px; } .ns-chat .c-panel--chat > * { padding: 1rem; } .ns-chat .c-panel--chat .c-panel__flush-content { margin: 0px -1rem; } .ns-chat .c-panel--roster { left: 0px; font-size: 1rem; } .ns-chat .c-panel--conversation { left: 100%; z-index: 1; } @media (min-width: 700px) { .ns-chat .c-panel--conversation { left: 400px; } } .ns-chat .c-panel__header--chat { background-color: rgb(255, 255, 255); border-bottom: 0.0625rem solid rgb(221, 221, 221); } .ns-chat .c-panel__body--chat { padding: 0px; flex: 1 1 auto; height: auto; overflow: auto; border-bottom: 0.0625rem solid rgb(221, 221, 221); } .ns-chat .c-panel__section--chat { padding: 0px; margin: 1rem -1rem 0px; background-color: rgb(255, 255, 255); border-bottom: 0px; border-top: 0.0625rem solid rgb(221, 221, 221); } .ns-chat .c-panel__section--chat[data-step="initial"], .ns-chat .c-panel__section--chat[data-step="cancelling"] { border-top-color: transparent; } .ns-chat .c-panel__footer--chat { position: relative; padding: 0px 1rem; } .ns-chat .c-pulser { display: flex; justify-content: space-between; margin-bottom: 16px; min-width: 2rem; } .ns-chat .c-pulser--inline { display: inline-flex; margin-bottom: 0px; } .ns-chat .c-pulser--round { border-radius: 50%; } .ns-chat .c-pulser__element { border-radius: 50%; width: 28%; padding-top: 28%; background-color: rgb(170, 170, 170); opacity: 0; transform: scale(0.1); animation: 0.6s ease-in-out 0s infinite alternate none running pulse; } .ns-chat .c-pulser__element:nth-child(1) { animation-delay: 0.2s; } .ns-chat .c-pulser__element:nth-child(2) { animation-delay: 0.4s; } .ns-chat .c-pulser__element:nth-child(3) { animation-delay: 0.6s; } .ns-chat .c-pulser--sm { width: 2rem; } .ns-chat .c-pulser--md { width: 4rem; } .ns-chat .c-pulser--lg { width: 8rem; } @-webkit-keyframes pulse { 100% { opacity: 1; transform: scale(1); } } @keyframes pulse { 100% { opacity: 1; transform: scale(1); } } .ns-chat .c-rec-loading { display: flex; flex-direction: column; justify-content: space-between; } .ns-chat .c-splitter { display: flex; flex-wrap: nowrap; align-items: flex-end; justify-content: space-between; } .ns-chat .c-splitter > * { text-align: center; } .ns-chat .c-splitter > :last-child { text-align: right; } .ns-chat .c-splitter > :first-child { text-align: left; } .ns-chat .c-toggle, .ns-chat .c-toggle + .c-label { font-weight: normal; line-height: 1.5rem; vertical-align: middle; } .ns-chat .c-toggle { display: block; border: 0px !important; clip: rect(0px, 0px, 0px, 0px) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; width: 1px !important; } .ns-chat .c-toggle + .c-label { color: rgb(102, 102, 102); font-weight: normal; text-transform: uppercase; position: relative; display: block; padding: 1rem; border: 2px solid transparent; cursor: pointer; margin-right: 0px; transition: color 0.2s ease-in-out 0s; } .ns-chat .c-toggle + .c-label::before, .ns-chat .c-toggle + .c-label::after { content: ""; left: 0px; } .ns-chat .c-toggle + .c-label::before { content: ""; left: 0px; top: 0px; display: inline-block; vertical-align: middle; margin-right: 0.75rem; height: 0.975rem; width: 2.625rem; background-color: rgb(170, 170, 170); border-radius: 0.5625rem; transition: background-color 0.2s ease-in-out 0s; } .ns-chat .c-toggle + .c-label::after { position: absolute; top: 1rem; left: 1rem; display: block; width: 1.5rem; height: 1.5rem; background-color: rgb(245, 245, 245); transition: box-shadow 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s, left 0.2s ease-in-out 0s; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; } .ns-chat .c-toggle + .c-label .c-toggle__on-label, .ns-chat .c-toggle + .c-label .c-toggle__off-label { position: absolute; transition: opacity 0.2s ease-in-out 0s; display: inline; } .ns-chat .c-toggle + .c-label .c-toggle__on-label { opacity: 0; } .ns-chat .c-toggle + .c-label .c-toggle__off-label { opacity: 1; } .ns-chat .c-toggle:checked + .c-label { color: rgb(51, 51, 51); } .ns-chat .c-toggle:checked + .c-label::before { background-color: rgb(43, 198, 91); } .ns-chat .c-toggle:checked + .c-label::after { left: 2.25rem; } .ns-chat .c-toggle:checked + .c-label .c-toggle__on-label { opacity: 1; } .ns-chat .c-toggle:checked + .c-label .c-toggle__off-label { opacity: 0; } .ns-chat .c-toggle:hover:enabled + .c-label::after { box-shadow: none; background-color: rgb(255, 255, 255); } .ns-chat .c-toggle:disabled + .c-label { cursor: not-allowed; opacity: 0.5; } .ns-chat .c-toggle:disabled + .c-label::before { background-color: rgb(204, 204, 204); } .ns-chat .c-toggle--vertical, .ns-chat .c-toggle--vertical + .c-label { padding: 0px; height: 3.375rem; } .ns-chat .c-toggle--vertical::before, .ns-chat .c-toggle--vertical::after, .ns-chat .c-toggle--vertical + .c-label::before, .ns-chat .c-toggle--vertical + .c-label::after { position: absolute; left: 50%; transform: translateX(-50%); margin: 0px; } .ns-chat .c-toggle--vertical::before, .ns-chat .c-toggle--vertical + .c-label::before { top: 12px; left: 50%; height: 2.25rem; width: 0.975rem; } .ns-chat .c-toggle--vertical::after, .ns-chat .c-toggle--vertical + .c-label::after { top: 2rem; left: 50%; transition: top 0.2s ease-in-out 0s; } .ns-chat .c-toggle--vertical:checked + .c-label::after { top: 6px; left: 50%; } .ns-chat .c-volume-spinner { position: absolute; width: 3rem; height: 3rem; background: url("//assets.maestro.vhlcentral.com/assets/music/volume-spinner-e72318360d3e2112755f8fe1bc209e6d8c678435a496ad26bd44a505c4ade1cd.svg") 0px 0px / 100% no-repeat; left: 50%; top: 50%; transform: translate(-50%, -50%); } .ns-chat .c-chat-widget { background-color: rgb(255, 255, 255); text-align: left; position: fixed; z-index: 30; top: 2.375rem; bottom: 0px; width: 100%; right: -100%; box-shadow: none; opacity: 1; transition: right 0.3s ease 0s, opacity 0.3s ease 0s, box-shadow 0.3s ease 0s; } .ns-chat .c-chat-widget.c-chat-widget--top-0 { top: 0px; transition: top 0.2s ease 0s; } .ns-chat .c-chat-widget.chat-disabled { height: 8rem; } .ns-chat .c-chat-widget.is-open { right: 0px; box-shadow: rgba(0, 0, 0, 0.18) 1px 4px 6px 0px; overflow: hidden; } .ns-chat .c-chat-widget.is-open .c-circle-button--open-chat { opacity: 0; } @media (min-width: 500px) { .ns-chat .c-chat-widget { width: 400px; right: -400px; top: 3rem; } } .ns-chat .c-chat-widget__content { position: absolute; height: 100%; bottom: 0px; left: 0px; width: 100%; transition: left 0.3s ease 0s; } .ns-chat .c-chat-widget.has-conversation .c-chat-widget__content { left: -100%; } @media (min-width: 700px) { .ns-chat .c-chat-widget.has-conversation .c-chat-widget__content { left: -400px; } } .ns-chat .c-header--chat { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .ns-chat .c-header--chat > * { margin-right: 0px; margin-bottom: 0px; } .ns-chat .c-header--chat > :last-child { margin-right: 0px; } .ns-chat .c-chat-widget__back-button { border-radius: 50%; } .ns-chat .c-chat-widget__back-button, .ns-chat .c-chat-widget__close { font-size: 0.875rem; text-transform: uppercase; letter-spacing: 1px; } .ns-chat .c-chat-widget__back-button > .c-icon, .ns-chat .c-chat-widget__close > .c-icon { margin: 0px; } .ns-chat .c-chat-widget__close { text-align: right; } .ns-chat .c-form-item--chat { flex-wrap: nowrap; } .ns-chat .c-form-item__input--new-chat-message { width: auto; flex: 1 1 auto; } .ns-chat .c-chat-message { color: rgb(102, 102, 102); margin: 1rem; display: flex; } .ns-chat .c-chat-message.is-current-user { flex-direction: row-reverse; } .ns-chat .c-chat-message__body { position: relative; } .ns-chat .c-chat-message__bubble { display: inline-block; word-break: break-all; background: rgb(245, 245, 245); padding: 1rem; border-radius: 0.25rem; color: rgb(51, 51, 51); margin: 0px 1rem; position: relative; z-index: 0; } .ns-chat .c-chat-message.is-current-user .c-chat-message__bubble { background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); } .ns-chat .c-chat-message__bubble::before { content: ""; width: 1rem; height: 1rem; background-color: inherit; transform: rotate(45deg); position: absolute; left: -0.25rem; top: 1rem; z-index: -1; } .ns-chat .c-chat-message.is-current-user .c-chat-message__bubble::before { left: auto; right: -0.25rem; } .ns-chat .c-chat-message__time { font-size: 65%; text-transform: uppercase; color: rgba(0, 0, 0, 0.5); position: absolute; left: 1rem; bottom: 0.75rem; } .ns-chat .c-chat-message.is-current-user .c-chat-message__time { left: auto; right: 1rem; } .ns-chat .c-system-message { color: rgb(119, 119, 119); text-align: center; margin: 1rem; } .ns-chat .c-chat-status { border-radius: 50%; width: 0.5rem; height: 0.5rem; content: ""; display: inline-block; color: rgb(204, 204, 204); font-size: 0.75rem; text-indent: 1rem; text-transform: uppercase; line-height: 1; } .ns-chat .c-chat-status--compact { overflow: hidden; } .ns-chat .c-chat-status--available { background: rgb(29, 135, 62); } .ns-chat .c-chat-status--unavailable { background: transparent; border: 0.0625rem solid rgb(102, 102, 102); } .ns-chat .c-chat-status--busy { background: rgb(255, 96, 40); } .ns-chat .c-chat-status--offline { background: transparent; border: 0.0625rem solid rgb(102, 102, 102); } .ns-chat .c-media-chat-box { text-align: center; padding: 1rem 1rem 0px; margin-top: 0px; } .ns-chat .c-chat-media-wrapper { background-color: rgb(0, 0, 0); margin: 0px -1rem; } .ns-chat .c-chat-video-element { background-color: rgb(221, 221, 221); width: 100%; height: 13rem; margin: 0px; position: relative; } .ns-chat .OT_bar, .ns-chat .OT_edge-bar-item { display: none; } .ns-chat .c-chat-video-element__overlay { position: absolute; bottom: 0px; z-index: 1; width: 100%; padding: 0.5rem 1rem; background-color: rgba(255, 255, 255, 0.3); opacity: 0; transition: opacity 0.2s ease-in-out 0s; } .ns-chat .c-chat-video-element:hover .c-chat-video-element__overlay, .ns-chat .c-chat-video-element:focus-within .c-chat-video-element__overlay { opacity: 1; } .ns-chat .c-video-wrapper-partner { position: relative; width: 100%; height: 100%; } .ns-chat .c-video-wrapper-me { position: absolute; width: 150px; height: 150px; z-index: 200; } .ns-chat .c-media-record-box { padding: 1rem 0px 0.5rem; margin: 0px -1rem; border-top: 0.0625rem solid rgb(204, 204, 204); } .ns-chat .c-roster { list-style-type: none; padding: 0px; margin: -2px 0px 0px; } .ns-chat .c-roster > * { list-style-type: none; margin: 0px 0.25rem; } .ns-chat .c-roster > :first-child { margin-top: 0.375rem; } .ns-chat .c-roster > :first-child .c-heading--chat-section { border-top: none; } .ns-chat .c-roster__user { display: flex; align-items: center; width: 100%; padding: 0px 0px 0px 0.5rem; } .ns-chat .c-roster__unread-mark { display: none; padding-right: 2rem; } .ns-chat .c-button--roster-user.has-messages .c-roster__unread-mark { display: inline; } .ns-chat .c-button--roster-user.has-messages .c-roster__username { font-weight: bold; } .ns-chat .c-roster__user-details { padding: 0.5rem; display: flex; flex: 1 0 auto; margin: 0px auto 0px 1rem; border-bottom: 1px solid rgb(238, 238, 238); align-items: center; } .ns-chat .c-roster__user-item:first-child .c-roster__user-details { border-top: 1px solid rgb(238, 238, 238); } .ns-chat .c-roster__user-item:last-child .c-roster__user-details { border-bottom: 0px; } .ns-chat .c-roster__marks { margin-left: auto; } .ns-chat .c-roster__username { line-height: 1.5rem; } .ns-chat .c-roster__username.c-roster__username--available { color: rgb(29, 135, 62); } .ns-chat .c-roster__username.c-roster__username--busy { color: rgb(255, 96, 40); } .t-high-contrast [class] .c-roster__username.c-roster__username--available { font-weight: bold; color: rgb(29, 135, 62) !important; } .t-high-contrast [class] .c-roster__username.c-roster__username--busy { font-weight: bold; color: rgb(255, 96, 40) !important; } .ns-chat .c-conversation { list-style-type: none; padding: 0px; margin: 0px; overflow: hidden; } .ns-chat .c-conversation__other-username { font-weight: normal; } .ns-chat .c-conversation__new-message-marker { color: rgba(220, 0, 0, 0.5); position: relative; width: 100%; z-index: 0; } .ns-chat .c-conversation__new-message-marker.is-floating { position: absolute; left: 0px; bottom: 4rem; } .ns-chat .c-conversation__new-message-marker span { background-color: rgb(255, 255, 255); display: table; margin: 0px auto; padding: 0px 0.5rem; z-index: 2; } .ns-chat .c-conversation__new-message-marker span::after { content: "���"; display: inline-block; font-size: 0.75rem; margin-left: 0.25rem; } .ns-chat .c-conversation__new-message-marker span::before { content: ""; background-color: rgb(255, 255, 255); position: absolute; left: 1rem; right: 1rem; z-index: -1; height: 100%; } .ns-chat .c-conversation__new-message-marker::after { content: ""; border-bottom: 1px solid currentcolor; position: absolute; top: 0.75rem; left: 1.5rem; right: 1.5rem; z-index: -1; height: 1px; } .ns-chat .popper, .ns-chat .tooltip { font-size: inherit; line-height: 1.3; position: absolute; background-color: rgb(68, 68, 68); color: rgb(255, 255, 255); width: auto; min-width: 130px; border-radius: 3px; border: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px; padding: 1rem; text-align: left; opacity: 0.9; } .ns-chat .popper .popper__arrow, .ns-chat .tooltip .tooltip-arrow { width: 0px; height: 0px; border-style: solid; position: absolute; margin: 5px; opacity: 0.9; } .ns-chat .tooltip .tooltip-arrow, .ns-chat .popper .popper__arrow { border-color: rgb(68, 68, 68); } .ns-chat .popper[x-placement^="top"], .ns-chat .tooltip[x-placement^="top"] { margin-bottom: 5px; } .ns-chat .popper[x-placement^="top"] .popper__arrow, .ns-chat .tooltip[x-placement^="top"] .tooltip-arrow { border-width: 5px 5px 0px; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; bottom: -5px; margin-top: 0px; margin-bottom: 0px; } .ns-chat .popper[x-placement^="bottom"], .ns-chat .tooltip[x-placement^="bottom"] { margin-top: 5px; } .ns-chat .tooltip[x-placement^="bottom"] .tooltip-arrow, .ns-chat .popper[x-placement^="bottom"] .popper__arrow { border-width: 0px 5px 5px; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; top: -5px; margin-top: 0px; margin-bottom: 0px; } .ns-chat .tooltip[x-placement^="right"], .ns-chat .popper[x-placement^="right"] { margin-left: 5px; } .ns-chat .popper[x-placement^="right"] .popper__arrow, .ns-chat .tooltip[x-placement^="right"] .tooltip-arrow { border-width: 5px 5px 5px 0px; border-left-color: transparent; border-top-color: transparent; border-bottom-color: transparent; left: -5px; margin-left: 0px; margin-right: 0px; } .ns-chat .popper[x-placement^="left"], .ns-chat .tooltip[x-placement^="left"] { margin-right: 5px; } .ns-chat .popper[x-placement^="left"] .popper__arrow, .ns-chat .tooltip[x-placement^="left"] .tooltip-arrow { border-width: 5px 0px 5px 5px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; right: -5px; margin-left: 0px; margin-right: 0px; } .ns-chat .c-box--recording-instrux { padding: 10px 60px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 201; } .ns-chat .c-modal__box--pchat { max-width: 80%; max-height: 70%; } .is-highlighted { outline: rgb(255, 96, 40) solid 2px; outline-offset: 0.25rem; } .info_gap_partner_chat #activity_body { display: flex; flex-wrap: wrap; } @media (min-width: 500px) { .info_gap_partner_chat #activity_body { flex-wrap: nowrap; } } .info_gap_partner_chat .c-pchat-container { flex: 0 0 400px; } .info_gap_partner_chat .c-pchat-references img, .info_gap_partner_chat .c-info-gap-references img { max-width: 100%; min-width: 450px; height: auto; } .ns-pchat { } .ns-pchat .c-pchat-container { box-sizing: border-box; display: inline-block; vertical-align: top; position: relative; width: 400px; margin-right: 2rem; height: 900px; background-color: rgb(245, 245, 245); border: 0.0625rem solid rgb(204, 204, 204); overflow: hidden; } .ns-pchat .c-form--activity { display: inline-block; vertical-align: top; } .ns-pchat .c-chat-widget--pchat { position: absolute; right: 0px; top: 0px; padding: 2px; z-index: 0; } .ns-pchat .c-chat-widget--pchat .c-chat-widget__close { visibility: hidden; } .ns-pchat .c-activity-ref--info-gap { display: inline-block; vertical-align: top; margin-right: 2rem; } .ns-pchat .activity_reference_block.pchat { float: none; }

@charset "utf-8"; .c-activity-wrapper { background-color: rgb(255, 255, 255); } .c-activity-info { padding-top: 0.5rem; } .activities .page_title { display: none; } .standard_layout.activities #masthead { height: 20px; } .activity-header-container { float: left; overflow: hidden; position: relative; width: 100%; } .description-area { max-width: 59.167rem; } #ruleset-frame { width: 130px; float: right; } .c-ruleset-frame { margin-bottom: 0.625rem; } .activities #column_wrapper { margin-top: 0px; padding-top: 0px; padding-bottom: 0px; background: none; } [id="testFrame"] { padding-bottom: 3rem; } .activity-program-logo { margin-left: -7px; } #current_strand_name { display: inline-block; color: rgb(128, 130, 133); font-size: 0.6875rem; margin-top: 5px; } .lesson-header { background: url("/images/workset_bg.png") 0px -76px no-repeat transparent; padding-left: 9px; padding-right: 5px; } #activity_workset_key { float: right; } .c-external-references { display: inline-flex; align-items: center; } .c-external-references__reference { margin-right: 1rem; } .c-external-references__reference-icon { display: inline-block; } .c-external-references__reference-icon > svg { height: 0.5rem; width: auto; } .c-external-references__reference-link { display: inline-block; padding-left: 0.25rem; padding-right: 1rem; font-size: 0.9rem; text-transform: capitalize; } #activity_directions em { font-style: italic; } #vtext_reference { background: url("/images/v-text.png") 0px 1px no-repeat; color: rgb(150, 150, 150); font-size: 0.625rem; display: inline-block; padding-left: 20px; padding-right: 10px; } .open_vtext { color: rgb(0, 131, 203); } .open_vtext:hover { text-decoration: underline; } .vtext_pages a { color: rgb(150, 150, 150); } .vtext_pages:hover a { text-decoration: none; } .vtext_pages { cursor: pointer; } .helpable .vtext_reference { height: 88px; width: 75px; } [id="speed_control"] { line-height: 0.8125rem; margin-top: 0.625rem; border: 0px; } #speed_control .control { font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; padding-top: unset; padding-right: unset; padding-bottom: unset; padding-left: 0.625rem; font-size: 0.75rem; cursor: pointer; margin-right: 1.167rem; display: inline; } .c-speed-control-activity-label { line-height: 2.5; margin-right: 0.5rem; text-transform: uppercase; } .c-speed-control-label-complementary { margin-bottom: 0.625rem; } #activity_due_date { margin-bottom: 10px; margin-top: -5px; padding-bottom: 10px; } .calendar { background: url("/images/new_calendar_icon.png") -9px -8px no-repeat; float: left; height: 37px; margin-left: 10px; margin-right: 7px; width: 50px; } .due-date-month { color: rgb(255, 255, 255); font-size: 0.5rem; margin-top: -2px; text-align: center; } .due-date-date { font-size: 1.125rem; text-align: center; margin: -2px 0px 0px 2px; } .due-time { font-size: 0.6875rem; padding-top: 3px; } .activity-is-late { background-color: rgb(232, 78, 53); color: rgb(255, 255, 255); display: block; float: left; font-size: 0.6875rem; margin-top: -2px; padding: 0px 4px; } #activity_attempts { line-height: 1rem; font-size: 0.75rem; display: inline; } .c-activity-attempts { margin-left: 0px; } .what-counts, .notifications_link { color: rgb(22, 115, 191); cursor: pointer; font-size: 0.6875rem; margin-left: 10px; } .activity-details div { margin-bottom: 10px; } .activity-details button { float: right; } #activity_strictness { clear: both; font-size: 0.6875rem; margin-bottom: 0px; position: relative; width: 100%; } #activity_strictness li { min-height: 1.25rem; margin: 2px 0px; padding-left: 10px; padding-top: 5px; text-indent: 2em; } .active.accents { background: url("/images/activity_punct_accentsy.png") no-repeat; } .active.capitalization { background: url("/images/activity_punct_capsy.png") no-repeat; } .active.punctuation { background: url("/images/activity_punct_puncty.png") no-repeat; } .accents { background: url("/images/activity_punct_accentsn.png") no-repeat; } .capitalization { background: url("/images/activity_punct_capsn.png") no-repeat; } .punctuation { background: url("/images/activity_punct_punctn.png") no-repeat; } .ns-activity .c-activity-title { font-size: 1.5rem; font-weight: 300; color: rgb(102, 102, 102); display: inline; margin: 0px; } .activity_title_and_icons { margin-bottom: 5px; } #direction_line { font-size: 0.875rem; color: rgb(103, 101, 101); } .c-direction-line { min-height: 1.875rem; min-width: 15.625rem; } #activity_strictness .hover_tools_explanation { top: 69px; } .accent_strictness { left: -22px; } .capitalization_strictness { left: 8px; } .punctuation_strictness { left: 37px; } .cms_activity_id { background-color: rgb(238, 238, 238); clear: both; font-family: monospace; font-size: 0.6875rem; margin-bottom: 10px; padding: 10px; } .customStyleSelectBox { background: url("/images/activity_selectdotted.png") left center no-repeat; border: 1px solid transparent; padding: 10px; } .customStyleSelectBoxInner { background: url("/images/activity_selectorarrow.png") right center no-repeat; } div.submission { text-align: right; } a.leftArrow, a.rightArrow { background: url("/images/bkgd-programs-arrow.png;") left top no-repeat transparent; display: block; float: left; height: 18px; width: 11px; } a.rightArrow { background-position: right top; float: right; } .exam li table, .exam li th, .exam li td { border: 1px solid rgb(150, 150, 150); } table.reference_diagnostic { border-top: 2px solid rgb(119, 119, 119); margin-top: 8px; padding-top: 8px; } span.diag_tag { background-color: rgb(57, 122, 190); border: medium none; color: white; display: inline; font-size: 85%; font-weight: bold; margin: 5px; padding: 5px; } li.answer_correction span.diag_tag { color: white; } #diagnostic_breakdown_scores table { width: 600px; } .diagnostic_breakdown_image { display: inline-block; height: 42px; width: 42px; } .diagnostic_breakdown_info { display: inline-block; height: 45px; margin-top: 7px; vertical-align: top; } .exam li table.correction_feedback, .exam li table.correction_feedback th, .exam li table.correction_feedback td { border: none; } .exam li.book_pages { display: none; visibility: hidden; } div.game { margin-top: 20px; } .helpable div.game { margin-top: 0px; } span.answer_wrapper { display: inline-block; padding: 0px 0px 8px; position: relative; vertical-align: top; } span.answer_input { display: inline-block; position: relative; vertical-align: top; } .general_comments { border-top: 1px solid rgb(222, 222, 222); margin-top: 10px; padding-top: 8px; } .comment_title { font-weight: bold; } .item_score { background: rgb(230, 230, 230); display: inline-block; font-weight: bold; padding: 0px 5px; line-height: 2em; margin-right: 15px; } .item_score.recording { margin-bottom: 7px; } .item_score .pts { display: none; } .response_score_and_comment { display: inline-block; margin-bottom: 10px; vertical-align: top; } .correction_feedback { border: none; display: inline-block; margin-top: -4px; position: relative; vertical-align: top; } .correction_feedback td { border: none; padding: 3px 5px 0px; } .correction_feedback td.aligned_word { padding: 3px 5px 0px; } .correction_feedback tr.best_answers td { padding: 0px 5px; } .correction_feedback td .incorrect { border-bottom: 0.125rem solid rgb(206, 12, 36); padding-bottom: 0.125rem; } .correction_feedback td .incorrect.blank { display: inline-block; overflow: hidden; min-width: 50px; text-indent: -999em; width: 100%; } .grading_tasks .correction_feedback { margin-top: 60px; } .instructor_deletion { color: red !important; text-decoration: line-through !important; } .instructor_addition { text-decoration: underline; background-color: white !important; color: red !important; font-weight: bold !important; } .instructor_no_correction { color: black !important; font-weight: normal !important; } .deletion_decor { cursor: pointer !important; } .recording_decor { cursor: pointer !important; } .instructor_comment { border: 1px solid red; font-size: 0.75rem; font-style: normal; margin-right: 2px; background-color: red !important; color: white !important; font-weight: bold !important; text-decoration: none !important; } .instructor_feedback { width: 840px; } .comment_fieldset { margin-right: 20px; min-height: 82px; } .comment_legend { font-size: 0.75rem; } .c-activity-content { padding-bottom: 2rem; } .activity_popup #column_wrapper { margin-top: 0px; } .activity_popup .c-activity-content { padding: 0px; } .activity_popup #footer { display: none; } .activity_popup #return_to { display: none; } div.ssplus_only { color: rgb(153, 153, 153); display: block; font-size: 0.75rem; font-style: italic; font-weight: normal; margin: 0px 0px 0px 30px; } #column_wrapper .help_this_page { display: block; margin: 10px 0px 0px 30px; } ul.normallist { list-style-position: outside; margin-left: 25px; padding-left: 0px; list-style-type: disc !important; } .ns-activity .c-activity-body ul { list-style-position: outside; margin-left: 1.5625rem; padding-left: 0px; } .ns-activity .c-activity-body .answer_choices { list-style-type: none; margin-left: 0px; margin-top: 0px; } .ns-activity .c-activity-body ol ul { list-style-position: inside; margin-left: 0px; } ul.auto_graded_question, ol.items, ol.answers, ol.do_not_show_nums { clear: both; color: rgb(51, 51, 51); display: list-item; font-size: 0.875rem; line-height: 1.75rem; margin: 1.25rem 0px 1.5625rem 1.5625rem; position: relative; overflow-wrap: break-word; list-style-type: none !important; } ul.auto_graded_question { margin-top: 0px; margin-bottom: 0px; list-style: none; } ul.auto_graded_question ul.answer_choices li { width: 100%; } ul.auto_graded_question li, ol.items li, ol.answers li { font-size: 0.875rem; font-weight: bold; line-height: 28px; list-style-type: decimal; list-style-position: inside; margin-bottom: 10px; padding-left: 25px; padding-top: 0px; } ol.do_not_show_nums li { list-style-type: none; } [id="accent_bar"] ul li { padding-left: 0px; line-height: inherit; } [id="accent_bar"] ul { margin-top: 0px; } ol.do_not_show_nums .questionno { display: none; } ol.do_not_show_nums ol, ol.do_not_show_nums ol li { list-style-type: decimal; font-weight: normal; } ol.do_not_show_nums ul, ol.do_not_show_nums ul li { list-style-type: disc; font-weight: normal; } ol li ul.answer_choices li { list-style-type: none; margin-left: 0px; margin-bottom: 10px; padding-left: 0px; } ol.answers li ul { margin-top: 10px; } ol.answers li ul li { font-weight: normal; } #direction_line ul, #direction_line ol { list-style-position: inside; } .answer_positioning { display: inline-block; font-weight: normal; padding-left: 5px; position: relative; vertical-align: top; max-width: 810px; } .answer_positioning b, .answer_positioning i { vertical-align: top; } .answer_positioning sup { font-size: 0.75rem; line-height: 12px; } .positioning_fix, .positioning_fix b, .positioning_fix i { } li.answer_incorrect span i { vertical-align: text-bottom; } .answer_positioning input[type="radio"] { margin-top: 7px; vertical-align: top; } .answer_positioning input[type="text"] { margin-top: 2px; vertical-align: top; } .answer_positioning .inline { display: block; margin-bottom: 7px; } li { background-repeat: no-repeat; background-size: 1.25rem 1.25rem; background-position: 0px 5px; } li.correct { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/flash-banners/icon-success-9ec82c0262150398eb508164be24cc4aaaf9846fca4add0ba924d8011221fc98.svg"); } li.incorrect { background-image: url("//assets.maestro.vhlcentral.com/assets/music/icons/flash-banners/icon-error-304f0c07786b538e45dd3d89df396a10ac9bad722df8514abe8f8c523507d2cb.svg"); } li.pending { background: url("/images/icons/icon_pending.png") 3px 6px no-repeat transparent; } li.warn { background: url("/images/icons/icon_warn.png") 3px 6px no-repeat transparent; } li.partial { background: url("/images/icons/icon_partial.png") 3px 6px no-repeat transparent; } li span.correct span.or { color: black; font-size: 0.9em; font-weight: lighter; } .student_answer .incorrect, .student_answer .missed_punctuation, .student_answer .incorrect_punctuation { border-bottom: 0.125rem solid rgb(206, 12, 36); color: rgb(206, 12, 36); cursor: help; font-weight: bold; hyphens: auto; padding: 0px 0.0625rem 0.125rem; text-decoration: none; } li.answer_incorrect span, li span.incorrect { border-bottom: 0.125rem solid rgb(206, 12, 36); color: rgb(206, 12, 36); font-weight: bold; line-height: 1.0625rem; text-decoration: none; } .fill_in_the_blanks li.answer_incorrect span { border-bottom: 0.125rem solid rgb(206, 12, 36); padding-bottom: 0px; } .c-accent-bar-textbox-wrapper .c-fib-question__input { width: 100%; } .incorrect.blank { border-bottom: 0.125rem solid rgb(206, 12, 36); display: inline-block; min-width: 50px; overflow: hidden; text-indent: -999em; padding-bottom: 0px; } li.answer_correction span, li span.correct, li.answer_correct span { color: rgb(51, 51, 51); font-weight: bold; } li.answer_correct img, li.answer_correction img { border: 0.125rem solid rgb(51, 51, 51); padding: 0.625rem; } li.answer_blank img { padding: 12px; } li.answer_incorrect img { border: 0.125rem solid rgb(206, 12, 36); padding: 0.625rem; } li span.incorrect select { border-color: rgb(206, 12, 36); font-weight: normal; padding-bottom: 0.125rem; text-decoration: none; } li span.incorrect input { border-color: rgb(206, 12, 36); padding-bottom: 0.125rem; text-decoration: none; } li.questions { margin-bottom: 10px; margin-left: 5px; } .answer_positioning .basictable input { width: 110px; } .answer_positioning reference { margin-right: 10px; vertical-align: top; } .answer_positoning img { vertical-align: top; } .answer_positioning .drop-down-try { margin: 5px; vertical-align: top; } .f-reference-wordbank__print { display: none; } .drop_downs_activity ol li { width: 300px; } .player { background: url("//assets.maestro.vhlcentral.com/assets/music/v1/icons/core/audio-25bcf378d95cdac86e2380e1bfea8ddda74c1f1fd3877b1849789669a777e2b7.svg") left 0.9375rem top 0.4375rem / 0rem 0rem no-repeat; } .activities table { border: none; } li table th { background: rgb(238, 238, 238); border: 1px solid rgb(204, 204, 204); padding: 5px; text-align: center; } li table td { border: 1px solid rgb(204, 204, 204); padding: 5px; } .multi_type_question li, .auto_graded_question li { margin-bottom: 1rem; margin-left: 1.5rem; padding-left: 25px; } .multi_type .multi_type_question li { background-position: 0px 2px; } .multi_type_question li .answer_positioning, .auto_graded_question li .answer_positioning { margin-top: 3px; display: block; width: auto; max-width: 100%; } .by_question #question_prompt .reference_model { border: 0px; padding: 0px; } .by_question #question_prompt .reference_model .reference_diagnostic { margin-top: 0px; padding-top: 0px; } .long_feedback_table { width: 710px; overflow: auto; } .review_work .long_feedback_table { width: 680px; } .by_student .long_feedback_table, .by_question .long_feedback_table { width: 590px; } .long_feedback_table span.student_answer .correct, .long_feedback_table span.student_answer .incorrect { word-break: normal; } .grading_tasks .long_feedback_table .correction_feedback { margin-top: -5px; } li.answersblank textarea { display: block; max-width: 800px; } .clear { clear: both; height: 0px; overflow: hidden; } .inline { display: inline; } .c-activity-body label { font-weight: normal; margin-left: 0.125rem; } .openended_fieldset { background: url("/images/greycorner_br.png") right bottom no-repeat; float: left; max-width: 43.75rem; padding-bottom: 0.625rem; width: 100%; } .openended_fieldset .openended_legend { font-size: 0.8125rem; font-weight: bold; line-height: 14px; margin-bottom: 10px; } .c-activity-body .openended_legend, .c-activity-body .comment_legend { font-weight: bold; } .openended_readonly { background: url("/images/greycorner_tl.png") left top no-repeat; padding-top: 5px; padding-left: 10px; } .ns-open-ended .c-accent-bar-textbox-wrapper, .ns-open-ended .c-open-ended-question__textarea { width: 100%; } @media (min-width: 700px) { .ns-open-ended .c-accent-bar-textbox-wrapper, .ns-open-ended .c-open-ended-question__textarea { width: 28.125rem; } } .sample_answer_container { background-color: rgb(245, 245, 245); clear: both; border: 1px solid rgb(213, 213, 213); line-height: 1.7em; padding: 10px; width: 680px; } .sample_answer_container h2 { font-size: 0.8125rem; font-weight: bold; line-height: 15px; margin-bottom: 10px; } .sample_answer_toggle { display: inline-block; font-size: 0.75rem; line-height: 14px; margin-top: 10px; } .c-activity-form .hidden { display: none; } .standard_layout.activities .c-logo__image, .standard_layout.activities a#vista_logo { margin-left: 5px; margin-top: 0px; padding-top: 10px; } .u-no-visual { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } @media print { @page { margin: 1.25rem 0px; size: a4; } body { -webkit-print-color-adjust: exact; } header, footer, .c-activity-footer, .instructions-frame, .instructor-action-bar, .activity_icons, .instructor_graded_icon, .sidebar-wrapper, .c-activity-header, .ns-recording-v2 { display: none; } #vhlarccontainer, #activityFooterWrap, .c-activity-footer-wrap, #footer { display: none; } #activity_directions input[type="button"] { display: none; } .activity-header .c-ruleset-frame { display: none; } #page_container { box-shadow: none; } .reference_model.reference_diagnostic { background: rgb(255, 255, 255); border: 0rem; } .answer_positioning .drop-down-try { border-width: 0rem 0rem 0.0625rem; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(204, 204, 204); color: rgb(255, 255, 255) !important; } .answer_positioning textarea { opacity: 0; padding: 2.5rem; } .answer_positioning input[type="text"] { border-width: 0rem 0rem 0.0625rem; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(204, 204, 204); display: inline-block; color: transparent; } .f-reference-wordbank__print { display: block; } .assessment-section-directive .reference_model.reference_modelo { background: unset; } .assessment-section-directive[partial-name="multiple_choice"] li { list-style: none; } .assessment-section-directive[partial-name="multiple_choice"] li fieldset { border: 0rem; } .assessment-section-directive[partial-name="fill_in_the_blanks"] div.questions { all: unset; } .assessment-section-directive[partial-name="fill_in_the_blanks"] div.questions input { width: 50rem; } .assessment-section-directive[partial-name="fill_in_the_blanks"] div.questions input.input-print__full-line { margin-bottom: 40px; } .assessment-section-directive[partial-name="fill_in_the_blanks"] div.questions input[size="5"] { width: 4.375rem; } .assessment-section-directive[partial-name="fill_in_the_blanks"] div.questions input[size="10"] { width: 8.75rem; } .assessment-section-directive[partial-name="fill_in_the_blanks"] div.questions input[size="20"] { width: 17.5rem; } .assessment-section-directive[partial-name="fill_in_the_blanks"] div.questions input[size="40"] { width: 35rem; } .assessment-section-directive[partial-name="fill_in_the_blanks"] div.questions input[size="55"] { width: 48.125rem; } .assessment-section-directive[partial-name="drop_downs"] .answersblank { all: unset; } .answers[data-question-type="composition"] .answer_positioning .composition_upload { display: none; } .answers[data-question-type="composition"] .answer_positioning label textarea { width: auto; height: 18.75rem; display: block !important; } .answers[data-question-type="composition"] .answer_positioning label .cke { display: none; } .player { width: 8.75rem; height: 1.875rem; border-radius: 1.875rem; background-color: rgb(238, 238, 238); background-size: 1rem 1rem; color: rgb(0, 0, 0); display: flex; align-items: center; } .player::after { width: 100%; margin: 0rem 0.625rem; content: "Listening Activity"; text-align: right; } .player audio { display: none; } } #activityFooter .timer { float: left; } #activityFooter .timer .display { display: inline; } #activityFooter .timer .hideTimer { background-color: transparent; border: 0px; color: rgb(85, 154, 186); display: inline; } #activity_completion_progress { clear: both; float: right; } div#timer { float: left; padding: 0px 5px 0px 0px; } #references { float: left; height: 30px; margin-top: 5px; min-width: 60px; } #activity_body #activityFooter #accent_bar ul { margin-left: 0px; } #master-audio-audio-wrapper { float: left; width: 100%; } #activityFooter .select_wrapper { margin-right: 10px; } .select_wrapper { float: left; margin-right: 20px; } .ref-module { margin-top: 30px; } .audio-handler, .map-button { cursor: pointer; width: 26px; height: 26px; background: url("//assets.maestro.vhlcentral.com/assets/maestro_activity_engine/autoplay-icons-dd85dd406670e0a3e410f429a44966a94076d1c8d4b93558c1b60a4965a36435.svg") 3px -3px / 20px 63px no-repeat transparent; position: absolute; left: 0px; text-indent: -9999em; } .audio-handler.pause, .map-button.pause { background-position: 3px -38px; } .audio-handler:focus, .map-button:focus { overflow: hidden; } .sidebar_reference .ref-module { margin-top: 15px; } .sidebar_reference .ref-module:nth-of-type(1) { margin-top: 0px; } .headline { color: rgb(41, 58, 74); } .hl-1 { font-size: 1.125rem; } .hl-2 { font-size: 0.875rem; color: rgb(41, 58, 74); display: inline-block; } .hl-3 { font-size: 0.8125rem; } .reference-p.p-bullet { background: url("//assets.maestro.vhlcentral.com/assets/maestro_activity_engine/reference-images-962dbce7974e65b75d09b161f9a238e9326bb8d99526299abf1ddfe317a93782.png") -3.3125rem 0.125rem no-repeat; padding-left: 1.25rem; width: auto; } @media (min-width: 700px) { .reference-p.p-bullet { width: 34.0625rem; } } .reference-starting-point { border-bottom: 0.1875rem solid rgb(255, 96, 40); color: rgb(112, 112, 112); font-weight: bold; font-size: 0.75rem; } .reference-p { width: 100%; } @media (min-width: 700px) { .reference-p { width: 34.0625rem; } } .cc-wrap .reference-p { width: 100%; } .f-image-dividers { width: auto; } .f-image-dividers .f-image-wrap { background: url("/images/dots_pc_vert.png") right top repeat-y; padding: 20px; } .f-image-dividers .f-image-wrap:nth-of-type(2) { padding-left: 20px; } .f-image-dividers .f-image-wrap:first-child { padding-left: 7px; } .f-image-dividers .f-image-wrap:last-child { background: none; padding-right: 7px; } .f-image-dividers .f-image { cursor: default; border-radius: 15px; } .ns-grammar-activity .c-conjugation-table { border: 0.0625rem solid rgb(41, 58, 74); border-collapse: separate; border-spacing: 0px; width: 545px; } .ns-grammar-activity .c-conjugation-table th, .ns-grammar-activity .c-conjugation-table td { white-space: nowrap; } .ns-grammar-activity .c-word-heading__number:nth-of-type(2), .ns-grammar-activity .c-word-person:nth-of-type(2) { border-left: 0.125rem solid rgb(243, 242, 242); } .ns-grammar-activity .c-conjugation-table__header { background-color: rgb(41, 58, 74); color: rgb(255, 255, 255); text-align: center; font-size: 1rem; } .ns-grammar-activity .c-word-heading { font-size: 0.75rem; font-weight: bold; } .ns-grammar-activity .type-3 .c-word-heading { } .ns-grammar-activity .type-3 .c-word-heading > th { padding-bottom: 0px; padding-top: 0px; } .ns-grammar-activity .type-3 .c-word-person { padding-right: 0px; text-align: right; } .ns-grammar-activity .c-word-person { font-weight: bold; text-align: left; } .ns-grammar-activity .type-2 .c-word-person, .ns-grammar-activity .type-3 .c-word-person { padding-left: 6.875rem; } .ns-grammar-activity .c-word-heading__number { border-top: 0.0625rem solid rgb(41, 58, 74); color: rgb(41, 58, 74); font-weight: bold; padding-left: 0.625rem; text-align: left; } .ns-grammar-activity .c-word-ending { font-weight: bold; padding-left: 0px; } .ns-grammar-activity .c-word-ending--link { color: inherit; } .ns-grammar-activity .c-word-ending--no-audio { color: rgb(255, 96, 40); } .ns-grammar-activity .c-word-stem { padding-right: 0px; text-align: right; } .ns-grammar-activity .c-word-meaning { font-style: italic; } .ns-grammar-activity .c-word-meaningspan { color: rgb(86, 86, 86); font-weight: normal; } .c-example { overflow: hidden; } .c-example .c-example--table { border-collapse: separate; border-spacing: 1rem; } .c-example .c-example--table th, .c-example .c-example--table td { vertical-align: top; } @media (max-width: 699px) { .c-example .c-example--table tr { display: flex; flex-flow: column; } } .c-example .c-example__title { color: rgb(41, 58, 74); font-size: 1.125rem; margin-bottom: 0.625rem; } .c-example .c-example__list { color: rgb(68, 68, 68); float: left; padding: 0px; } .c-example dt { font-weight: normal; margin: 0px; padding: 0px; } .c-example dd { font-style: italic; margin: 0px; padding: 0px; } .c-example .c-example__le-header, .c-example .c-example__sub-header { color: rgb(41, 58, 74); font-weight: bold; } .c-example .c-example__img { border: 0.3125rem solid rgb(41, 58, 74); height: auto; max-width: 100%; } .c-example .arrow { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 122.526V97.474h155.088l-70.983-71.58L110 8l102 102-102 102-17.895-17.895 70.983-71.579z' fill='%23f69322' fill-rule='evenodd'/%3E%3C/svg%3E"); background-position: center center; background-repeat: no-repeat; background-size: 1rem; padding: 1rem; } .c-example .le-audio-link { color: rgb(0, 107, 174); text-decoration: underline; cursor: pointer; } .c-example .attention { border-bottom: 0px; } .ns-vocabulary-chart .c-category-chart--title { background-color: rgb(41, 58, 74); color: rgb(255, 255, 255); text-align: center; font-size: 1rem; } @media (min-width: 700px) { .ns-vocabulary-chart td, .ns-vocabulary-chart th { white-space: nowrap; } } .ns-vocabulary-chart .c-category-chart { border-collapse: separate; border-spacing: 0px; width: 545px; border: 0.0625rem solid rgb(41, 58, 74); padding-bottom: 0.5rem; } @media (max-width: 699px) { .ns-vocabulary-chart .c-category-chart { width: unset; } } .ns-vocabulary-chart .c-category-chart .c-column-right { padding: 0.5rem 0.5rem 0px; } @media (min-width: 700px) { .ns-vocabulary-chart .c-category-chart .c-column-right { padding: 0.5rem 1rem 0px 2rem; } } .ns-vocabulary-chart .c-category-chart .c-column-right:nth-of-type(1) { border-right: 0.125rem solid rgb(243, 242, 242); } .ns-vocabulary-chart .c-category-chart .c-column-left { cursor: pointer; padding: 0.5rem 0px 0px 0.25rem; } @media (min-width: 700px) { .ns-vocabulary-chart .c-category-chart .c-column-left { padding-left: 1rem; } } .ns-vocabulary-chart .c-category-chart .c-column-left:nth-of-type(3) { border-left: 0.125rem solid rgb(243, 242, 242); } .ns-vocabulary-chart .c-category-chart .c-column-target { color: rgb(0, 107, 174); text-decoration: underline; cursor: pointer; } .ns-vocabulary-chart .c-category-chart .c-column-translation { color: rgb(0, 0, 0); } .ns-vocabulary-chart .c-category-chart th { padding-left: 0.9375rem; } .ns-vocabulary-chart .c-category-chart .c-column-hint { font-weight: normal; } .ns-vocabulary-chart .c-category-chart .c-column-header, .ns-vocabulary-chart .c-category-chart .sub-header { background-color: rgb(243, 242, 242); color: rgb(41, 58, 74); font-size: 0.75rem; font-weight: bold; } .ns-vocabulary-chart .c-category-chart .sub-header { color: rgb(255, 96, 40); } .ns-vocabulary-chart .c-category-chart .c-column-category { color: rgb(41, 58, 74); font-size: 0.75rem; font-weight: bold; } .attention, .exception { font-weight: bold; color: rgb(112, 112, 112); border-bottom: 0.1875rem solid rgb(255, 96, 40); } .with-audio { color: rgb(0, 107, 174); text-decoration: underline; cursor: pointer; } .activities .c-transformation-list { --max-column-width: 20rem; display: flex; flex-wrap: wrap; max-width: calc(var(--max-column-width) * 2); margin-left: 1.125rem; } .activities .c-transformation-list .c-transformation-list__column { display: grid; grid-template-columns: auto 1fr; gap: 0.75rem 1rem; padding-right: 3rem; } .activities .c-transformation-list__transformation { padding-left: 2rem; } .activities .c-transformation-list__vocab-word, .activities .c-transformation-list__transformation { margin: 0px; white-space: nowrap; } .activities .c-transformation-list__arrow { position: absolute; margin-left: -2rem; } .activities .c-transformation-list__arrow svg { fill: rgb(255, 96, 40); } .cc { margin-top: 1.875rem; width: 100%; } .cc .ref-module:nth-of-type(1) { margin-top: 0px; } .cc .cc-title { color: rgb(41, 58, 74); font-size: 1.125rem; } @media (min-width: 700px) { .cc { width: 34.0625rem; } } .activity_reference_block { border-top: 4px solid rgb(229, 229, 229); margin-bottom: 20px; } .activity_reference_block:nth-of-type(1) { border-top: 0px; } .reference_modelo { background: url("/images/modelo_gradient.png") repeat-x rgb(255, 255, 255); min-height: 65px; } .reference_model { padding: 10px; } .reference_model_audio { margin-bottom: 20px; } .reference_model_body .model_answer { text-decoration: underline; font-weight: bold; } .reference_text .reference_model_content { color: rgb(51, 51, 51); } .reference_model_content { display: inline-block; font-size: 0.75rem; padding-top: 5px; position: relative; } .reference_model h3 { display: inline-block; font-size: 0.75rem; font-weight: bold; margin-right: 30px; padding-top: 5px; position: relative; vertical-align: top; } .reference_model h4 { color: rgb(86, 86, 86); float: left; font-size: 0.6875rem; font-weight: bold; margin-bottom: 10px; } .arrow { padding: 0px 5px; vertical-align: middle; } .diagnostic .activity_reference_block { border-top: 0px; } .reference_diagnostic { background: rgb(245, 245, 245); border: 0.0625rem solid rgb(213, 213, 213); color: rgb(102, 102, 102); margin-bottom: -0.3125rem; padding: 0.625rem; position: relative; display: flex; align-items: flex-start; } .c-number-box { background-color: rgb(0, 107, 174); color: rgb(255, 255, 255); display: inline-block; font-weight: bold; font-size: 110%; padding: 0.125rem 0.5rem; } .reference_diagnostic .reference_exam { margin-left: 0.625rem; vertical-align: top; } #preview_container .reference_image .reference_model_content img { max-width: 800px; } .reference_exam div { clear: both; } .reference_diagnostic_body { clear: both; display: block; float: left; } .reference_diagnostic_header { display: block; float: left; } .reference_exam .popup_media_item { clear: none; display: inline-block; float: right; } .ns-virtual-chat .activity_reference_block, .ns-video-virtual-chat .activity_reference_block { border-top: 0px; margin-top: 4.6875rem; padding-right: 0.3125rem; max-width: 29.5rem; } .activity_reference_block.pchat { border-top: 0px; float: right; margin-top: 38px; padding-right: 5px; width: auto; max-width: 22.1875rem; } .activity_reference_block table { border-spacing: 0px; width: auto; } .activtiy_reference_block table.full { width: 880px; } .activity_reference_block thead td { text-align: center; } .reference_model ul { margin-bottom: 15px; } .reference_model ul li { clear: both; color: rgb(86, 86, 86); list-style-type: disc; margin-bottom: 3px; } .reference_model .vjs-menu ul li:not(.vjs-selected) { color: rgb(255, 255, 255); } .reference_exam div { clear: both; } .activity_reference_block table { border-spacing: 0px; width: auto; } .activity_reference_block table.full { width: 880px; } .activity_reference_block thead td { text-align: center; } .c-reference-wordbank { border-bottom: 0.0625rem dotted rgb(153, 153, 153); clear: both; color: rgb(153, 153, 153); margin-bottom: 0.625rem; padding: 0.9375rem 0.625rem 0.3125rem; } .c-reference-wordbank__content { width: 16rem; } .activity_reference_block.pchat table.reference_wordbank, .activity_reference_block.vchat table.reference_wordbank { min-width: 6.25rem; width: 20.9375rem; } .col-sidebar .activity_reference_block.pchat { width: 100%; } .reference_model table td { vertical-align: top; } .reference_expressions { clear: both; color: rgb(86, 86, 86); margin-bottom: 15px; width: 100%; } .reference_expressions td { font-style: italic; padding-left: 10px; width: 50%; } .reference_expressions td.left { border-right: 1px solid rgb(217, 217, 217); float: none; font-style: normal; padding-left: 0px; padding-right: 10px; text-align: right; } .reference_text table.reference_partner_table { border-top: 1px solid rgb(207, 207, 207); border-spacing: 0px; clear: both; color: rgb(86, 86, 86); margin-bottom: 30px; } .reference_text table.reference_partner_table thead td { background: rgb(242, 242, 242); padding: 5px 10px; } .reference_text table.reference_partner_table th span { color: rgb(86, 86, 86); font-size: 0.75rem; font-weight: bold; } .reference_text table.reference_partner_table td { border-left: 1px solid rgb(207, 207, 207); border-right: 1px solid rgb(207, 207, 207); border-bottom: 1px dotted rgb(190, 190, 190); font-size: 0.6875rem; padding: 10px; vertical-align: top; } .reference_text table.reference_partner_table tbody tr th { background: rgb(238, 238, 238); border: 1px solid rgb(204, 204, 204); padding: 5px; } .activities #partner_chat_container-jquery-event-wrapper { margin-top: 56px; } .ns-phrase-chart .c-phrase-chart { max-width: 28.125rem; } .ns-phrase-chart .c-phrase-group { margin-bottom: 1.25rem; } .ns-phrase-chart .c-phrase-group__term { border-right: 0.0625rem solid rgb(102, 102, 102); cursor: pointer; display: inline-block; font-weight: bold; margin: 0px; padding: 0.1875rem 0.625rem 0.75rem 0px; text-align: right; vertical-align: top; width: 50%; } .ns-phrase-chart .c-phrase-group__definition { cursor: pointer; display: inline-block; font-style: italic; font-weight: normal; margin: 0px 0px 0px -0.3125rem; padding: 0.1875rem 0px 0.1875rem 0.4375rem; vertical-align: top; width: 50%; } .pronunciation-explore-container { margin-top: 20px; margin-bottom: 50px; padding: 0px; } .pronunciation-explore-container.alphabet .reference_pronunciation { padding: 20px 0px; } .pronunciation-explore-container.alphabet .pronunciation_examples .pronunciation_example:first-child { width: 20%; } .pronunciation-explore-container.alphabet .pronunciation_examples .pronunciation_example:nth-child(2) { width: 25%; margin-right: 30px; } .pronunciation-explore-container .with-audio { color: rgb(122, 122, 122); text-decoration: none; } .target_word { cursor: pointer; display: inline-block; min-width: 50px; padding: 4px; } .highlighted { background-color: rgb(243, 241, 242); border-bottom: 1px solid rgb(247, 147, 30); padding-bottom: 3px; } .reference_pronunciation { border-bottom: 1px dotted rgb(166, 166, 166); color: rgb(86, 86, 86); font-size: 0.8125rem; line-height: 15px; padding: 35px 0px; } .reference_pronunciation .pronunciation_examples { color: rgb(122, 122, 122); } .reference_pronunciation .pronunciation_example { display: inline-block; float: left; font-size: 1.75rem; line-height: 30px; } .reference_pronunciation .pronunciation_example.center { text-align: center; } .reference_pronunciation .pronunciation_example.left { text-align: left; } .pronunciation_explanation { clear: both; font-size: 0.8125rem; line-height: 16px; padding-top: 15px; } .pronunciation_examples.col_1 .pronunciation_example { width: 100%; } .pronunciation_examples.col_2 .pronunciation_example { width: 50%; } .pronunciation_examples.col_3 .pronunciation_example { width: 33%; } .pronunciation_examples.col_4 .pronunciation_example { width: 25%; } .pronunciation_examples.col_5 .pronunciation_example { width: 20%; } .reference_pronunciation .pronun_arrow { background: url("//assets.maestro.vhlcentral.com/assets/maestro_activity_engine/pronun_arrow-9e3d745050c9d823316f977f22e6dbae6b401a2d87e2af5c942cc4da5bec4e6a.png") center 8px no-repeat; display: inline-block; height: 30px; vertical-align: bottom; width: 30px; } .reference_pronunciation .color1 { color: rgb(234, 33, 45); } .reference_pronunciation .color2 { color: rgb(24, 150, 215); } .ligature { background: url("//assets.maestro.vhlcentral.com/assets/maestro_activity_engine/ligatures-ba7e49a430f3460592c2c11b1d73bee603e23eb55a4e32fd20f3d59da0f8650c.png") -35px bottom no-repeat; display: inline-block; height: 10px; margin: 0px -2px -4px; overflow: hidden; text-indent: -999em; vertical-align: bottom; width: 15px; } .color1 .ligature { background-position: 1px bottom; } .color2 .ligature { background-position: -17px bottom; } .reference_pronunciation .annotation { color: rgb(170, 170, 170); font-size: 1.25rem; } .geography .reference-p { margin-top: 0px; } .geography .headline { color: rgb(29, 63, 120); font-weight: bold; margin-bottom: 15px; margin-top: 15px; } .geography .headline.hl-1 { font-size: 1.25rem; line-height: 22px; } .geography .headline.hl-2 { font-size: 1rem; line-height: 18px; } .geography .headline.hl-3 { font-size: 0.875rem; line-height: 16px; } .geography .image-bank-wrap { margin: 15px 0px; width: auto; } .geography .f-image-caption { background: transparent; } .geography .reference-group { padding: 0px; } .reading-activity { margin-top: 30px; } .reading-activity .reading-preview.reading-1, .reading-activity .reading-preview.reading-2 { margin-top: 20px; } .reading-activity .reading-preview .headline { font-size: 0.875rem; font-weight: bold; color: rgb(41, 58, 74); margin-bottom: 7px; } .reading-activity .reading-preview .sub-headline { font-size: 1.125rem; color: rgb(41, 58, 74); margin-bottom: 7px; } .reading-activity .reading-preview .reading-preview-image { position: relative; } .reading-activity .reading-preview .full-width-img { width: 900px; height: auto; display: block; } .reading-activity .reading-preview .overlay-box { position: absolute; bottom: 0px; background-color: rgba(41, 58, 74, 0.75); width: 715px; color: rgb(255, 255, 255); padding: 10px 20px; } .reading-activity .reading-preview .headline-overlay { font-size: 1.5rem; margin-bottom: 10px; } .reading-activity .reading-preview .snippet { font-size: 0.875rem; } .reading-activity .reading-preview .reading-preview-image-sub { border: 3px solid rgb(41, 58, 74); float: right; margin-right: 145px; display: block; } .reading-activity .reading-preview .reading-column { padding-right: 5px; color: rgb(102, 102, 102); } .notes .reference-group { border-bottom: 2px dotted rgb(204, 204, 204); } .notes .floated-image img { border: 3px solid rgb(41, 58, 74); } .notes .headline.hl-1 { font-size: 1.125rem; font-weight: normal; } .notes .headline.hl-3 { } .article .image-bank-wrap .rich-image-wrap:nth-of-type(2) { padding-left: 20px; } .article .ref-module { margin-top: 20px; } .reference_activity .grammar .vhlmmp-vocab-activator-left, .reference_activity .geography .vhlmmp-vocab-activator-left { display: none; } .reference_activity .grammar .vhlmmp-vocab-activator-right, .reference_activity .geography .vhlmmp-vocab-activator-right { background: url("//assets.maestro.vhlcentral.com/assets/maestro_activity_engine/audio_words-a55161205cab984f3dfd2b513cc2ac00bfb317ed125398af912b1634ad1f28f9.png") 0px 0px no-repeat; height: 30px; width: 110px; } .reference_activity .grammar .vhlmmp-vocab-activator-right.vhlmmp-vocab-deploy, .reference_activity .geography .vhlmmp-vocab-activator-right.vhlmmp-vocab-deploy { background: url("//assets.maestro.vhlcentral.com/assets/maestro_activity_engine/audio_words-a55161205cab984f3dfd2b513cc2ac00bfb317ed125398af912b1634ad1f28f9.png") 0px -39px no-repeat; } .gloss-word { background: url("//assets.maestro.vhlcentral.com/assets/maestro_activity_engine/gloss_bg-56b87edd7bbf45d857a7b3a874e828af7f24f1d0b8631217ed1a47952d73a475.png") right center no-repeat; display: inline-block; cursor: help; padding-right: 8px; position: relative; } .gloss-word .gloss-hover { background: rgb(229, 241, 159); border: 1px solid rgb(204, 204, 204); cursor: default; padding: 2px 5px; position: absolute; right: 0px; top: -24px; box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px 1px; white-space: normal; z-index: 20; } .with-audio .gloss-word { text-decoration: underline; } .sidebar_reference div[data-audio-collection] { padding-left: 18px; } .c-help-request { background-color: rgb(248, 248, 248); clear: both; font-size: 1rem; margin: 1.5625rem 0px; min-width: 100%; } .c-help-request-header { align-items: center; cursor: pointer; display: flex; font-weight: initial; margin-bottom: 0.25rem; width: 100%; padding: 0.625rem 0.375rem 0.375rem !important; } .is-collapsed svg { transform: rotate(-90deg); } .c-help-request-header path { fill: rgb(0, 107, 174); } .c-help-request-header svg { height: 1.25rem; } .c-help-request-header span { pointer-events: none; } .c-help-request-container { background-color: rgb(255, 255, 255); clear: both; filter: drop-shadow(rgb(204, 204, 204) 0.1rem 0.1rem 0.2rem); font-weight: normal; padding: 1rem 1.5rem 1.5rem; position: relative; } .c-instructor_response_container { background-color: rgb(245, 245, 245); line-height: 1.9rem; margin-top: 0.5rem; max-width: 100%; padding: 0.75rem 1.5rem; } .c-edit-request, .c-remove-request { letter-spacing: 0.0625rem; } .c-flash-banner-group.c-help-request-flash { font-size: 1rem; top: 2rem; } .c-flash-banner-group.c-help-request-flash .c-flash-banner { max-width: none; } .c-help-menu-container { margin: 0px auto 0.5rem; padding-top: 0.125rem; position: relative; padding-right: 1rem; border-bottom: 0.0625rem solid rgb(204, 204, 204); } .highlighted_notable, .helpable { cursor: pointer; display: inline-block; vertical-align: top; margin: 3px 0px; padding: 5px; background-color: rgb(255, 239, 234); border: 0.125rem solid rgb(0, 107, 174) !important; } .helpable #directions-frame { left: 0px; } .composition li .helpable { display: block; } #activity_body ol ul.answer_choices .helpable li { margin-bottom: 0px; } ul.answer_choices .helpable, .activity_reference_block .helpable { display: block; margin-bottom: 5px; } .recording_v2 li .helpable { max-width: 780px; } .instructions-frame .helpable { margin-top: 0px; } .helpable #strand_page_number { margin: 10px 5px; } .helpable .reference_model { padding: 10px; margin-bottom: 0px; } .helpable .reference_exam { width: 820px; } .helpable .chat_container.vchat { margin-right: 5px; margin-top: 10px; } .helpable.flagged_for_review { background: rgb(254, 246, 228) !important; } .learning_engine #activity_body .helpable, #learning_engine.highlighted_notable, #learning_engine.selected_notable { display: block; } .help_request_submit { padding-top: 10px; text-align: right; } .cancel_request { cursor: pointer; float: left; } .help_request_message_container { padding-top: 0.3125rem; position: fixed; right: 0px; top: 0px; width: 100%; z-index: 40; } .help_request_message { border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); padding: 5px; } .help_request_message.success { background: rgb(1, 170, 77); outline: rgb(1, 170, 77) solid 1px; } .help_request_message.failure { background: rgb(180, 4, 4); outline: rgb(180, 4, 4) solid 1px; } .request_type { display: block; height: 20px; left: 0px; position: absolute; text-indent: -999em; top: 4px; width: 20px; } .request_type.request_review { background: url("/images/icons/feedback_icon_r.png") no-repeat; } .request_type.request_help { background: url("/images/icons/feedback_icon_h.png") no-repeat; } .request_type.request_comment { background: url("/images/icons/feedback_icon_c.png") no-repeat; } .request_status { float: left; } .request_status.submitted { color: rgb(1, 170, 77); } #activity_body .instructor_comment_area label { color: rgb(86, 86, 86); font-size: 12px; font-weight: bold; line-height: 14px; } .request_response_submit { margin-top: 5px; margin-bottom: 10px; text-align: right; } .helpable #video-transcript-splitter { height: auto; width: auto; } .helpable #video-transcript-splitter #video-top-pane { padding-bottom: 0px; height: auto !important; position: relative !important; width: auto !important; } .activity_reference_block .helpable div, .virtual_chat_helpable .helpable div, .helpable #video-transcript-splitter div, .helpable object, .helpable .cke_skin_kama, .helpable .cke_skin_kama span { pointer-events: none; } .helpable_anchor { color: rgb(86, 86, 86); font-size: 14px; line-height: 16px; margin-top: 10px; margin-bottom: 10px; } .review_work #question_prompt #activity_direction_line, .review_work #question_prompt #directions-frame { margin-top: 0px; } .review_work #question_prompt .external_references { clear: both; } [id="activityFooterWrap"] .help_request_menu { bottom: 20px; right: 0px; z-index: 1; } .menu_wrapper { background: rgb(229, 229, 229); } .help_menu_container { margin: 0px auto 8px; min-height: 2px; padding-top: 2px; position: relative; padding-right: 24px; } .c-help-menu-container .help_request_wrapper { margin-bottom: 0px; text-align: right; } .helpable_block { height: 40px; margin-right: 0px; position: absolute; right: 0px; width: 150px; } [id="activityFooterWrap"] #get_help { background: url("/images/arrows-blue-small.png") right -17px no-repeat; padding: 5px 20px 5px 5px; } [id="activityFooterWrap"] #get_help.open { background: url("/images/arrows-blue-small.png") right 3px no-repeat rgb(255, 255, 255); border-bottom: 1px solid rgb(190, 190, 190); border-left: 1px solid rgb(190, 190, 190); border-right: 1px solid rgb(190, 190, 190); padding: 4px 19px 2px 4px; position: relative; z-index: 500; box-shadow: rgb(170, 170, 170) 1px 2px 3px; } .help_request_wrapper { margin-bottom: 5px; position: relative; } .help_request_menu { background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); height: auto; padding: 5px; position: absolute; width: 215px; box-shadow: rgb(170, 170, 170) 1px 1px 3px; } .c-activate-help { display: inline; font-size: 1rem; } #cancel_help, .c-activate-help, .activate_report, .request_cancel_link { cursor: pointer; } .activate_report { display: block; } .begin-activity-prompt, .time-over-prompt { width: 18.75rem; margin: 6.25rem auto 0px; padding: 1.25rem; text-align: center; border: 0.0625rem solid rgb(102, 102, 102); } .begin-activity-prompt .buttons { margin-top: 1.25rem; text-align: left; } .begin { float: right; } #auto_submit { border: 0.0625rem solid rgb(0, 0, 0); padding: 1.25rem; width: 18.75rem; margin: 1.25rem auto; } .status { margin: 1.25rem 0px; } .assessment-unstarted { background-color: rgb(255, 255, 255); border: 0.0625rem solid rgb(226, 226, 226); border-radius: 1.25rem; margin: 1.25rem auto; padding: 1.875rem; position: relative; width: 27.5rem; z-index: 0; box-shadow: rgb(204, 204, 204) 0px 0px 0.625rem; } .assessment-title { color: rgb(71, 87, 125); font-size: 1rem; font-weight: bold; line-height: 1.125rem; margin-bottom: 1.25rem; } .assessment-info { background: url("/images/assessment-icons.png") 0px 0px no-repeat; margin: 0.9375rem 0.625rem; min-height: 2.25rem; padding-left: 2.5rem; } .assessment-info.due { background-position: 0.125rem 0.125rem; } .assessment-info.timed { background-position: 0.125rem -2.5rem; max-height: 2.25rem; } .assessment-info.strictness { background-position: 0.125rem -5.25rem; } .assessment-info.headphones { background-position: 0.125rem -13.75rem; } .headphones { min-height: 1.75rem; padding-top: 0.5rem; } #activity_body ul.strictness-list { margin-left: 0px; } .strictness-list li { min-height: 1.5625rem; margin: 0.125rem; padding-left: 0.3125rem; padding-top: 0.0625rem; text-indent: 2em; } .assessment-password { background: rgb(241, 242, 249); margin: 1.25rem 1.875rem; padding: 1.25rem; text-align: center; } .password-explanation { color: rgb(112, 112, 112); font-size: 0.875rem; font-weight: bold; margin-bottom: 0.625rem; } .assessment-controls { margin: 0px 0.75rem; min-height: 5rem; } .assessment-controls .start { margin: 0px auto; text-align: center; } .assessment-controls .cancel { float: left; margin-top: 0.75rem; } .assessment-controls .enter { float: right; } #activity_cancel_link { float: left; margin-top: 0.3125rem; text-align: left; } .timer-wrapper { position: absolute; top: 6rem; right: 6rem; } @media (min-width: 700px) { .timer-wrapper { top: 7rem; right: 6rem; } } .timer-wrap { position: absolute; bottom: 0px; top: auto; width: 4.6875rem; padding-bottom: 0.25rem; height: auto; box-shadow: rgb(136, 136, 136) 0px 0px 0.625rem; border: 0.625rem; border-radius: 0.625rem; background: url("/images/timer-corner.png") 0.125rem 0.125rem no-repeat rgb(255, 255, 255); cursor: pointer; } .timer-wrap.minimized { height: 20px; top: -20px; font-size: 11px; text-align: right; color: rgb(149, 149, 149); } .timer-wrap.minimized::after { content: "view timer"; padding-right: 5px; } .timer-animation { background-image: linear-gradient(90deg, rgb(152, 197, 228) 50%, transparent 50%, transparent), linear-gradient(90deg, rgb(230, 231, 232) 50%, rgb(152, 197, 228) 50%, rgb(152, 197, 228)); left: 17px; top: 15px; display: inline-block; position: relative; width: 40px; padding-bottom: 40px; border-radius: 50%; background-color: rgb(230, 231, 232); } .timer-animation::before { content: ""; position: absolute; inset: 6px; border-radius: 50%; background-color: rgb(255, 255, 255); } .timer-animation::after { content: ""; position: absolute; width: 5px; height: 7px; right: 17px; background-color: rgb(255, 255, 255); } .countdown { margin: 0.25rem auto 0px; display: table; color: rgb(149, 149, 149); padding-top: 10px; } .countdown.ending-countdown-color { color: rgb(204, 106, 119); } .countdown.large-clock { font-size: 1.25rem; padding-top: 1rem; } @media (max-width: 500px) { .timer-animation { display: none; } .timer-wrap { background-image: none; } .countdown.large-clock { font-size: 0.875rem; padding-top: 0px; } } .ns-newcsslib .ns-music-v1 .c-instructor-note__header { background: rgba(0, 107, 174, 0.2); padding: 0.625rem 0.5rem; } .ns-music-v1 .c-instructor-note { box-shadow: rgb(187, 187, 187) 0.1rem 0.1rem 0.2rem; clear: both; font-size: 1rem; margin: 0px 0px 2rem; } .ns-music-v1 .c-instructor-note__header { align-items: start; background-color: rgba(0, 107, 174, 0.2); color: rgb(51, 51, 51); display: flex; justify-content: space-between; min-height: 3rem; padding: 0.625rem 0.5rem; width: 100%; word-break: break-word; } .ns-music-v1 .c-disclosure--end.c-instructor-note .c-disclosure__header { margin: 0px; } .ns-music-v1 .c-instructor-note__header, .ns-music-v1 .c-instructor-note__header:hover:not([disabled]), .ns-music-v1 .c-instructor-note__header:focus:not([disabled]) { color: rgb(51, 51, 51); text-decoration: none; } .ns-music-v1 .c-instructor-note__header .c-embedded-icon svg, .ns-music-v1 .c-instructor-note__header:hover:not([disabled]) .c-embedded-icon svg, .ns-music-v1 .c-instructor-note__header:focus:not([disabled]) .c-embedded-icon svg { fill: rgb(68, 68, 68); } .ns-music-v1 .c-intructor-note-title { font-weight: initial; line-height: 1.6em; margin-left: 0.375rem; margin-top: 0.25rem; text-align: left; } .ns-music-v1 .c-instructor-note__header .c-disclosure__marker { background: none; height: auto; width: auto; } .ns-music-v1 .c-instructor-note__header .c-disclosure__marker polygon { fill: rgb(0, 107, 174); } .ns-music-v1 .c-instructor-note__body { background-color: rgba(0, 107, 174, 0.1); color: rgb(51, 51, 51); font-weight: initial; padding: 0.625rem 1.25rem; word-break: break-word; } .ns-music-v1 .c-instructor-note__body p { line-height: 1.6em; } .ui-dialog { width: auto; overflow: hidden; } .note_title { background: rgb(57, 69, 81); color: rgb(255, 255, 255); font-size: 0.9375rem; text-align: center; height: 16px; line-height: 16px; padding: 5px 5px 20px 10px; } .note_body { background: rgb(255, 255, 255); border-right: 1px solid rgb(57, 69, 81); border-bottom: 1px solid rgb(57, 69, 81); border-left: 1px solid rgb(57, 69, 81); border-image: initial; border-top: none; color: rgb(86, 86, 86); padding: 25px; position: relative; } .note_body .activity_player { margin-top: 20px; margin-left: 10px; } .inline_note .note_title { background: url("/images/apple_icon_small.png") right 7px top 4px no-repeat rgb(57, 69, 81); padding-left: 10px; padding-right: 30px; } .sidebar_notes_container { float: right; position: relative; right: -24px; } .sidebar_notes { position: absolute; right: 27px; z-index: 10; } .activity_reference_block .sidebar_notes { right: 24px; } .sidebar_note { clear: both; margin: 0px; min-height: 0px; width: 370px; } .sidebar_note_icon { background: url("/images/apple_icon_small.png") 4px 4px no-repeat rgb(107, 140, 193); cursor: pointer; display: inline-block; float: left; height: 24px; width: 24px; vertical-align: top; border-left: 3px solid rgb(57, 69, 81); text-indent: -5rem; overflow: hidden; } .sidebar_note_icon_inner { text-indent: -999em; padding: 5px; border-left: 1px solid rgb(255, 255, 255); } .vhl_sidebar_reference { clear: both; float: right; margin-right: -24px; margin-top: 5px; position: relative; } .vhl_sidebar_reference .sidebar_content { height: 1px; position: relative; width: 24px; } .vhl_sidebar_reference .sidebar_title_side { background: rgb(107, 140, 193); text-transform: uppercase; color: rgb(255, 255, 255); cursor: pointer; left: 30px; line-height: 26px; white-space: nowrap; position: absolute; top: 0px; transform-origin: 0px 0px; transform: rotate(90deg); } .vhl_sidebar_reference .sidebar_title_side::after { content: ""; display: block; border-top: 1px solid rgb(255, 255, 255); border-bottom: 3px solid rgb(57, 69, 81); } .vhl_sidebar_reference .sidebar_title_side .sidebar_title_side_text { margin: 0px 10px; } .vhl_sidebar_reference .sidebar_title_side .sidebar_title_side_text::before { display: inline-block; content: ""; background-image: url("//assets.maestro.vhlcentral.com/assets/maestro_activity_engine/sidebar_arrows-514cf9bac19b38110fc636d84593da1b1ede82831616dbbb69ba202aae2f1711.png"); width: 14px; height: 14px; margin-right: 10px; vertical-align: middle; } .vhl_sidebar_reference .sidebar_title { background: rgb(57, 69, 81); color: rgb(255, 255, 255); cursor: pointer; display: block; line-height: 24px; padding-left: 10px; top: 0px; right: 0px; white-space: nowrap; text-align: center; font-size: 0.9375rem; } .vhl_sidebar_reference .sidebar_inner { background: rgb(255, 255, 255); border: 1px solid rgb(57, 69, 81); font-weight: normal; line-height: 18px; margin: 0px; padding: 0px; position: relative; z-index: 120; } .vhl_sidebar_reference .sidebar_inner.open_sidebar { position: absolute; right: 23px; } .vhl_sidebar_reference .sidebar_inner.open_sidebar .reference_phrase_chart { width: 400px; } .open_sidebar .sidebar_title_side_text::before { background-position: 14px 0px; } .sidebar_inner_container { min-width: 350px; position: absolute; right: 24px; top: -24px; } .sidebar_reference { min-width: 350px; padding: 10px; } .sidebar_inner.ng-hide-add, .sidebar_inner.ng-hide-remove, .note_content.ng-hide-add, .note_content.ng-hide-remove { display: block !important; } .sidebar_inner, .note_content { transition: all 0.3s ease-out 0s; } .sidebar_inner.ng-hide-remove, .sidebar_inner.ng-hide-add.ng-hide-add-active, .note_content.ng-hide-remove, .note_content.ng-hide-add.ng-hide-add-active { margin-left: 370px; opacity: 0; } .sidebar_inner.ng-hide-remove.ng-hide-remove-active, .sidebar_inner.ng-hide-add, .note_content.ng-hide-remove.ng-hide-remove-active, .note_content.ng-hide-add { margin-left: 0px; opacity: 1; } .sidebar_reference_table tr.header td { color: rgb(29, 63, 137); font-weight: normal; font-size: 0.875rem; font-style: normal; padding-top: 10px; text-align: left; } .sidebar_reference_table td { border: 0px; font-weight: normal; font-style: italic; padding: 5px 10px; } .sidebar_reference_table td.left { border-right: 1px solid rgb(118, 118, 118); float: none; font-weight: bold; font-style: normal; text-align: right; } .sidebar_reference .reference_phrase_chart { margin: 10px; width: 450px; } #instructor_notes_container { clear: both; display: inline-block; } a.add_note_icon { background: url("/images/add_note_icon.png") no-repeat; display: block; height: 30px; text-indent: -999em; width: 30px; } a.add_note_icon.active_note { background-position: -33px 0px; cursor: default; } .selected_notable { display: inline-block; vertical-align: top; margin: 3px 0px; padding: 5px; background: rgb(254, 246, 228) !important; border: 0.125rem solid rgb(0, 107, 174) !important; } .ui-dialog.fixed { position: fixed; } #add_instructor_note { } #add_instructor_note .record_button::after, #add_instructor_note .play_button::after { display: block; content: ""; width: 69px; height: 2px; background: url("/images/dots.png") 0px 0px repeat-x; top: 12px; left: 32px; position: absolute; } #add_instructor_note.video { width: 800px; } #add_instructor_note.video .instructor_note_recorder { float: right; margin-right: 90px; } #add_instructor_note #additional_links { padding-top: 45px; } #add_instructor_note .red-button { float: right; } #add_instructor_note .note_message { margin: 0px 1px 10px; } #add_instructor_note .delete_link { color: rgb(85, 154, 186); cursor: pointer; display: inline-block; font-size: 0.8125rem; padding: 5px 16px 5px 0px; } #add_instructor_note .delete_link:hover { text-decoration: underline; } #add_instructor_note .note_type { margin-bottom: 30px; } #add_instructor_note .note_title_container { margin-bottom: 15px; } #add_instructor_note .note_radio { margin-right: 2px; } #add_instructor_note #flash { margin-bottom: 0px; margin-left: 0px; width: auto; } .video_player { padding-bottom: 10px; } .note_media_options { margin-top: 35px; margin-bottom: 25px; } .note_media { display: inline-block; margin-right: 20px; } .video-container { float: right; } .note_message { border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); margin: 10px; padding: 10px; position: relative; top: 0px; width: auto; } .note_message.success { background: rgb(1, 170, 77); outline: rgb(1, 170, 77) solid 1px; } .note_message.failure { background: rgb(180, 4, 4); outline: rgb(180, 4, 4) solid 1px; } .notes_inline_menu { display: inline-block; float: right; line-height: 14px; margin-top: 2px; text-align: right; } .notes_inline_menu a { background: url("/images/note-controls.png") no-repeat; display: inline-block; height: 14px; width: 14px; } .notes_inline_menu a.edit_note { background-position: 0px 0px; } .notes_inline_menu a.delete_note { background-position: -15px 0px; } #preview_container .instructor_activity_note { width: 850px; } #preview_container .instructor_activity_note.sidebar_note { right: -15px; width: 24px; } #preview_container #instructor_notes_container { display: none; } .by_student .instructor_activity_note.sidebar_note { right: -20px; } .by_question .instructor_activity_note.sidebar_note { display: block; float: none; height: 24px; position: relative; width: 100%; } .by_question .instructor_activity_note.sidebar_note .sidebar_note_icon { position: absolute; right: -30px; } .by_question .sidebar_note.expanded .note_content { right: -6px; } .c-transparent-overlay { height: 100%; left: 0px; position: fixed; top: 0px; width: 100%; } .c-proxy-hotspot { background-color: transparent; cursor: pointer; position: absolute; } .c-transparent-overlay.c-help-request-info-mode { position: absolute; } .ns-activity .c-activity-info-modal { z-index: 101; } .ns-activity .c-activity-info-modal__panel { max-height: 95vh; overflow: hidden auto; } @media (min-width: 700px) { .ns-activity .c-activity-info-modal__panel { width: 33.25rem; max-width: 100%; } .t-supersites-jr.ns-activity .c-activity-info-modal__panel { width: 45.5rem; } } .t-supersites-jr.ns-activity .c-activity-info-modal .c-modal__box { border-radius: 0.5rem; } .t-supersites-jr.ns-activity .c-activity-info-modal .c-panel__header { background-color: var(--ui-primary-medium); } @media (min-width: 700px) { .t-supersites-jr.ns-activity .c-activity-info-modal .c-panel__header { padding: 1.6rem 3rem; } } @media (min-width: 700px) { .t-supersites-jr.ns-activity .c-activity-info-modal .c-panel__body { padding: 1.6rem 3rem; } } .t-supersites-jr.ns-activity .c-activity-info-modal .c-heading--modal { color: var(--ui-primary-darkest); width: calc(100% - 2rem); } @media (min-width: 700px) { .t-supersites-jr.ns-activity .c-activity-info-modal .c-heading--modal { width: calc(100% - 5rem); } } .t-supersites-jr.ns-activity .c-activity-info-modal .c-modal__close-button { top: 1.05rem; right: 1.5rem; } @media (min-width: 700px) { .t-supersites-jr.ns-activity .c-activity-info-modal .c-modal__close-button { top: 3.2rem; right: 2.5rem; } } .t-supersites-jr.ns-activity .c-activity-info-modal .c-embedded-icon svg { width: 1rem; height: 1rem; fill: var(--ui-primary-darkest); } @media (min-width: 700px) { .t-supersites-jr.ns-activity .c-activity-info-modal .c-embedded-icon svg { width: 1.5rem; height: 1.5rem; } } .t-supersites-jr.ns-activity .c-activity-info-modal .c-heading--modal { overflow-wrap: break-word; font-size: 1.5rem; } @media (min-width: 700px) { .t-supersites-jr.ns-activity .c-activity-info-modal .c-heading--modal { font-size: 3rem; } } .ns-activity .c-activity-info-modal__section { padding-bottom: 1.3rem; border-bottom: 0.0625rem solid rgb(221, 221, 221); margin-bottom: 1.3rem; } .t-supersites-jr.ns-activity .c-activity-info-modal__section { font-size: 1.4rem; } .ns-activity .c-activity-info-modal__section:first-of-type p { line-height: 1; } .ns-activity .c-activity-info-modal__section:last-of-type { padding-bottom: 0px; border-bottom: none; margin-bottom: 0px; } .ns-activity .c-activity-info-modal__section dl { margin-bottom: 0px; } .ns-activity .c-activity-info-modal__section h3 { color: rgb(112, 112, 112); } .t-supersites-jr.ns-activity .c-activity-info-modal__section h3 { color: var(--ui-text-color); font-size: var(--font-5); } .ns-activity .c-activity-info-modal__strand::before { background-color: var(--stripe-color, #999); bottom: 10%; content: ""; left: 0px; position: absolute; top: 10%; width: 0.25rem; } .ns-activity .c-activity-info-modal__due-date { color: rgb(112, 112, 112); margin-left: 0.5rem; text-transform: uppercase; } .t-supersites-jr.ns-activity .c-activity-info-modal__due-date { color: var(--ui-text-color); display: block; font-size: var(--font-5); font-weight: bold; margin-left: 0px; text-transform: none; } .ns-activity .c-activity-info-modal__helpful-links-list { margin: 0px 0px -0.6rem; display: flex; flex-wrap: wrap; list-style-type: none; } .ns-activity .c-activity-info-modal__helpful-links-list-item { flex-basis: 100%; padding: 0rem 1rem 0.6rem 0rem; font-size: 0.9rem; } @media (min-width: 500px) { .ns-activity .c-activity-info-modal__helpful-links-list-item { flex-basis: 50%; } } @media (min-width: 700px) { .ns-activity .c-activity-info-modal__helpful-links-list-item { flex-basis: 33%; flex-grow: 3; } }

@charset "utf-8"; .ns-activity { } .ns-activity .c-activity-footer { margin-top: 2rem; } @media (min-width: 500px) { .ns-activity .c-activity-footer .u-mar-sm-lt-auto { margin-left: auto; } } .ns-activity .c-button--footer { width: 100%; margin-bottom: 1.5rem; } @media (min-width: 500px) { .ns-activity .c-button--footer { width: auto; } } .ns-activity .c-footer__score-content { border-top: 0.0625rem solid rgb(142, 142, 142); border-bottom: 0.0625rem solid rgb(142, 142, 142); color: rgb(102, 102, 102); margin: 0px; padding: 0.5rem 0.1875rem; } .ns-activity .c-footer__status { display: flex; flex-flow: column wrap; } @media (min-width: 500px) { .ns-activity .c-footer__status { flex-direction: row; } } .ns-activity .c-footer__attempts-info { color: rgb(112, 112, 112); } .ns-activity .c-activity-header { display: flex; flex-wrap: wrap; align-items: center; min-height: 3rem; padding: 0.5rem 1rem 0px; background-color: rgb(255, 255, 255); } .t-supersites-jr.ns-activity .c-activity-header { padding: 1.4rem 0.4rem 1rem 0.5rem; background: none; } .ns-activity .c-activity-header__return-to { margin-bottom: 0.5rem; } .t-supersites-jr.ns-activity .c-activity-header { } .t-supersites-jr.ns-activity .c-activity-header .activity-return-link { background-color: var(--white); border-radius: 0.6rem; box-shadow: rgba(0, 0, 0, 0.3) 0.1rem 0.1rem 0.3rem; padding: 0.4rem 0.8rem; color: var(--ui-link-color); display: flex; align-items: center; } .t-supersites-jr.ns-activity .c-activity-header .activity-return-link:hover { text-decoration: none; color: var(--ui-hover-color); } .t-supersites-jr.ns-activity .c-activity-header .activity-return-link:focus { text-decoration: none; color: var(--ui-focus-color); } .t-supersites-jr.ns-activity .c-activity-header .activity-return-link__icon svg { width: 2rem; height: 2rem; line-height: 2rem; fill: var(--ui-link-color); } .t-supersites-jr.ns-activity .c-activity-header .activity-return-link__text { display: inline-block; margin-left: 0.6rem; text-transform: uppercase; font-size: 1.2rem; line-height: 1.2rem; } .ns-activity .c-activity-header__action { display: inline-flex; align-items: center; margin-right: 1rem; margin-bottom: 0.5rem; padding: 0.65rem 0.8rem; border: 0.0625rem solid rgb(238, 238, 238); border-radius: 0.25rem; background-color: rgb(255, 255, 255); color: rgb(0, 107, 174); line-height: 1.385rem; } .ns-activity .c-activity-header__action:hover, .ns-activity .c-activity-header__action:focus { color: rgb(0, 75, 122); border-color: rgb(0, 75, 122); text-decoration: none; } .t-supersites-jr.ns-activity .c-activity-header__action { padding: 0.5rem 0.8rem; color: var(--ui-link-color); border-color: var(--ui-link-color); fill: var(--ui-link-color); } .t-supersites-jr.ns-activity .c-activity-header__action:hover { color: var(--ui-hover-color); border-color: var(--ui-hover-color); fill: var(--ui-hover-color); } .t-supersites-jr.ns-activity .c-activity-header__action:focus { color: var(--ui-focus-color); border-color: var(--ui-focus-color); fill: var(--ui-focus-color); } .ns-activity .c-activity-header__action-icon { display: inline-flex; align-items: center; margin-right: 0.5rem; } .ns-activity .c-activity-header__action-icon > svg { height: 1rem; width: auto; } .ns-activity .c-activity-header__action-text { text-transform: uppercase; } .ns-activity .c-activity-header__action-text #vtext_reference { padding-right: 0px; font-size: inherit; } .t-supersites-jr.ns-activity .c-activity-header__action-text #vtext_reference { background-position-y: 0.2rem; } .ns-activity .c-activity-header__action-text a[href] { color: rgb(0, 107, 174); } .ns-activity .c-activity-header__action-text a[href]:hover, .ns-activity .c-activity-header__action-text a[href]:focus { color: rgb(0, 75, 122); text-decoration: none; } .t-supersites-jr.ns-activity .c-activity-header__action-text a[href] { color: var(--ui-link-color); } .t-supersites-jr.ns-activity .c-activity-header__action-text a[href]:hover { color: var(--ui-hover-color); } .ns-activity .c-activity-header__rule { border-width: 0.0625rem 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(238, 238, 238); height: 0.0625rem; margin: 0.25rem 1rem 0px; } .t-supersites-jr.ns-activity .c-activity-header__rule { display: none; } .ns-activity .c-activity-header .c-external-references { display: none; } @media (min-width: 700px) { .ns-activity .c-activity-header .c-external-references { display: inherit; margin-bottom: 0.5rem; } } .ns-activity .c-activity-header .c-external-references__reference-link a[href] { color: rgb(0, 107, 174); } .ns-activity .c-activity-header .c-external-references__reference-link a[href]:hover { color: rgb(0, 75, 122); } .t-supersites-jr.ns-activity .c-activity-header .c-external-references__reference-link a[href] { color: var(--ui-link-color); } .t-supersites-jr.ns-activity .c-activity-header .c-external-references__reference-link a[href]:hover { color: var(--ui-hover-color); } @media (max-width: 499px) { .ns-activity .c-activity-header .c-action-assignment-list, .ns-activity .c-activity-header .c-action-info { border: 0px; padding: 0px; margin-left: auto; } .ns-activity .c-activity-header .c-action-assignment-list .c-activity-header__action-icon, .ns-activity .c-activity-header .c-action-info .c-activity-header__action-icon { margin-right: 0px; } .ns-activity .c-activity-header .c-action-assignment-list .c-activity-header__action-icon > svg, .ns-activity .c-activity-header .c-action-info .c-activity-header__action-icon > svg { height: 1.5rem; } .ns-activity .c-activity-header .c-action-assignment-list .c-activity-header__action-text, .ns-activity .c-activity-header .c-action-info .c-activity-header__action-text { display: none; } .ns-activity .c-activity-header .c-action-vtext { display: none; } } .ns-activity .c-heading--assignments { font-size: 1.25rem; font-weight: normal; margin: 0px; } .ns-activity .c-heading--assignments__text-jr { display: none; } .t-supersites-jr.ns-activity .c-heading--assignments__text-sr { display: none; } .t-supersites-jr.ns-activity .c-heading--assignments__text-jr { display: block; color: var(--heading-color); font-size: var(--font-6); text-align: center; margin: 0px 0px 0.5rem; } .ns-activity .c-workset { background-color: rgb(255, 255, 255); border-radius: 0.4rem; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0.75rem; padding: 1rem; position: fixed; top: 2.5rem; bottom: 0px; left: -100%; opacity: 0; overflow-y: auto; text-align: left; transition: left 0.3s ease 0s, opacity 0.3s ease 0s; width: 100%; z-index: 30; } @media (min-width: 500px) { .ns-activity .c-workset { left: -20rem; width: 20rem; top: 3rem; } } .ns-activity .c-workset.is-open { left: 0px; opacity: 1; } .ns-activity .c-workset--sample-student { top: 4.8rem; } @media (min-width: 500px) { .ns-activity .c-workset--sample-student { top: 5.4rem; } } .ns-activity .c-workset--top-0 { top: 0px; transition: top 0.2s ease 0s; } .ns-activity .c-workset__close-btn { font-size: 1.5rem; line-height: 1; padding: 0.25rem 0.5rem; position: absolute; top: 0.5rem; right: 0.5rem; } .ns-activity .c-workset__close-btn-jr { display: none; } .t-supersites-jr.ns-activity .c-workset__close-btn-jr { display: initial; } .ns-activity .c-workset__group-name { border-bottom: 0.078125rem solid var(--group-color); line-height: 1.2; margin: 0.5rem 0px; padding-bottom: 0.25rem; } .t-supersites-jr.ns-activity .c-workset__group-name { display: none; } .ns-activity .c-workset__assignment-list { list-style-type: none; padding-left: 0px; } .ns-activity .c-workset__item { border-radius: 0.25rem; line-height: 1.5; margin-bottom: 0.35rem; padding: 0.5rem; position: relative; font-size: 1rem; } .ns-activity .c-workset__item:hover { background-color: rgb(248, 248, 248); } .ns-activity .c-workset__item.is-current { box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 0.3125rem; background-color: transparent; } .ns-activity .c-workset__item-checkmark { display: none; } .ns-activity .c-workset__item-checkmark.is-completed { display: inline-block; } .ns-activity .c-workset__item-checkmark.is-completed .c-embedded-icon > .c-svg { fill: rgb(0, 0, 0); } .ns-activity .c-workset__item-box { width: 3.5rem; height: 2.5rem; flex: 0 0 auto; align-items: center; justify-content: center; display: flex; border: 0.0625rem solid rgb(153, 153, 153); border-radius: 0.25rem; position: relative; } .t-supersites-jr.ns-activity .c-workset__item-box { border-width: 0.125rem; } .ns-activity .c-workset__item-box::before { content: ""; border-radius: 0.25rem; background-color: var(--activity-color); opacity: 0.2; position: absolute; inset: -0.0625rem; } .ns-activity .c-workset__item-details { color: rgb(153, 153, 153); line-height: 1.2; } .t-supersites-jr.ns-activity .c-workset__item-details { align-self: center; } .ns-activity .c-workset__item-title { color: rgb(0, 0, 0); margin-bottom: 0.25rem; } .t-supersites-jr.ns-activity .c-workset__item-lesson-and-status { display: none; } .ns-activity .c-workset__item-status { color: rgb(153, 153, 153); display: inline; padding-left: 0.5rem; margin-left: 0.5rem; border-left: 0.0625rem solid rgb(153, 153, 153); text-transform: capitalize; } .ns-activity .c-workset__item-status.is-unopened { display: none; } .ns-activity .c-workset__link { color: rgb(0, 0, 0); font-size: 1rem; } .ns-activity .c-workset__link::after { content: ""; border-radius: 0.25rem; position: absolute; padding: 0.5rem; inset: 0px; } .ns-activity .c-workset__link:focus::after { } .ns-activity .c-activity-context { display: flex; flex-wrap: wrap; justify-content: space-between; } .ns-activity .c-activity-context__content { display: flex; flex-wrap: wrap; padding-right: 1rem; } .ns-activity .c-activity-context__notification { display: flex; width: 100%; box-shadow: rgba(0, 0, 0, 0.2) 0px 0.15rem 0.25rem; padding: 1rem; margin-bottom: 1rem; } .ns-activity .c-activity-context__notification--border-radius { border-radius: 0.125rem; } .ns-activity .c-activity-context__notification-details { display: flex; width: 100%; } .ns-activity .c-activity-context__notification-details summary { cursor: pointer; list-style: none; } .ns-activity .c-activity-context__notification-details summary::-webkit-details-marker { display: none; } .ns-activity .c-activity-context__notification-details[open] .c-activity-context__notification-summary--icon { transform: rotate(-90deg); } .ns-activity .c-activity-context__notification-summary { color: rgb(0, 107, 174); } .ns-activity .c-activity-context__notification-summary--icon { transform: rotate(90deg); display: inline-flex; vertical-align: text-bottom; } .ns-activity .c-activity-context__notification-summary--icon > svg polygon { fill: rgb(0, 107, 174); } .ns-activity .c-activity-context__notification-icon { display: inline-flex; margin-right: 1rem; } .ns-activity .c-activity-context__notification-text:last-of-type { margin-bottom: 0px; } .ns-activity .c-activity-context__headline { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0.5rem; width: 100%; } .ns-activity .c-activity-context__title-text { font-size: 1.5rem; font-weight: 600; display: inline; } .ns-activity .c-activity-context__title-icons { display: inline-flex; margin: 0.5rem 0rem; align-items: center; } .ns-activity .c-activity-context__title-icon { position: relative; top: -0.25rem; } .ns-activity .c-activity-context__title-icon .c-embedded-icon svg { width: 1.25rem; height: 1.25rem; line-height: 1.25rem; } .ns-activity .c-activity-context__headline-meta { display: inline-block; padding: 0.2rem 0.625rem; background-color: rgb(245, 245, 245); font-family: monospace; font-size: 0.8rem; line-height: 1rem; margin-right: 1rem; border-radius: 0.125rem; } .ns-activity .c-activity-context__late-tag { display: inline-block; margin: 0px 0.5rem; padding: 0.25rem 0.7rem 0.3rem; background-color: rgb(206, 12, 36); border-radius: 0.125rem; color: rgb(255, 255, 255); font-size: 0.8rem; line-height: 1rem; text-transform: uppercase; } .ns-activity .c-activity-context__due-date { display: none; font-size: 1rem; } @media (min-width: 700px) { .ns-activity .c-activity-context__due-date { display: inline-block; margin-right: 1rem; } } .ns-activity .c-activity-context__due-date-prefix { display: inline-block; margin-right: 0.5rem; font-size: 0.8rem; font-weight: 100; text-transform: uppercase; } .ns-activity .c-activity-context__directions { flex-basis: 100%; font-size: 1rem; }

@charset "utf-8"; div.ui-cluetip { font-size: 13px; line-height: 1.385em; text-align: left; padding: 1px 0px 0px 1px; } .ui-cluetip-header, .ui-cluetip-content { } .ui-cluetip-header { font-size: 1em; margin: 0px; overflow: hidden; } .cluetip-title .cluetip-close { float: right; position: relative; } .cluetip-close img { border: 0px; } .cluetip-close { display: none; } #cluetip-waitimage { width: 32px; height: 32px; position: absolute; background-image: url("/images/loading_32.gif"); } .cluetip-arrows { display: none; position: absolute; top: 0px; left: -11px; height: 22px; background-repeat: no-repeat; background-position: 0px 0px; border-width: 0px; } .cluetip-extra { display: none; } .cluetip-default { background-color: rgb(255, 255, 255); } .cluetip-default .ui-cluetip-header { background-color: rgb(135, 135, 106); } div.cluetip-default .cluetip-arrows { border-width: 0px; background: none transparent; } div.clue-right-default .cluetip-arrows { background-image: url("images/darrowleft.png"); width: 11px; } div.clue-left-default .cluetip-arrows { background-image: url("images/darrowright.png"); left: 100%; margin-right: -11px; width: 17px; } div.clue-top-default .cluetip-arrows { top: 100%; left: 50%; margin-left: -11px; width: 22px; height: 11px; } div.clue-bottom-default .cluetip-arrows { top: -11px; left: 50%; margin-left: -11px; width: 22px; height: 11px; } #cluetip { border: 1px solid rgb(149, 149, 149); background: rgb(255, 255, 255); padding: 5px; color: rgb(115, 115, 115); } .cluetip-jtip { background-color: rgb(255, 255, 255); } .cluetip-jtip .cluetip-outer { border: 2px solid rgb(204, 204, 204); position: relative; } .cluetip-jtip .cluetip-inner { padding: 5px; display: inline-block; } .cluetip-jtip div.cluetip-close { text-align: right; margin: 0px 5px; color: rgb(153, 0, 0); } .cluetip-jtip .ui-cluetip-header { background-color: rgb(204, 204, 204); padding: 6px; } div.cluetip-jtip .cluetip-arrows { border-width: 0px; background: none transparent; } div.clue-right-jtip .cluetip-arrows { background-image: url("images/arrowleft.gif"); } div.clue-left-jtip .cluetip-arrows { background-image: url("images/arrowright.gif"); left: 100%; margin-right: -11px; } div.clue-top-jtip .cluetip-arrows { background-image: url("images/arrowdown.gif"); top: 100%; left: 50%; width: 22px; height: 11px; margin-left: -11px; } div.clue-bottom-jtip .cluetip-arrows { background-image: url("images/arrowup.gif"); top: -11px; left: 50%; width: 22px; height: 11px; margin-left: -11px; } .cluetip-rounded { border-radius: 6px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); } .cluetip-rounded .cluetip-arrows { border-color: rgb(204, 204, 204); } div.cluetip-rounded .cluetip-arrows { font-size: 0px; line-height: 0%; width: 0px; height: 0px; border-style: solid; background: none transparent; } div.clue-right-rounded .cluetip-arrows { border-width: 11px 11px 11px 0px; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } div.clue-left-rounded .cluetip-arrows { left: 100%; margin-right: -11px; border-width: 11px 0px 11px 11px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; } div.clue-top-rounded .cluetip-arrows { top: 100%; left: 50%; border-width: 11px 11px 0px; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .clue-bottom-rounded .cluetip-arrows { top: -11px; left: 50%; border-width: 0px 11px 11px; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; } .cluetip-rounded .cluetip-title, .cluetip-rounded .cluetip-inner { zoom: 1; } .student_info_popup { background: rgb(255, 255, 255); float: left; font-size: 12px; margin: 0px; text-align: left; width: 100%; } .student_info_popup h3 { background: rgb(149, 149, 149); color: rgb(255, 255, 255); display: block; padding: 5px; } .student_portrait { float: left; width: 120px; } .student_courses { float: left; margin-left: 5px; width: 200px; } .student_course { color: rgb(115, 115, 115); text-align: left; padding-bottom: 5px; } .student_section { color: rgb(115, 115, 115); text-align: left; width: 200px; } .access_problems { color: rgb(180, 4, 4); float: left; margin-top: 15px; text-align: left; } div.resource_description span.label { color: rgb(115, 115, 115); font-weight: bold; width: 110px; }

@charset "utf-8"; .instructor-action-bar { background: rgb(212, 212, 212); margin-bottom: 20px; padding: 10px; position: relative; } .instructor-action-bar--non-bg { background: none; height: 0px; padding: 0px; margin: 0px; } .standard_layout.activities .instructor-action-bar { margin-bottom: 0px; } .standard_layout.activities.vol .instructor-action-bar { margin: 0px -32px; padding-left: 32px; } .instructor-action-button { background: rgb(255, 255, 255); border: 1px solid rgb(186, 186, 186); border-radius: 3px; display: inline-block; font-size: 12px; line-height: 14px; margin-right: 5px; padding: 5px; position: relative; } .instructor-action-button.assign-activities { background-image: none; } .instructor-action-button.assign-activities a.set_date_link:hover, .instructor-action-button.assign-activities .set_date_link { background: url("/images/icon-calendar-new.png") right 2px no-repeat; height: auto; font-size: 12px; padding-right: 24px; padding-top: 0px; } .instructor-action-button.assign-activities a.set_date_link:hover:hover, .instructor-action-button.assign-activities .set_date_link:hover { background-position: right -26px; } .instructor-action-button.assign-activities a.set_date_link.disable_link_function:hover:hover, .instructor-action-button.assign-activities .set_date_link.disable_link_function:hover { background-position: right 2px; } .instructor-action-button.create-activity-links { background: url("/images/add-content-button-bg.png") 0px 0px no-repeat rgb(255, 255, 255); padding: 5px 12px; width: 7rem; white-space: nowrap; } .instructor-action-button .edit-created-activity { background: url("/images/instructor-toolbar-icons.png") right 1px top -42px no-repeat rgb(255, 255, 255); padding-right: 17px; } .instructor-action-button .delete-created-activity { background: url("/images/instructor-toolbar-icons.png") right 1px top 20px no-repeat rgb(255, 255, 255); padding-right: 17px; } .instructor-action-button .add-instructor-note { background: url("/images/instructor-toolbar-icons.png") right 1px top -65px no-repeat rgb(255, 255, 255); padding-right: 17px; } .instructor-action-button.answer-key-link a { background: url("/images/instructor-toolbar-icons.png") right 1px top 1px no-repeat rgb(255, 255, 255); padding-right: 17px; } .instructor-action-button.print-button { height: 1.625rem; } .instructor-action-button.print-button span:first-child { color: rgb(0, 107, 174) !important; } .instructor-action-button.print-button span.c-embedded-icon--print:last-child svg { fill: rgb(0, 107, 174); } .create-activity-dropdown { left: -1px; position: absolute; top: 25px; width: 132px; } .create-activity-dropdown .new-activity, .create-activity-dropdown .import-content, .create-activity-dropdown .new-assessment { background: rgb(230, 230, 230); border-left: 1px solid rgb(186, 186, 186); border-right: 1px solid rgb(186, 186, 186); border-bottom: 1px solid rgb(186, 186, 186); color: rgb(0, 107, 174); cursor: pointer; display: block; font-size: 12px; padding: 2px 0px 2px 5px; } .create-activity-dropdown .new-activity:hover, .create-activity-dropdown .import-content:hover, .create-activity-dropdown .new-assessment:hover { background-color: rgb(255, 255, 255); text-decoration: underline; } .create-activity-dropdown .new-activity { background: url("/images/right-arrow-thin.png") right center no-repeat rgb(230, 230, 230); } .create-activity-dropdown .new-activity:hover { background-color: rgb(255, 255, 255); text-decoration: underline; } .create-activity-dropdown .new-activity-links-container { background: rgb(230, 230, 230); border: 1px solid rgb(186, 186, 186); cursor: pointer; left: 131px; line-height: 14px; position: absolute; top: 18px; width: 100%; z-index: 60; } .create-activity-dropdown .create-activity-link { background: rgb(230, 230, 230); border-bottom: 1px solid rgb(186, 186, 186); cursor: pointer; display: block; font-size: 12px; font-style: normal; font-weight: normal; padding: 3px; } .create-activity-dropdown .create-activity-link:last-child { border-bottom: 0px; } .create-activity-dropdown .create-activity-link:hover { background: rgb(255, 255, 255); text-decoration: underline; } .create-activity-dropdown .create-activity-link.disabled-link:hover { background: rgb(230, 230, 230); text-decoration: none; } .c-menu--admin__subitem:hover { background-color: rgb(245, 245, 245); } .import-content:hover { background-color: rgb(255, 255, 255); text-decoration: underline; } .show_assessment, .show_grade, .show_answers { float: left; width: 400px; margin-left: 35px; font-size: 10px; } .assessment_show_status, .grade_availability, .answer_availability, .password-protected, .number-of-attempts-label, .time-limit { float: left; width: 110px; font-weight: bold; } .release_date_time, .grade_availability_time, .answer_availability_time, .password-protected-value, .number-of-attempts-value, .time-limit-value { float: left; } .answer_availability_time a.result_hidden, .grade_availability_time a.result_hidden, .release_date_time a.result_hidden { background: url("/images/assess_arrows.png") right top no-repeat; } .answer_availability_time a.released, .grade_availability_time a.released, .release_date_time a.released { background: url("/images/assess_arrows.png") right bottom no-repeat; } .available_pipe { margin: 0px 2px; } .available_specifics { display: block; } .instructor-action-bar .c-instructor-note-flash { font-size: 1rem; top: calc(100% - 5rem); } .instructor-action-bar .c-instructor-note-flash .c-flash-banner { max-width: none; } .c-instructor-note-audio-recorder { border: 0.0625rem solid rgb(221, 221, 221); display: flex; margin-top: 1.5rem; padding: 0.5rem 0px; } .c-instructor-note-record-review { width: 50%; } .c-instructor-note-delete-record { align-items: flex-end; display: flex; flex-direction: column; margin: 0.625rem; width: 50%; } .c-instructor-note-delete-record .c-instructor-note-delete-icon { margin: 0.3125rem 15%; } .c-instructor-note-action-item { display: flex; justify-content: flex-end; } .c-instructor-note-action-item .c-audio-note-container { margin-right: auto; } .c-instructor-note-action-item .c-instructor-note-action-link { align-self: center; } @media (max-width: 499px) { .c-instructor-note-flash { font-size: 0.875rem; } .c-instructor-note-flash .c-flash-banner { padding: 1rem; } .c-instructor-notes-modal .c-modal__box--instructor-notes { max-width: 95%; } .c-instructor-notes-modal .c-panel__body--instructor-notes { padding: 1rem; } .c-panel__footer .c-button-group--instructor-notes { flex-flow: row nowrap; } }

@charset "utf-8"; .ns-activity { } .ns-activity .c-tooltip { font-size: 1rem; line-height: 1.3; position: absolute; background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); width: auto; min-width: 8rem; max-width: 22rem; border-radius: 0.1875rem; border: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0.125rem; padding: 0.5rem; text-align: left; opacity: 0.9; z-index: 20; } .ns-activity .c-tooltip .tooltip-arrow { width: 0px; height: 0px; border-style: solid; border-color: rgb(51, 51, 51); position: absolute; margin: 0.3125rem; opacity: 0.9; } .ns-activity .c-tooltip[x-placement^="top"] { margin-bottom: 0.3125rem; } .ns-activity .c-tooltip[x-placement^="top"] .tooltip-arrow { border-width: 0.3125rem 0.3125rem 0px; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; bottom: -0.3125rem; margin-top: 0px; margin-bottom: 0px; } .ns-activity .c-tooltip[x-placement^="bottom"] { margin-top: 0.3125rem; } .ns-activity .c-tooltip[x-placement^="bottom"] .tooltip-arrow { border-width: 0px 0.3125rem 0.3125rem; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; top: -0.3125rem; margin-top: 0px; margin-bottom: 0px; } .ns-activity .c-tooltip[x-placement^="right"] { margin-left: 0.3125rem; } .ns-activity .c-tooltip[x-placement^="right"] .tooltip-arrow { border-width: 0.3125rem 0.3125rem 0.3125rem 0px; border-left-color: transparent; border-top-color: transparent; border-bottom-color: transparent; left: -0.3125rem; margin-left: 0px; margin-right: 0px; } .ns-activity .c-tooltip[x-placement^="left"] { margin-right: 0.3125rem; } .ns-activity .c-tooltip[x-placement^="left"] .tooltip-arrow { border-width: 0.3125rem 0px 0.3125rem 0.3125rem; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; right: -0.3125rem; margin-left: 0px; margin-right: 0px; } .ns-activity .c-tooltip__close-link { margin-left: 0.5rem; } .ns-activity .c-gloss-word { border-width: 0px 0px 0.0625rem; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; background: transparent; border-radius: 0px; padding: 0px 0px 0.125rem; cursor: pointer; font-weight: bold; border-bottom-style: dashed; border-bottom-color: rgb(0, 107, 174); } .ns-activity .c-gloss-word, .ns-activity .c-gloss-word:hover, .ns-activity .c-gloss-word:active { text-decoration: none; } .ns-activity .c-tooltip--gloss { background-color: rgb(0, 75, 122); color: rgb(255, 255, 255); } .ns-activity .gloss-word { display: inline-block; cursor: help; position: relative; } .ns-activity .gloss-word .gloss-hover { background: rgb(229, 241, 159); border: 1px solid rgb(204, 204, 204); cursor: default; padding: 2px 5px; position: absolute; right: 0px; top: -24px; box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px 1px; white-space: normal; z-index: 20; } .ns-activity .with-audio .gloss-word { text-decoration: underline; }

@charset "utf-8"; @media (min-width: 700px) { .c-activity-attempts { margin-left: 0.625rem; } .c-ruleset-frame { margin-bottom: 0px; margin-left: auto; } .c-speed-control { margin-top: 0px; } } @media (max-width: 699px) { .c-activity-attempts { display: block !important; } .c-speed-control { display: flex; flex-direction: row; } .c-ruleset-frame { margin-top: 0.625rem; } .c-speed-control-activity-label { margin-right: 0.625rem; } .calendar { margin-left: 0px; } }

@charset "utf-8"; .ns-activity { } .ns-activity .c-target-word { display: inline-block; box-sizing: border-box; height: 1.5em; padding: 0.5rem; } .ns-activity .c-vocab-chart__target-word.is-active, .ns-activity .c-target-word.is-active { background-color: rgb(204, 204, 204); border-top: 1px solid rgb(42, 58, 74); border-bottom: 1px solid rgb(246, 147, 34); } .ns-activity .c-table--vocabulary { } .ns-activity .c-table--vocabulary th:first-child, .ns-activity .c-table--vocabulary td:first-child { padding-left: 2rem; width: 33%; } .ns-activity .c-table--vocabulary thead:first-child th:first-child { padding-left: 2rem; } .ns-activity .c-table__actions { width: 1%; white-space: nowrap; text-align: right; } .ns-activity .c-icon--on-demand { display: none; } .ns-activity .c-table--vocabulary-reference td, .ns-activity .c-table--vocabulary-reference th { border-bottom: 0px; } .ns-activity .c-vocab-chart__table { position: relative; width: 545px; border: 1px solid rgb(42, 58, 74); border-collapse: separate; } .ns-activity .c-vocab-chart__header { background-color: rgb(42, 58, 74); color: rgb(255, 255, 255); text-align: center; font-size: 1rem; } .ns-activity .c-vocab-chart__target-word, .ns-activity .c-vocab-chart__translation, .ns-activity .c-vocab-chart__column-header, .ns-activity .c-vocab-chart__sub-header { font-size: 0.75rem; padding: 5px 12px 6px; } .ns-activity .c-vocab-chart__column-header, .ns-activity .c-vocab-chart__sub-header { font-weight: bold; color: rgb(42, 58, 74); background-color: rgb(245, 245, 245); } .ns-activity .c-vocab-chart__sub-header { color: rgb(40, 58, 74); } .ns-activity .c-vocab-chart__left-column:nth-of-type(3) { border-left: 2px solid rgb(238, 238, 238); } .ns-activity .c-vocab-chart__right-column:nth-of-type(1) { border-right: 2px solid rgb(238, 238, 238); } .ns-activity .c-vocab-chart__target-word, .ns-activity .c-vocab-chart__translation { box-sizing: border-box; height: 2rem; white-space: nowrap; } .ns-activity .c-vocab-chart__target-word { color: rgb(0, 107, 174); text-decoration: underline; cursor: pointer; } .ns-activity .c-vocab-chart__translation { font-style: italic; color: rgb(102, 102, 102); } .ns-activity .c-vocab-chart__hint { font-weight: normal; } .ns-activity .c-vocab-chart__target-word.is-active, .ns-activity .c-target-word.is-active { background-color: rgb(204, 204, 204); border-top: 1px solid rgb(42, 58, 74); border-bottom: 1px solid rgb(246, 147, 34); } .ns-activity .c-figure--vocab-chart { margin: 0px; border: 2px solid rgb(42, 58, 74); position: absolute; top: -1px; left: 100%; } .ns-activity .c-figure--vocab-chart img { display: block; width: 250px; } .ns-activity .c-figure--vocab-chart .c-figure__caption { background-color: rgb(92, 109, 126); color: rgb(255, 255, 255); text-align: center; font-size: 1.25rem; padding: 0.5rem 1rem; } .ns-activity .c-falsalia { hyphens: auto; font-size: 1rem; line-height: 1.5; } .ns-activity .c-falsalia p, .ns-activity .c-falsalia dt, .ns-activity .c-falsalia dd { line-height: 1.5; } .ns-activity .c-falsalia h2, .ns-activity .c-falsalia h3, .ns-activity .c-falsalia h4 { display: block; float: none; } .ns-activity .f-reference-text { } .ns-activity .f-reference-text .c-falsalia--agenda { font-size: 1rem; } .ns-activity .f-reference-text .c-falsalia--agenda h3 { font-size: 1rem; font-weight: normal; text-transform: uppercase; letter-spacing: 0.05625rem; } .ns-activity .f-reference-text .c-falsalia--agenda dl { display: grid; gap: 0px; grid-template-columns: auto 1fr; border-top: 0.0625rem solid rgb(238, 238, 238); } .ns-activity .f-reference-text .c-falsalia--agenda dd + dt { margin-top: 0px; } .ns-activity .f-reference-text .c-falsalia--agenda dt, .ns-activity .f-reference-text .c-falsalia--agenda dd { padding: 0.5rem 2rem 0.5rem 0px; border-bottom: 0.0625rem solid rgb(238, 238, 238); } .ns-activity .f-reference-text .c-falsalia--agenda dt { font-weight: normal; margin-top: 0px; } .ns-activity .f-reference-text .c-falsalia--agenda dd { letter-spacing: 0.01875rem; margin: 0px; padding-left: 2.5rem; border-left: 0.0625rem solid rgb(238, 238, 238); } .ns-activity .f-reference-text .c-falsalia--email { color: rgb(102, 102, 102); background-color: rgb(255, 255, 255); border: 0.0625rem solid rgb(204, 204, 204); border-radius: 0.5rem; box-shadow: rgba(0, 0, 0, 0.3) 0.125rem 0.125rem 0.375rem; padding: 1rem 2rem 0.4rem; } @media screen and (min-width: 500px) { .ns-activity .f-reference-text .c-falsalia--email { margin: 3rem; padding: 1rem 3rem 0.4rem; } } @media screen and (min-width: 700px) { .ns-activity .f-reference-text .c-falsalia--email { max-width: 40rem; margin-left: auto; margin-right: auto; } } .ns-activity .f-reference-text .c-falsalia--email em { color: rgb(102, 102, 102); font-style: normal; font-size: smaller; } .ns-activity .f-reference-text .c-falsalia--email dl { padding-bottom: 2rem; border-bottom: 0.0625rem solid rgb(238, 238, 238); margin-bottom: 1.75rem; } @media screen and (min-width: 500px) { .ns-activity .f-reference-text .c-falsalia--email dl { display: grid; grid-template-columns: 6rem 1fr; gap: 0px 1rem; } } .ns-activity .f-reference-text .c-falsalia--email dt { font-size: smaller; font-weight: normal; margin-top: 0px; } @media screen and (min-width: 500px) { .ns-activity .f-reference-text .c-falsalia--email dt { font-size: 1rem; } } .ns-activity .f-reference-text .c-falsalia--email dd { color: rgb(0, 0, 0); margin: 0px 0px 1rem; } @media screen and (min-width: 500px) { .ns-activity .f-reference-text .c-falsalia--email dd { margin-bottom: 0.25rem; } } .ns-activity .f-reference-text .c-falsalia--email dd + dt { margin-top: 0px; } .ns-activity .f-reference-text .c-falsalia--email section, .ns-activity .f-reference-text .c-falsalia--email p { line-height: 2.4; } .ns-activity .f-reference-text .c-falsalia--newspaper { display: block; font-size: 1rem; border: 0.0625rem solid rgb(170, 170, 170); background-color: rgb(255, 255, 255); padding: 1.5rem; margin: 2rem auto; max-width: 52rem; box-shadow: rgb(245, 245, 245) 0.1875rem 0.1875rem 0px 0px, rgb(153, 153, 153) 0.1875rem 0.1875rem 0px 0.0625rem, rgb(245, 245, 245) 0.4375rem 0.4375rem 0px 0px, rgb(153, 153, 153) 0.4375rem 0.4375rem 0px 0.0625rem, rgb(170, 170, 170) 0.625rem 0.625rem 0px 0.0625rem; } .ns-activity .f-reference-text .c-falsalia--newspaper header { padding-bottom: 0.375rem; border-bottom: 0.25rem solid rgb(51, 51, 51); margin-bottom: 1.5rem; } .ns-activity .f-reference-text .c-falsalia--newspaper h3 { font-family: serif; font-size: 200%; font-weight: bold; text-align: center; text-transform: uppercase; letter-spacing: 0.0625rem; padding: 0.25rem 0px 0.14rem; margin: 0px; border-top: 0.125rem solid rgb(102, 102, 102); border-bottom: 0.125rem solid rgb(102, 102, 102); } .ns-activity .f-reference-text .c-falsalia--newspaper h4 { font-size: 100%; font-weight: bold; line-height: 1.1; } .ns-activity .f-reference-text .c-falsalia--newspaper ul { columns: 14rem 3; padding: 0px; margin: 0px; } .ns-activity .f-reference-text .c-falsalia--newspaper[class] li { list-style-type: none; word-break: break-word; margin-right: 2rem; break-inside: avoid-column; } .ns-activity .f-reference-text .c-falsalia--newspaper[class] li img { max-width: 100%; height: auto; } .ns-activity .f-reference-text .c-falsalia--poem { font-size: 1rem; padding: 2rem 2rem 4rem; border-width: 0.0625rem; border-style: solid; border-color: rgb(221, 221, 221) rgb(187, 187, 187) rgb(187, 187, 187) rgb(221, 221, 221); border-image: initial; border-radius: 0.625rem; position: relative; } .ns-activity .f-reference-text .c-falsalia--poem::before, .ns-activity .f-reference-text .c-falsalia--poem::after { content: ""; width: 0px; height: 0px; position: absolute; right: -0.25rem; bottom: -0.25rem; z-index: 1; border: 1.5rem solid rgb(255, 255, 255); border-radius: 0.625rem; } .ns-activity .f-reference-text .c-falsalia--poem::before { border-left: 1.5rem solid rgb(240, 240, 240); border-top: 1.5rem solid rgb(240, 240, 240); } .ns-activity .f-reference-text .c-falsalia--poem::after { border: 0.0625rem solid transparent; width: 3rem; height: 3rem; background-image: linear-gradient(135deg, transparent 0px, transparent 48%, rgb(153, 153, 153) 49%, transparent 50%, transparent); } .ns-activity .f-reference-text .c-falsalia--poem h3 { font-size: 1rem; font-weight: normal; text-transform: uppercase; text-align: center; margin-bottom: 1.75rem; } .ns-activity .f-reference-text .c-falsalia--poem li { color: rgb(112, 112, 112); } .ns-activity .f-reference-text .c-falsalia--poem li > span { color: rgb(0, 0, 0); margin-left: 1rem; } .ns-activity .f-reference-text .c-falsalia--poem li.break { margin-top: 1.5rem; } .ns-activity .f-reference-text .c-falsalia--poem cite { display: block; margin-top: 1.5rem; margin-left: 2rem; }

@charset "utf-8"; @media (max-width: 899px) { .c-activityFooter__left-column { flex-direction: column; } }

@charset "utf-8"; .c-accent-bar-textbox-wrapper { position: relative; display: inline-block; } .c-forum-post .c-accent-bar-textbox-wrapper, .c-panel--forums .c-accent-bar-textbox-wrapper { width: 100%; } .c-accent-bar { align-items: center; background-color: rgb(255, 255, 255); border-radius: 0.25rem; box-shadow: rgb(204, 204, 204) 0px 0.125rem 1.25rem -0.0625rem, rgb(204, 204, 204) 0px 0.25rem 0.3125rem 0px, rgb(204, 204, 204) 0px -0.125rem 0.625rem 0px; display: flex; justify-content: center; padding: 0.25rem 0.75rem; position: fixed; margin-right: 0.9375rem; z-index: 50; } .c-accent-bar.c-no-select { user-select: none; } .c-accent-bar.c-modal-pointer::after, .c-accent-bar.c-modal-pointer::before { border: solid transparent; bottom: 100%; content: " "; height: 0px; left: 10%; pointer-events: none; position: absolute; width: 0px; } .c-accent-bar.c-modal-pointer::after { border-bottom-color: rgb(255, 255, 255); border-width: 0.3125rem; margin-bottom: -0.0625rem; margin-left: -0.3125rem; } .c-accent-bar.c-modal-pointer::before { border-bottom-color: rgb(204, 204, 204); border-width: 0.375rem; margin-left: -0.375rem; } .c-accent-bar .c-accent-bar__left-col { display: inline-block; text-align: center; } .c-accent-bar .c-accent-bar__middle-col { display: inline-block; margin-left: 0.75rem; max-width: 16.5rem; min-width: 10.3125rem; padding: 0px; text-align: center; } .c-accent-bar .c-accent-bar__middle-col--extended-width { max-width: 18.625rem; } .c-accent-bar .c-accent-bar__right-col { align-self: flex-start; margin-left: 0.5rem; margin-top: -0.375rem; text-align: center; } .c-accent-bar .c-accent-bar__upper-case-option, .c-accent-bar .c-accent-bar__lower-case-option { border-radius: 50%; height: 2rem; width: 2rem; } .c-accent-bar .c-accent-bar__upper-case-container, .c-accent-bar .c-accent-bar__lower-case-container { display: inline-block; vertical-align: top; } .c-accent-bar .c-accent-bar-list { padding-left: 0px; } .c-accent-bar .c-accent-bar-list .c-accent-bar-list__item { display: block; float: left; margin: 0.1875rem; padding: 0px; text-align: center; } .c-accent-bar .c-accent-bar__char { background-color: rgb(255, 255, 255); border: 0.0625rem solid rgb(204, 204, 204); border-radius: 0.125rem; color: rgb(112, 112, 112); font-size: 1rem; height: 1.6875rem; width: 1.6875rem; } .c-accent-bar .c-accent-bar__close { height: 1.6875rem; margin-right: -0.5rem; width: 1.6875rem; } .c-accent-bar-launcher { border: 0px; border-radius: 0.125rem; cursor: pointer; height: 1.125rem; line-height: 1; position: absolute; right: 0.125rem; top: 0.125rem; width: 1.125rem; } .answer_positioning input[type="text"] + .c-accent-bar-launcher { margin-top: 0.125rem; } textarea + .c-accent-bar-launcher { font-size: 1rem; height: 1.5rem; width: 1.5rem; } .c-form-item__input + .c-accent-bar-launcher { font-size: 1.25rem; height: 2.25rem; width: 2.25rem; } .c-accent-bar-textbox-wrapper input[type="text"] { padding-right: 1.25rem; box-sizing: border-box; } .c-accent-bar-textbox-wrapper textarea { padding-right: 1.5rem; box-sizing: border-box; } .c-accent-bar-textbox-wrapper input.c-form-item__input[type="text"] { padding-right: 2.375rem; box-sizing: border-box; } .t-high-contrast .c-accent-bar-textbox-wrapper .c-accent-bar-launcher { color: rgb(255, 255, 255) !important; } .t-high-contrast .c-accent-bar__upper-case-option svg, .t-high-contrast .c-accent-bar__lower-case-option svg { fill: rgb(255, 255, 255) !important; } @media (max-width: 499px) { .c-accent-bar { display: none; } .c-accent-bar-launcher { display: none; } }

@charset "utf-8"; .u-no-visual { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .recording_activity #activity_body .response_score_and_comment { display: inline-block; margin-top: 0px; margin-bottom: 5px; } .question_wrapper { width: 100%; } .prompt_body { color: rgb(102, 102, 102); flex: 1 0 100%; margin-right: 1rem; } .instructor_player { border: 1px solid rgb(221, 221, 221); display: block; height: 45px; padding: 5px; width: 100px; } .arc_steps_container { float: left; } .btn { cursor: pointer; } .record_button { position: relative; } .no_answer { background-color: rgb(255, 255, 255); padding: 0px 0px 0px 20px; margin-top: -2px; } #arc_answer_blocker.disabled_element_wrapper, #arc_record_blocker.disabled_element_wrapper { display: none; visibility: hidden; height: 1px; } .step_wrap { float: left; height: 50px; width: 90px; } .volume_spinner { display: block; height: 34px; left: -12px; position: absolute; top: -4px; width: 34px; } .volume_spinner.disable { background: none transparent; } .volume_spinner.enable { background: url("/images/activities/volume.png"); } .volume { display: block; height: 34px; width: 34px; position: absolute; } .arc_steps_container.record .play_button { margin-left: 90px; } .play.btn { background: url("/images/activities/arc_record_play.png") -4px 0px no-repeat; display: block; height: 40px; margin-left: -10px; position: relative; text-indent: -999em; width: 34px; z-index: 40; } .delete.btn { background: url("/assets/trash_can.png") 0px 0px / 34px no-repeat; display: block; height: 40px; margin-left: -10px; position: relative; text-indent: -999em; width: 34px; z-index: 40; } #recorded_comments_arc_player .play.btn { margin-left: 10px; } .play.btn:hover { background-position: -47px 0px; } .play.currently_playing, .play.currently_playing:hover { background-image: url("/images/activities/arc_record_play.png"); background-position: -89px 0px; } .arc_media_player.video { position: relative; } .video_container { background: url("/images/activities/video_arrow.png") center bottom no-repeat; bottom: 40px; display: block; height: 225px; left: -170px; position: absolute; width: 350px; z-index: 900; } .record.btn { background: url("/images/activities/arc_record_record.png") -46px 0px no-repeat; display: block; height: 40px; margin-left: -10px; position: absolute; text-indent: -999em; width: 34px; z-index: 20; } .record.btn:hover { background-position: -87px 0px; } .record.stop, .record.btn-danger { background: url("/images/activities/arc_record_play.png") -87px 0px no-repeat; } .record.disable_link_function { background: url("/images/activities/arc_record_record.png") -4px 0px no-repeat; cursor: default; display: block; height: 40px; margin-left: -10px; position: absolute; width: 34px; z-index: 22; } .record.disable_link_function:hover { background: url("/images/activities/arc_record_record.png") -4px 0px no-repeat; } .record .play.btn { background: url("/images/activities/arc_record_review.png") -47px 0px no-repeat; display: block; height: 40px; margin-left: -10px; position: absolute; text-indent: -999em; width: 34px; } .record .play.btn:hover { background-position: -88px 0px; } .record .play.stop, .record .play.btn-success { background: url("/images/activities/arc_record_play.png") -87px 0px no-repeat; } .record .disable_link_hover { z-index: 60; } .record .play.disable_link_function { background: url("/images/activities/arc_record_review.png") -4px 0px no-repeat; cursor: default; display: block; height: 40px; margin-left: -10px; position: absolute; width: 34px; z-index: 21; } .record .play.disable_link_function:hover { background-position: -4px 0px; } .activity_recorder .play.stop, .activity_recorder .play.stop:hover { background: url("/images/activities/arc_record_play.png") -87px 0px no-repeat; } .instructor_comment_area .arc-controls { margin-top: 6px; } .instructor_comment_area span.play.disable_link_function, .instructor_comment_area span.play.disable_link_function:hover { background-position: -4px 0px; } .instructor_comment_area .record.btn { margin-left: 10px; } .instructor_comment_area .play_button { position: relative; margin-left: 60px; } .instructor_comment_area .play_button .volume_spinner { left: 3px; } .instructor_comment_area .play.btn { background: url("/images/activities/arc_record_review.png") -47px 0px no-repeat; margin-left: 0px; } .instructor_comment_area .play.btn:hover { background-position: -88px 0px; } .instructor_comment_area .play.btn-success { background-position: -87px 0px; } .instructor_comment_area .volume_spinner { left: 8px; top: -4px; } .comment_fieldset .comment_legend { font-size: 0.75rem; } .comment_fieldset .instructor_player { border: 0px; } .cke_skin_kama .cke_dialog_contents .btn { cursor: pointer; } .cke_skin_kama .cke_dialog_ui_html .play.btn { background: url("/images/activities/arc_record_review.png") -47px 0px no-repeat; margin-left: 50px; position: absolute; display: block; height: 40px; text-indent: -999em; width: 34px; z-index: 40; } .cke_skin_kama .cke_dialog_ui_html .play.btn:hover, .cke_skin_kama .cke_dialog_ui_html .play.btn-success:hover { background-position: -88px 0px; } .cke_skin_kama .cke_dialog_ui_html .play.btn-success { background: url("/images/activities/arc_record_play.png") -88px 0px no-repeat; } .cke_skin_kama .cke_dialog_ui_html .volume_spinner { display: block; height: 34px; left: -2px; position: absolute; top: -4px; width: 34px; } .cke_skin_kama .cke_dialog_ui_html .volume_spinner.disable { background: none transparent; } .cke_skin_kama .cke_dialog_ui_html .volume { display: block; height: 34px; width: 34px; position: absolute; } .cke_skin_kama .cke_dialog_ui_html span.play.disable_link_function { margin-left: 50px; background: url("/images/activities/arc_record_review.png") -4px 0px no-repeat; cursor: default; display: block; height: 40px; position: absolute; width: 34px; z-index: 21; } .cke_skin_kama .cke_dialog_ui_html span.play.disable_link_function:hover { background-position: -4px 0px; } .cke_skin_kama .cke_dialog_ui_html .record.btn { background: url("/images/activities/arc_record_record.png") -46px 0px no-repeat; display: block; height: 40px; margin-left: 0px; position: absolute; text-indent: -999em; width: 34px; z-index: 20; } .cke_skin_kama .cke_dialog_ui_html .record.btn:hover { background-position: -87px 0px; } .cke_skin_kama .cke_dialog_ui_html .record.btn-danger { background: url("/images/activities/arc_record_play.png") -87px 0px no-repeat; display: block; height: 40px; margin-left: 0px; position: absolute; text-indent: -999em; width: 34px; z-index: 20; } .cke_skin_kama a.cke_dialog_ui_button { height: 18px; } .cke_skin_kama .cke_browser_webkit a.cke_dialog_ui_button span.cke_dialog_ui_button { height: 18px; margin: 0px; padding: 0px; } .cke_skin_kama .cke_dialog_footer_buttons span.cke_dialog_ui_button { margin: 0px !important; } .cke_skin_kama .cke_dialog_body { width: 185px; } .recording_message { float: left; margin-left: 10px; position: relative; width: 320px; } #recording_spinner { position: absolute; z-index: 10200; } .step_wrap .disabled_element_wrapper { display: none; } .note_content .play.btn.stop { background-position: -89px 0px; } .reference-audio .activity_player .play.btn.stop, .reference_model_content .activity_player .play.btn.stop { background: url("/images/activities/arc_record_stop.png") 2px 0px no-repeat; } .instructor_note_recorder { height: 45px; margin: 10px; position: relative; } .instructor_note_recorder .volume_spinner { left: 3px; top: -4px; } .instructor_note_recorder .volume { background: url("/images/activities/volume.png") 0px 0px no-repeat; left: 0px; top: 0px; } .instructor_note_recorder .record.btn.stop, .instructor_note_recorder .play.btn.stop { background: url("/images/activities/arc_record_stop.png") 2px 0px no-repeat; } .instructor_note_recorder .instructor_recorder_notes { background: url("/images/dots.png") 0px 0px repeat-x; height: 1px; left: 32px; position: absolute; top: 12px; width: 70px; } .instructor_note_recorder .record_button, .instructor_note_recorder .play_button, .instructor_note_recorder .delete_button { display: inline-block; height: 40px; margin: 0px auto; padding-left: 15px; position: relative; vertical-align: top; width: 25px; } .instructor_note_recorder .record_button, .instructor_note_recorder .play_button { margin-right: 50px; } .instructor_note_recorder .delete.btn { background: url("/images/activities/arc_delete_small.png") 0px 0px no-repeat; } .instructor_note_recorder .delete.btn.disabled { opacity: 0.5; } .instructor_note_recorder .play.disable_link_function { opacity: 0.5; } .video-container .instructor_recorder_notes { left: 102px; } .instructor_note_video_recorder { position: relative; } .instructor_note_video_recorder .instructor_recorder_notes { background: url("/images/dots.png") 0px 0px repeat-x; height: 1px; left: 161px; position: absolute; top: 12px; width: 70px; } .recorded_reference .instructor_note_recorder .arc-controls { text-align: left; } .recorded_reference .delete.btn { background: url("/images/activities/arc_delete_small.png") 0px 0px no-repeat; } .recorded_reference .delete.btn.disabled { opacity: 0.5; } #video_controls .delete.btn { background: url("/images/activities/arc_delete_small.png") 0px 0px no-repeat; } #video_controls .delete.btn.disabled { opacity: 0.5; } #video_controls .record.btn.stop, #video_controls .play.btn.stop { background: url("/images/activities/arc_record_stop.png") 2px 0px no-repeat; } .instructor_created_content_references .audio-container { display: inline-block; width: 25px; } .instructor_created_content_references .play.stop { background-position: -88px 0px; } .created_activity .instructor_note_recorder .play.disable_link_function { opacity: 0.5; } .cke_reset_all .record_button { position: relative; } .cke_reset_all .delete_placeholder { margin-left: 120px; }

@charset "utf-8"; .c-txt-capitalize[data-v-05dbcf59] { text-transform: capitalize; } .c-instructor-note-app-direction_line[data-v-ebce2e1e] { display: flex; flex-direction: row; }

@charset "utf-8"; .f-reference-module { color: rgb(51, 51, 51); font-size: 0.875rem; line-height: 22px; background-image: none; background-color: rgb(245, 245, 245); padding: 1rem; min-height: 0px; } .f-reference-module .f-reference-module__heading { color: rgb(51, 51, 51); font-size: 0.875rem; line-height: 22px; margin-right: 1rem; float: left; } .f-reference-module .f-reference-module__body { color: rgb(102, 102, 102); font-size: 0.875rem; }

@charset "utf-8"; body { font-family: Tahoma, "Helvetica Neue", Arial, sans-serif; } table { width: auto; border-collapse: collapse; } td, th { padding: 4px 16px 4px 0px; border-bottom: 1px solid rgb(153, 153, 153); } td:last-child, th:last-child { padding-right: 0px; } th { text-align: left; border-bottom: 2px solid rgb(153, 153, 153); } .add-zone--print { display: none; } button, .no-print, .c-icon, .c-icon-link, input[type="text"], .c-table__form-row, .c-table__actions * { display: none; }