or will negatively impact Doc. Contact Ryan Johnson before making a change */
pre,
code {
font-family: "DejaVu Sans Mono","Bitstream Vera Sans Mono",Menlo,Monaco,Consolas,"Courier New",monospace; }
code {
background-color: #f5f5f5;
color: inherit; }
pre {
margin-bottom: 21px;
word-break: normal;
word-wrap: normal; }
/* Code: Coloring */
pre span.comment {
color: #228b22; }
pre span.keyword {
color: #0000ff; }
pre span.string {
color: #a020f0; }
pre span.syscmd {
color: #b28c00; }
pre span.untermstring {
color: #b20000; }
/* Code: Responsive (Scrolling Container) */
.code_responsive {
width: 100%;
margin-bottom: 21px;
overflow-y: hidden;
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
/* ---- CTA ---- */
/* CTA: CTA Box -- [ Additional Styles: XS ] */
.cta_box {
width: 100%;
padding: 10px;
border-radius: 3px;
background-color: #e6f2fa;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
.cta_box ul {
margin-bottom: 0; }
.cta_box li:last-of-type {
margin-bottom: 0; }
/* CTA: CTA Box in Horizontal Nav Container */
.horizontal_nav_container .cta_box {
padding: 20px 0 0;
background-color: transparent;
box-shadow: none;
font-size: 13px; }
.horizontal_nav_container .cta_box ul {
float: right;
text-align: right; }
.horizontal_nav_container .cta_box ul > li {
padding-right: 0;
font-size: 13px;
line-height: 1.23; }
.horizontal_nav_container .cta_box ul > li + li {
margin-left: 10px; }
.horizontal_nav_container .cta_box ul > li > a,
.horizontal_nav_container .cta_box ul > li > a:visited {
color: #187dbb; }
.horizontal_nav_container .cta_box ul > li > a:hover {
color: #004b87;
text-decoration: none; }
/* ---- Definition List [Bootstrap Override] ---- */
.dl-horizontal dt {
width: 100px;
margin-bottom: 10px;
text-align: left; }
.dl-horizontal dd {
margin-left: 120px;
margin-bottom: 10px; }
/* ---- Expand Collapse ---- */
.expand_collapse .expand_trigger {
margin: 0;
padding: 18px 0 14px 20px;
cursor: pointer; }
.expand_collapse span.icon-arrow-open-down {
margin: 0 0 0 -20px;
display: inline-block !important;
float: left; }
.expand_collapse span.icon-arrow-open-right {
display: none !important; }
.expand_collapse .collapse {
overflow: hidden; }
.expand_collapse .collapse,
.expand_collapse .collapsed,
.expand_collapse .collapsing {
padding-left: 20px; }
.expand_collapse .collapsed span.icon-arrow-open-down {
display: none !important; }
.expand_collapse .collapsed span.icon-arrow-open-right {
margin: 0 0 0 -20px;
display: inline-block !important;
float: left; }
/* Expand Collapse: Bordered Triggers */
.expand_collapse.add_trigger_border .expand_trigger {
padding-top: 14px;
border-top: 1px solid #e6e6e6; }
.expand_collapse.add_trigger_border .expand_trigger:first-of-type {
border-top: none; }
/* ---- Forms ---- */
/* Form: Alerts */
/* g3194193: Alert styling copied over from site7.css of LTC */
.alert {
padding: 13px 8px 13px 42px;
border: none;
border-radius: 0; }
.alert h3 {
font: normal bold 15px/1.11 "Roboto", sans-serif; }
.alert .alert_heading {
margin-bottom: 13px;
font-size: 15px;
line-height: 1.11; }
.alert p,
.alert ul,
.alert ol {
margin-bottom: 10px; }
.alert .alert_icon {
margin: -5px 0 0 -34px;
font-size: 24px !important;
float: left;
line-height: 1; }
.alert > :last-child,
.alert > :last-child > :last-child,
.alert > :last-child > :last-child > :last-child {
margin-bottom: 0; }
.alert {
color: #1a1a1a;
font-size: 15px; }
.alert .close span {
font-size: 21px; }
.alert-danger {
border: 1px solid #b7312c;
background: #faf0f0; }
.alert-danger .alert_icon {
color: #b7312c; }
.alert-info {
border: 1px solid #0076a8;
background: #edf5f9; }
.alert-info .alert_icon {
color: #0076a8; }
.alert-success {
border: 1px solid #008013;
background: #f2f8f1; }
.alert-success .alert_icon {
color: #008013; }
.alert-warning {
border: 1px solid #c05708;
background: #fef9ed; }
.alert-warning .alert_icon {
color: #c05708; }
/* Dismissible Alerts */
.alert-dismissible {
padding-right: 35px; }
/* Alert Links : See Link Colors Above */
.alert .alert-link {
font-weight: normal; }
/* Form: Eloqua */
#Mathworks_Form .input-group .input-group-btn button {
padding: 6px 12px;
font-size: 14px;
line-height: 1.43;
white-space: nowrap; }
#Mathworks_Form .input-group .input-group-btn button .icon_16 {
font-size: 15px; }
#allForm #Mathworks_Form .radio_group .radio input[type=radio],
#allForm #Mathworks_Form .check_group .checkbox input[type=checkbox] {
margin-left: 0; }
/* Form: Validation */
/* ---- Form: Inline Validation ---- */
/* Inline Validation: Error/Success State Icons Reset */
.glyphicon-remove {
display: none !important; }
.glyphicon-ok {
display: none !important; }
/* Error/Success State Icons: Has Error */
.has-error .glyphicon-remove {
display: inline-block !important; }
/* Error/Success State Icons: Has Success */
.has-success .glyphicon-ok {
display: inline-block !important; }
/* Inline Validation: Form Error Indicator (Arrow) */
.inline_form_error {
padding: 8px 15px 7px;
margin: 0 0 20px;
background: #a94442;
border-radius: 4px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: bold;
line-height: 12px; }
.inline_form_error_arrow {
width: 0;
height: 0;
margin: 6px 0px 0px 10px;
border: 6px solid transparent;
border-bottom-color: #a94442;
border-width: 0 6px 6px 6px; }
.inline_form_error a,
.inline_form_error a:visited {
color: #fff;
text-decoration: underline; }
.inline_form_error a:hover {
color: rgba(255, 255, 255, 0.8); }
.inline_form_error a,
.inline_form_error a:visited {
color: #fff;
text-decoration: underline; }
.inline_form_error a:hover {
color: rgba(255, 255, 255, 0.8); }
.inline_form_error *:last-child {
margin-bottom: 0; }
.inline_form_error + .help-block {
margin-top: -15px; }
/* Validation: Success */
.has-success .form-control {
border-color: #3c763d; }
.has-success .form-control-feedback {
color: #3c763d; }
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
color: #3c763d; }
/* Validation: Error */
.has-error .form-control {
border-color: #a94442; }
.has-error .form-control-feedback {
color: #a94442; }
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
color: #a94442; }
/* ---- Go To Top ---- */
#go-top {
bottom: 10px;
display: none;
position: fixed;
right: 10px; }
#responsive_iframe #go-top {
display: none !important; }
/* ---- Horizontal Rule ---- */
hr {
margin-top: 30px;
margin-bottom: 30px;
border-color: #e6e6e6; }
/* ---- Horizontal Rule: Thickness Options ---- */
hr.add_thickness_3 {
border-top-width: 3px; }
hr.add_thickness_5 {
border-top-width: 5px; }
hr.add_thickness_7 {
border-top-width: 7px; }
/* ---- Horizontal Rule: Spacing Options ---- */
hr.add_hr_spacing_5 {
margin-top: 5px;
margin-bottom: 5px; }
hr.add_hr_spacing_10 {
margin-top: 10px;
margin-bottom: 10px; }
hr.add_hr_spacing_15 {
margin-top: 15px;
margin-bottom: 15px; }
hr.add_hr_spacing_20 {
margin-top: 20px;
margin-bottom: 20px; }
hr.add_hr_spacing_25 {
margin-top: 25px;
margin-bottom: 25px; }
/* ---- Images ---- */
/* Images: Flowable */
.flowable_image {
margin: 10px; }
.flowable_image.pull-right {
margin: 0 0 10px 10px; }
.flowable_image.pull-left {
margin: 0 10px 10px 0; }
/* ---- Media ---- */
.media {
margin-bottom: 20px; }
.media img {
max-width: none; }
.media-right,
.media > .pull-right {
padding-left: 15px; }
.media-left,
.media > .pull-left {
padding-right: 15px; }
.media-bottom {
padding-bottom: 15px; }
/* ---- Opacity Containers [ Additional Styles: Full Banner ] ---- */
.opacity_container {
padding: 10px 15px 5px;
margin-left: -20px;
margin-right: -20px;
background-color: rgba(228, 228, 228, 0.8); }
.opacity_container.opacity_dark,
.opacity_container.opacity_dark_8 {
background-color: rgba(0, 0, 0, 0.8); }
.opacity_container.opacity_dark_6 {
background-color: rgba(0, 0, 0, 0.6); }
.opacity_container.opacity_dark_4 {
background-color: rgba(0, 0, 0, 0.4); }
.opacity_container.opacity_dark_2 {
background-color: rgba(0, 0, 0, 0.2); }
.opacity_container.opacity_light,
.opacity_container.opacity_light_8 {
background-color: rgba(255, 255, 255, 0.8); }
.opacity_container.opacity_light_6 {
background-color: rgba(255, 255, 255, 0.6); }
.opacity_container.opacity_light_4 {
background-color: rgba(255, 255, 255, 0.4); }
.opacity_container.opacity_light_2 {
background-color: rgba(255, 255, 255, 0.2); }
/* ---- Pagination Controls ---- */
.pagination_container {
float: right;
font-size: 13px; }
.pagination_container #search_btn {
padding: 1px 8px 1px 0;
margin: 0 5px 0 0;
border-right: 1px solid #e9e9e9;
color: #187dbb;
cursor: pointer;
display: inline-block; }
.pagination_container #search_btn:not(.collapsed):before {
content: "Close "; }
.pagination_container .prev_page,
.pagination_container .next_page {
padding: 3px 8px;
margin: -3px 0 0;
border: 1px solid #d2d2d2;
background: #fff;
color: #d2d2d2;
outline: none; }
.pagination_container .prev_page span,
.pagination_container .next_page span {
width: 12px;
display: inline-block; }
.pagination_container .prev_page {
margin-left: 5px;
border-radius: 5px 0 0 5px; }
.pagination_container .next_page {
margin-left: -4px;
border-radius: 0 5px 5px 0; }
/* ---- Panels ---- */
/* Panel: Globals */
.panel {
margin-bottom: 30px;
border-radius: 0;
box-shadow: none;
background-position: center center;
background-repeat: no-repeat;
position: relative; }
.panel.panel-default {
border-color: #e6e6e6;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
.panel-heading {
border-bottom: none;
border-top-right-radius: 0;
border-top-left-radius: 0;
background-position: center center;
background-repeat: no-repeat;
position: relative; }
.panel-heading * {
margin-bottom: 0; }
.panel-heading h2 {
font-size: 24px;
line-height: 1.13; }
.panel_heading_align_bottom {
bottom: 10px;
position: absolute; }
.panel-default .panel-heading {
border-bottom: 1px solid #e6e6e6; }
.panel .panel-heading[style^="background-"],
.panel .panel-footer[style^="background-"] {
min-height: 50px; }
.panel_image_cover .panel-heading,
.panel_image_cover .panel-footer {
background-size: cover; }
.panel-body {
position: relative; }
.panel-body > *:last-child,
.panel-body > *:last-child > *:last-child,
.panel-body > *:last-child > *:last-child > *:last-child {
margin-bottom: 0; }
.panel-footer {
border-bottom: none;
border-top: 0px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background-color: #fff;
background-position: center center;
background-repeat: no-repeat;
position: relative; }
.panel-footer[class*="add_transparent_background_"] {
background-color: transparent; }
.panel-footer:empty {
min-height: 36px; }
/* Panel Global: Header Background Colors */
.panel_color_general .panel-heading {
background-color: #f5f5f5; }
.panel_color_primary .panel-heading {
background-color: #6f6f6f;
border-bottom-color: #6f6f6f; }
.panel_color_primary .panel-heading * {
color: #fff; }
.panel_color_secondary .panel-heading {
background-color: #004b87;
border-bottom-color: #004b87; }
.panel_color_secondary .panel-heading * {
color: #fff; }
.panel_color_quaternary .panel-heading {
background-color: #f2a900;
border-bottom-color: #f2a900; }
.panel_color_quaternary .panel-heading * {
color: #fff; }
.panel_color_quinary .panel-heading {
background-color: #00a9e0;
border-bottom-color: #00a9e0; }
.panel_color_quinary .panel-heading * {
color: #fff; }
.panel_color_senary .panel-heading {
background-color: #b7312c;
border-bottom-color: #b7312c; }
.panel_color_senary .panel-heading * {
color: #fff; }
.panel_color_septenary .panel-heading {
background-color: #d78825;
border-bottom-color: #d78825; }
.panel_color_septenary .panel-heading * {
color: #fff; }
.panel_color_tertiary .panel-heading {
background-color: #48a23f;
border-bottom-color: #48a23f; }
.panel_color_tertiary .panel-heading * {
color: #fff; }
.panel_color_emphasize .panel-heading {
background-color: #cb6015;
border-bottom-color: #cb6015; }
.panel_color_emphasize .panel-heading * {
color: #fff; }
/* Panel Global: Footer Overlay Options */
.panel.panel_footer_overlay {
position: relative; }
.panel.panel_footer_overlay .panel-footer {
background-color: rgba(228, 228, 228, 0.8);
bottom: 0;
left: 0;
position: absolute;
right: 0; }
.panel.panel_footer_overlay.opacity_dark .panel-footer,
.panel.panel_footer_overlay.opacity_dark_8 .panel-footer {
background-color: rgba(0, 0, 0, 0.8); }
.panel.panel_footer_overlay.opacity_dark_6 .panel-footer {
background-color: rgba(0, 0, 0, 0.6); }
.panel.panel_footer_overlay.opacity_dark_4 .panel-footer {
background-color: rgba(0, 0, 0, 0.4); }
.panel.panel_footer_overlay.opacity_dark_2 .panel-footer {
background-color: rgba(0, 0, 0, 0.2); }
.panel.panel_footer_overlay.opacity_light .panel-footer,
.panel.panel_footer_overlay.opacity_light_8 .panel-footer {
background-color: rgba(255, 255, 255, 0.8); }
.panel.panel_footer_overlay.opacity_light_6 .panel-footer {
background-color: rgba(255, 255, 255, 0.6); }
.panel.panel_footer_overlay.opacity_light_4 .panel-footer {
background-color: rgba(255, 255, 255, 0.4); }
.panel.panel_footer_overlay.opacity_light_2 .panel-footer {
background-color: rgba(255, 255, 255, 0.2); }
/* Panel - Types */
/* Panel Types: Ad Image */
.panel.panel_image_right {
background-position: right center;
background-repeat: no-repeat;
background-size: contain; }
.panel.panel_image_left {
background-position: left center;
background-repeat: no-repeat;
background-size: contain; }
.panel.panel_image_right_cover {
background-position: right center;
background-repeat: no-repeat;
background-size: cover; }
/* Panel Types: Color Filled Background */
.panel_fill_override_default {
background-color: #f5f5f5; }
.panel_color_fill.panel_color_default {
background-color: #f5f5f5; }
.panel_color_fill.panel_color_primary {
background-color: #6f6f6f; }
.panel_color_fill.panel_color_secondary {
background-color: #004b87; }
.panel_color_fill.panel_color_tertiary {
background-color: #48a23f; }
.panel_color_fill.panel_color_quaternary {
background-color: #f2a900; }
.panel_color_fill.panel_color_quinary {
background-color: #00a9e0; }
.panel_color_fill.panel_color_senary {
background-color: #b7312c; }
.panel_color_fill.panel_color_septenary {
background-color: #d78825; }
.panel_color_fill.panel_color_emphasize {
background-color: #cb6015; }
.panel_color_fill.panel_color_transparent {
background-color: transparent; }
.panel_color_fill.panel_color_primary *,
.panel_color_fill.panel_color_secondary *,
.panel_color_fill.panel_color_tertiary *,
.panel_color_fill.panel_color_quaternary *,
.panel_color_fill.panel_color_quinary *,
.panel_color_fill.panel_color_senary *,
.panel_color_fill.panel_color_septenary *,
.panel_color_fill.panel_color_emphasize * {
color: #fff; }
/* Color Filled Background: Links */
.panel_color_fill * a {
text-decoration: underline; }
.panel_color_fill h1 a,
.panel_color_fill h2 a,
.panel_color_fill h3 a,
.panel_color_fill h4 a,
.panel_color_fill h5 a,
.panel_color_fill h6 a {
text-decoration: none; }
.panel_color_fill a:hover {
text-decoration: underline; }
.panel_color_transparent * a {
text-decoration: none; }
.panel_color_white * a {
text-decoration: none; }
.panel_color_default * a {
text-decoration: none; }
.panel_color_default * a:hover {
text-decoration: underline; }
.panel_color_fill a.btn {
text-decoration: none !important; }
/* Panel Types: Form (To be used with .panel.panel-default) */
.panel_form {
border-radius: 6px; }
.panel_form .panel-heading {
padding-top: 15px;
padding-bottom: 15px;
background: transparent; }
.panel_form .panel-footer {
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px solid #e6e6e6;
background: transparent;
text-align: right; }
/* Panel Types: Downsize */
.panel_font_downsize {
font-size: 86%; }
.panel_font_downsize h1,
.panel_font_downsize .h1 {
font-size: 28px; }
.panel_font_downsize h2,
.panel_font_downsize .h2 {
font-size: 24px; }
.panel_font_downsize h3,
.panel_font_downsize .h3 {
font-size: 19px; }
.panel_font_downsize h4,
.panel_font_downsize .h4 {
font-size: 17px; }
.panel_font_downsize h5,
.panel_font_downsize .h5 {
font-size: 16px; }
.panel_font_downsize h6,
.panel_font_downsize .h6 {
font-size: 13px; }
.panel_font_downsize .panel-body h1,
.panel_font_downsize .panel-body .h1 {
margin-bottom: 30px; }
.panel_font_downsize .panel-body h2,
.panel_font_downsize .panel-body .h2 {
margin-bottom: 13px; }
.panel_font_downsize .panel-body h3,
.panel_font_downsize .panel-body .h3 {
margin-bottom: 11px; }
.panel_font_downsize .panel-body h4,
.panel_font_downsize .panel-body .h4 {
margin-bottom: 10px; }
.panel_font_downsize .panel-body h5,
.panel_font_downsize .panel-body .h5 {
margin-bottom: 9px; }
.panel_font_downsize .panel-body h6,
.panel_font_downsize .panel-body .h6 {
margin-bottom: 9px; }
.panel_font_downsize ul > li,
.panel_font_downsize ol > li {
margin-bottom: 6px; }
.panel_font_downsize a[class*="icon-"]:before {
font-size: 16px;
line-height: 1.00; }
/* Panel Types: Icon */
.panel_icon_16 .panel-body {
padding-left: 32px; }
.panel_icon_24 .panel-body {
padding-left: 48px; }
.panel_icon_32 .panel-body {
padding-left: 64px; }
.panel_icon_48 .panel-body {
padding-left: 96px; }
.panel_icon_56 .panel-body {
padding-left: 112px; }
.panel_icon_16 .panel-body .icon_16 {
margin-top: 3px;
margin-left: -17px;
float: left; }
.panel_icon_24 .panel-body .icon_24 {
margin-left: -33px;
float: left; }
.panel_icon_32 .panel-body .icon_32 {
margin-left: -49px;
float: left; }
.panel_icon_48 .panel-body .icon_48 {
margin-left: -81px;
float: left; }
.panel_icon_56 .panel-body .icon_56 {
margin-left: -97px;
float: left; }
/* Panel Types: Sidebar */
.panel_sidebar .panel-body {
border-right: 5px solid #f5f5f5; }
.panel_sidebar.panel_color_primary .panel-body {
border-right-color: #6f6f6f; }
.panel_sidebar.panel_color_secondary .panel-body {
border-right-color: #004b87; }
.panel_sidebar.panel_color_tertiary .panel-body {
border-right-color: #48a23f; }
.panel_sidebar.panel_color_quaternary .panel-body {
border-right-color: #f2a900; }
.panel_sidebar.panel_color_quinary .panel-body {
border-right-color: #00a9e0; }
.panel_sidebar.panel_color_senary .panel-body {
border-right-color: #b7312c; }
.panel_sidebar.panel_color_septenary .panel-body {
border-right-color: #d78825; }
.panel_sidebar.panel_color_emphasize .panel-body {
border-right-color: #cb6015; }
.panel_sidebar_left .panel-body {
border-left: 5px solid #f5f5f5; }
.panel_sidebar_left.panel_color_primary .panel-body {
border-left-color: #6f6f6f; }
.panel_sidebar_left.panel_color_secondary .panel-body {
border-left-color: #004b87; }
.panel_sidebar_left.panel_color_tertiary .panel-body {
border-left-color: #48a23f; }
.panel_sidebar_left.panel_color_quaternary .panel-body {
border-left-color: #f2a900; }
.panel_sidebar_left.panel_color_quinary .panel-body {
border-left-color: #00a9e0; }
.panel_sidebar_left.panel_color_senary .panel-body {
border-left-color: #b7312c; }
.panel_sidebar_left.panel_color_septenary .panel-body {
border-left-color: #d78825; }
.panel_sidebar_left.panel_color_emphasize .panel-body {
border-left-color: #cb6015; }
/* Panel Types: Topbar */
.panel_topbar .panel-heading {
border-bottom: none; }
.panel_topbar .panel-body {
border-top: 5px solid #f5f5f5; }
.panel_topbar.panel_color_primary .panel-body {
border-top-color: #6f6f6f; }
.panel_topbar.panel_color_secondary .panel-body {
border-top-color: #004b87; }
.panel_topbar.panel_color_tertiary .panel-body {
border-top-color: #48a23f; }
.panel_topbar.panel_color_quaternary .panel-body {
border-top-color: #f2a900; }
.panel_topbar.panel_color_quinary .panel-body {
border-top-color: #00a9e0; }
.panel_topbar.panel_color_senary .panel-body {
border-top-color: #b7312c; }
.panel_topbar.panel_color_septenary .panel-body {
border-top-color: #d78825; }
.panel_topbar.panel_color_emphasize .panel-body {
border-top-color: #cb6015; }
/* ---- Pictograms ---- */
/* Pictograms: Sizes */
.pictogram_56,
img.pictogram_56 {
width: 56px;
height: auto; }
.pictogram_64,
img.pictogram_64 {
width: 64px;
height: auto; }
.pictogram_72,
img.pictogram_72 {
width: 72px;
height: auto; }
.pictogram_100,
img.pictogram_100 {
width: 100px;
height: auto; }
.pictogram_125,
img.pictogram_125 {
width: 125px;
height: auto; }
.pictogram_150,
img.pictogram_150 {
width: 150px;
height: auto; }
/* ---- Popovers ---- */
.popover {
font-size: 13px; }
/*---- Rating ----*/
.rating_container {
white-space: nowrap; }
.rating_container p {
display: inline-block;
font-size: 22px; }
.rating_scale {
display: inline-block; }
/* Rating Stars: Gray */
.rate_input,
.rating_scale {
color: #e6e6e6;
display: inline-block;
font: 15px/1.75 'mathworks';
position: relative; }
.rating:before {
content: '\e677 \e677 \e677 \e677 \e677'; }
/* Rating Stars: Yellow */
.rated {
color: #f2a900;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
white-space: nowrap; }
.rated:before {
content: '\e677 \e677 \e677 \e677 \e677'; }
/* Rating: Ranking */
.ranking {
font-size: 13px; }
.ranking .list-inline li + li {
border-left: 1px solid #474747; }
/* Rating: Input */
.rating_container .radio_group_label {
margin-bottom: 0;
display: inline-block;
font-size: 15px;
line-height: 1.75;
vertical-align: top; }
.rating_container .control-label.radio_group_label {
padding-top: 0;
font-weight: bold; }
/* Rating Input: Radio Buttons */
.rate_input:not(:checked) > input {
width: 1px;
height: 1px;
padding: 0;
border: 0;
margin: -1px;
clip: rect(0 0 0 0);
overflow: hidden;
position: absolute; }
.rate_input:not(:checked) > label {
width: 1.175em;
padding: 0 0.0625em 0;
margin-bottom: 0;
margin-right: 0.0625em;
float: right;
cursor: pointer;
overflow: hidden;
white-space: nowrap; }
.rate_input:not(:checked) > label:before {
content: '\e677 ';
margin-right: 0.5em; }
.rate_input > input:checked ~ label {
color: #f2a900; }
.rate_input:not(:checked) > label:hover,
.rate_input:not(:checked) > label:hover ~ label {
color: #f2a900; }
.rate_input > input:checked + label:hover,
.rate_input > input:checked + label:hover ~ label,
.rate_input > input:checked ~ label:hover,
.rate_input > input:checked ~ label:hover ~ label,
.rate_input > label:hover ~ input:checked ~ label {
color: #f2a900; }
.rate_input > label:active {
left: 2px;
position: relative;
top: 2px; }
/* Rating: Hidden */
.visuallyhidden {
width: 1px;
height: 1px;
padding: 0;
border: 0;
margin: -1px;
clip: rect(0 0 0 0);
overflow: hidden;
position: absolute; }
/* ---- Rows : Color Alternating ---- */
/* Note: This background color is used on alternating table rows as well. Update in both places */
.row_striped {
padding: 0 15px; }
.row_striped > .row:nth-of-type(odd) {
background-color: #fafafa; }
/* ---- Search Nuggets ---- */
.nugget_container {
padding: 5px 5px 0;
margin-top: 10px;
background: #f5f5f5;
overflow: hidden; }
.nugget_label {
margin: 8px 13px 0 5px;
font-size: 11px;
float: left;
text-transform: uppercase; }
/* Nuggets */
.nugget {
max-width: 200px;
border: 1px solid #e6e6e6;
border-radius: 5px;
margin-bottom: 5px;
background: #fff;
float: left; }
.nugget + .nugget {
margin-left: 5px; }
.nugget .label {
padding: 0;
color: #474747;
font-size: 12px;
font-weight: normal; }
.nugget:hover {
background-color: rgba(0, 0, 0, 0.04);
border-color: #6f6f6f; }
.nugget:hover .label {
text-decoration: line-through; }
.nugget a {
padding: 3px 25px 5px 5px;
color: #474747;
display: block;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
white-space: nowrap; }
.nugget a:hover {
text-decoration: none; }
.nugget a.icon-remove {
padding-left: 5px; }
.nugget a.icon-remove:before {
right: 3px;
top: 5px; }
.nugget_remove_all {
background: transparent; }
.nugget_remove_all a {
padding-right: 5px; }
.nugget_remove_all:hover {
border: 1px solid #6f6f6f;
background: transparent; }
.nugget_remove_all:hover .label {
text-decoration: none; }
/* Nuggets: Convert to Button List for Mobile */
@media screen and (max-width: 420px) {
.nugget_label {
margin: 6px 0 11px 5px;
display: block;
float: none; }
.nugget {
max-width: none;
border: none;
border-radius: 0;
display: block;
float: none;
overflow: hidden; }
.nugget + .nugget {
margin-left: 0; }
.nugget_remove_all:hover {
border: none; } }
/* ---- Sections ---- */
/* Note: Any changes to will negatively impact Doc. Contact Ryan Johnson before making any change */
.subsection {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #e6e6e6; }
/* ---- Separators ---- */
/* Deprecated - Use
instead */
.separator {
margin: 0 0 21px;
border-top: 1px solid #e6e6e6; }
/* ---- Slider ---- */
.slider_container {
padding: 20px 15px 0;
margin-bottom: 30px;
display: block;
background-color: #f5f5f5;
overflow: hidden; }
.slider_container p {
margin-bottom: 0; }
.slider_container .slide {
margin: 0 auto;
position: relative; }
/* Slider: Content */
.slider-inner {
width: 100%;
overflow: hidden;
position: relative; }
.slider-inner > .item {
display: none;
position: relative;
transition: .6s ease-in-out left;
-webkit-transition: .6s ease-in-out left; }
.slider-inner > .item > img,
.slider-inner > .item > a > img {
max-width: 100%;
height: auto;
display: block;
line-height: 1.00; }
.slider-inner > .active,
.slider-inner > .next,
.slider-inner > .prev {
display: block; }
.slider-inner > .next,
.slider-inner > .prev {
width: 100%;
position: absolute;
top: 0; }
.slider-inner > .next {
left: 100%; }
.slider-inner > .prev {
left: -100%; }
.slider-inner > .active,
.slider-inner > .next.left,
.slider-inner > .prev.right {
left: 0; }
/* Slider: Control */
.slider-control {
width: 30px;
bottom: 0;
color: #187dbb;
font-size: 26px;
position: absolute;
text-align: center;
text-shadow: none;
top: -20px; }
.slider-control.left {
left: -15px; }
.slider-control.right {
right: -15px; }
.slider-control [class*="icon-"] {
position: absolute;
top: calc(50% - 14px);
z-index: 5; }
.slider-control.left [class*="icon-"] {
left: 1px; }
.slider-control.right [class*="icon-"] {
right: 1px; }
.slider-control:hover [class*="icon-"],
.slider-control:focus [class*="icon-"] {
color: #004b87;
opacity: 0.9;
outline: none;
text-decoration: none; }
.slider-control .icon-prev,
.slider-control .icon-next {
font-family: mathworks; }
.slider-control .icon-prev:before {
content: '\e613'; }
.slider-control .icon-next:before {
content: '\e615'; }
/* ---- Small Text ---- */
small p,
small ul,
small ol,
.small p,
.small ul,
.small ol {
margin-bottom: 15px; }
/* Small Text: Size Options */
small.small_90,
.small.small_90 {
font-size: 90%; }
small.small_70,
.small.small_70 {
font-size: 70%; }
/* Deprecated: Small Text */
small.percent_90 {
font-size: 90%; }
small.percent_70 {
font-size: 70%; }
/* ---- Social Media ---- */
/* Social Media: Icons */
.social_media.large img,
.social_media.large object {
width: 24px;
height: 24px;
display: inline-block; }
.social_media.large .social_media_icons li {
padding-left: 0;
margin-bottom: 0;
float: left; }
.social_media.large .social_media_icons li + li {
padding-left: 14px; }
/* Social Media: Share */
.sharebuttons li {
height: 24px; }
/* Adjust for FB share button */
.sharebuttons.list-inline .fb-share-button span {
height: 25px !important; }
/* ---- Superscript / Subscript ---- */
sub,
sup {
font-size: 55%;
line-height: 0;
position: relative; }
sup {
top: -.85em; }
/* ---- Tabs ---- */
/* Tab: Controls -- [ Additional Styles: MD,XS ] */
.nav-tabs {
margin-left: 0; }
.nav-tabs li {
padding-left: 0;
margin-bottom: -1px;
font: normal 400 16px/1.13 Arial, Helvetica, sans-serif; }
ul.nav-tabs li:before {
min-width: 0;
margin-left: 0;
content: "";
display: block; }
.nav-tabs li a {
outline: none; }
.nav-tabs li:hover a {
color: #004b87; }
/* Controls : Icons */
.nav-tabs li span[class*="icon-"]:not(.glyphicon) {
margin: -2px 5px 0 0;
float: left; }
/* Tab: Content */
.tab-content {
padding: 30px 15px;
border: 1px solid #e6e6e6;
border-top: none; }
/* Tab: Layout */
/* Tab Layout: Accordion */
.tab-container .panel-title {
font-size: 19px; }
.tab-container .responsive .panel-heading {
padding: 0; }
.tab-container .responsive .panel-heading a {
padding: 10px 15px;
color: #333;
outline: none;
overflow: auto; }
.tab-container a.accordion-toggle {
display: block;
text-decoration: none; }
.tab-container a.accordion-toggle:hover {
color: #333; }
.tab-container a.accordion-toggle .label-description {
display: none; }
.tab-container .accordion-toggle .icon-arrow-open-up,
.tab-container .accordion-toggle .icon-arrow-open-down {
float: right; }
.tab-container .accordion-toggle .icon-arrow-open-up {
display: inline-block; }
.tab-container .accordion-toggle .icon-arrow-open-down {
display: none; }
.tab-container .accordion-toggle.collapsed .icon-arrow-open-up {
display: none; }
.tab-container .accordion-toggle.collapsed .icon-arrow-open-down {
display: inline-block; }
/* Tab Layout: Vertical */
.tab-container .tabs-vertical .tab-pane.active {
padding-bottom: 0;
border-bottom: none; }
.tab-container .tabs-vertical {
width: 25%;
padding-top: 30px;
border: none;
float: left;
position: relative; }
.tab-container .tabs-vertical + .tab-content {
width: 75%;
padding-left: 15px;
padding-right: 15px;
border-top: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
float: left;
position: relative; }
.tab-container .tabs-vertical .label-description {
color: #333;
display: block;
font: normal 400 14px/1.00 Arial, Helvetica, sans-serif;
text-decoration: none; }
.tab-container .tabs-vertical > li {
margin-bottom: 2px;
float: none; }
.tab-container .tabs-vertical > li > a {
margin-right: 0;
border-radius: 4px 0 0 4px;
display: block; }
.tab-container .tabs-vertical > li.active > a,
.tab-container .tabs-vertical > li.active > a:focus,
.tab-container .tabs-vertical > li.active > a:hover {
margin-right: -1px;
border-right-color: #fff;
border-bottom-color: #e6e6e6;
background: #fff;
z-index: 1000; }
/* ---- Tables ---- */
.table {
font-size: 14px;
line-height: 1.50; }
.table p,
.table ul {
margin-bottom: 10px; }
.table li {
margin-bottom: 3px; }
/* Tables: Bordered */
.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border-color: #e6e6e6; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 1px; }
/* Tables: Collapsing Table */
.table_collapse th {
left: 0;
position: relative;
top: 0; }
.table_collapse td:before {
display: none;
top: 7px;
white-space: nowrap; }
.table_collapse th,
.table_collapse td {
padding: .25em .5em;
display: table-cell;
text-align: left; }
.table_collapse th:last-child,
.table_collapse td:last-child {
padding-right: 0; }
/* Tables: Condensed */
.table-condensed {
font-size: 13px; }
/* Tables: Datatable */
.datatable {
margin: 0 0 21px; }
.datatable th {
padding: 8px 15px;
background: #e9e9e9;
color: #333;
font-size: 14px;
font-weight: normal;
line-height: 1.14;
vertical-align: middle; }
.datatable td {
padding: 8px 15px;
font-size: 12px;
line-height: 1.14; }
/* Tables: Striped [ Additional Styles: XS ] */
/* Note: This color is used on alternating rows as well. Update in both places */
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #fafafa; }
/* ---- Tags ---- */
a.tag_component {
display: inline-block;
padding: 4px 12px;
border: 1px solid #187dbb;
border-radius: 20px;
margin: 0 10px 10px 0;
color: #187dbb;
font-size: 12px;
line-height: 1.0;
vertical-align: middle;
text-decoration: none;
text-transform: lowercase; }
a.tag_component:hover, a.tag_component:visited {
border-color: #004b87;
color: #004b87;
text-decoration: none;
cursor: pointer; }
a.tag_component.tag_large {
font-size: 15px;
line-height: 1.2; }
a.tag_component.tag_remove .icon-remove {
margin-right: -5px;
color: #999; }
a.tag_component.tag_remove .icon-remove:hover {
color: #5d5d5d; }
/* ---- Thumbnail ---- */
.thumbnail {
padding: 0;
border: none;
border-radius: 0;
background-color: transparent; }
.thumbnail img {
border: 1px solid #e6e6e6; }
.thumbnail > img,
.thumbnail a > img {
margin-left: 0;
margin-right: 0; }
/* Thumbnail: Assets */
.thumbnail.thumbnail_asset a {
width: 100%;
margin-bottom: 10px;
display: block;
float: left;
position: relative;
text-decoration: none; }
.asset_overlay {
position: relative; }
.asset_title {
display: block; }
/* Thumbnail: Overlays */
.thumbnail.thumbnail_asset .overlay_container {
padding: 2px;
margin: 1px;
background: #474747;
background: rgba(0, 0, 0, 0.7);
bottom: 0;
font-size: 12px;
line-height: 1.00;
position: absolute;
right: 0; }
.thumbnail.thumbnail_asset.large .overlay_container {
padding: 6px 9px;
font-size: 20px; }
.thumbnail.thumbnail_asset:hover .overlay_container,
.thumbnail.thumbnail_asset:focus .overlay_container {
background: #5a5a5a; }
.thumbnail.thumbnail_asset .overlay_container.left {
left: 0;
right: auto; }
.thumbnail.thumbnail_asset .overlay_container .video_length {
padding-left: .2em;
color: #fff !important;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
line-height: 1.00; }
/* ---- Video ---- */
.video_length,
.video_count {
color: #6f6f6f; }
/* ---- Wells ---- */
.well {
border-radius: 0; }
.well > *:last-child,
.well > *:last-child > *:last-child,
.well > *:last-child > *:last-child > *:last-child {
margin-bottom: 0; }
/* ------------------------------------
$ Structure
------------------------------------ */
/* ---- Header ---- */
.header {
background: #fff; }
/* Global Navbars */
.navbar {
min-height: 0;
margin-bottom: 0;
border: none; }
.navbar-default {
background-color: transparent; }
.navbar-collapse ul {
margin-bottom: 0; }
.navbar-collapse li {
padding-left: 0;
margin-bottom: 0;
background: none;
font-size: 14px; }
.navbar-default #topnav {
margin-top: 11px; }
.navbar-default #topnav.navbar-nav > li > a {
padding: 5px 10px;
color: #187dbb;
display: block;
text-decoration: none;
white-space: nowrap; }
.navbar-default #topnav.navbar-nav > li > a,
.navbar-default #topnav.navbar-nav > li > a:visited {
color: #474747; }
.navbar-default #topnav.navbar-nav > li > a:hover {
color: #187dbb; }
.navbar-default #topnav.navbar-nav > li.active > a,
.navbar-default #topnav.navbar-nav > li.active > a:hover {
border-radius: 4px;
background: #e6f2fa;
color: #474747; }
.navbar-header {
float: none; }
.logo_container {
margin-top: 5px;
margin-bottom: 6px;
float: left; }
.logo_container .mw_logo {
width: 173px;
height: 35px;
margin: 0 20px 0 -6px;
float: left; }
.logo_container .mlc_logo {
width: 173px;
height: 23px;
margin: 0 20px 0 -6px;
float: left; }
/* Global Navbars: Logo Placement w/o PTools (Desktop) */
#header_desktop .logo_container.ptools_off {
margin-top: 18px; }
/* Non-Mobile Adjustments */
@media only screen and (min-width: 992px) {
#headernav {
padding-top: 8px; }
#headernav > li {
padding-left: 7px;
font-size: 13px;
line-height: 1.15; }
#headernav > li > a {
padding: 0 4px;
margin: 0;
color: #fff;
font-weight: normal;
line-height: 0.92; }
#headernav > li > a:hover {
background-color: transparent;
color: #fff; }
#headernav a:hover .caret {
border-top-color: #fff; }
#headernav_collapse .navbar-nav > .open > a,
#headernav_collapse .navbar-nav > .open > a:hover,
#headernav_collapse .navbar-nav > .open > a:focus {
background-color: transparent;
color: #6f6f6f; }
#headernav_collapse .navbar-nav > .open > a:focus {
background-color: transparent;
color: #6f6f6f; }
#headernav_collapse li.headernav_store [class*="companion_btn"].btn-xs {
height: 25px;
padding-top: 2px;
padding-bottom: 0; }
#headernav_collapse li.headernav_login .dropdown-menu {
margin-top: 7px;
z-index: 1037; }
#headernav_collapse li.headernav_login > a,
#headernav_collapse li.headernav_contact a {
width: 24px;
height: 24px;
padding: 0;
display: block;
background: transparent no-repeat center center;
background-size: cover;
transition: background-image 0.3s ease; }
/* Use dual backgrounds to pre-load hover state */
#headernav_collapse li.headernav_contact a {
background-image: url(/images/responsive/global/ico-header-contact.svg), url(/images/responsive/global/ico-header-contact-hover.svg); }
#headernav_collapse li.headernav_contact a:hover {
background-image: url(/images/responsive/global/ico-header-contact-hover.svg); }
#headernav_collapse li.headernav_login > a {
border-radius: 50%;
background-image: url(/images/responsive/global/ico-header-account.svg), url(/images/responsive/global/ico-header-account-hover.svg); }
#headernav_collapse li.headernav_login > a:hover {
background-image: url(/images/responsive/global/ico-header-account-hover.svg); }
#headernav_collapse li.headernav_login {
border-left: none; }
#headernav_collapse li.headernav_login > a {
padding-right: 0;
padding-left: 4px; }
/* Global Navbars: Dropdowns */
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
background: transparent; }
/* Matrix Menu */
#header_desktop li.headernav_matrix button {
top: -5px; }
/* Overrides for Matrix */
.ccw-header li.headernav_matrix {
margin-right: 20px;
top: 5px; }
.ccw-header .headernav_matrix button > .icon-matrix {
color: #fff;
opacity: 0.9; }
.ccw-header .headernav_matrix button > .icon-matrix:hover,
.ccw-header .headernav_matrix button:focus > .icon-matrix {
color: #fff;
opacity: 1; }
/* Add to Login CSS in Grader */
.search_nested_content_container ul#headernav li.headernav_login {
margin-right: 10px; }
/* Hide MWA Global Login, Using Custom Grader Login */
.ccw-header li.headernav_login + li.headernav_login {
display: none; } }
/* ---- Section Header ---- */
/* Doc Warning: Any height changes to .section_header or .section_header_content need to be reflected in .doc_center_product */
.section_header {
width: 100%;
height: 52px;
background: #2f7eb2 none !important;
display: table; }
.section_header_content {
width: 100%;
height: 52px;
padding: 8px 0 14px;
display: table-cell;
vertical-align: bottom; }
.section_header_title {
float: left; }
/* Section Header: Hierarchy */
.section_header h1,
.section_header p.h1 {
padding: 0;
margin-bottom: 0;
color: #fff;
font: normal 400 24px/1.00 "futura-pt-n4","futura-pt",Arial,Helvetica,sans-serif;
letter-spacing: -.02em;
float: left; }
.section_header em {
font-family: "futura-pt-i4","futura-pt","Arial","Helvetica",sans-serif;
font-style: italic;
font-weight: 400; }
.section_header strong {
font-family: "futura-pt-n7","futura-pt",Arial,Helvetica,sans-serif;
font-weight: 700; }
.section_header em strong,
.section_header strong em {
font-family: "futura-pt-i7","futura-pt","Arial","Helvetica",sans-serif;
font-style: italic;
font-weight: 700; }
/* Section Header: Search [ Additional Styles: SM + XS ] */
.section_header form {
padding-top: 11px; }
.section_header .btn_search_adjacent {
background: #123a55;
background: rgba(0, 0, 0, 0.4);
color: #fff; }
.section_header .btn_search_adjacent:hover,
.section_header .btn_search_adjacent:active,
.section_header .btn_search_adjacent:focus {
color: #fff;
outline: none; }
.section_header .btn_search_adjacent.icon-search {
padding-top: 6px;
padding-bottom: 6px; }
.section_header .btn_search_adjacent.icon-arrow-down {
padding-right: 8px;
padding-left: 8px;
border-left: 1px solid #2f7eb2; }
.section_header .conjoined_search {
height: 30px;
padding: 3px 12px;
border: none;
border-radius: 4px 0 0 4px !important; }
.section_header .input-group-btn:last-child > .btn {
margin-left: 0; }
.section_header .btn_search {
padding-left: 8px;
padding-right: 8px;
border-radius: 0; }
.section_header .btn_search_adjacent {
border-radius: 0 4px 4px 0;
background-color: #1c4b6a;
background-color: rgba(0, 0, 0, 0.4);
color: #fff; }
.section_header .dropdown-toggle {
height: 30px;
margin-right: 1px;
padding-top: 4px;
padding-right: 22px;
padding-bottom: 4px;
border-radius: 0;
font-size: 13px;
line-height: 1.00; }
.section_header .dropdown-toggle .caret {
margin: 6px -16px 0 0;
float: right; }
.section_header .dropdown-menu {
z-index: 1045; }
.section_header .navbar-toggle {
margin: 0;
padding-left: 0;
border: none;
color: #fff;
display: block;
float: left; }
.section_header .navbar-toggle .icon-menu-reverse {
padding-top: 0;
padding-bottom: 0;
margin-bottom: -1px; }
.section_header .search_scope_label {
white-space: nowrap; }
/* Search: Non-Mobile Adjustments */
@media only screen and (min-width: 768px) {
.section_header .dropdown-toggle {
white-space: nowrap; }
#mobile_search.collapse {
height: auto !important;
display: block; } }
/* Section Header: Affix */
.sticky_header_container.affix,
.sticky_header_container.affix-bottom {
width: 100%;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
top: 0;
z-index: 1035; }
/* Affix: Desktop [ Additional Styles: SM + XS ] */
@media (min-width: 992px) {
/* Account for Affixed Header --- padding-top : calc(Height of Affixed Banner + Top Padding on Element) */
.sticky_header_container.affix + .full_banner_container {
padding-top: calc(52px + 0px); }
.sticky_header_container.affix + .body_lead_container {
padding-top: calc(52px + 30px); }
.sticky_header_container.affix + .content_container {
padding-top: calc(52px + 20px); }
.sticky_header_container.affix + .cta_container_mobile + .body_lead_container {
padding-top: calc(52px + 30px); }
.sticky_header_container.affix + .cta_container_mobile + .content_container {
padding-top: calc(52px + 20px); }
.sticky_header_container.affix.includes_subnav + .full_banner_container {
padding-top: calc(96px + 0px); }
.sticky_header_container.affix.includes_subnav + .body_lead_container {
padding-top: calc(96px + 30px); }
.sticky_header_container.affix.includes_subnav + .content_container {
padding-top: calc(96px + 20px); }
.sticky_header_container.affix.includes_subnav + .cta_container_mobile + .body_lead_container {
padding-top: calc(96px + 30px); }
.sticky_header_container.affix.includes_subnav + .cta_container_mobile + .content_container {
padding-top: calc(96px + 20px); }
/* Min Height Re-Calc with New Padding Value : Min-Height Value Defined Below */
.sticky_header_container.affix + .content_container {
min-height: calc(52px + 550px); }
.sticky_header_container.affix + .cta_container_mobile + .content_container {
min-height: calc(52px + 550px); }
.sticky_header_container.affix.includes_subnav + .content_container {
min-height: calc(96px + 550px); }
.sticky_header_container.affix.includes_subnav + .cta_container_mobile + .content_container {
min-height: calc(96px + 550px); } }
/* ---- Horizontal Nav ---- */
.horizontal_nav_container {
width: 100%;
height: 44px;
background: #fff;
display: table; }
.horizontal_nav_container .navbar-nav {
padding-top: 12px;
padding-left: 10px;
margin-left: -30px; }
.horizontal_nav_container .navbar-nav > li {
padding: 0 5px;
font-size: 13px;
line-height: 1.00; }
.horizontal_nav_container .navbar-nav > li + li {
border-left: 1px solid #e6e6e6; }
.horizontal_nav_container .navbar-nav > li > a {
padding: 0 5px;
color: #474747;
font-weight: normal; }
.horizontal_nav_container .navbar-nav > li > a,
.horizontal_nav_container .navbar-nav > li > a:visited {
color: #187dbb; }
.horizontal_nav_container .navbar-nav > li:active > a,
.horizontal_nav_container .navbar-nav > li > a:hover {
background: transparent;
color: #004b87; }
.horizontal_nav_container .navbar-nav > .open > a,
.horizontal_nav_container .navbar-nav > .open > a:hover,
.horizontal_nav_container .navbar-nav > .open > a:focus {
background: transparent;
color: #428bca; }
.horizontal_nav_container .navbar-nav > li.active > a,
.horizontal_nav_container .navbar-nav > li.active > a:hover,
.horizontal_nav_container .navbar-nav > li.active > a:focus {
background: transparent;
color: #474747; }
.horizontal_nav_container .caret {
margin-left: 5px; }
/* Horizontal Nav: CTA Box */
.horizontal_nav_container .cta_box {
padding-top: 14px; }
/* ---- Full Banner ---- */
.full_banner_container {
background: #fff; }
/* Full Banner: Carousels */
.full_banner .carousel-inner > .item {
min-height: 400px; }
.full_banner.small .carousel-inner > .item {
min-height: 250px; }
/* Full Banner: Opacity Container */
.full_banner .opacity_container {
margin-left: -15px;
margin-right: -15px; }
/* ---- Mobile CTA Container ---- */
.cta_container_mobile {
padding: 20px 0;
background: #fff; }
/* ---- Body Lead ---- */
.body_lead_container {
padding: 30px 0 10px;
background: #f5f5f5;
border-bottom: 1px solid #e3e3e3; }
/* ---- Content ---- */
/* Content Container : If min-height Changes, Update the Affix Values Above */
.content_container {
min-height: 550px;
padding: 20px 0 50px;
border-bottom: 1px solid #e6e6e6;
background: #fff; }
.body_lead_container + .content_container {
padding-top: 40px; }
/* ---- Search Results ---- */
/* Search Results: Table */
/* Search Results Table: Header */
#search_result_header .link_disabled,
#search_result_footer .link_disabled {
cursor: default !important;
pointer-events: none; }
#search_result_header .link_disabled [class*="icon-"],
#search_result_footer .link_disabled [class*="icon-"] {
opacity: .25; }
/* Search Results Table: Content */
.search_result_table {
margin-bottom: 0; }
.search_result_table .search_title {
margin-bottom: 5px;
font-weight: bold; }
.search_result_table .additional_field {
margin-bottom: 5px; }
.search_result_table .new_indicator {
padding-left: 5px; }
.search_result_table .search_result_additional_left.thumb {
width: 20%; }
.search_result_table .search_result_additional_right.thumb {
width: 15%; }
.search_result_table .result_element_thumb.workaround {
padding: 0;
margin: 0 0 5px 50px;
background: transparent url(/images/bug_reports/workaround.gif) no-repeat 0 0; }
.search_result_table .result_element_thumb.workaround img {
width: 0;
height: 24px;
margin: 0;
padding: 0; }
.search_result_table .result_element_thumb.answer_frame {
width: 60px;
padding: 9px 0 4px;
margin: 0 auto 5px;
border: 1px solid #e6e6e6;
color: #2d9923;
font-size: 1em;
line-height: 1.20;
text-align: center; }
.search_result_table .result_element_thumb.answer_frame.accepted {
border: 1px solid #2d9923; }
.search_result_table .result_element_thumb.accepted {
color: #2d9923; }
.search_result_table .search_url,
.search_result_table .search_url a {
color: #48a23f;
text-decoration: none; }
.search_result_table .search_highlight em {
color: #6f6f6f;
font-weight: bold;
font-style: normal; }
@media only screen and (max-width: 767px) {
.search_result_table .search_highlight {
display: none; }
.search_result_table .search_result_additional_left.thumb {
width: 40%; }
.search_result_table .search_result_additional_right.thumb {
width: 40%; } }
/* Search Results: Facets -- [ Additional Styles: SM & XS ] */
#facets_area {
margin-top: -9px;
margin-left: -5px; }
.search_refine {
margin: 0 0 18px;
color: #474747;
font-size: 12px; }
.search_refine h3 {
padding: 7px 5px 6px;
margin: 0;
border-bottom: 1px solid #e6e6e6;
color: #474747;
font: bold 14px/1.00 Arial, Helvetica, sans-serif; }
.search_refine ul {
margin-bottom: 0; }
.search_refine ul > li {
padding-left: 0;
margin-bottom: 1px;
line-height: 1.25; }
.search_refine ul > li > ul {
margin-top: 1px; }
.search_refine a {
padding: 7px 5px 5px;
color: #808080;
display: block; }
.search_refine a:hover {
background: #f5f5f5;
color: #333;
text-decoration: none; }
.search_refine a:focus,
.search_refine a:active {
text-decoration: none; }
.search_refine .facet_title {
padding: 7px 5px 5px;
color: #808080;
display: block; }
.search_refine ul li li {
padding-left: 10px; }
.search_refine .refine_type_count,
.search_refine .refine_product_count,
.search_refine .refine_category_count {
margin: 0 0 5px 7px;
display: block;
float: right; }
.search_refine li.refined {
position: relative; }
.search_refine li.refined > a {
padding-right: 30px;
background: #f5f5f5;
color: #333; }
.search_refine li.refined > a:after {
margin-top: -3px;
color: #808080;
content: "\e64b";
display: inline-block;
font-family: 'mathworks';
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
opacity: 0.9;
position: absolute;
right: 5px;
speak: none;
text-transform: none; }
.search_refine_scroll {
max-height: 200px;
overflow-x: hidden;
overflow-y: auto; }
/* ---- Body Trail ---- */
.body_trail_container {
padding: 30px 0;
background: #f5f5f5; }
/* ---- Footer ---- */
footer {
padding: 10px 0 0 0;
background: #e6e6e6;
color: #212121;
font-size: 13px;
line-height: 1.40; }
footer a,
footer a:focus,
footer a:visited,
footer a:hover {
color: #212121; }
footer h4,
footer h5,
footer h6,
footer h4 a,
footer h4 a:hover,
footer h4 a:visited,
footer h5 a,
footer h5 a:hover,
footer h5 a:visited,
footer h6 a,
footer h6 a:hover,
footer h6 a:visited {
color: #212121; }
footer h5 {
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: bold; }
/* Footer: Fat */
.fat_footer_container {
padding: 20px 0; }
/* Footer: Standard */
.footer {
min-height: 100px;
padding: 18px 0;
overflow: hidden; }
.footer p {
margin-bottom: 12px; }
/* Footer Nav -- [ Additional Styles: XS ] */
.countrynav {
margin-bottom: 20px;
float: left; }
.countrynav li {
padding-left: 0;
margin-bottom: 0;
font-size: 15px;
float: left; }
.countrynav li.footernav_country [class*="icon-"] {
margin-right: 6px; }
.countrynav li.footernav_country a {
padding: 7px 14px 7px 10px;
border: 1px solid #808080;
border-radius: 18px;
color: #fff;
display: block;
text-decoration: none; }
.countrynav li.footernav_country a:hover {
box-shadow: inset 0px 0px 0px 200px rgba(255, 255, 255, 0.1); }
.footernav {
margin-bottom: 5px;
overflow: hidden; }
.footernav li {
padding-left: 0;
margin-bottom: 0;
float: left; }
.footernav li + li {
border-left: 1px solid #808080; }
.footernav a {
padding: 0 8px;
display: block; }
.footernav li:first-child a {
padding-left: 0; }
.footernav li:last-child a {
padding-right: 0; }
.kr_footernav {
margin-bottom: 5px; }
.kr_footernav li {
padding: 0 8px; }
.kr_footernav li:first-child {
padding-left: 0; }
/* Social Media -- [ Additional Styles: SM,XS ] */
.footer .social_media {
font-size: 11px;
line-height: 1.09;
text-align: right; }
.footer .social_media_icons {
margin-bottom: 5px;
float: right; }
.footer .social_media_icons li {
padding-left: 0;
margin-bottom: 0;
background: none;
float: left; }
.footer .social_media_icons li + li {
margin: 0 0 0 8px; }
.footer .social_media_icons [class*="ico_"] {
width: 16px;
height: 16px; }
.footer .social_media_icons .ico_sm {
width: 16px;
height: 16px;
background-image: url(/images/responsive/global/ico-sprite.png);
display: block; }
/* Social Media: Icons -- [ Additional Styles: SM,XS ] */
.ico_sm.ico_google {
background-position: 0 0; }
.ico_sm.ico_facebook {
background-position: 0 -16px; }
.ico_sm.ico_linkedin {
background-position: 0 -32px; }
.ico_sm.ico_rss {
background-position: 0 -48px; }
.ico_sm.ico_twitter {
background-position: 0 -64px; }
.ico_sm.ico_weibo {
background-position: 0 -80px; }
/* ---- Tracking Scripts ---- */
/* Google Remarketing */
iframe[name='google_conversion_frame'] {
width: 0 !important;
height: 0 !important;
float: left;
visibility: hidden; }
/* ------------------------------------
$ Override CSS
------------------------------------ */
/* Add & Remove Classes */
/* ---- Additive / Reductive CSS ---- */
/* Add */
/* Add: Background Size */
.add_background_cover {
background-size: cover !important; }
/* Add: Borders */
.add_border {
border: 1px solid #e6e6e6; }
.add_border_top {
border-top: 1px solid #e6e6e6; }
.add_border_bottom {
border-bottom: 1px solid #e6e6e6; }
/* Add: Border Radius */
.add_border_radius_0 {
border-radius: 0 !important; }
.add_border_radius_5 {
border-radius: 5px; }
.add_border_radius_10 {
border-radius: 10px; }
.add_border_radius_15 {
border-radius: 15px; }
.add_border_radius_20 {
border-radius: 20px; }
.add_border_radius_25 {
border-radius: 25px; }
.add_border_radius_50 {
border-radius: 50%; }
/* Add: Browser Height Match */
@media (min-width: 768px) {
.add_browser_height_match_50 {
min-height: 50vh; }
.add_browser_height_match_75 {
min-height: 75vh; }
.add_browser_height_match_100 {
min-height: 100vh; } }
/* Add: Clear */
.add_clear_right {
clear: right; }
.add_clear_left {
clear: left; }
.add_clear_both {
clear: both; }
/* Add: Column Borders (Divider) [ Additional Styles: LG, MD, SM, XS ] ---- */
.add_border_right,
.add_border_left {
position: relative; }
.add_border_left:before,
.add_border_right:after {
width: 0;
height: auto;
border-right: 1px solid #e6e6e6;
bottom: 20px;
content: "";
position: absolute;
top: 0; }
.add_border_left:before {
left: 0; }
.add_border_right:after {
right: 0; }
/* Column Divider: Body Trail */
.body_trail_container .add_border_left:before,
.body_trail_container .add_border_right:after {
border-right-color: #e6e6e6; }
/* Column Divider: Footer */
#footer .add_border_left:before,
#footer .add_border_right:after {
border-right-color: #6f6f6f; }
/* Add: Cursor Pointer */
.add_cursor_pointer {
cursor: pointer; }
/* Add: Disabled */
.add_disabled,
.add_disabled:visited,
.add_disabled:active,
.add_disabled:focus,
.add_disabled:hover {
box-shadow: none;
cursor: not-allowed;
pointer-events: all !important;
opacity: .35; }
/* Add: Display Property */
.add_display_block {
display: block !important; }
.add_display_inline {
display: inline !important; }
.add_display_inlineblock {
display: inline-block !important; }
.add_display_none {
display: none; }
/* Used for JS, SHOULD NOT receive an !important */
@media (min-width: 768px) {
.add_display_table {
width: 100%;
display: table;
float: none; }
.add_display_table_cell {
display: table-cell;
float: none; } }
/* Add: Equal Column Heights -- Non-Mobile Only */
@media only screen and (min-width: 768px) {
.add_equal_heights,
.add_equal_heights > div[class*='col-'] {
display: flex;
flex: 1 1 auto; }
.add_equal_heights {
flex: 0;
flex-direction: row;
flex-wrap: wrap; }
.add_equal_heights > div[class*='col-'] .row {
width: 100%; }
.add_equal_heights > div[class*='col-'] > .panel {
width: 100%; }
/* Fix for Opera: http://nicolasgallagher.com/micro-clearfix-hack/ */
.row.add_equal_heights:before {
font: 0/0 a;
content: normal; }
/* Equal Column Heights: Column Sizing */
/* Mobile */
.add_equal_heights .col-xs-1 {
max-width: 8.33333333%; }
.add_equal_heights .col-xs-2 {
max-width: 16.66666667%; }
.add_equal_heights .col-xs-3 {
max-width: 25%; }
.add_equal_heights .col-xs-4 {
max-width: 33.33333333%; }
.add_equal_heights .col-xs-5 {
max-width: 41.66666667%; }
.add_equal_heights .col-xs-6 {
max-width: 50%; }
.add_equal_heights .col-xs-7 {
max-width: 58.33333333%; }
.add_equal_heights .col-xs-8 {
max-width: 66.66666667%; }
.add_equal_heights .col-xs-9 {
max-width: 75%; }
.add_equal_heights .col-xs-10 {
max-width: 83.33333333%; }
.add_equal_heights .col-xs-11 {
max-width: 91.66666667%; }
.add_equal_heights .col-xs-12 {
max-width: 100%; }
/* Tablet */
.add_equal_heights .col-sm-1 {
max-width: 8.33333333%; }
.add_equal_heights .col-sm-2 {
max-width: 16.66666667%; }
.add_equal_heights .col-sm-3 {
max-width: 25%; }
.add_equal_heights .col-sm-4 {
max-width: 33.33333333%; }
.add_equal_heights .col-sm-5 {
max-width: 41.66666667%; }
.add_equal_heights .col-sm-6 {
max-width: 50%; }
.add_equal_heights .col-sm-7 {
max-width: 58.33333333%; }
.add_equal_heights .col-sm-8 {
max-width: 66.66666667%; }
.add_equal_heights .col-sm-9 {
max-width: 75%; }
.add_equal_heights .col-sm-10 {
max-width: 83.33333333%; }
.add_equal_heights .col-sm-11 {
max-width: 91.66666667%; }
.add_equal_heights .col-sm-12 {
max-width: 100%; } }
/* Desktop Small */
@media (min-width: 992px) {
.add_equal_heights .col-md-1 {
max-width: 8.33333333%; }
.add_equal_heights .col-md-2 {
max-width: 16.66666667%; }
.add_equal_heights .col-md-3 {
max-width: 25%; }
.add_equal_heights .col-md-4 {
max-width: 33.33333333%; }
.add_equal_heights .col-md-5 {
max-width: 41.66666667%; }
.add_equal_heights .col-md-6 {
max-width: 50%; }
.add_equal_heights .col-md-7 {
max-width: 58.33333333%; }
.add_equal_heights .col-md-8 {
max-width: 66.66666667%; }
.add_equal_heights .col-md-9 {
max-width: 75%; }
.add_equal_heights .col-md-10 {
max-width: 83.33333333%; }
.add_equal_heights .col-md-11 {
max-width: 91.66666667%; }
.add_equal_heights .col-md-12 {
max-width: 100%; } }
/* Desktop Large */
@media (min-width: 1200px) {
.add_equal_heights .col-lg-1 {
max-width: 8.33333333%; }
.add_equal_heights .col-lg-2 {
max-width: 16.66666667%; }
.add_equal_heights .col-lg-3 {
max-width: 25%; }
.add_equal_heights .col-lg-4 {
max-width: 33.33333333%; }
.add_equal_heights .col-lg-5 {
max-width: 41.66666667%; }
.add_equal_heights .col-lg-6 {
max-width: 50%; }
.add_equal_heights .col-lg-7 {
max-width: 58.33333333%; }
.add_equal_heights .col-lg-8 {
max-width: 66.66666667%; }
.add_equal_heights .col-lg-9 {
max-width: 75%; }
.add_equal_heights .col-lg-10 {
max-width: 83.33333333%; }
.add_equal_heights .col-lg-11 {
max-width: 91.66666667%; }
.add_equal_heights .col-lg-12 {
max-width: 100%; } }
/* Add: Font Color */
.add_font_color_null {
color: #fff !important; }
.add_font_color_general {
color: #6f6f6f !important; }
.add_font_color_primary {
color: #333 !important; }
.add_font_color_secondary {
color: #004b87 !important; }
.add_font_color_tertiary {
color: #48a23f !important; }
.add_font_color_quaternary {
color: #f2a900 !important; }
.add_font_color_quinary {
color: #00a9e0 !important; }
.add_font_color_senary {
color: #b7312c !important; }
.add_font_color_septenary {
color: #d78825 !important; }
.add_font_color_emphasize {
color: #cb6015 !important; }
/* Add: Font Color for Links */
a.add_font_color_primary:hover {
color: #004b87 !important;
text-decoration: none; }
/* Add: Font Family */
[class*="add_font_"] {
-moz-font-feature-settings: "kern";
-webkit-font-feature-settings: "kern";
font-feature-settings: "kern"; }
/* Font Family: Arial */
.add_font_arial {
font-family: Arial,Helvetica,sans-serif !important; }
/* Assumes being applied to Futura "?" */
span.add_font_arial {
padding-left: 2px;
display: inline-block;
font-size: 90%; }
/* Font Family: Automate */
.add_font_automate {
font-family: "automate-n7","automate",sans-serif !important;
font-style: normal !important;
font-weight: 700 !important;
text-transform: uppercase !important; }
/* Font Family: Futura */
.add_font_futura_book {
font-family: "futura-pt-n4","futura-pt",Arial,Helvetica,sans-serif !important;
font-style: normal !important;
font-weight: 400 !important; }
.add_font_futura_book em {
font-family: "futura-pt-i4","futura-pt",Arial,Helvetica,sans-serif !important;
font-style: italic !important;
font-weight: 400 !important; }
.add_font_futura_book strong,
.add_font_futura_medium {
font-family: "futura-pt-n5","futura-pt",Arial,Helvetica,sans-serif !important;
font-style: normal !important;
font-weight: 500 !important; }
.add_font_futura_book strong em,
.add_font_futura_book em strong,
.add_font_futura_medium em {
font-family: "futura-pt-i5","futura-pt",Arial,Helvetica,sans-serif !important;
font-style: italic !important;
font-weight: 500 !important; }
.add_font_futura_medium strong {
font-family: "futura-pt-n7","futura-pt",Arial,Helvetica,sans-serif !important;
font-style: normal !important;
font-weight: 700 !important; }
.add_font_futura_medium em strong,
.add_font_futura_medium strong em {
font-family: "futura-pt-i7","futura-pt",Arial,Helvetica,sans-serif !important;
font-style: italic !important;
font-weight: 700 !important; }
/* Font Family: Minion Pro */
.add_font_minion_pro,
.add_font_product_wordmark {
font-family: "minion-pro-subhead-n4","minion-pro-subhead",serif !important;
font-style: normal !important;
font-weight: 400 !important; }
/* Minion Pro: MATLAB & Simulink Word Marks */
.add_font_product_wordmark {
font-size: 36px !important;
font-variant: small-caps;
line-height: 0.83 !important; }
.add_font_product_wordmark::first-letter {
font-size: 41px; }
/* Font Family: Museo */
.add_font_museo {
font-family: "museo-slab-n7","museo-slab",serif !important;
font-style: normal !important;
font-weight: 700 !important; }
/* Add: Indent */
.add_indent_5 {
margin-left: 5px !important; }
.add_indent_10 {
margin-left: 10px !important; }
.add_indent_15 {
margin-left: 15px !important; }
.add_indent_20 {
margin-left: 20px !important; }
.add_indent_25 {
margin-left: 25px !important; }
.add_indent_30 {
margin-left: 30px !important; }
/* Add: List Spacing */
.add_list_spacing_3 li {
margin-bottom: 3px !important; }
.add_list_spacing_5 li {
margin-bottom: 5px !important; }
.add_list_spacing_7 li {
margin-bottom: 7px !important; }
.add_list_spacing_10 li {
margin-bottom: 10px !important; }
.add_list_spacing_12 li {
margin-bottom: 12px !important; }
.add_list_spacing_15 li {
margin-bottom: 15px !important; }
.add_list_spacing_3 li > ul {
padding-top: 3px; }
.add_list_spacing_5 li > ul {
padding-top: 5px; }
.add_list_spacing_7 li > ul {
padding-top: 7px; }
.add_list_spacing_10 li > ul {
padding-top: 10px; }
.add_list_spacing_12 li > ul {
padding-top: 12px; }
.add_list_spacing_15 li > ul {
padding-top: 15px; }
/* DEPRECATED: DO NOT USE ---- Add: List Spacing */
.add_spacing_3 li {
margin-bottom: 3px; }
.add_spacing_5 li {
margin-bottom: 5px; }
.add_spacing_7 li {
margin-bottom: 7px; }
.add_spacing_10 li {
margin-bottom: 10px; }
.add_spacing_12 li {
margin-bottom: 12px; }
.add_spacing_15 li {
margin-bottom: 15px; }
.add_spacing_3 li > ul {
padding-top: 3px; }
.add_spacing_5 li > ul {
padding-top: 5px; }
.add_spacing_7 li > ul {
padding-top: 7px; }
.add_spacing_10 li > ul {
padding-top: 10px; }
.add_spacing_12 li > ul {
padding-top: 12px; }
.add_spacing_15 li > ul {
padding-top: 15px; }
/* Add: List Separator */
li.add_list_separator_right {
padding-right: 10px;
border-right: 1px solid #e6e6e6; }
li.add_list_separator_left {
padding-left: 10px;
border-left: 1px solid #e6e6e6; }
/* Add: Margin-Bottom -- [ Additional Styles: SM,XS ] */
.add_margin_0 {
margin-bottom: 0px !important; }
.add_margin_5 {
margin-bottom: 5px !important; }
.add_margin_10 {
margin-bottom: 10px !important; }
.add_margin_15 {
margin-bottom: 15px !important; }
.add_margin_20 {
margin-bottom: 20px !important; }
.add_margin_25 {
margin-bottom: 25px !important; }
.add_margin_30 {
margin-bottom: 30px !important; }
.add_margin_35 {
margin-bottom: 35px !important; }
.add_margin_40 {
margin-bottom: 40px !important; }
.add_margin_45 {
margin-bottom: 45px !important; }
.add_margin_50 {
margin-bottom: 50px !important; }
.add_margin_60 {
margin-bottom: 60px !important; }
.add_margin_70 {
margin-bottom: 70px !important; }
.add_margin_80 {
margin-bottom: 80px !important; }
.add_margin_90 {
margin-bottom: 90px !important; }
.add_margin_100 {
margin-bottom: 100px !important; }
/* Add: Min-Height */
.add_min_height_100 {
min-height: 100px !important; }
.add_min_height_150 {
min-height: 150px !important; }
.add_min_height_175 {
min-height: 175px !important; }
.add_min_height_200 {
min-height: 200px !important; }
.add_min_height_250 {
min-height: 250px !important; }
/* Add: Opacity */
.add_opacity_25 {
opacity: 0.25; }
.add_opacity_50 {
opacity: 0.5; }
.add_opacity_75 {
opacity: 0.75; }
/* Add: Padding */
.add_padding_0 {
padding: 0 !important; }
.add_padding_5 {
padding: 5px !important; }
.add_padding_10 {
padding: 10px !important; }
.add_padding_15 {
padding: 15px !important; }
.add_padding_20 {
padding: 20px !important; }
.add_padding_top_0 {
padding-top: 0 !important; }
.add_padding_top_5 {
padding-top: 5px !important; }
.add_padding_top_10 {
padding-top: 10px !important; }
.add_padding_top_15 {
padding-top: 15px !important; }
.add_padding_top_20 {
padding-top: 20px !important; }
.add_padding_bottom_0 {
padding-bottom: 0 !important; }
.add_padding_bottom_5 {
padding-bottom: 5px !important; }
.add_padding_bottom_10 {
padding-bottom: 10px !important; }
.add_padding_bottom_15 {
padding-bottom: 15px !important; }
.add_padding_bottom_20 {
padding-bottom: 20px !important; }
/* Bands */
.band[class*="add_padding_"] {
padding-right: 0 !important;
padding-left: 0 !important; }
/* Add: Rules */
.add_bottom_rule {
padding-bottom: 2px;
border-bottom: 1px solid #e6e6e6; }
.add_center_rule {
padding: 0;
background: #fff;
text-align: center;
position: relative;
z-index: 1; }
.add_center_rule:before {
width: 100%;
content: "";
border-bottom: 1px solid #e6e6e6;
display: block;
position: absolute;
top: 50%;
z-index: -1; }
.add_center_rule span {
padding: 0 60px;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 10%, white 90%, rgba(255, 255, 255, 0) 100%);
display: inline-block; }
/* Add: Text Wrapping */
.add_text_wrapping {
word-wrap: break-word; }
/* Add: Vertical Alignment (Assumes display:table-cell) */
@media (min-width: 768px) {
.add_vertical_align_top {
vertical-align: top; }
.add_vertical_align_middle {
vertical-align: middle; }
.add_vertical_align_bottom {
vertical-align: bottom; } }
/* Remove */
/* Remove: Background [ Additional Styles: LG,MD,SM,XS ] */
.remove_background_image {
background-image: none !important; }
.remove_background_image:before {
background: transparent !important; }
/* Remove: Border */
.remove_border {
border: none !important; }
.remove_border_top {
border-top: none !important; }
.remove_border_bottom {
border-bottom: none !important; }
/* Remove Border : Clear from */
tr.remove_border td {
border: none !important; }
tr.remove_border_top td {
border-top: none !important; }
tr.remove_border_bottom td {
border-bottom: none !important; }
/* Remove: Bold */
.remove_bold {
font-weight: normal !important; }
h4 .remove_bold,
h5 .remove_bold,
.h4.remove_bold,
.h5.remove_bold,
h4.remove_bold,
h5.remove_bold {
font-family: "futura-pt-n4","futura-pt",Arial,Helvetica,sans-serif !important;
font-weight: 400 !important; }
/* Remove: Gutters */
/* Allowed in BS 4: https://v4-alpha.getbootstrap.com/layout/grid/#no-gutters */
.no-gutters {
margin-right: 0;
margin-left: 0; }
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0; }
/* Remove: Cursor Pointer */
.remove_cursor_pointer {
cursor: default !important; }
/* Remove: Top-Margin */
.remove_margin_0 {
margin-top: 0 !important; }
.remove_margin_5 {
margin-top: -5px !important; }
.remove_margin_10 {
margin-top: -10px !important; }
.remove_margin_15 {
margin-top: -15px !important; }
.remove_margin_20 {
margin-top: -20px !important; }
.remove_margin_25 {
margin-top: -25px !important; }
.remove_margin_30 {
margin-top: -30px !important; }
.remove_margin_35 {
margin-top: -35px !important; }
.remove_margin_40 {
margin-top: -40px !important; }
.remove_margin_45 {
margin-top: -45px !important; }
.remove_margin_50 {
margin-top: -50px !important; }
.remove_margin_60 {
margin-top: -60px !important; }
.remove_margin_70 {
margin-top: -70px !important; }
.remove_margin_80 {
margin-top: -80px !important; }
.remove_margin_90 {
margin-top: -90px !important; }
.remove_margin_100 {
margin-top: -100px !important; }
/* Remove: Padding */
.remove_padding {
padding: 0 !important; }
/* Remove: Text Wrapping */
.remove_text_wrapping {
white-space: nowrap; }
/* ---- Icon Font ---- */
/* Icon Font: As Background */
h1[class*="icon-"]:not(.glyphicon):before,
h2[class*="icon-"]:not(.glyphicon):before,
h3[class*="icon-"]:not(.glyphicon):before,
h4[class*="icon-"]:not(.glyphicon):before,
h5[class*="icon-"]:not(.glyphicon):before,
h6[class*="icon-"]:not(.glyphicon):before,
td[class*="icon-"]:not(.glyphicon):before,
p[class*="icon-"]:not(.glyphicon):before,
a[class*="icon-"]:not(.glyphicon):before,
ul.list-unstyled > li[class*="icon-"]:before {
margin-left: -1.65em;
display: inline-block;
font-family: 'mathworks';
font-size: 106.5%;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1.25;
opacity: 0.95;
position: absolute;
speak: none;
text-decoration: none !important;
text-transform: none; }
/* Icon Font: Text Decoration Fix for :before in IE 8-11 */
/* http://stackoverflow.com/a/21902566 */
a[class*="icon-"]:before {
text-decoration: underline; }
a[class*="icon-"]:before,
a[class*="icon-"]:hover:before {
text-decoration: none; }
/* Icon Font: mathworks-eps Font as Background */
h1[class*="icon-mw-"]:before,
h2[class*="icon-mw-"]:before,
h3[class*="icon-mw-"]:before,
h4[class*="icon-mw-"]:before,
h5[class*="icon-mw-"]:before,
h6[class*="icon-mw-"]:before,
td[class*="icon-mw-"]:before,
p[class*="icon-mw-"]:before,
a[class*="icon-mw-"]:before,
ul.list-unstyled > li[class*="icon-mw-"]:before {
font-family: 'mathworks-eps' !important; }
h1[class*="icon-"],
h2[class*="icon-"],
h3[class*="icon-"],
h4[class*="icon-"],
h5[class*="icon-"],
h6[class*="icon-"],
td[class*="icon-"],
p[class*="icon-"],
a[class*="icon-"],
ul.list-unstyled > li[class*="icon-"] {
padding-left: 1.80em; }
a[class*="icon-"] {
display: block; }
/* Icon Font: In-Line -- [ Styles Apply to Form Validation Below ] */
button[class*="icon-"],
span[class*="icon-"]:not(.glyphicon) {
border: 1px solid transparent;
display: inline-block;
font-family: 'mathworks';
font-style: normal;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-variant: normal;
font-weight: normal;
text-transform: none;
speak: none; }
/* Safari 9+ Only */
_::-webkit-:not(:root:root), span[class*="icon-"]:not(.glyphicon) {
vertical-align: middle; }
/* Icon Font: In-line -- Fix for Safari 8 and 8.0.8 Icon alignment bug - Line 1866*/
_::-webkit-full-page-media, _:future, :root span[class*="icon-"]:not(.glyphicon) {
vertical-align: middle; }
.btn > span[class*="icon-"] {
border: none;
font-size: 100%;
line-height: 0; }
/* In-Line: mathworks-eps Font */
span[class*="icon-mw-"],
button[class*="icon-mw-"] {
font-family: 'mathworks-eps' !important; }
/* In-Line: Sizes */
.icon_16 {
font-size: 16px;
line-height: 1.00; }
.icon_24 {
font-size: 24px;
line-height: 1.00; }
.icon_32 {
font-size: 32px;
line-height: 1.00; }
.icon_48 {
font-size: 48px;
line-height: 1.00; }
.icon_56 {
font-size: 56px;
line-height: 1.00; }
.icon_64 {
font-size: 64px;
line-height: 1.00; }
/* Icon Font: Form Validation */
.glyphicon.glyphicon-ok,
.glyphicon.glyphicon-remove {
border: 1px transparent solid;
display: inline-block;
font-family: 'mathworks';
font-style: normal;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-variant: normal;
font-weight: normal;
text-transform: none;
speak: none; }
/* Icon Font: mathworks Available Icons (Apply any updates to fonts.css as well) */
.icon-account:before {
content: "\e600" !important; }
.icon-activation:before {
content: "\e601" !important; }
.icon-add:before {
content: "\e602" !important; }
.icon-add-circle:before {
content: "\e603" !important; }
.icon-add-circle-reverse:before {
content: "\e604" !important; }
.icon-add-to-list:before {
content: "\e917" !important; }
.icon-added-to-list:before {
content: "\e918" !important; }
.icon-addons:before {
content: "\e908" !important; }
.icon-alert-error:before {
content: "\e605" !important; }
.icon-alert-info-reverse:before {
content: "\e606" !important; }
.icon-alert-success:before {
content: "\e607" !important; }
.icon-alert-warning:before {
content: "\e608" !important; }
.icon-answers:before {
content: "\e609" !important; }
.icon-app:before {
content: "\e60a" !important; }
.icon-arrow-boxed-down:before {
content: "\e60b" !important; }
.icon-arrow-boxed-left:before {
content: "\e60c" !important; }
.icon-arrow-boxed-right:before {
content: "\e60d" !important; }
.icon-arrow-boxed-up:before {
content: "\e60e" !important; }
.icon-arrow-down:before {
content: "\e60f" !important; }
.icon-arrow-left:before {
content: "\e610" !important; }
.icon-arrow-open-down:before {
content: "\e611" !important; }
.icon-arrow-open-down-reverse:before {
content: "\e612" !important; }
.icon-arrow-open-left:before {
content: "\e613" !important; }
.icon-arrow-open-left-reverse:before {
content: "\e614" !important; }
.icon-arrow-open-right:before {
content: "\e615" !important; }
.icon-arrow-open-right-reverse:before {
content: "\e616" !important; }
.icon-arrow-open-up:before {
content: "\e617" !important; }
.icon-arrow-open-up-reverse:before {
content: "\e618" !important; }
.icon-arrow-point-left:before {
content: "\e900" !important; }
.icon-arrow-point-right:before {
content: "\e901" !important; }
.icon-arrow-right:before {
content: "\e619" !important; }
.icon-arrow-up:before {
content: "\e61a" !important; }
.icon-attachment:before {
content: "\e61b" !important; }
.icon-block:before {
content: "\e61c" !important; }
.icon-blogs:before {
content: "\e61d" !important; }
.icon-bug-report:before {
content: "\e61e" !important; }
.icon-bookmark:before {
content: "\e915" !important; }
.icon-bookmarked:before {
content: "\e916" !important; }
.icon-calendar:before {
content: "\e61f" !important; }
.icon-cc-amex:before {
content: "\e686" !important; }
.icon-cc-mastercard:before {
content: "\e687" !important; }
.icon-cc-visa:before {
content: "\e688" !important; }
.icon-certification:before {
content: "\e685" !important; }
.icon-chat:before {
content: "\e620" !important; }
.icon-check:before {
content: "\e621" !important; }
.icon-check-small:before {
content: "\e90d" !important; }
.icon-checkbox-checked:before {
content: "\e903" !important; }
.icon-checkbox-unchecked:before {
content: "\e902" !important; }
.icon-chevron:before {
content: "\e622" !important; }
.icon-cloud:before {
content: "\e623" !important; }
.icon-code:before {
content: "\e694" !important; }
.icon-cody:before {
content: "\e67a" !important; }
.icon-cog:before {
content: "\e66d" !important; }
.icon-community:before {
content: "\e624" !important; }
.icon-contactus:before {
content: "\e625" !important; }
.icon-corporation:before {
content: "\e626" !important; }
.icon-data:before {
content: "\e627" !important; }
.icon-data-view:before {
content: "\e67c" !important; }
.icon-database:before {
content: "\e912" !important; }
.icon-database-multiple:before {
content: "\e913" !important; }
.icon-document:before {
content: "\e628" !important; }
.icon-documentation:before {
content: "\e629" !important; }
.icon-download:before {
content: "\e62a" !important; }
.icon-ebook:before {
content: "\e91d" !important; }
.icon-edit:before {
content: "\e62b" !important; }
.icon-email:before {
content: "\e62c" !important; }
.icon-examples:before {
content: "\e62e" !important; }
.icon-features:before {
content: "\e62f" !important; }
.icon-feedback:before {
content: "\e630" !important; }
.icon-file-excel:before {
content: "\e674" !important; }
.icon-fileexchange:before {
content: "\e631" !important; }
.icon-file-pdf:before {
content: "\e632" !important; }
.icon-file-zip:before {
content: "\e633" !important; }
.icon-filter:before {
content: "\e634" !important; }
.icon-format-bold:before {
content: "\e693" !important; }
.icon-format-bullet-list:before {
content: "\e692" !important; }
.icon-format-code:before {
content: "\e691" !important; }
.icon-format-header:before {
content: "\e690" !important; }
.icon-format-image:before {
content: "\e68f" !important; }
.icon-format-italic:before {
content: "\e68e" !important; }
.icon-format-monospace:before {
content: "\e68d" !important; }
.icon-format-number-list:before {
content: "\e68b" !important; }
.icon-format-underline:before {
content: "\e68c" !important; }
.icon-function:before {
content: "\e635" !important; }
.icon-globe:before {
content: "\e636" !important; }
.icon-guaranteed:before {
content: "\e682" !important; }
.icon-hardware:before {
content: "\e637" !important; }
.icon-headset:before {
content: "\e683" !important; }
.icon-help:before {
content: "\e638" !important; }
.icon-help-circle:before {
content: "\e639" !important; }
.icon-history:before {
content: "\e671" !important; }
.icon-home:before {
content: "\e63b" !important; }
.icon-homeuse:before {
content: "\e63c" !important; }
.icon-image-broken:before {
content: "\e90f" !important; }
.icon-image-gallery:before {
content: "\e910" !important; }
.icon-info:before {
content: "\e63d" !important; }
.icon-info-circle:before {
content: "\e63e" !important; }
.icon-installation-help:before {
content: "\e63f" !important; }
.icon-license-management:before {
content: "\e640" !important; }
.icon-like:before {
content: "\e676" !important; }
.icon-link:before {
content: "\e641" !important; }
.icon-link-anchor:before {
content: "\e91f" !important; }
.icon-link-external:before {
content: "\e681" !important; }
.icon-locked:before {
content: "\e642" !important; }
.icon-matrix:before {
content: "\e91c" !important; }
.icon-membrane:before {
content: "\e67f" !important; }
.icon-menu:before {
content: "\e66f" !important; }
.icon-menu-reverse:before {
content: "\e670" !important; }
.icon-mobile:before {
content: "\e643" !important; }
.icon-model:before {
content: "\e644" !important; }
.icon-new-indicator-tag:before {
content: "\e91b" !important; }
.icon-newsletter-subscribe:before {
content: "\e645" !important; }
.icon-note:before {
content: "\e646" !important; }
.icon-notifications:before {
content: "\e91e" !important; }
.icon-op-blogger:before {
content: "\e91a" !important; }
.icon-payment:before {
content: "\e647" !important; }
.icon-phone:before {
content: "\e648" !important; }
.icon-print:before {
content: "\e914" !important; }
.icon-quote:before {
content: "\e64a" !important; }
.icon-rating:before {
content: "\e677" !important; }
.icon-refresh:before {
content: "\e673" !important; }
.icon-releasenotes:before {
content: "\e907" !important; }
.icon-remove:before {
content: "\e64b" !important; }
.icon-remove-circle:before {
content: "\e64c" !important; }
.icon-remove-circle-reverse:before {
content: "\e64d" !important; }
.icon-rss:before {
content: "\e64e" !important; }
.icon-rss-enclosed:before {
content: "\e64f" !important; }
.icon-save:before {
content: "\e650" !important; }
.icon-script:before {
content: "\e651" !important; }
.icon-search:before {
content: "\e652" !important; }
.icon-search-boxed-reverse:before {
content: "\e653" !important; }
.icon-secure:before {
content: "\e680" !important; }
.icon-server:before {
content: "\e654" !important; }
.icon-server-instance:before {
content: "\e689" !important; }
.icon-server-local:before {
content: "\e68a" !important; }
.icon-simulink:before {
content: "\e67e" !important; }
.icon-smartphone:before {
content: "\e655" !important; }
.icon-sort-ascending:before {
content: "\e905" !important; }
.icon-sort-descending:before {
content: "\e904" !important; }
.icon-sort-unsorted:before {
content: "\e906" !important; }
.icon-spinner:before {
content: "\e672" !important; }
.icon-startup:before {
content: "\e656" !important; }
.icon-store:before {
content: "\e657" !important; }
.icon-student:before {
content: "\e658" !important; }
.icon-submit:before {
content: "\e659" !important; }
.icon-support:before {
content: "\e675" !important; }
.icon-supported:before {
content: "\e65a" !important; }
.icon-systemobject:before {
content: "\e65b" !important; }
.icon-system-requirements:before {
content: "\e65c" !important; }
.icon-techkit:before {
content: "\e65d" !important; }
.icon-technical-article:before {
content: "\e67d" !important; }
.icon-thingspeak:before {
content: "\e90c" !important; }
.icon-training:before {
content: "\e65e" !important; }
.icon-training-classroom:before {
content: "\e695" !important; }
.icon-training-facility:before {
content: "\e696" !important; }
.icon-training-online-live:before {
content: "\e698" !important; }
.icon-training-online-selfpaced:before {
content: "\e697" !important; }
.icon-translate:before {
content: "\e919" !important; }
.icon-trendy:before {
content: "\e67b" !important; }
.icon-trial-circle:before {
content: "\e62a" !important; }
.icon-tutorial:before {
content: "\e660" !important; }
.icon-university:before {
content: "\e661" !important; }
.icon-unlocked:before {
content: "\e662" !important; }
.icon-upload:before {
content: "\e684" !important; }
.icon-userstory:before {
content: "\e663" !important; }
.icon-video:before {
content: "\e664" !important; }
.icon-video-cc:before {
content: "\e665" !important; }
.icon-video-contract:before {
content: "\e666" !important; }
.icon-video-expand:before {
content: "\e667" !important; }
.icon-video-locked:before {
content: "\e668" !important; }
.icon-video-locked-reverse:before {
content: "\e669" !important; }
.icon-webinar:before {
content: "\e66a" !important; }
.icon-workaround:before {
content: "\e90e" !important; }
.icon-zoomin:before {
content: "\e66b" !important; }
.icon-zoomout:before {
content: "\e66c" !important; }
/* Icon Font: mathworks-eps Available Icons */
.icon-mw-application-instance:before {
content: "\e600" !important; }
.icon-mw-archives:before {
content: "\e602" !important; }
.icon-mw-badge:before {
content: "\e604" !important; }
.icon-mw-circle:before {
content: "\e605" !important; }
.icon-mw-cut:before {
content: "\e900" !important; }
.icon-mw-copy:before {
content: "\e608" !important; }
.icon-mw-folder:before {
content: "\e628" !important; }
.icon-mw-folder-open:before {
content: "\e629" !important; }
.icon-mw-hot-pick:before {
content: "\e60a" !important; }
.icon-mw-license:before {
content: "\e60b" !important; }
.icon-mw-mvp:before {
content: "\e904" !important; }
.icon-mw-paste:before {
content: "\e901" !important; }
.icon-mw-questions:before {
content: "\e627" !important; }
.icon-mw-rename:before {
content: "\e902" !important; }
.icon-mw-report:before {
content: "\e60d" !important; }
.icon-mw-restart:before {
content: "\e60e" !important; }
.icon-mw-risingstar:before {
content: "\e905" !important; }
.icon-mw-run:before {
content: "\e60f" !important; }
.icon-mw-running:before {
content: "\e610" !important; }
.icon-mw-staff:before {
content: "\e903" !important; }
.icon-mw-stop:before {
content: "\e623" !important; }
.icon-mw-trash:before {
content: "\e624" !important; }
.icon-mw-watch:before {
content: "\e626" !important; }
/* Icon Font: Form Validation */
.glyphicon.glyphicon-remove:before {
content: "\e605" !important; }
.glyphicon.glyphicon-ok:before {
content: "\e607" !important; }
/* Icon Font: Colors */
.icon-alert-error.icon_alert_color {
color: #a94442; }
.icon-alert-info-reverse.icon_alert_color {
color: #31708f; }
.icon-alert-success.icon_alert_color {
color: #3c763d; }
.icon-alert-warning.icon_alert_color {
color: #8a6d3b; }
/* Icon Font: Deprecated */
/* Icon Font: Deprecated - MathWorks */
/* icon-cog-reverse -> icon-cog */
.icon-cog-reverse:before {
content: "\e66d" !important; }
/* icon-contactus-menu -> icon-contactus */
.icon-contactus-menu:before {
content: "\e625" !important; }
/* icon-contactus-menu-reverse -> icon-contactus */
.icon-contactus-menu-reverse:before {
content: "\e625" !important; }
/* icon-email-circle -> icon-email */
.icon-email-circle:before {
content: "\e62c" !important; }
/* icon-help-reverse -> icon-help-circle */
.icon-help-reverse:before {
content: "\e639" !important; }
/* icon-phone-circle -> icon-phone */
.icon-phone-circle:before {
content: "\e648" !important; }
/* icon-subscribe -> icon-newsletter-subscribe */
.icon-subscribe:before {
content: "\e645" !important; }
/* Icon Font: Deprecated - MathWorks EPS */
/* icon-mw-comment -> icon-feedback */
.icon-mw-comment:before {
font-family: 'mathworks' !important;
content: "\e630" !important; }
/* icon-mw-help -> icon-help-circle */
.icon-mw-help:before {
font-family: 'mathworks' !important;
content: "\e639" !important; }
/* icon-mw-server -> icon-server */
.icon-mw-server:before {
font-family: 'mathworks' !important;
content: "\e654" !important; }
/* icon-mw-server-instance -> icon-server-instance */
.icon-mw-server-instance:before {
font-family: 'mathworks' !important;
content: "\e689" !important; }
/* icon-mw-server-local -> icon-server-local */
.icon-mw-server-local:before {
font-family: 'mathworks' !important;
content: "\e68a" !important; }
/* icon-mw-trendy-plot -> icon-trendy */
.icon-mw-trendy-plot:before {
font-family: 'mathworks' !important;
content: "\e67b" !important; }
span.icon_color_null,
.icon_color_null:before {
color: #fff; }
span.icon_color_general,
.icon_color_general:before {
color: #6f6f6f; }
span.icon_color_primary,
.icon_color_primary:before {
color: #333; }
span.icon_color_secondary,
.icon_color_secondary:before {
color: #004b87; }
span.icon_color_tertiary,
.icon_color_tertiary:before {
color: #48a23f; }
span.icon_color_quaternary,
.icon_color_quaternary:before {
color: #f2a900; }
span.icon_color_quinary,
.icon_color_quinary:before {
color: #00a9e0; }
span.icon_color_senary,
.icon_color_senary:before {
color: #b7312c; }
span.icon_color_septenary,
.icon_color_septenary:before {
color: #d78825; }
span.icon_color_emphasize,
.icon_color_emphasize:before {
color: #cb6015; }
/* ---- Tables ---- */
/* Tables: Table Width */
table.table_20 {
width: 20%; }
table.table_25 {
width: 25%; }
table.table_33 {
width: 33.3333%; }
table.table_35 {
width: 35%; }
table.table_40 {
width: 40%; }
table.table_50 {
width: 50%; }
table.table_60 {
width: 60%; }
table.table_65 {
width: 65%; }
table.table_66 {
width: 66.6666%; }
table.table_70 {
width: 70%; }
table.table_100 {
width: 100%; }
/* Tables: Table-Cell Width */
.cell_5 {
width: 5%; }
.cell_10 {
width: 10%; }
.cell_15 {
width: 15%; }
.cell_20 {
width: 20%; }
.cell_25 {
width: 25%; }
.cell_30 {
width: 30%; }
.cell_33 {
width: 33.333%; }
.cell_35 {
width: 35%; }
.cell_40 {
width: 40%; }
.cell_45 {
width: 45%; }
.cell_50 {
width: 50%; }
.cell_55 {
width: 55%; }
.cell_60 {
width: 60%; }
.cell_65 {
width: 65%; }
.cell_66 {
width: 66.666%; }
.cell_70 {
width: 70%; }
.cell_75 {
width: 75%; }
.cell_80 {
width: 80%; }
.cell_85 {
width: 85%; }
.cell_90 {
width: 90%; }
.cell_95 {
width: 95%; }
.cell_100 {
width: 100%; }
/* Tables: Table-Cell Padding */
td.padded_5,
table.padded_5 td {
padding: 5px; }
td.padded_10,
table.padded_10 td {
padding: 10px; }
td.padded_15,
table.padded_15 td {
padding: 15px; }
td.padded_20,
table.padded_20 td {
padding: 20px; }
/* Tables: Table-Cell Vertical Alignment */
td.valign_middle {
vertical-align: middle !important; }
td.valign_bottom {
vertical-align: bottom !important; }
/* Deprecated: Use .valign_middle */
td.valign_center {
vertical-align: middle !important; }
/* Tables: Table-Cell Colors */
.table th.general,
.table td.general,
.table tr.general > th,
.table tr.general > td,
.table-striped > tbody > tr.general:nth-child(odd) > th,
.table-striped > tbody > tr.general:nth-child(odd) > td {
background-color: #f5f5f5; }
.table th.primary,
.table td.primary,
.table tr.primary > th,
.table tr.primary > td,
.table-striped > tbody > tr.primary:nth-child(odd) > th,
.table-striped > tbody > tr.primary:nth-child(odd) > td {
background-color: #6f6f6f;
color: #fff; }
.table th.secondary,
.table td.secondary,
.table tr.secondary > th,
.table tr.secondary > td,
.table-striped > tbody > tr.secondary:nth-child(odd) > th,
.table-striped > tbody > tr.secondary:nth-child(odd) > td {
background-color: #187dbb;
color: #fff; }
.table th.tertiary,
.table td.tertiary,
.table tr.tertiary > th,
.table tr.tertiary > td,
.table-striped > tbody > tr.tertiary:nth-child(odd) > th,
.table-striped > tbody > tr.tertiary:nth-child(odd) > td {
background-color: #48a23f;
color: #fff; }
.table th.quaternary,
.table td.quaternary,
.table tr.quaternary > th,
.table tr.quaternary > td,
.table-striped > tbody > tr.quaternary:nth-child(odd) > th,
.table-striped > tbody > tr.quaternary:nth-child(odd) > td {
background-color: #f2a900;
color: #fff; }
.table th.quinary,
.table td.quinary,
.table tr.quinary > th,
.table tr.quinary > td,
.table-striped > tbody > tr.quinary:nth-child(odd) > th,
.table-striped > tbody > tr.quinary:nth-child(odd) > td {
background-color: #00a9e0;
color: #fff; }
.table th.senary,
.table td.senary,
.table tr.senary > th,
.table tr.senary > td,
.table-striped > tbody > tr.senary:nth-child(odd) > th,
.table-striped > tbody > tr.senary:nth-child(odd) > td {
background-color: #b7312c;
color: #fff; }
.table th.septenary,
.table td.septenary,
.table tr.septenary > th,
.table tr.septenary > td,
.table-striped > tbody > tr.septenary:nth-child(odd) > th,
.table-striped > tbody > tr.septenary:nth-child(odd) > td {
background-color: #d78825;
color: #fff; }
.table th.emphasize,
.table td.emphasize,
.table tr.emphasize > th,
.table tr.emphasize > td,
.table-striped > tbody > tr.emphasize:nth-child(odd) > th,
.table-striped > tbody > tr.emphasize:nth-child(odd) > td {
background-color: #cb6015;
color: #fff; }
/* Table-Cell Colors: Fix for Boostrap Default; */
.table-striped > tbody > tr.active:nth-child(odd) > th,
.table-striped > tbody > tr.active:nth-child(odd) > td {
background-color: #f5f5f5; }
.table-striped > tbody > tr.danger:nth-child(odd) > th,
.table-striped > tbody > tr.danger:nth-child(odd) > td {
background-color: #f2dede; }
.table-striped > tbody > tr.info:nth-child(odd) > th,
.table-striped > tbody > tr.info:nth-child(odd) > td {
background-color: #d9edf7; }
.table-striped > tbody > tr.success:nth-child(odd) > th,
.table-striped > tbody > tr.success:nth-child(odd) > td {
background-color: #dff0d8; }
.table-striped > tbody > tr.warning:nth-child(odd) > th,
.table-striped > tbody > tr.warning:nth-child(odd) > td {
background-color: #fcf8e3; }
/* Tables: Table-Cell Hover Colors */
.table-hover > tbody.general > tr:hover > td,
.table-hover > tbody.general > tr:hover > th {
background-color: #f5f5f5; }
.table-hover > tbody.primary > tr:hover > td,
.table-hover > tbody.primary > tr:hover > th {
background-color: #6f6f6f;
color: #fff; }
.table-hover > tbody.secondary > tr:hover > td,
.table-hover > tbody.secondary > tr:hover > th {
background-color: #004b87;
color: #fff; }
.table-hover > tbody.tertiary > tr:hover > td,
.table-hover > tbody.tertiary > tr:hover > th {
background-color: #48a23f;
color: #fff; }
.table-hover > tbody.quaternary > tr:hover > td,
.table-hover > tbody.quaternary > tr:hover > th {
background-color: #f2a900;
color: #fff; }
.table-hover > tbody.quinary > tr:hover > td,
.table-hover > tbody.quinary > tr:hover > th {
background-color: #00a9e0;
color: #fff; }
.table-hover > tbody.senary > tr:hover > td,
.table-hover > tbody.senary > tr:hover > th {
background-color: #b7312c;
color: #fff; }
.table-hover > tbody.septenary > tr:hover > td,
.table-hover > tbody.septenary > tr:hover > th {
background-color: #d78825;
color: #fff; }
.table-hover > tbody.emphasize > tr:hover > td,
.table-hover > tbody.emphasize > tr:hover > th {
background-color: #cb6015;
color: #fff; }
/* ------------------------------------
$ Lightbox
------------------------------------ */
/*!
* Lightbox for Bootstrap 3 by @ashleydw
* https://github.com/ashleydw/lightbox
*
* License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
*/
.ekko-lightbox-container {
position: relative; }
.ekko-lightbox-container iframe {
width: 100% !important;
height: 100%;
overflow: hidden; }
.ekko-lightbox-nav-overlay {
height: 100%;
width: 100%;
left: 0;
position: absolute;
top: 0;
z-index: 100; }
.ekko-lightbox-nav-overlay a {
height: 100%;
width: 49%;
padding-top: 45%;
color: #fff;
display: block;
font-size: 30px;
opacity: 0;
text-shadow: 2px 2px 4px #000;
transition: opacity 0.5s;
z-index: 100; }
.ekko-lightbox-nav-overlay a:empty {
width: 49%; }
.ekko-lightbox a:hover {
text-decoration: none;
opacity: 1; }
.ekko-lightbox .glyphicon-chevron-left {
padding-left: 15px;
float: left;
left: 0;
text-align: left; }
.ekko-lightbox .glyphicon-chevron-right {
padding-right: 15px;
float: right;
right: 0;
text-align: right; }
.ekko-lightbox .modal-body {
overflow: hidden; }
.ekko-lightbox .modal-footer {
text-align: left; }
/* ------------------------------------
$ Downsize
------------------------------------ */
.section_downsize {
font-size: 86%; }
.section_downsize h1,
.section_downsize .h1 {
font-size: 28px; }
.section_downsize h2,
.section_downsize .h2 {
font-size: 24px; }
.section_downsize h3,
.section_downsize .h3 {
font-size: 19px; }
.section_downsize h4,
.section_downsize .h4 {
font-size: 17px; }
.section_downsize h5,
.section_downsize .h5 {
font-size: 16px; }
.section_downsize h6,
.section_downsize .h6 {
font-size: 13px; }
.section_downsize .panel-body h1,
.section_downsize .panel-body .h1 {
margin-bottom: 30px; }
.section_downsize .panel-body h2,
.section_downsize .panel-body .h2 {
margin-bottom: 13px; }
.section_downsize .panel-body h3,
.section_downsize .panel-body .h3 {
margin-bottom: 11px; }
.section_downsize .panel-body h4,
.section_downsize .panel-body .h4 {
margin-bottom: 10px; }
.section_downsize .panel-body h5,
.section_downsize .panel-body .h5 {
margin-bottom: 9px; }
.section_downsize .panel-body h6,
.section_downsize .panel-body .h6 {
margin-bottom: 9px; }
.section_downsize ul > li,
.section_downsize ol > li {
margin-bottom: 6px; }
.section_downsize .alert h3 {
font-size: 15px; }
.section_downsize blockquote {
font-size: 15px; }
.section_downsize .caption,
.section_downsize .video-caption,
.section_downsize .thumbnail .caption {
font-size: 13px; }
.section_downsize a[class*="icon-"]:before {
font-size: 16px;
/*line-height: 1.00;*/ }
/* ------------------------------------
$ Upsize
------------------------------------ */
.section_upsize {
font-size: 115%;
line-height: 1.6; }
.section_upsize h1,
.section_upsize .h1 {
font-size: 42px; }
.section_upsize h2,
.section_upsize .h2 {
font-size: 32px; }
.section_upsize h3,
.section_upsize .h3 {
font-size: 25px; }
.section_upsize h4,
.section_upsize .h4 {
font-size: 21px; }
.section_upsize h5,
.section_upsize .h5 {
font-size: 18px; }
.section_upsize h6,
.section_upsize .h6 {
font-size: 15px; }
.section_upsize h1 + h2 {
font-size: 32px; }
.section_upsize p {
margin-bottom: 22px; }
.section_upsize .panel-body h1,
.section_upsize .panel-body .h1 {
margin-bottom: 30px; }
.section_upsize .panel-body h2,
.section_upsize .panel-body .h2 {
margin-bottom: 13px; }
.section_upsize .panel-body h3,
.section_upsize .panel-body .h3 {
margin-bottom: 11px; }
.section_upsize .panel-body h4,
.section_upsize .panel-body .h4 {
margin-bottom: 10px; }
.section_upsize .panel-body h5,
.section_upsize .panel-body .h5 {
margin-bottom: 9px; }
.section_upsize .panel-body h6,
.section_upsize .panel-body .h6 {
margin-bottom: 9px; }
.section_upsize ul > li,
.section_upsize ol > li {
margin-bottom: 9px; }
.section_upsize .alert h3 {
font-size: 16px; }
.section_upsize blockquote {
font-size: 20px;
line-height: 1.75;
font-weight: 400; }
.section_upsize .caption,
.section_upsize .video-caption,
.section_upsize .thumbnail .caption {
font-size: 15px; }
.section_upsize a[class*="icon-"]:before {
font-size: 16px;
/*line-height: 1.00;*/ }
/* ------------------------------------
$ To Be Code Reviewed
------------------------------------ */
/*
All CSS changes/addtions/edits MUST be code reviewed before they can accepted as part of the site6 standards.
Please add any working code below, and be sure to add you initials in the comments for your section.
Once your work is complete, coordinate a code review with Ryan Johnson. Code reviews should be scheduled before the end of Feature Freeze.
*/
/* Hierarchy: Styles (RMJ) */
@media only screen and (min-width: 768px) {
h1.hero {
font-size: 40px; } }
/* Styles for PFO from Amy Wong (GQ) */
.remove_gutters {
padding-right: 0;
padding-left: 0;
margin-right: 0;
margin-left: 0; }
.add_overlapping_container {
width: 100%;
left: 8%;
position: absolute;
z-index: 1; }
.remove_underline a {
text-decoration: none; }
/* Styles to update header with a HTML href (GQ) */
.section_header h1 a {
color: #fff;
text-decoration: none; }
.section_header p.h1 a {
color: #fff;
text-decoration: none; }
/* Fix for inpage dropdown arrow with pull-right class added */
.dropdown > .btn > span[class*="icon-"] {
line-height: 1.00; }
/* Fix for AEM bug for lists for Amy Wong (GQ) */
section.section_downsize .carousel-indicators li.active {
margin-bottom: 5px; }
/* Styles for feedburner feeds (GQ) */
.gf-snippet, .gf-author, .gf-spacer, .gfc-resultsHeader {
display: none !important; }
.blog_post_hide_date .gf-relativePublishedDate {
display: none !important; }
/* Style to support images aligned left in a panel (GQ) */
.panel .add_panel_image_left {
background-position: left center; }
/* Style for AEM from Nick (GQ) */
.full_banner_container .carousel {
margin-top: 0px;
margin-bottom: 0px; }
/* New Color Classes - Now that we have deprecated the panel macro (RMJ) */
.add_background_color_transparent {
background-color: transparent !important; }
.add_background_color_white {
background-color: #fff !important; }
.add_background_color_gray,
tr.add_background_color_gray td {
background-color: #f5f5f5 !important; }
.add_background_color_mediumgray,
tr.add_background_color_mediumgray td {
background-color: #6f6f6f !important; }
.add_background_color_darkblue,
tr.add_background_color_darkblue td {
background-color: #004b87 !important; }
.add_background_color_green,
tr.add_background_color_green td {
background-color: #48a23f !important; }
.add_background_color_yellow,
tr.add_background_color_yellow td {
background-color: #f2a900 !important; }
.add_background_color_orange,
tr.add_background_color_orange td {
background-color: #d78825 !important; }
/* Agenda Tables */
.add_background_color_darkorange,
tr.add_background_color_darkorange td {
background-color: #cb6015 !important; }
.add_background_color_aqua,
tr.add_background_color_aqua td {
background-color: #00a9e0 !important; }
.add_background_color_red,
tr.add_background_color_red td {
background-color: #b7312c !important; }
.add_background_color_purple,
tr.add_background_color_purple td {
background-color: #521f77 !important; }
.add_background_color_green,
.add_background_color_green *,
.add_background_color_darkblue,
.add_background_color_darkblue *,
.add_background_color_mediumgray,
.add_background_color_mediumgray *,
.add_background_color_yellow,
.add_background_color_yellow *,
.add_background_color_orange,
.add_background_color_orange *,
.add_background_color_darkorange,
.add_background_color_darkorange *,
.add_background_color_aqua,
.add_background_color_aqua *,
.add_background_color_red,
.add_background_color_red *,
.add_background_color_purple,
.add_background_color_purple * {
color: #fff !important; }
.add_font_color_white,
.add_font_color_white * {
color: #fff !important; }
.add_font_color_black,
.add_font_color_black * {
color: #000 !important; }
.add_font_color_gray,
.add_font_color_gray * {
color: #e6e6e6 !important; }
.add_font_color_mediumgray,
.add_font_color_mediumgray * {
color: #6f6f6f !important; }
.add_font_color_darkgray,
.add_font_color_darkgray * {
color: #474747 !important; }
.add_font_color_darkblue,
.add_font_color_darkblue * {
color: #004b87 !important; }
.add_font_color_green,
.add_font_color_green * {
color: #48a23f !important; }
.add_font_color_orange,
.add_font_color_orange * {
color: #d78825 !important; }
.add_font_color_darkorange,
.add_font_color_darkorange * {
color: #cb6015 !important; }
.add_background_position_right {
background-position: right center !important; }
.add_background_position_center {
background-position: center center !important; }
.add_background_position_left {
background-position: left center !important; }
.add_background_position_top {
background-position: center top !important; }
.add_background_position_bottom {
background-position: center bottom !important; }
[class*="add_transparent_background_"]:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.add_transparent_background_black_20:before {
background-color: rgba(0, 0, 0, 0.2) !important; }
.add_transparent_background_black_40:before {
background-color: rgba(0, 0, 0, 0.4) !important; }
.add_transparent_background_black_60:before {
background-color: rgba(0, 0, 0, 0.6) !important; }
.add_transparent_background_black_80:before {
background-color: rgba(0, 0, 0, 0.8) !important; }
.add_transparent_background_white_20:before {
background-color: rgba(255, 255, 255, 0.2) !important; }
.add_transparent_background_white_40:before {
background-color: rgba(255, 255, 255, 0.4) !important; }
.add_transparent_background_white_60:before {
background-color: rgba(255, 255, 255, 0.6) !important; }
.add_transparent_background_white_80:before {
background-color: rgba(255, 255, 255, 0.8) !important; }
/* Fix for Panels */
.panel[class*="add_transparent_background_"],
[class*="panel-"][class*="add_transparent_background_"] {
z-index: 2; }
.panel[class*="add_transparent_background_"]:before,
[class*="panel-"][class*="add_transparent_background_"]:before {
z-index: -1; }
/* Talked with Laurel to confirm that height should match size w/ one line of normal text */
.panel .panel-heading[style^="background-"],
.panel .panel-footer[style^="background-"] {
min-height: 41px; }
.add_border_color_gray {
border-color: #e6e6e6 !important; }
.add_border_color_mediumgray {
border-color: #6f6f6f !important; }
.add_border_color_darkblue {
border-color: #004b87 !important; }
.add_border_color_green {
border-color: #48a23f !important; }
.add_border_color_orange {
border-color: #d78825 !important; }
/* Panel Types: Icon */
.panel-body.panel_icon_16 {
padding-left: 32px; }
.panel-body.panel_icon_24 {
padding-left: 48px; }
.panel-body.panel_icon_32 {
padding-left: 64px; }
.panel-body.panel_icon_48 {
padding-left: 96px; }
.panel-body.panel_icon_56 {
padding-left: 112px; }
.panel-body[class*="panel_icon_"] > span[class*="icon-"]:not(.glyphicon):first-child {
line-height: 1.00;
float: left; }
.panel-body.panel_icon_16 > span[class*="icon-"]:not(.glyphicon):first-child {
margin-top: 3px;
margin-left: -24px;
font-size: 16px; }
.panel-body.panel_icon_24 > span[class*="icon-"]:not(.glyphicon):first-child {
margin-left: -33px;
font-size: 24px; }
.panel-body.panel_icon_32 > span[class*="icon-"]:not(.glyphicon):first-child {
margin-left: -49px;
font-size: 32px; }
.panel-body.panel_icon_48 > span[class*="icon-"]:not(.glyphicon):first-child {
margin-left: -81px;
font-size: 48px; }
.panel-body.panel_icon_56 > span[class*="icon-"]:not(.glyphicon):first-child {
margin-left: -97px;
font-size: 56px; }
.section_downsize .panel-footer[style^="background-"] {
min-height: 38px; }
/* New */
/* Buttons */
.btn[class*="btn_color_"] {
color: #fff !important; }
.btn.btn_color_mediumgray,
.btn.btn_color_mediumgray:visited {
background: #6f6f6f; }
.btn.btn_color_blue,
.btn.btn_color_blue:visited {
background: #187dbb; }
.btn.btn_color_green,
.btn.btn_color_green:visited {
background: #48a23f; }
.btn.btn_color_orange,
.btn.btn_color_orange:visited {
background: #d78825; }
/* Companion Buttons */
[class*="companion_btn"] {
padding: 9px 13px 8px;
border-style: solid;
border-width: 1px;
background: transparent !important; }
.companion_btn.btn_color_mediumgray,
.companion_btn.btn_color_mediumgray:visited {
border-color: #6f6f6f;
color: #6f6f6f !important; }
.companion_btn.btn_color_blue,
.companion_btn.btn_color_blue:visited {
border-color: #187dbb;
color: #187dbb !important; }
.companion_btn.btn_color_green,
.companion_btn.btn_color_green:visited {
border-color: #48a23f;
color: #48a23f !important; }
.companion_btn.btn_color_orange,
.companion_btn.btn_color_orange:visited {
border-color: #d78825;
color: #d78825 !important; }
[class*="companion_btn"]:hover {
opacity: .6; }
/* Companion Buttons Sizes */
[class*="companion_btn"].btn-xs {
padding: 4px 8px; }
[class*="companion_btn"].btn-sm {
padding: 7px 11px; }
[class*="companion_btn"].btn-lg {
padding: 11px 16px; }
/* Accordions */
/* accordion_style_01 */
.panel-group.accordion_variant_01 .panel {
margin-bottom: 10px; }
.panel-group.accordion_variant_01 .panel-default .panel-heading {
border-bottom: none; }
.panel-group.accordion_variant_01 .panel-collapse.collapse {
padding: 0 !important;
background: transparent; }
.panel-group.accordion_variant_01 .panel-heading {
padding-left: 55px;
position: relative; }
.panel-group.accordion_variant_01 .panel-heading:before {
width: 40px;
margin-left: -40px;
display: inline-block;
font-family: 'mathworks';
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1.00;
opacity: 0.95;
position: absolute;
speak: none;
text-decoration: none !important;
text-transform: none;
top: calc(50% - 11px); }
.panel-group.accordion_variant_01 .panel-heading:before {
content: "\e611" !important; }
.panel-group.accordion_variant_01 .panel-heading.collapsed:before {
content: "\e615" !important;
top: calc(50% - 11px); }
.panel-group.accordion_variant_01 .panel-body *:last-child {
margin-bottom: 0; }
/* Icon Colors */
span.add_icon_color_white,
.add_icon_color_white:before {
color: #fff; }
span.add_icon_color_gray,
.add_icon_color_gray:before {
color: #e6e6e6; }
span.add_icon_color_mediumgray,
.add_icon_color_mediumgray:before {
color: #6f6f6f; }
span.add_icon_color_darkblue,
.add_icon_color_darkblue:before {
color: #004b87; }
span.add_icon_color_green,
.add_icon_color_green:before {
color: #48a23f; }
span.add_icon_color_yellow,
.add_icon_color_yellow:before {
color: #f2a900; }
span.add_icon_color_orange,
.add_icon_color_orange:before {
color: #d78825; }
/* Shorten Toggle (MBM) */
.show_more_toggle {
position: relative;
overflow: hidden; }
.show_more_toggle .read_more {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding-top: 20px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 40%); }
.show_more_toggle.show_more_toggle_expanded .read_more {
padding-top: 0; }
.show_more_toggle .read_more a:focus {
text-decoration: none; }
.show_more_toggle .read_more a:hover {
text-decoration: underline; }
/*doc
---
title: Component: Radio Button
name: radio button
category: forms
parent: forms
---
Views:
*/
/*-----------------------------------------------------------
$RADIO_BUTTON
-------------------------------------------------------------*/
.radio_group {
padding-bottom: 15px; }
.popup-coursework .radio_group label {
width: 90%;
clear: right;
color: #000;
font-weight: normal;
float: left; }
.form_element .radio {
padding: 0;
margin: 0 0 -3px 0; }
.form_element.radio_group label {
margin-right: 10px;
display: inline-block; }
.problem_category > .form_element {
width: 90px;
padding-bottom: 0;
display: inline-block; }
.problem_category > p {
margin: 0 15px 0 0;
display: inline-block;
vertical-align: top;
line-height: 1.5; }
.problem_category > label {
line-height: 1.5;
cursor: pointer; }
.problem_category input[type="radio"] {
display: none; }
.problem_category .radio_circle.checked {
background: #0095d0; }
.radio_circle {
display: inline-block;
height: 12px;
width: 12px;
background-color: #999;
border-radius: 50%;
margin-right: 3px; }
label:hover .radio_circle {
background: #666; }
.message-copy__detail .form_element {
padding: 0;
margin-bottom: 5px;
position: relative;
display: block; }
.message-copy__detail .form_element label {
width: auto !important;
float: none !important;
display: inline-block;
line-height: 1.5; }
.message-copy__detail .form_element input[type="radio"] {
height: auto; }
/*doc
---
title: Component: Tabs
name: tabs
category: tabs
parent: problem_view
---
Views:
- Solution Header
- Solution
Chicklets
*/
/*-----------------------------------------------------------
$TABS
-------------------------------------------------------------*/
/* Results Table: Test Suite */
/* Product of jqueryui: api.jqueryui.com/tabs/
* .ui-tabs: outer container
* .ui-tabs-nav: list of tabs
* .ui-tabs-active: active tab
* .ui-tabs-anchor: switch panels
* .ui-tabs-panel: active panel
*
*/
.cw_tabs {
border-width: 0;
background: transparent; }
.cw_tabs > ul {
padding-left: 0 !important;
border-width: 0;
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
background: transparent none; }
.cw_tabs > ul > li {
background: transparent;
border-radius: 0 !important; }
.cw_tabs > ul .ui-state-active {
border: 1px solid #ccc !important;
border-bottom-width: 0 !important; }
.cw_tabs > ul .ui-state-active a {
border-top: 3px solid #0095d0 !important;
color: #000 !important; }
.cw_tabs > ul .ui-state-active a:hover {
cursor: default; }
.cw_tabs > ul .ui-tabs-active {
padding-bottom: 2px !important;
border-top-width: 0 !important;
margin-bottom: -2px !important; }
.cw_tabs > ul .ui-state-default {
border-width: 0;
background: #fff !important;
font: 22px "Arial", "Helvetica", sans-serif; }
.cw_tabs > ul .ui-state-default a {
border-top: 3px solid transparent;
color: #999; }
.cw_tabs .ui-tabs-nav .ui-tabs-anchor {
padding: 0.25em 0.5em !important; }
.cw_tabs .ui-tabs-nav .ui-tabs-anchor.required {
padding-left: 0.75em !important; }
.cw_tabs a {
font-weight: normal !important; }
.cw_tabs a:hover {
cursor: pointer;
text-decoration: none; }
.cw_tabs .cw_tabs__panel {
min-height: 475px;
padding: 15px 0; }
/* $REMOVE THIS FILE
Should be a dupe of Bootstrap tooltips
Need to replace all custom tooltips w/ Bootstrap style
*/
/*
* qTip2 - Pretty powerful tooltips - v2.2.1
* http://qtip2.com
*
* Copyright (c) 2014
* Released under the MIT licenses
* http://jquery.org/license
*
* Date: Sun Sep 7 2014 12:01 EDT-0400
* Plugins: tips viewport
* Styles: core css3
*/
.qtip {
position: absolute;
left: -28000px;
top: -28000px;
display: none;
max-width: 280px;
min-width: 50px;
font-size: 10.5px;
line-height: 12px;
direction: ltr;
box-shadow: none;
padding: 0; }
.qtip-content {
position: relative;
padding: 5px 9px;
overflow: hidden;
text-align: left;
word-wrap: break-word; }
.qtip-titlebar {
position: relative;
padding: 5px 35px 5px 10px;
overflow: hidden;
border-width: 0 0 1px;
font-weight: bold; }
.qtip-titlebar + .qtip-content {
border-top-width: 0 !important; }
/* Default close button class */
.qtip-close {
position: absolute;
right: -9px;
top: -9px;
z-index: 11;
/* Overlap .qtip-tip */
cursor: pointer;
outline: medium none;
border: 1px solid transparent; }
.qtip-titlebar .qtip-close {
right: 4px;
top: 50%;
margin-top: -9px; }
* html .qtip-titlebar .qtip-close {
top: 16px; }
/* IE fix */
.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
display: block;
text-indent: -1000em;
direction: ltr; }
.qtip-icon, .qtip-icon .ui-icon {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-decoration: none; }
.qtip-icon .ui-icon {
width: 14px;
height: 14px;
line-height: 14px;
text-align: center;
text-indent: 0;
font: normal bold 10px/13px Tahoma,sans-serif;
color: white;
background: transparent none no-repeat -100em -100em; }
/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
/* Default tooltip style */
.qtip-default {
border: 1px solid #F1D031;
background-color: #FFFFA3;
color: #555; }
.qtip-default .qtip-titlebar {
background-color: #FFEF93; }
.qtip-default .qtip-icon {
background: #5A5959;
color: #777;
border: 2px solid #f9fff4 !important; }
.qtip-default .qtip-titlebar .qtip-close {
border-color: #AAA;
color: #111; }
.qtip-shadow {
-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); }
/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.qtip-rounded,
.qtip-tipsy,
.qtip-bootstrap {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; }
.qtip-rounded .qtip-titlebar {
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0; }
/* Youtube tooltip style */
.qtip-youtube {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 0 3px #333;
-moz-box-shadow: 0 0 3px #333;
box-shadow: 0 0 3px #333;
color: white;
border: 0 solid transparent;
background: #4A4A4A;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4A4A4A), color-stop(100%, black));
background-image: -webkit-linear-gradient(top, #4A4A4A 0, black 100%);
background-image: -moz-linear-gradient(top, #4A4A4A 0, black 100%);
background-image: -ms-linear-gradient(top, #4A4A4A 0, black 100%);
background-image: -o-linear-gradient(top, #4A4A4A 0, black 100%); }
.qtip-youtube .qtip-titlebar {
background-color: #4A4A4A;
background-color: rgba(0, 0, 0, 0); }
.qtip-youtube .qtip-content {
padding: .75em;
font: 12px arial,sans-serif;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"; }
.qtip-youtube .qtip-icon {
border-color: #222; }
.qtip-youtube .qtip-titlebar .ui-state-hover {
border-color: #303030; }
/* jQuery TOOLS Tooltip style */
.qtip-jtools {
background: #232323;
background: rgba(0, 0, 0, 0.7);
background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
background-image: -moz-linear-gradient(top, #717171, #232323);
background-image: -webkit-linear-gradient(top, #717171, #232323);
background-image: -ms-linear-gradient(top, #717171, #232323);
background-image: -o-linear-gradient(top, #717171, #232323);
border: 2px solid #ddd;
border: 2px solid #f1f1f1;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 0 12px #333;
-moz-box-shadow: 0 0 12px #333;
box-shadow: 0 0 12px #333; }
/* IE Specific */
.qtip-jtools .qtip-titlebar {
background-color: transparent;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"; }
.qtip-jtools .qtip-content {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"; }
.qtip-jtools .qtip-titlebar,
.qtip-jtools .qtip-content {
background: transparent;
color: white;
border: 0 dashed transparent; }
.qtip-jtools .qtip-icon {
border-color: #555; }
.qtip-jtools .qtip-titlebar .ui-state-hover {
border-color: #333; }
/* Cluetip style */
.qtip-cluetip {
-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
background-color: #D9D9C2;
color: #111;
border: 0 dashed transparent; }
.qtip-cluetip .qtip-titlebar {
background-color: #87876A;
color: white;
border: 0 dashed transparent; }
.qtip-cluetip .qtip-icon {
border-color: #808064; }
.qtip-cluetip .qtip-titlebar .ui-state-hover {
border-color: #696952;
color: #696952; }
/* Tipsy style */
.qtip-tipsy {
background: black;
background: rgba(0, 0, 0, 0.87);
color: white;
border: 0 solid transparent;
font-size: 11px;
font-family: 'Lucida Grande', sans-serif;
font-weight: bold;
line-height: 16px;
text-shadow: 0 1px black; }
.qtip-tipsy .qtip-titlebar {
padding: 6px 35px 0 10px;
background-color: transparent; }
.qtip-tipsy .qtip-content {
padding: 6px 10px; }
.qtip-tipsy .qtip-icon {
border-color: #222;
text-shadow: none; }
.qtip-tipsy .qtip-titlebar .ui-state-hover {
border-color: #303030; }
/* Tipped style */
.qtip-tipped {
border: 3px solid #959FA9;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #F9F9F9;
color: #454545;
font-weight: normal;
font-family: serif; }
.qtip-tipped .qtip-titlebar {
border-bottom-width: 0;
color: white;
background: #3A79B8;
background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);
background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);
background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"; }
.qtip-tipped .qtip-icon {
border: 2px solid #285589;
background: #285589; }
.qtip-tipped .qtip-icon .ui-icon {
background-color: #FBFBFB;
color: #555; }
/**
* Twitter Bootstrap style.
*
* Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
* Does not work with IE 7.
*/
.qtip-bootstrap {
/** Taken from Bootstrap body */
font-size: 14px;
line-height: 20px;
color: #333333;
/** Taken from Bootstrap .popover */
padding: 1px;
background-color: #ffffff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box; }
.qtip-bootstrap .qtip-titlebar {
/** Taken from Bootstrap .popover-title */
padding: 8px 14px;
margin: 0;
font-size: 14px;
font-weight: normal;
line-height: 18px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0; }
.qtip-bootstrap .qtip-titlebar .qtip-close {
/**
* Overrides qTip2:
* .qtip-titlebar .qtip-close{
* [...]
* right: 4px;
* top: 50%;
* [...]
* border-style: solid;
* }
*/
right: 11px;
top: 45%;
border-style: none; }
.qtip-bootstrap .qtip-content {
/** Taken from Bootstrap .popover-content */
padding: 9px 14px; }
.qtip-bootstrap .qtip-icon {
/**
* Overrides qTip2:
* .qtip-default .qtip-icon {
* border-color: #CCC;
* background: #F1F1F1;
* color: #777;
* }
*/
background: transparent; }
.qtip-bootstrap .qtip-icon .ui-icon {
/**
* Overrides qTip2:
* .qtip-icon .ui-icon{
* width: 18px;
* height: 14px;
* }
*/
width: auto;
height: auto;
/* Taken from Bootstrap .close */
float: right;
font-size: 20px;
font-weight: bold;
line-height: 18px;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20); }
.qtip-bootstrap .qtip-icon .ui-icon:hover {
/* Taken from Bootstrap .close:hover */
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
filter: alpha(opacity=40); }
/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar {
filter: none;
-ms-filter: none; }
.qtip .qtip-tip {
margin: 0 auto;
overflow: hidden;
z-index: 10; }
/* Opera bug #357 - Incorrect tip position
https://github.com/Craga89/qTip2/issues/367 */
x:-o-prefocus, .qtip .qtip-tip {
visibility: hidden; }
.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
position: absolute;
color: #123456;
background: transparent;
border: 0 dashed transparent; }
.qtip .qtip-tip canvas {
top: 0;
left: 0; }
.qtip .qtip-tip .qtip-vml {
behavior: url(#default#VML);
display: inline-block;
visibility: visible; }
/*---- $TOOLTIP
-------------------------------------------------------------*/
/* Doc: tooltip construction
<%= help_text.html_safe %>
*/
/* Tooltip: qtip over-rides | parameters */
.cw_tooltip {
bottom: 25px;
top: auto !important; }
.cw_tooltip,
.cw_tooltip_title {
max-width: 300px;
border: 1px solid #444;
background: #444;
color: #fff;
font-size: 14px;
line-height: 1.5;
-moz-box-shadow: 0px 0px 7px 2px rgba(102, 102, 102, 0.4);
-webkit-box-shadow: 0px 0px 7px 2px rgba(102, 102, 102, 0.4);
box-shadow: 0px 0px 7px 2px rgba(102, 102, 102, 0.4); }
.cw_tooltip .qtip-titlebar,
.cw_tooltip_title .qtip-titlebar {
background-color: transparent;
padding: 10px 10px 8px; }
.cw_tooltip_title .qtip-content {
text-align: center; }
.cw_tooltip .qtip-icon,
.cw_tooltip_title .qtip-icon {
border-color: #444;
border-radius: 50%;
left: -9px;
right: auto;
text-decoration: none;
text-shadow: none; }
.help_tooltip {
border-color: #b7b7b7;
background: #f9fff4;
color: inherit; }
.help_tooltip p {
margin-bottom: 10px; }
.help_tooltip a {
display: block;
margin-bottom: 5px; }
.cw_tooltip .qtip-titlebar .ui-state-hover,
.cw_tooltip_title .qtip-titlebar .ui-state-hover {
border-color: #3c3c3c; }
.cw_tooltip .qtip-tip,
.cw_tooltip .qtip-tip .qtip-vml,
.cw_tooltip .qtip-tip canvas,
.cw_tooltip_title .qtip-tip,
.cw_tooltip_title .qtip-tip .qtip-vml,
.cw_tooltip_title .qtip-tip canvas {
border: 0 dashed transparent;
background: transparent;
color: #444;
position: absolute; }
/* Tooltip: container surrounds */
.info.tip {
position: relative; }
.new_solution .tip, .tip-container {
float: right; }
.tip-container > a {
position: relative;
z-index: 25; }
.cody-callout {
display: none; }
.fix_dates .cody-callout {
width: 300px;
padding: 10px 10px;
margin: 0;
position: absolute;
left: auto;
z-index: 120;
font-size: 14px !important;
color: #fff !important;
background-color: #444 !important;
-webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25) !important;
box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25) !important; }
/*-----------------------------------------------------------
$CATALOG_COURSE_COMPONENT
-------------------------------------------------------------*/
/* Outline:
.result_container
.result_content
.result_body
header
h2
p
.result_stats
ul.result_attr
li
span.badges
.result_actions
*/
#current_courses_tab article .result_attr,
#past_courses_tab article .result_attr {
margin-top: 10px;
margin-bottom: 5px; }
/*---- $Result_container ----*/
.result_container h3 {
border: 0;
margin-bottom: 5px;
margin-top: 15px; }
/*---- Result_container: header ----*/
/* header states */
.result_header h2 {
padding-bottom: 20px; }
.result_header h2 a {
color: #000 !important; }
.result_header h2 a:hover {
color: #000 !important;
text-decoration: underline; }
.result_header h2 + p:last-child {
margin-bottom: 20px; }
.result_header h2 span {
margin-left: 5px;
position: absolute; }
/*---- Result_container: body ----*/
.result_body {
font-size: 14px; }
/*---- Result_container: stats ----*/
.result_stats {
padding-left: 15px; }
.result_attr li {
padding: 1px 0;
color: #666;
font-size: 14px; }
/* counter */
.attr_counter {
padding: 2px 4px;
border: 1px solid #ccc;
margin-right: 3px;
color: #666;
display: inline-block;
font-size: 14px;
text-align: center;
min-width: 24px;
height: 24px; }
.attr_counter.copies {
border-color: #0094d2;
color: #0094d2; }
/*---- Result_container: actions ----*/
.result_actions {
padding: 0 15px; }
/*---- Sub-section Title: attribute ----*/
/*---- $Catalog_result ----*/
.catalog_result .result_content > div {
width: 100%;
padding-left: 0;
float: none; }
.catalog_result .result_body {
margin-bottom: 10px; }
.catalog_result .result_header p {
margin-bottom: 0; }
.catalog_result .result_attr {
margin-bottom: 0; }
.catalog_result .result_attr li {
margin-bottom: 0; }
/* btn positioning */
.catalog_result .result_actions .btn {
margin-top: 15px; }
.catalog_result .result_actions a .copy {
position: relative;
top: 0px;
display: inline-block; }
.catalog_result .result_actions a:hover .copy:before {
background-position: -192px -21px; }
/*---- $Sub-section Title ----*/
/*---- $Toggle: more/less ----*/
#show_more_less {
padding-top: 1.10em;
color: #999;
cursor: pointer; }
show_more_less.show_more:hover, .show_more_less.show_less:hover {
color: #666; }
.result_content.collapse {
display: none; }
.result_content.expand {
display: block; }
.result_description {
width: 74%;
vertical-align: top; }
.home_page_buttons {
width: 50%;
margin: 0 auto; }
.home_page_buttons div {
margin: auto;
text-align: center; }
.home_page_buttons a:first-of-type {
margin-bottom: 40px; }
.home_page_buttons .btn--alpha {
width: 25%;
min-width: 240px;
margin: auto;
background: rgba(0, 147, 211, 0.11);
color: #0095d0 !important;
line-height: 1.8;
font-size: 30px; }
.home_page_buttons .btn--alpha:hover {
background: rgba(0, 147, 211, 0.18);
color: #007bac; }
/*---- $Dialog_actions ----*/
.home_header_nav {
position: absolute;
right: 25px;
top: 14px; }
.topnav {
padding-right: 30px;
padding-left: 30px; }
.topnav .course_nav a {
padding: 11px;
color: rgba(255, 255, 255, 0.75);
float: left;
font-weight: normal; }
/* $REMOVE */
.topnav .course_nav a:hover, .dialog_actions_dropdown.home_nav a:hover {
color: white;
text-decoration: none; }
/*---- $Tour ----*/
.welcome_header .icon-home::before {
width: 150px;
height: 150px;
margin-right: 17px;
border: 4px solid #ccc;
border-radius: 50%;
color: #ccc;
float: left;
font-size: 100px;
line-height: 140px;
text-align: center; }
.message--tour.info .circle {
width: 150px;
height: 150px;
border: 4px solid #ccc;
border-radius: 50%; }
.welcome_header h1 {
padding-top: 10px;
font-size: 50px; }
.welcome_header h2 {
font-size: 30px; }
/*-----------------------------------------------------------
$CONTENTS
-------------------------------------------------------------*/
/*
* MW_CONTAINER
* CARD_VIEW ............................. attr_container [source, state], metadata_container [info, action]
* ADDITIVE_CLASSES ................. add_fixed_width, card_bg_* [null, general]
* MEDIA_QUERIES ...................... add_fixed_width, card_bg_* [null, general]
...
*/
/*-----------------------------------------------------------
$MW_CONTAINER
-------------------------------------------------------------*/
/* Additives:
- .card_view (card view)
- .list_view (search result view)
- .add_fixed width (220px)
- .add_card_bg_null (white)
- .add_card_bg_general (grey (#f6f6f6)
- .show_leading
*/
/* Card: a href */
/* Card: Overrides */
/* Card: 1. media (image | icon + summary) */
.card_media {
position: relative; }
.card_media img {
width: 100%;
height: auto; }
/* Card: 2. body (content: title, body) */
.card_body {
position: relative; }
.card_body .panel-heading {
margin-bottom: 8px;
overflow: hidden; }
.card_body h3 {
margin-bottom: 0;
margin-top: 12px;
font-size: 15px;
line-height: 1.25; }
/* Card: 3. footer (meta data: source, downloads | actions) */
.card_footer {
width: 100%;
padding: 0;
clear: both;
float: left;
position: relative; }
/*-----------------------------------------------------------
$CARD_VIEW
-------------------------------------------------------------*/
/*---- $Media ----*/
/*---- $Attributes ----*/
/* Additives: (insert at the .attr_container level)
- .attr_only_source (do not use with .attr_bg_*)
- .attr_only_state
- .attr_bg_null
- .attr_bg_primary
- .attr_bg_secondary
*/
.attr_container {
padding: 1px 5px;
font-size: 12px;
line-height: normal; }
.attr_container > div {
display: inline-block; }
.attr_container p {
margin-bottom: 0;
line-height: 1.5; }
/*---- Attributes: source ----*/
.attr_source {
position: relative; }
.attr_only_source {
border: 0px solid #b9b9b9;
background: #f7f7f7; }
.attr_only_source .attr_source > span {
padding: 3px 0;
color: #777; }
.attr_only_source .attr_source b {
width: auto;
height: auto;
margin: 0 0 0 5px;
clip: auto;
color: #555;
font: normal 12px 'Arial', sans-serif;
overflow: visible;
position: static; }
.attr_source b {
width: 1px;
height: 1px;
padding: 0;
border: 0;
margin: -1px;
clip: rect(0 0 0 0);
overflow: hidden;
position: absolute; }
/*---- Attributes: state ----*/
.attr_state {
margin-left: 3px; }
.attr_only_state .attr_state {
padding: 2px 0 1px; }
/*---- Attributes: background colors ----*/
.attr_bg_null {
background: #fff; }
.attr_bg_tertiary {
background: #20ac3c;
color: #fff; }
/* (#009915 !important tertiary) green */
.attr_bg_quarternary {
background: #ef8322;
color: #fff; }
/* (#eea600 !important quaternary) yellow */
/*---- $Metadata ----*/
.metadata_container {
width: 100%;
position: relative; }
/*---- Metadata: info ----*/
.metadata_info > p {
margin-bottom: 5px;
margin-top: 5px; }
.metadata_info > p > span {
color: #b9b9b9; }
.metadata_info .rating_scale {
font-size: 15px; }
/*---- Metadata: action ----*/
.metadata_action {
padding-top: 5px; }
/*-----------------------------------------------------------
$ADDITIVE_CLASSES
-------------------------------------------------------------*/
/*---- $Card Background ----*/
.add_card_bg_null {
background: #fff; }
.add_card_bg_null .card_media {
background: #f6f6f6; }
.add_card_bg_general {
background: #f6f6f6; }
.add_card_bg_general .card_media {
background: #fff; }
/*---- $Fixed Width ----*/
.add_fixed_width {
width: auto;
margin: 0 0 15px;
float: left; }
/*-----------------------------------------------------------
$MEDIA QUERIES
-------------------------------------------------------------*/
/*---- Begin: layout media query ----*/
@media screen and (min-width: 320px) {
.card_body h3 {
margin-bottom: 0;
margin-top: 0; }
/*-----------------------------------------------------------
$CARD_VIEW
-------------------------------------------------------------*/
.card_view {
margin-bottom: 15px;
border-bottom: 1px solid #d9d9d9; }
.card_view .card_media {
width: 40%;
max-height: 75px;
float: left; }
.card_view .card_body {
min-height: 120px;
max-height: 100%;
float: left; }
.card_view .panel-body {
overflow-y: hidden; }
.card_view .panel-heading,
.card_view .panel-body,
.card_view .panel-footer {
padding: 0 10px;
border: 0; }
/*---- $Media ----*/
.card_view .card_media + .card_body {
width: 59%;
border: 0; }
/*---- $Height ----*/
/* Height: include metadata
- metadata (.card_footer) is present
- decrease description area
*/
.card_view > a:nth-last-child(2) {
height: 126px; }
.card_view > a:nth-last-child(2) .panel-body {
height: 54px; }
/* Height: no media
- preserve room for source, state
- title/description are present (.card_body)
- grow description area (.panel-body)
- metadata is present (.card_footer)
*/
.card_view > a > div:only-child {
height: 156px;
margin-bottom: 6px;
margin-top: 0; }
.card_view > a > div:only-child .panel-heading,
.card_view > a > div:only-child .panel-body {
padding: 0; }
.card_view > a:nth-last-child(2) > div:only-child .panel-body {
height: 204px; }
/* Height: no media & no metadata
- grow description area (.panel-body)
*/
.card_view > a:only-child > div:only-child .panel-body {
height: 108px; }
/* Height: no metadata
- grow description slightly
*/
.card_view > a:only-child .panel-body {
height: 72px;
margin-bottom: 6px; }
/*---- $Attributes ----*/
.attr_container {
width: 68%;
left: -68%;
position: absolute;
top: 75px; }
/*---- $Metadata ----*/
.metadata_container .pull_left {
margin-right: 5px !important; } }
@media screen and (min-width: 530px) {
/*-----------------------------------------------------------
$CARD_VIEW
-------------------------------------------------------------*/
/*---- $Media ----*/
/*---- $Height ----*/
/* Height: include metadata
- metadata (.card_footer) is present
- decrease description area
*/
/* Height: no media
- preserve room for source, state
- title/description are present (.card_body)
- grow description area (.panel-body)
- metadata is present (.card_footer)
*/
.card_view > a > div:only-child {
height: auto;
margin-bottom: 0;
margin-top: 12px; }
.card_view > a > div:only-child .panel-heading,
.card_view > a > div:only-child .panel-body {
padding: 0 10px; }
.card_view > a:nth-last-child(2) > div:only-child .panel-body {
height: 204px; }
/* Height: no media & no metadata
- grow description area (.panel-body)
*/
/*-----------------------------------------------------------
$ADDITIVE_CLASSES
-------------------------------------------------------------*/
/*---- $Fixed Width ----*/
/*---- $Attributes ----*/
/* Additives: (insert at the .attr_container level)
- .attr_only_source (do not use with .attr_bg_*)
- .attr_only_state
- .attr_bg_null
- .attr_bg_primary
- .attr_bg_secondary
*/
.attr_container {
width: auto;
padding: 1px 10px;
border-radius: 11px / 0 50% 50% 0;
font-weight: bold;
left: -1px;
line-height: normal;
position: absolute;
top: -18px; }
.attr_only_source {
border: 0;
background: transparent; }
.attr_only_source .attr_source > span {
padding: 3px;
border: 1px solid #b9b9b9;
border-radius: 50%;
background: #fff; }
.attr_only_source .attr_source b, .attr_source b {
width: 1px;
height: 1px;
padding: 0;
border: 0;
margin: -1px;
clip: rect(0 0 0 0);
overflow: hidden;
position: absolute; }
/*---- Metadata: action ----*/
.metadata_action {
padding-top: 0; } }
/*---- End: layout media query ----*/
/*---- $Cards: Single Row ----*/
/* Note:
* @media += 230px
* accounts for offcanvas menu
*
*/
/* Tab Slider for Courses Homepage */
.tab_slider .slider_content_area .slide:last-child {
display: none; }
.tab_slider ul.slider_actions li {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 5px;
font-size: 14px;
cursor: pointer; }
.tab_slider ul.slider_actions li.slide_active {
border-bottom: 3px solid #2f7eb2; }
.tab_slider ul.slider_actions li:not(.slide_active) {
padding-bottom: 6px; }
.tab_slider ul.slider_actions li a {
color: #6f6f6f;
text-decoration: none; }
.tab_slider ul.slider_actions li.slide_active a {
color: #474747;
font-weight: 600; }
/* End Tab Slider for Courses Homepage */
body.has_parula_header {
padding-top: 96px;
background-color: white !important; }
.parula_header_wrapper #header_parent > * {
background-color: white !important;
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%; }
.parula_header_wrapper .horizontal_nav {
background-color: white; }
.parula_header_wrapper + * {
margin-top: 96px; }
mw-matrix svg {
fill: #ffffff; }
mw-matrix .icon-matrix {
opacity: 1; }
ul.headernavUserDropdownMatrix > li.mwMatrix {
padding-left: 10px !important; }
ul.headernavUserDropdownMatrix > li.dropdown .dropdown-menu {
right: 0;
left: auto; }
/*-----------------------------------------------------------
$GLOBALS
-------------------------------------------------------------*/
html {
min-height: 100%; }
html body {
height: 100%;
padding: 0;
margin: 0;
background: #333;
color: #474747;
font: 15px/1.46 Arial, Helvetica, sans-serif;
overflow-y: scroll;
-ms-overflow-style: scrollbar;
-webkit-font-smoothing: antialiased; }
/*---- $SITE_ELEMENTS ----*/
a img {
border: 0; }
a.disabled {
color: #c4c4c4 !important; }
.visuallyhidden {
width: 1px;
height: 1px;
padding: 0;
border: 0;
margin: -1px;
clip: rect(0 0 0 0);
overflow: hidden;
position: absolute; }
.dialog h2 a,
.like-unlike-comment a,
.dialog h2 a:visited,
.like-unlike-comment a:visited {
color: #666;
text-decoration: none; }
.dialog h2 a:hover,
.like-unlike-comment a:hover {
color: #0095d0;
text-decoration: none; }
.description_wrapper img,
.comment_body img,
.dialog_content img,
.matlabmarkup-preview-body img {
display: block;
max-width: 100%;
padding-bottom: 8px;
margin-bottom: 16px; }
p {
padding: 0;
margin: 0 0 20px 0; }
pre {
color: #666;
white-space: pre-wrap; }
/* $ul/$ol */
.dialog_content ul {
padding: 0;
margin: 0 0 15px; }
.dialog_content li {
padding: 0 0 0 10px;
margin: 0 0 7px 0;
list-style-type: none; }
.dialog_content ul ul {
padding-top: 5px;
margin-bottom: 0; }
.dialog_content ul ul li {
background: transparent url(/assets/bg-global-bullet-1748786fdcc65ea23d9dfed98bbf4a261ea2d822b09b5bd44aa65168c6f8fac5.png) no-repeat 0 7px; }
ul.unbulleted_list li {
padding: 0;
margin-bottom: 5px;
background: none; }
.dialog_content ol {
padding: 0;
margin: 0 0 15px 0; }
.dialog_content ol li {
padding: 0;
margin: 0 0 7px 16px;
list-style-type: decimal;
background: none; }
.dialog_content ol ol {
padding-top: 5px; }
.dialog_content ol ol li {
list-style-type: lower-alpha; }
.dialog_content ol ul li {
padding: 0 0 0 10px;
margin: 0 0 10px 0;
list-style-type: none;
background: transparent url(/assets/bg-global-bullet-1748786fdcc65ea23d9dfed98bbf4a261ea2d822b09b5bd44aa65168c6f8fac5.png) no-repeat 0 7px; }
html body td {
vertical-align: top;
text-align: left; }
/* Container Margin / Padding */
.hidden {
visibility: hidden;
position: absolute;
top: -999px; }
/* Additive CSS */
.clearfix, .clearfix:before, .clearfix:after {
clear: both;
content: '';
display: block; }
.clear {
width: 0;
height: 0;
clear: both;
display: block;
overflow: hidden;
visibility: hidden; }
.highlight {
background-color: #cee4f2 !important; }
/* yellow: #fffbc4 */
/*-----------------------------------------------------------
$ICON_SET
-------------------------------------------------------------*/
.draft_problem .draft_flag,
.users_options_actions .users_options_action_button.resend,
.matlabmarkup-preview-toggle:before,
.icon:before {
content: '';
display: inline-block;
background: transparent url(/assets/ico-flat-ui-sprite-1f7d37bd9bdc2776c9ad7d6f5400e52c273946bb7fa09e1764305ce5152d4514.png) no-repeat;
vertical-align: text-bottom; }
.close:before,
.copy:before,
.delete:before,
.delete_white:before,
.draft:before,
.dropdown_16:before,
.edit:before,
.expand_16:before,
.expand_white_16:before,
.help_16:before,
.like:before,
.matlab_documentation:before,
.minimize:before,
.minimize_white:before,
.new_element:before,
.report:before,
.run:before,
.solve_late_16:before,
.solve_16:before,
.matlabmarkup-preview-toggle:before {
width: 16px;
height: 16px;
margin-right: 5px; }
.refresh:before,
.dropdown_24:before,
.info_24:before,
.help_24:before,
.new_course:before,
.resend:before,
.search_24:before,
.solve_late_24:before,
.solve_24:before,
.solved_late:before,
.solved:before,
.attempted:before,
.matlabmarkup-preview-refresh:before {
width: 24px;
height: 24px;
margin-right: 5px; }
.m_success:before,
.m_correct:before,
.m_error:before,
.m_incorrect:before,
.m_info:before,
.m_warning:before {
width: 32px;
height: 32px;
margin-right: 5px; }
.draft_preview:before {
width: 46px;
height: 46px;
margin-right: 5px; }
/*---- $icon_16 ----*/
.close:hover:before {
background-position: -21px -21px; }
.close:before {
background-position: -129px -21px; }
.copy:hover:before {
background-position: -192px -21px; }
.copy:before {
background-position: -150px -37px; }
.delete:hover:before {
background-position: -171px -37px; }
.delete:before {
background-position: 0 -42px; }
.delete_white:hover:before {
background-position: -21px -42px; }
.delete_white:before {
background-position: -129px -42px; }
.draft:hover:before {
background-position: -192px -42px; }
.draft:before {
background-position: -216px -60px; }
.dropdown_16:hover:before {
background-position: -237px -60px; }
.dropdown_16:before {
background-position: 0 -63px; }
.edit:hover:before {
background-position: -21px -63px; }
.edit:before {
background-position: -129px -63px; }
.expand_16:hover:before,
.matlabmarkup-preview-toggle:hover:before {
background-position: -216px -81px; }
.expand_16:before,
.matlabmarkup-preview-toggle:before {
background-position: -237px -81px; }
.expand_white_16:before {
background-position: 0 -84px; }
.help_16:hover:before {
background-position: -21px -84px; }
.help_16:before {
background-position: -129px -84px; }
.like:hover:before {
background-position: -216px -102px; }
.like:before {
background-position: -81px -108px; }
.matlab_documentation:hover:before {
background-position: -129px -126px; }
.matlab_documentation:before {
background-position: 0 -147px; }
.minimize:hover:before,
.matlabmarkup-preview-toggle.off:hover:before {
background-position: 0 -105px; }
.minimize:before,
.matlabmarkup-preview-toggle.off:before {
background-position: -129px -105px; }
.minimize_white:before {
background-position: -21px -105px; }
.new_element:before {
background-position: 0 0;
position: relative;
top: -2px; }
.refresh:hover:before {
background-position: -100px -145px; }
.refresh:before {
background-position: -150px -145px; }
.report:hover:before {
background-position: -216px -123px; }
.report:before {
background-position: -237px -123px; }
.resend:hover:before {
background-position: -150px -87px; }
.resend:before {
background-position: -42px -116px; }
.run:hover:before {
background-position: 0 -126px; }
.run:before {
background-position: -21px -126px; }
.solve_late_16:hover:before {
background-position: -21px 0; }
.solve_late_16:before {
background-position: -129px 0; }
.solve:hover:before {
background-position: -187px 0; }
.solve:before {
background-position: 0 -21px; }
/*---- $icon_24 ----*/
.dropdown_24:hover:before {
background-position: -42px -58px; }
.dropdown_24:before {
background-position: -71px -58px; }
.help_24:hover:before {
background-position: -100px -58px; }
/* white transparent */
.help_24:before {
background-position: -42px -87px; }
.info_24:hover:before {
background-position: -71px -87px; }
.info_24:before {
background-position: -100px -87px; }
.new_course:hover:before {
background-position: -42px 0; }
.new_course:before {
background-position: -71px 0; }
.resend:hover:before {
background-position: -150px -87px; }
.resend:before {
background-position: -42px -116px; }
.search_24:hover:before {
background-position: -71px -116px; }
.search_24:before {
background-position: -100px -116px; }
.solved_late:hover:before, .solve_late_24:hover:before {
background-position: -100px 0;
vertical-align: baseline; }
.solved_late:before, .solve_late_24:before {
background-position: -42px -29px;
vertical-align: baseline; }
.solved:hover:before, .solve_24:hover:before {
background-position: -71px -29px;
vertical-align: baseline; }
.solved:before, .solve_24:before {
background-position: -100px -29px;
vertical-align: baseline; }
.icon.view_courses:hover:before {
background-position: 0 -41px; }
.icon.view_courses:before {
width: 24px;
height: 26px;
margin-right: 5px;
background: transparent url(/assets/ico-copy-public-e8ae333599b4b3733f0adf96254337838ccdd7dec57cd7dfb488ff4dff144912.png) no-repeat 0 -1px;
content: '';
display: inline-block;
vertical-align: text-bottom; }
/*---- $icon_32 ----*/
.m_success:before,
.m_correct:before {
background-color: #99cc00;
background-position: -150px 0; }
.m_error:before,
.m_incorrect:before {
background-color: #b7312c;
background-position: -179px -63px; }
.m_info:before {
background-color: #0095d0;
background-position: -179px -100px; }
.m_warning:before {
background-color: #f1c40f;
background-position: -179px -137px; }
.m_info_white:before {
width: 32px;
height: 32px;
margin-right: 5px;
margin-top: 7px;
background: transparent url(/assets/ico-warning-white-32-ef244c2720412c5dec8fbb706e0528c85bd5a0dc0a469aa9e23f1775e60a6ebf.png) no-repeat -5px -5px;
content: '';
display: inline-block;
vertical-align: text-bottom; }
/*---- $icon_46 ----*/
.preview_draft:before {
background-position: -213px 0; }
.matlab_documentation_white:hover:before {
width: 16px;
height: 16px;
background-position: -21px -147px; }
.matlab_documentation_white:before {
width: 16px;
height: 16px;
background-position: -129px -147px; }
.Z_Refresh_White_Hover_24 {
width: 24px;
height: 24px; }
.Z_Refresh_White_Up_24 {
width: 24px;
height: 24px; }
.preview_draft {
width: 46px;
height: 55px; }
/*---- $non-sprite ----*/
.ico-expand-all-sprite:before,
.ico-expand-assign-sprite:before {
content: '';
display: inline-block;
vertical-align: text-bottom; }
.ico-expand-all-sprite:before {
background: transparent url(/assets/ico-expand-all-sprite-a38213de60461054889de12c74f324e5521ba99fbceb2ce2c079f3b5bdf4f98f.png) no-repeat; }
#test_suite_show_hide h2:before,
#test_suite_show_hide h2.collapse:before,
.ico-expand-assign-sprite:before,
.copy_problem_popup .ui-accordion-header.ui-state-default span:before,
.form_element .chosen_coursework_dropdown > a div b:before,
.form_element .chosen_coursework_dropdown.products:after {
background: transparent url(/assets/ico-expand-assign-sprite-543f06a07e880ea0134ec7f7101dc54d73ba6ca0f2bbc9c3c72b4f9630dc6b0e.png) no-repeat; }
.submissions, .submissions_label {
color: #666;
display: inline-block;
padding: 2px;
padding-left: 4px;
padding-bottom: 5px; }
.submissions input[type="radio"] {
margin-left: 10px; }
.submissions input[type="radio"]:checked + span,
.submissions input[type="radio"]:hover + span {
color: #000; }
.dialog.problem_container_top.map .solutions_filter .submissions {
padding-left: 48px;
padding-bottom: 0; }
.matlabmarkup-preview-refresh:before {
width: 24px;
height: 24px;
content: '';
background: transparent url(/assets/ico-refresh-grey-24-c4dcbe75e579d73ca25049f2a5f933627461630b8432fe7b6860cdac86dd2463.png) no-repeat 0 0;
display: inline-block; }
.matlabmarkup-preview-refresh:hover:before {
background-position: 0 -22px; }
/* icon: liked */
.icon-like:before {
width: 16px;
height: 16px;
margin-right: 5px;
background: transparent url(/assets/ico-like-sprite-60cb999cde9eda94ea4b562dd4927cd98bb40bc25cbfd19f0445f64bba890e51.png) no-repeat 0 0;
content: '';
display: inline-block; }
/* icon: attempted - header */
.icon.attempted:before {
background: transparent url(/assets/icon-attempted-24-3928baa1b15b742a2ad2c33ed8687e8eaf511981533effa4eeabad81f68ec27d.png) no-repeat 0 0;
vertical-align: baseline; }
/*---- $icon_set: modifications ----*/
.topnav_user .icon:before,
.current_course_title.icon:before {
position: absolute;
right: 0;
top: 10px; }
.topnav_help .help_16:before {
width: 18px;
height: 20px;
margin-top: 8px; }
.invitation_link .icon:before {
position: absolute;
right: 8px;
top: 10px; }
/* popup-coursework */
.message-copy.success .icon:before,
.message-copy.error .icon:before,
.message-copy.info .icon:before,
.message-copy.warning .icon:before {
position: absolute;
left: 0;
top: 0; }
.message-copy.warning .m_warning:before {
background-color: #f1c40e; }
.popup-coursework .ui-dialog-titlebar-close > span.icon:before {
position: absolute;
left: 0; }
/* alert_messages */
.alert_message .icon:before {
left: 0;
position: absolute;
top: 0; }
/*-----------------------------------------------------------
$TYPOGRAPHY
-------------------------------------------------------------*/
/*---- font: $arial ----*/
.font_family_arial {
font-family: Arial, Helvetica, sans-serif; }
/*---- font: futura ----*/
.draft_flag,
.header_content,
.topnav,
.professor_feature,
.dialog_title h3,
.dialog_content h3,
.test_suite th,
.popup-coursework .ui-dialog-title,
h1, h2, h5 {
font-style: normal;
font-weight: 400;
font-family: "Arial", "Helvetica", sans-serif;
-webkit-font-smoothing: antialiased; }
.ui-datepicker .ui-datepicker-header {
font-style: normal;
font-weight: 700;
font-family: "Arial", "Helvetica", sans-serif; }
/*---- font: source_sans_pro ----*/
body,
.ui-dialog,
.ui-widget,
.popup-coursework .ui-dialog-content,
.popup-coursework .ui-dialog-content .dropdown,
.users_options_actions .users_options_action_button.resend,
.form_element textarea {
font-style: normal;
font-weight: 400;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 16px; }
.message-copy__header h3 {
font-style: normal;
font-weight: 600;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 18px; }
.form_element tt, pre {
font-style: normal;
font-weight: 400;
font-family: "bitstream-vera-sans-mono", Courier, monospace;
font-size: 15px; }
/*---- $truncation ----*/
/*.topnav_user - hides logout button */
.top.topnav .course_nav .current_course .current_course_title,
ul.current_course li span.current_course_title,
.problem_container_top .dialog_header h3,
.dialog_header.titled h3 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block; }
/*-----------------------------------------------------------
$LAYOUT
-------------------------------------------------------------*/
/*---- Layout: $POSITIONING_ELEMENTS ----*/
.header,
.content_header,
.professor_feature,
.alert_message_container {
position: fixed; }
/* z-index for major containers */
.header {
z-index: 100; }
.codyu_leftnav {
z-index: 75; }
/*---- $CARET setup ----*/
.form_container .error p:after,
.form_element.solution_body .error p:after,
.no_courses + li:after,
.select_course li:first-child:after,
.topnav_user > ul li:first-child:after {
width: 0;
height: 0;
border-style: solid;
position: absolute;
display: block;
content: ""; }
/*-----------------------------------------------------------
$MENU
-------------------------------------------------------------*/
/*---- Menu: topnav - $COURSE_MENU ----*/
.current_course_title {
max-width: 295px;
padding: 8px 30px 8px 10px;
color: #bfbfbf;
float: left;
position: relative; }
.topnav .course_nav {
float: left;
position: relative; }
.topnav .course_nav li {
font-size: 16px;
color: #fff;
text-align: left;
-webkit-transition: width 0.25s;
transition: width 0.25s; }
.topnav .course_nav li.topnav_brand {
position: relative;
font-size: 22px; }
.topnav .course_nav li.topnav_brand span {
position: absolute; }
.topnav .course_nav li.topnav_brand span.icon-membrane {
top: 10px;
color: #fff; }
.topnav .course_nav li.topnav_brand span.brand_name {
padding-left: 30px;
font-family: "futura-pt-n5","futura-pt","Arial","Helvetica",sans-serif;
color: #fff; }
.topnav .course_nav li.topnav_brand a {
border: 0; }
/*---- Drop-down: icon/hover ----*/
.current_course_title:hover {
background-color: rgba(255, 255, 255, 0.25);
color: #fff; }
/*---- Menu: TopNav - Course Menu: Select Course ----*/
/*ul*/
.select_course:empty {
display: none; }
.select_course:hover:empty {
background: transparent; }
.select_course {
max-height: 400px;
max-width: 250px;
padding: 0 0;
margin: 18px 0 0 8px !important;
background: #333;
color: #bfbfbf;
z-index: 110;
overflow-y: auto; }
/* Caret: up arrow */
.no_courses + li:after,
.select_course li:first-child:after {
border-color: transparent transparent #333 transparent;
border-style: solid;
border-width: 17px;
top: 25px;
left: 39%; }
.select_course li {
height: auto;
width: auto;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 10px;
margin-left: 0;
font-size: 16px;
line-height: 18px;
text-align: left;
font-style: normal;
font-weight: normal;
background-image: none; }
.select_course li a {
padding: 4px 34px 4px 20px;
line-height: 18px;
display: block;
color: #bfbfbf;
position: relative; }
.select_course li a:hover {
background-color: rgba(255, 255, 255, 0.25);
color: #fff;
text-decoration: none; }
/*---- Menu: TopNav - $ENROLLED ----*/
.student a:after,
.instructor a:after,
.professor a:after {
color: #8f8f8f;
font-family: "Verdana",sans-serif;
position: absolute;
right: 20px;
top: 3px; }
.student a:after {
content: 'S'; }
.instructor a:after {
content: 'I'; }
.professor a:after {
content: 'I'; }
.select_course li.student a:hover,
.select_course li.instructor a:hover,
.select_course li.professor a:hover {
background-color: rgba(255, 255, 255, 0.25);
color: #fff; }
.select_course li.course_nav_title {
padding: 14px 10px 7px 12px;
color: #99CC00;
text-transform: uppercase;
cursor: default; }
.select_course li.course_nav_title a {
color: #99CC00; }
/* disables left nav hover state */
.topnav .course_nav li ul.select_course {
display: none; }
/* disabled Create button warning */
.topnav .course_nav ul.select_course li.course_nav_create > span {
padding: 4px 24px;
display: block;
text-transform: none;
color: #bfbfbf;
background: transparent url(/assets/ico-warning-fe2c3cc541c4a579d12f6c9da78c875c8922857d5ba3028af9e254ad8a322163.png) 5px 5px no-repeat;
z-index: 500;
cursor: default; }
.topnav .course_nav ul.select_course li.course_nav_create > span a {
padding: 0 !important;
display: inline !important;
background: transparent none;
cursor: pointer; }
.topnav .course_nav ul.select_course li.course_nav_create > span a:hover {
background: transparent; }
.course_nav_create,
.course_share_public {
width: 250px;
border-top: 1px solid #666;
margin-left: 8px;
background: #333;
clear: both;
display: none; }
.course_nav_create > a,
.course_share_public > a {
max-height: 55px;
padding: 0 0 0 20px;
color: #99CC00;
line-height: 54px;
text-transform: uppercase;
-webkit-transition: height 0.3s ease-in-out;
transition: height 0.3s ease-in-out; }
.course_nav_create > a:hover,
.course_share_public > a:hover {
color: #c9ff65;
background: transparent;
text-decoration: none; }
/* disabled Create Course button */
.create_disabled span {
padding: 10px 20px;
display: block;
line-height: normal; }
.create_disabled span a {
color: #bfbfbf; }
.create_disabled span a:hover {
color: #fff; }
.create_disabled > a {
color: #bfbfbf;
display: block;
cursor: default;
pointer-events: none; }
.create_disabled > a.icon:before {
margin-bottom: 2px; }
/*---- Menu: TopNav - $TABS ----*/
.tab_container {
margin-left: 20px;
float: left; }
.tab_container li {
margin-bottom: 0;
text-align: center;
background: none;
float: left;
font-family: "source-sans-pro-n4","source-sans-pro",sans-serif; }
.tab_container li a {
padding: 5px 0;
margin: 0 15px;
color: #bfbfbf;
border-top: 5px solid transparent;
display: block;
float: left; }
.tab_container li a.disabled {
pointer-events: none; }
.tab_container li a:hover {
border-top: 5px solid #fff;
text-decoration: none;
color: #fff; }
.tab_container li.active a,
.tab_container li.active a:hover {
border-top-color: #0095d0;
color: #fff; }
/*---- Menu: TopNav - $RIGHT_SIDE ----*/
.topnav_login_controls {
float: right; }
.topnav_login_controls ul {
margin-bottom: 0;
float: right;
font-family: "source-sans-pro-n4","source-sans-pro",sans-serif; }
/* stretch container to fit content */
.topnav_login_controls li {
margin-bottom: 0;
float: left;
text-align: right;
background: none; }
.topnav_login_controls li a, .topnav_login_controls li a:visited {
color: #bfbfbf;
text-decoration: none; }
.topnav_login_controls li a:hover {
color: #fff;
text-decoration: none; }
/*---- Menu: TopNav - Catalog ----*/
.topnav_login_controls ul li.topnav_catalog {
padding: 9px 20px; }
.topnav_login_controls ul li.topnav_catalog a {
padding: 4px 0 !important;
border-top: 5px solid transparent; }
.topnav_login_controls ul li.topnav_catalog a:hover {
border-top-color: #fff; }
.topnav_login_controls ul li.topnav_catalog.active a {
color: #fff;
border-color: #0095d0; }
/*---- Menu: TopNav - Help ----*/
li.topnav_help {
margin: 14px 0 0 30px; }
li.topnav_help a {
padding: 0 5px;
position: relative;
font: 0/0 a; }
li.topnav_help a:hover {
color: #fff; }
/*---- Menu: TopNav - Community ----*/
.topnav_courses {
padding-left: 22px;
background: transparent url(/assets/ico-community-107fc19787995288716a75edd38eb99fd70177c33e581e04812f0a8b7add39b3.png) no-repeat left center; }
/*---- Menu: TopNav - User ----*/
/*li*/
.topnav_user {
min-width: 100px;
max-width: 400px;
text-align: right;
color: #bfbfbf;
position: relative; }
.topnav_user span {
padding: 10px 30px 6px 10px;
cursor: pointer;
display: block; }
.topnav_user span.icon.dropdown_16:before {
top: 14px; }
.topnav_user span:hover {
color: #fff; }
.topnav_user span:hover > .dropdown_16:before {
background-position: -237px -60px; }
/*---- Menu: TopNav - User sub-nav ----*/
.topnav_user > ul {
padding: 0;
margin-top: 17px;
background-color: #333;
display: none;
text-align: left;
color: #fff;
position: absolute;
right: 10px;
z-index: 110; }
/* Caret: up arrow - user */
.topnav_user > ul li:first-child:after {
border-color: transparent transparent #333 transparent;
border-style: solid;
border-width: 17px;
top: -34px;
left: 35%; }
.topnav_user li {
padding: 0;
margin: 0;
font-size: 14px;
text-align: left;
float: none;
background-image: none; }
.topnav_user li a {
padding: 6px 22px 4px 20px;
display: block;
margin: 0;
color: #bfbfbf; }
.topnav_user li a:hover {
text-decoration: none;
color: #fff; }
/*---- Menu: $LEFTNAV ----*/
/* $REMOVE when leftnav done */
.codyu_leftnav {
bottom: 0;
line-height: 18px;
-webkit-transition: width 0.25s;
transition: width 0.25s; }
.droppable_assignment {
position: relative; }
.droppable_assignment > ul {
display: none; }
.sortable_placeholder {
color: #fff;
border-color: #17497e;
background-color: #17497e;
opacity: 0.5;
display: none;
height: 2px; }
/*---- Menu: LeftNav drag state ----*/
.codyu_leftnav_content ul li.ui-sortable-helper {
background-color: rgba(0, 146, 209, 0.5);
cursor: move; }
.codyu_leftnav_content ul li.ui-sortable-helper:hover {
opacity: 0.5; }
.codyu_leftnav_content ul li.ui-sortable-helper a {
color: black; }
/*-----------------------------------------------------------
$CONTENT_HEADER
-------------------------------------------------------------*/
.login_home + .content_container > #alert_messages .alert_message_container {
top: 0; }
/* modified for login messaging */
.content_container > .codyu_leftnav + #alert_messages + .content .content_header {
left: 295px; }
/* courses tab content_header gradient */
.content_container .content.home .content_header {
top: 140px;
left: 0; }
/* login screen without professor feature */
.content_container.pre_login_course .content_header {
top: 140px;
left: 0; }
/* login screen with professor feature */
/*-----------------------------------------------------------
$ALERT_MESSAGES
-------------------------------------------------------------*/
.alert_message_container {
width: 100%;
padding: 0;
color: #535353;
background: white;
z-index: 90; }
.alert_message_container .close {
padding: 5px;
color: #006699;
font: 0/0 a;
float: right;
cursor: pointer; }
.alert_message p {
width: 100%;
min-height: 32px;
padding: 5px 0 0 40px; }
.alert_message_container.success p {
background-color: #f2ffcc;
color: #4f6a00;
font-weight: bold; }
.alert_message_container.info p {
background-color: #d0f2ff;
color: #00719f;
font-weight: bold; }
.alert_message_container.warning p {
background-color: #fef9e8;
color: #8c7300;
font-weight: bold; }
.alert_message_container.error p {
background-color: #faeae9;
color: #a53e00;
font-weight: bold; }
.shared_course_message > .alert_message_container {
top: -30px !important; }
.shared_course_message > .alert_message_container p {
margin-bottom: 0; }
/*-----------------------------------------------------------
$DIALOG
-------------------------------------------------------------*/
.dialog {
-webkit-transition: width 0.25s;
transition: width 0.25s; }
.dialog_content p:last-child {
margin-bottom: 0; }
.dialog.problem_container_top,
.problem_container_bottom .dialog,
.comments_section_container .dialog {
border-width: 0; }
.css-dialog-coursework {
display: none; }
/*---- $TITLE ----*/
.dialog.draft_problem {
background: #fff url(/assets/bg-dialog-draft-1be5d3cc9ac98a2b1e70e78e457275d25efc43217d650239b3404002a91d0d4d.png) repeat-x right bottom; }
/*---- $HEADER
-------------------------------------------------------------*/
/*---- $STATUS
-------------------------------------------------------------*/
/* on time */
.dialog_header.solved h2 {
background: transparent url(/assets/ico-assignment-correct-1edc65ec777348a0beca6ac68395091b73f874ec0cf6cf1ef05340cc1d89aab1.png) no-repeat 0 5px; }
.dialog .dialog_header.titled {
padding-left: 0; }
/* late */
.dialog_header.solved.late h2 {
background-image: url(/assets/ico-assignment-correct-late-9806b615023f65492203d392bd28aa812fc92e427d3be099d0cab8daa2c87b53.png); }
/*-----------------------------------------------------------
$ACTION_PANEL
-------------------------------------------------------------*/
/* Menu: Action Panel Location */
.dialog {
z-index: 50; }
/*---- $COLOR_SIZE
-------------------------------------------------------------*/
/*---- $DIALOG_CONTENT
-------------------------------------------------------------*/
/* duration */
.result_header .duration {
color: #666666; }
.result_header .icon-account:before {
font-size: 80%; }
.result_header h3 a {
color: #187dbb !important; }
.duration > p {
padding: 0;
margin-bottom: 0; }
.duration > p {
display: inline-block; }
.duration p:first-child {
margin-right: 15px; }
.missing_content {
padding: 60px 0;
color: #666;
font-size: 20px;
text-align: center; }
.morecontent span {
display: none; }
/*---- $AP_LOCATION
-------------------------------------------------------------*/
.problem_section .description_wrapper pre {
padding-left: 10px;
border-left: 2px solid #999; }
.problem_section .description_wrapper {
margin-bottom: 15px;
position: relative; }
/*-----------------------------------------------------------
$PROBLEM_CONTAINER
-------------------------------------------------------------
/* hide navigation for preview */
.problem_container_preview .dialog_actions {
display: none; }
.problem_container_top .alert_message_container {
top: 0 !important; }
/*-----------------------------------------------------------
$MARKUP_WIDGET
-------------------------------------------------------------*/
.matlabmarkup-toolbar,
.matlabmarkup-preview-divider {
padding: 5px;
overflow: hidden;
background: #e2e2e2; }
.matlabmarkup-toolbar a {
height: 20px;
width: 20px;
margin: 0 4px 0 0;
color: #686868;
font-size: 11px;
line-height: 100%;
text-decoration: none;
border: 1px solid #a3a3a3;
background: #fff url(/assets/matlabmarkup-1ffd6c21b042d053fa27403e7c701e1ddea42c697ee952a8ee364c04d134c7e9.png) no-repeat 18px 18px;
display: block;
float: left; }
.matlabmarkup-toolbar span {
text-indent: -9999px;
display: block; }
a.matlabmarkup-bold {
background-position: 2px -53px; }
a.matlabmarkup-italic {
background-position: 1px -89px; }
a.matlabmarkup-monospaced {
background-position: 1px -214px; }
a.matlabmarkup-hyperlink {
background-position: 1px -143px; }
a.matlabmarkup-image {
background-position: 1px -161px; }
a.matlabmarkup-numbered-list {
background-position: 2px -125px; }
a.matlabmarkup-bulleted-list {
background-position: 2px 1px; }
a.matlabmarkup-help {
height: 24px;
width: 24px;
margin: 1px 6px 0 0;
background: transparent url(/assets/ico-help-sprite-16-0099df827a17d963023d222772666a32d00d6bb2198288b518228f91d45f8828.png) no-repeat 50% 3px;
border: none;
border-radius: 24px;
float: right; }
a.matlabmarkup-code span {
padding-top: 5px;
text-indent: 0; }
a.matlabmarkup-code {
width: auto;
padding: 0 6px 0 22px;
background-position: 2px -71px; }
.matlabmarkup-wrapper {
width: 100% !important;
margin-bottom: 20px !important; }
.matlabmarkup textarea {
min-height: 175px;
width: 100%; }
.matlabmarkup-preview-divider span {
float: left; }
.matlabmarkup-preview-toggle,
.matlabmarkup-preview-refresh {
font: 0/0 a;
padding-right: 11px;
float: right; }
.matlabmarkup-preview-divider .matlabmarkup-preview-toggle:before {
margin-top: 4px; }
.matlabmarkup-preview-divider .hidden {
display: none; }
.matlabmarkup-preview-body {
height: 175px;
background: #f7f7f7;
overflow: auto; }
.matlabmarkup-preview-body p {
padding: 10px 8px;
white-space: pre; }
.matlabmarkup-preview-body ol li {
margin-left: 0; }
.matlabmarkup-preview-body ol,
.matlabmarkup-preview-body ul {
margin-left: 8px;
list-style-position: inside;
white-space: pre; }
.ui-effects-wrapper {
width: 100% !important; }
a.matlabmarkup-help:hover {
background-position: 50% -29px; }
/*-----------------------------------------------------------
$JQUERY_UI
-------------------------------------------------------------*/
/*---- $jquery_ui: images ----*/
.ui-widget-header .ui-icon {
background-image: url(/assets/ui-icons_222222_256x240-b477be7a6937b1a266663b725b149bf01bbee635dbd25c76699fb067959870f2.png) !important; }
.ui-widget-overlay {
background-image: url(/assets/ui-bg_diagonals-thick_20_666666_40x40-c7a4ee36526a1ce47d0a9bd40f088b6a6492a6b9f4c864833aa0bae33bf32bc3.png);
background-image: none !important; }
.ui-widget-content,
.ui-icon {
background-image: none !important; }
/* Resizable Left Nav */
.ui-wrapper .ui-resizable-handle {
display: none !important; }
/*---- $DATEPICKER
-------------------------------------------------------------*/
#ui-datepicker-div {
display: none;
font-size: 14px;
position: absolute;
top: 65px !important;
z-index: 999 !important; }
.date_visible {
left: 0 !important; }
/* js toggles class */
.date_due {
left: 0 !important; }
.ui-widget.ui-widget-content {
background: #fff none; }
.course-dates fieldset {
position: relative; }
.ui-datepicker {
margin: 0;
-webkit-border-radius: 0;
border-radius: 0; }
.ui-datepicker .ui-datepicker-header {
padding: 0;
margin: -4px -4px 0;
font-size: 14px;
color: #0073b5;
text-transform: uppercase;
background: #ebede9 none;
border: none;
-webkit-border-radius: 0;
border-radius: 0; }
.ui-timepicker-div .ui-widget-header {
margin-bottom: 8px; }
.ui-widget-header a {
color: #0073b5; }
/* month-to-month navigation */
.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-color: transparent !important;
background-color: transparent !important;
-webkit-border-radius: 0;
border-radius: 0; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border-color: #ebede9 !important;
background: #ebede9 none !important; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
color: #fff !important;
border-color: #17497e !important;
background-color: #17497e !important;
opacity: 0.5; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
color: #fff !important;
border-color: #0073b5 !important;
background: #0073b5 !important; }
/* Copy Course dates */
.fix_dates > div {
width: 45%;
padding-bottom: 10px;
margin-top: 0;
position: absolute;
top: 72px;
text-align: center; }
.fix_dates p {
margin-bottom: 0; }
.fix_dates > div:before,
.fix_dates > div:after {
width: 0;
height: 0;
border: solid 10px transparent;
border-top: 0;
content: "\0020";
display: block;
left: 5%;
overflow: hidden;
position: absolute;
z-index: 100; }
.fix_dates > div:before {
top: -10px;
border-bottom-color: #444; }
.fix_dates > div:after {
top: -8px;
border-bottom-color: #444; }
#automatic_offset_to_assignments {
display: none; }
#automatic_offset_to_assignments.show {
display: block; }
/*---- $TIMEPICKER
-------------------------------------------------------------*/
.ui-timepicker-div {
font-size: 12px; }
.ui-timepicker-div dl {
text-align: left; }
.ui-timepicker-div dl dt {
height: 25px;
margin-bottom: -25px; }
.ui-timepicker-div dl dd {
margin: 0 10px 10px 50px; }
.ui-tpicker-grid-label {
margin: 0;
padding: 0;
background: none;
border: none; }
.ui-timepicker-rtl dl {
text-align: right; }
.ui-timepicker-rtl dl dd {
margin: 0 65px 10px 10px; }
.ui-slider-handle.ui-state-default {
border: 1px solid #999 !important;
background: #ebede9 !important;
-webkit-border-radius: 3px;
border-radius: 3px; }
.ui-datepicker .ui-datepicker-buttonpane button {
padding: 5px 10px !important;
font-family: "futura-pt-n5","futura-pt","Arial","Helvetica",sans-serif;
color: #fff;
font-style: normal;
font-weight: 500;
text-transform: uppercase;
background: #999 !important;
border: none;
-webkit-border-radius: 0;
border-radius: 0; }
/*---- $DRAGGABLE
-------------------------------------------------------------*/
.ui-dialog.ui-draggable {
max-width: 300px;
padding: 0 !important;
background-color: #fff !important;
border: 1px solid #c3c3c3 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: 0 0 10px 4px #d4d4d4 !important;
box-shadow: 0 0 10px 4px #d4d4d4 !important; }
.ui-dialog.ui-draggable .ui-dialog-titlebar {
padding: 12px 20px 10px 20px !important;
background: #f7f7f7 !important;
border: none !important;
border-bottom: 1px solid #e3e3e3 !important;
cursor: move;
-webkit-border-radius: 0 !important;
border-radius: 0 !important; }
.ui-dialog.ui-draggable .ui-dialog-title {
padding: 0 !important;
margin: 0 !important;
font-size: 12px;
line-height: 12px; }
.ui-dialog.ui-draggable .ui-dialog-titlebar-close {
width: 22px !important;
height: 22px !important;
border: 1px solid #f7f7f7 !important;
background: #f7f7f7 none !important; }
.ui-dialog.ui-draggable .ui-dialog-titlebar-close .ui-icon {
width: 16px;
height: 16px;
background: #f7f7f7 url(/assets/ico-close-fabb872c494b4388007c97e4370c67c3ccb2a23f1531084313aa93550c858edd.png) no-repeat center center !important; }
.ui-dialog.ui-draggable .ui-dialog-titlebar-close:hover {
background-color: #e3e3e3 !important;
border: 1px solid #d4d4d4 !important; }
.ui-dialog.ui-draggable .ui-dialog-content {
padding: 15px 20px; }
.ui-dialog.ui-draggable .ui-dialog-content .liked_user_list h2 {
margin: 0 0 5px;
font-size: 12px;
font-weight: bold;
line-height: 12px; }
/*---- $DIALOG_BOXES
-------------------------------------------------------------*/
/* dialog: size - coursework */
.popup-coursework {
box-shadow: 0 3px 8px rgba(153, 153, 153, 0.5);
font-size: 16px !important;
left: -webkit-calc(50% - 250px) !important;
left: calc(50% - 250px) !important;
top: 75px !important; }
.popup-coursework--medium {
width: 500px !important;
left: -webkit-calc(50% - 250px) !important;
left: calc(50% - 250px) !important; }
.copy-reverse-popup.popup-coursework--medium,
.popup-coursework--large {
width: 700px !important;
left: -webkit-calc(50% - 350px) !important;
left: calc(50% - 350px) !important; }
.popup-coursework--tour {
max-width: 850px !important;
width: 93.75% !important;
left: -webkit-calc(50% - 425px) !important;
left: calc(50% - 425px) !important;
z-index: 120 !important; }
/* dialog: widget-overlay */
.ui-widget-overlay {
background-color: rgba(255, 255, 255, 0.5) !important;
opacity: 1 !important; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
border-radius: 0 !important; }
/* dialog: title */
.ui-dialog-titlebar {
background: transparent none !important;
border-width: 0 !important; }
.ui-dialog-titlebar span {
color: #000;
font-size: 22px;
text-align: left; }
/* dialog: close */
.ui-dialog-titlebar-close > span:first-child {
background: transparent none !important; }
.popup-coursework .ui-widget-content .submit_button,
.popup-coursework .ui-accordion-content.ui-widget-content .submit a {
color: #fff; }
.popup-coursework .ui-accordion-content.ui-widget-content .submit a:hover {
border: none;
background-color: #444; }
.popup-coursework .ui-dialog-titlebar-close,
.popup-coursework .ui-state-default,
.popup-coursework .ui-widget-content .ui-state-default,
.popup-coursework .ui-widget-header .ui-state-default {
background: transparent none !important;
border-width: 0 !important;
outline: none; }
/* dialog: messaging */
.message-copy {
padding: 5px 10px 10px; }
.message-copy.hide {
display: none !important; }
.message-copy__header {
position: relative; }
.message-copy__header span {
float: left; }
.message-copy__header span + h3 {
margin-left: 40px; }
.message-copy + .submit,
.message-copy + .form_actions {
margin-top: 30px; }
.message-copy__products li {
margin-left: 48px; }
.message-copy__products li a:hover {
text-decoration: none; }
.message-copy__products li a:after {
width: 16px;
height: 16px;
padding-left: 5px;
content: '\00bb';
font-size: 20px;
font-weight: bold !important; }
.message-copy {
padding: 5px 0; }
.message-copy p {
width: 100%;
min-height: 32px;
padding: 2px 0 0 40px; }
.dialog_content .message-copy.success p,
.dialog_content .message-copy.correct p {
background-color: #f2ffcc;
color: #4f6a00;
font-weight: bold; }
.dialog_content .message-copy.info p {
background-color: #d0f2ff;
color: #00719f;
font-weight: bold; }
.dialog_content .message-copy.warning p {
background-color: #fef9e8;
color: #8c7300;
font-weight: bold; }
.dialog_content .message-copy.error p,
.dialog_content .message-copy.incorrect p {
background-color: #fae9e8;
color: #a53e00;
font-weight: bold; }
.message-copy.disabled-copy .form_element label {
color: #ccc; }
/* accordion */
/* accordion: header */
.ui-accordion-header,
.ui-accordion-header-active {
margin: 12px 0 0 !important;
padding: 0 !important;
border-width: 0 !important; }
/* accordion: icon */
/* toggle: right */
.copy_problem_popup .ui-accordion-header.ui-state-default span:before {
width: 16px;
height: 16px;
content: '';
left: 0;
position: absolute;
top: 0;
z-index: 110; }
.copy_problem_popup .ui-accordion-header.ui-state-default span:before {
background-position: 0 -29px; }
.copy_problem_popup .ui-accordion-header.ui-state-default:hover span:before {
background-position: 0 -96px; }
/* toggle: top */
.copy_problem_popup .ui-accordion-header.ui-state-active span:before {
background-position: -1px -63px; }
.copy-reverse-popup .copy_problem_popup h3:hover span:before,
.copy_problem_popup .ui-accordion-header.ui-state-active:hover span:before {
background-position: -1px -63px; }
.ui-accordion-header a,
.ui-accordion-header-active a {
margin: 0;
padding: 15px;
font-weight: normal;
color: #666 !important;
background-color: #f2f2f2 !important;
display: block; }
/* accordion: content */
.ui-accordion-content {
padding: 0em 0em !important;
height: auto !important;
background-color: #f2f2f2 !important;
border-width: 0 !important;
border-radius: 0 !important;
overflow: visible; }
.ui-accordion-content li {
padding: 0;
margin: 0;
border: 1px solid #fff;
background-image: none;
position: relative; }
.ui-accordion-content li a {
width: 65%;
padding: 3px 16px 3px 15px;
margin-bottom: 2px;
display: block;
color: #666;
overflow: hidden; }
.ui-accordion-content li a > span {
width: 35%;
padding: 0 8px;
position: absolute;
right: 3px;
text-align: right;
top: 3px; }
.ui-accordion-content li:hover {
border: 1px solid #0095d0;
background-color: #fff; }
.ui-accordion-content li a:hover {
text-decoration: none; }
.ui-accordion-content li:before,
.ui-accordion-content li:after {
content: '';
display: table;
clear: both; }
.ui-accordion-content li > a {
width: auto;
display: inline-block; }
.ui-accordion-content li > a > span {
position: inherit;
font-size: 12px;
color: #999; }
.ui-accordion-content.ui-widget-content .new_assignment_link {
color: #333;
width: 155px;
padding: 3px 10px 2px 4px;
display: block;
line-height: 24px; }
.copy-reverse-popup .assignment_title_text {
width: 100%;
margin-top: 8px; }
.copy-reverse-popup .copy_problem_to_assignment.show + .assignment_title_text {
width: 85%;
margin-top: 8px; }
.copy_problem_popup .new_assignment_link.hide,
.copy_problem_popup .create-assignment-form.hide {
display: none; }
.copy_problem_popup h3 a {
padding-left: 26px; }
.copy_problem_popup h3 a:hover {
background-color: #e5e5e5 !important; }
.copy_problem_popup .copy_problem_to_assignment {
display: none !important;
float: right;
line-height: 1.8;
color: #fff !important;
margin-bottom: 0px;
padding-bottom: 7px; }
.copy_problem_popup .copy_problem_to_assignment.show {
display: inline-block !important;
width: 15%; }
.copy-reverse-popup {
background-color: #f2f2f2 !important; }
.copy-reverse-popup .message-copy {
background-color: #fff; }
.copy-reverse-popup .ui-accordion-header a {
padding-top: 4px;
padding-bottom: 4px;
border: 1px solid #fff;
background-color: #fff !important; }
.copy-reverse-popup .copy_problem_popup h3.ui-state-active a {
color: #000 !important; }
.copy-reverse-popup .copy_problem_popup h3 a:hover {
border: 1px solid #0095d0;
background-color: #fff !important;
color: #000 !important; }
.copy-reverse-popup .ui-state-active {
background-color: rgba(0, 146, 209, 0.1) !important; }
.copy-reverse-popup .ui-accordion-content.ui-widget-content {
background-color: #fff !important; }
.copy-reverse-popup .add_assignment {
padding-top: 10px;
padding-bottom: 10px;
margin-left: 15px;
margin-right: 15px;
border-top: 1px solid #ccc; }
.copy_assignment_popup ul {
background-color: #f2f2f2; }
/* Add semi-colon at end of line */
.copy_assignment_popup ul li.course {
padding: 0;
border: 1px solid #f2f2f2;
margin: 0 0 10px 0;
background: #fff; }
.copy_assignment_popup ul li.course:last-child {
margin-bottom: 0; }
.copy_assignment_popup ul li.course a {
width: 85%;
display: inline-block;
padding: 3px 16px 3px 15px;
margin-top: 8px;
color: #666;
overflow: hidden; }
.copy_assignment_popup ul li.course:hover {
border: 1px solid #0095d0; }
.copy_assignment_popup ul li.course a:hover {
text-decoration: none; }
.copy_assignment_popup ul li.course a.btn {
width: 14%;
float: right;
line-height: 1.6;
height: 37px;
padding: 7px 16px 3px 15px;
margin: 3px;
overflow: hidden; }
.copy_assignment_popup .copy_assignment_to_course {
display: none !important; }
.copy_assignment_popup .copy_assignment_to_course.show {
display: inline-block !important; }
.copy-reverse-popup .course_title_text {
width: 100%;
margin-top: 8px; }
.assignment-list .problems {
min-width: 100%;
display: inline-block;
padding-left: 20px; }
.assignment-list .assignment .copy.assignment {
margin-bottom: 10px; }
.catalog_result .result_actions a .copy {
display: inline-block; }
.catalog_result .result_actions .btn {
margin-top: 0px; }
/*-----------------------------------------------------------
$FORMS
-------------------------------------------------------------*/
/*---- $ELEMENT_STYLES
-------------------------------------------------------------*/
/* Form: Container */
.form_container {
padding: 0;
margin: 0;
width: 100%; }
.form_container form {
padding: 0;
margin: 0; }
.form_element {
width: 100%;
position: relative;
padding: 0 0 15px;
margin: 0; }
/* Form: Labels */
.form_element label {
padding: 0;
margin: 0 0 3px;
color: #000;
font-size: 16px;
font-weight: normal;
line-height: 120%;
display: block; }
.required {
position: relative; }
.required:before, p.required:before {
position: absolute;
top: -4px;
left: -7px;
color: #b7312c;
content: "\25AA";
font: bold 14px 'Arial', sans-serif; }
.cw_tabs .required:before {
top: 6px;
left: 8px; }
.form_element label a {
color: #666666; }
.form_element label a:hover {
color: black; }
/* Form: Elements */
.form_element input {
height: 34px;
padding: 4px 8px;
transition: width 0.25s ease; }
.form_element .dropdown {
min-width: 250px;
width: 30%;
padding: 2px; }
.form_element .textfield {
width: 100%;
padding: 0;
text-indent: 10px; }
.form_element .textarea {
min-height: 195px;
width: 100%;
padding: 10px;
margin: 0;
overflow: auto;
resize: vertical; }
.form_element .ui-wrapper {
min-height: 195px !important;
height: auto !important;
padding-bottom: 0 !important; }
.form_element .ui-wrapper .textarea {
resize: vertical !important; }
.form_element .browse {
width: 210px;
padding: 2px;
margin: 0;
font-size: 12px; }
.form_element .tip {
margin-top: -5px;
float: right; }
.form_element .datepicker {
width: 100%;
padding-left: 10px; }
.offset_assignments {
padding: 10px;
margin-bottom: 5px; }
.offset_assignments input {
height: auto;
display: inline-block; }
.offset_assignments label {
color: #000;
display: inline-block; }
/*.offset_assignments.highlight { padding-left: 10px; }*/
.tip .matlab_documentation:before {
margin-bottom: 3px; }
/*---- $ELEMENTS
-------------------------------------------------------------*/
/* Form: Font */
.form_element .textfield,
.form_element .textarea,
.form_element .datepicker {
font-family: "Arial", "Helvetica", sans-serif;
font-size: 16px;
color: #333; }
.form_element .textfield:focus,
.form_element .textarea:focus,
.form_element .datepicker:focus {
border: 1px solid rgba(0, 146, 209, 0.44);
box-shadow: 0 0 8px rgba(0, 146, 209, 0.44);
outline: 0; }
.scrolling_content {
max-width: 850px;
height: 400px;
padding: 30px;
border: 1px solid #d9dcd4;
margin: 3px auto 15px;
background: #fff;
overflow: hidden;
overflow-y: scroll; }
.maxlength {
color: #999;
display: block; }
.check_group {
padding-bottom: 15px; }
.check_group .form_element {
width: 90%;
padding-bottom: 7px;
margin-bottom: 1px;
display: table;
clear: none; }
/* custom checkboxes: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/Advanced_styling_for_HTML_forms */
.check_group .checkbox {
width: 13px;
height: 13px;
padding: 0;
margin: 1px 10px 0 0;
display: block;
float: left; }
.check_group label {
width: 80%;
margin: 0;
color: #000;
font-weight: normal;
line-height: 130%;
float: left;
clear: right; }
.field_note {
padding-left: 23px;
margin: 0;
color: #999;
font-style: italic;
clear: both; }
.form_element.problem_reference_solution {
margin-bottom: 30px; }
/*---- $TOOLBOX
-------------------------------------------------------------*/
.chosen_coursework_dropdown {
width: 100% !important;
background: transparent none;
font: 16px "source-sans-pro-n4","source-sans-pro",sans-serif !important; }
li.search-field input[type=text] {
width: 100% !important;
height: 100% !important;
padding: 4px 8px !important; }
.search-field {
background: transparent none !important; }
/* --- Form: Products - Toolbox dropdown list */
.active-result,
.result-selected,
.token.selected {
background: transparent none; }
/* --- Form: Products - display nuggets inline */
.search-choice {
display: inline-block; }
/* --- Form: Products - width of container (378px is title width ) */
.chosen-results li,
.token {
background: transparent none; }
.chosen-container-multi .chosen-choices li.search-choice {
margin: 6px 0 0 5px; }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close,
.token .remove a:after {
background: transparent url(/assets/ico-close-12-cf1db73af78a6a0e99c68062c744602cd485bb09e1b9d26ce7c81e3b6276d7f9.png) 0 -2px no-repeat !important; }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover,
.token .remove a:hover:after {
background-position: 0 -26px !important; }
.chosen-container-multi .chosen-choices {
border-color: #e2e2e2 !important;
background: transparent none !important; }
.chosen-container-multi .chosen-choices li.search-choice {
background-color: transparent !important;
background-image: none !important;
border-width: 0 !important;
box-shadow: none !important; }
.form_element.products label span {
float: right; }
/*---- plugin: chosen dropdown ----*/
.form_element .chosen_coursework_dropdown a {
height: 30px;
border-color: #cdcdcd;
background: #fff none;
border-radius: 0;
box-shadow: none;
color: #000;
line-height: 2;
position: relative; }
.form_element .chosen_coursework_dropdown .chosen-single {
background: #fff none;
border-color: #cdcdcd; }
.form_element .chosen_coursework_dropdown a:hover {
color: #000; }
.form_element .chosen_coursework_dropdown .chosen-results {
padding: 0;
margin: 0; }
.form_element .chosen_coursework_dropdown.chosen-with-drop-chosen-container-active {
background: none; }
.form_element .chosen_coursework_dropdown .chosen-drop {
border-color: #e2e2e2 !important;
border-radius: 0;
color: #666;
box-shadow: 0 4px 5px rgba(69, 69, 69, 0.3); }
.form_element .chosen_coursework_dropdown .chosen-drop .chosen-results li.active-result:hover {
background: rgba(0, 146, 209, 0.1) none;
color: #000; }
.form_element .chosen_coursework_dropdown .chosen-drop .chosen-search input {
border-color: #e2e2e2 !important;
background: none !important; }
.form_element .chosen_coursework_dropdown:hover a > div {
background-color: #cdcdcd !important; }
.form_element .chosen_coursework_dropdown > a div {
width: 24px;
background-color: #e2e2e2 !important; }
.form_element .chosen_coursework_dropdown > a div b:before {
background-position: 1px 3px;
right: 1px;
top: -webkit-calc(50% - 8px);
top: calc(50% - 8px); }
.form_element .chosen_coursework_dropdown > a div b:hover:before {
background-position: 1px -60px; }
.form_element .chosen_coursework_dropdown .active-result.result-selected {
background: rgba(0, 146, 209, 0.2) none !important;
color: #000; }
.form_element .chosen_coursework_dropdown.products:after {
width: 24px;
height: 28px;
background-color: #e2e2e2 !important;
background-position: 3px 9px;
right: 1px;
top: 1px; }
.form_element .chosen_coursework_dropdown.products:hover:after {
background-position: 3px -54px; }
.form_element.users_options .chosen_coursework_dropdown,
.form_element.invite_options .chosen_coursework_dropdown {
min-width: 200px;
width: auto; }
.form_element.users_options .chosen_coursework_dropdown {
float: left; }
/*---- $TOKENS - from Cody Web
-------------------------------------------------------------
*/
.tokenized input.textfield {
display: inline-block; }
.tokenized input.textfield:focus {
border-width: 0;
box-shadow: none; }
.token {
padding-right: 25px;
margin: 2px;
color: #333;
position: relative; }
.token .label {
font-size: 16px; }
.token .remove a {
font: 0/0 a; }
.token .remove a:after {
width: 16px;
height: 16px;
content: '';
display: inline-block;
position: absolute;
right: 0;
top: 2px; }
/*---- solution_map: map ----*/
#browser_not_supported {
display: none; }
#solutionmap {
fill: transparent;
stroke: #ddd; }
.solution_map_preview {
width: 83.35%;
width: -webkit-calc(100% - 150px);
width: calc(100% - 150px);
clear: both; }
.solution_map_preview .label {
cursor: default; }
.solution_compare {
width: 100%;
padding: 0;
margin: 15px 0 30px;
position: relative;
float: left; }
.axis path {
stroke: #333; }
.label {
font-size: 20px;
fill: #999;
stroke: transparent; }
.tick text {
fill: #999;
font-size: 14px;
stroke: transparent; }
#solutionmap g:hover {
cursor: pointer; }
/*---- solution_map: legend ----*/
rect.legend_box {
cursor: default !important;
fill: #fff;
stroke: transparent; }
.legend_group > .legend {
cursor: default !important; }
g.legend text {
fill: #333;
font-size: 12px;
stroke: transparent; }
g.legend_group path.Incorrect {
fill: #b7312c;
stroke: transparent;
stroke-width: 1; }
g.legend_group path.Correct {
fill: #fff;
stroke: #1DA04E;
stroke-width: 2; }
g.legend_group path.Leading {
fill: blue; }
/*---- solution_map: marker ----*/
path.solution_marker {
fill: gray;
stroke: gray; }
path.Incorrect.active {
fill: #b7312c;
stroke: transparent; }
path.Leading {
fill: blue;
stroke: blue; }
path.Correct.active {
fill: #fff;
stroke: #1DA04E;
stroke-width: 2; }
line.dashed-line {
stroke-dasharray: 6,6; }
line.Correct {
stroke: #1DA04E; }
line.Incorrect {
stroke: #e5580b; }
line.Leading {
stroke: blue; }
/*---- $ERROR_HANDLING
-------------------------------------------------------------*/
.form_element.solution_body .error,
.form_container .error {
display: inline-block;
position: relative;
left: 0;
top: 12px;
max-width: 375px;
background-color: #b7312c;
border-radius: 4px;
color: #fff;
font-size: 14px;
text-align: left; }
.error p:after {
border-width: 16px;
border-color: transparent transparent #b7312c;
top: -30px;
left: -webkit-calc(50% - 15px);
left: calc(50% - 15px); }
.form_element.solution_body .error > p,
.form_container .error > p {
padding: 10px 10px 0;
margin-bottom: 0; }
.form_element.solution_body .error > p:last-child,
.form_container .error > p:last-child {
padding-bottom: 10px; }
.field_with_errors > .error {
top: -25px; }
/* for MATLAB toolbar */
.field_with_errors .textfield,
.field_with_errors .textarea,
.field_with_errors .dropdown,
.field_with_errors .datepicker {
border: 1px solid #b7312c; }
.field_with_errors .matlabmarkup-toolbar {
border-top-color: #b55477;
border-right-color: #b55477;
border-left-color: #b55477; }
.error_message {
margin-bottom: 15px;
color: #b55477; }
/* Specific Forms */
.course-dates .field_with_errors {
margin-bottom: 15px; }
.course-dates label {
margin-right: 10px; }
.course-dates .error,
div[class$='_date'] .error p:after {
border-color: transparent transparent #b7312c; }
/*-----------------------------------------------------------
$ASSIGNMENT_DETAILS_SCREEN
-------------------------------------------------------------*/
/*---- $ASSIGNMENT DESCRIPTION
-------------------------------------------------------------*/
.assignment_details .description_wrapper {
margin-bottom: 15px; }
/*---- $DATES
-------------------------------------------------------------*/
.date_due_reached {
color: #b7312c; }
.assignment-dates label {
margin-right: 10px; }
.problem_subtitle {
margin-top: 30px;
border-width: 0 !important; }
h3.problem_subtitle {
font-size: 30px;
margin-bottom: 0;
border-width: 0 !important; }
.submissions_limit p {
display: inline-block; }
.limit_submissions_text {
padding: 0 0 15px; }
.unlimited_submissions .radio_circle.checked {
background: #0095d0; }
.limited_submissions .radio_circle.checked {
background: #0095d0; }
input#assignment_max_submissions_limit {
width: 50px;
height: 25px;
margin-left: 5px;
margin-bottom: -7px; }
.form_element.radio_group.submissions_count p {
white-space: nowrap; }
.form_element.radio_group.submissions_count .unlimited_option {
display: inline-block; }
.form_element.radio_group.submissions_count .limited_option {
display: inline-block;
margin-left: 20px;
margin-right: 10px; }
.form_element.radio_group.submissions_count .limited_submission_text_field {
display: inline-block; }
.form_element.radio_group.submissions_count .field_with_errors {
display: inline-block; }
.form_element.radio_group.submissions_count .error {
position: absolute;
left: 8.5%;
top: 105px;
min-width: 150px;
text-align: center; }
.form_element.radio_group.submissions_count input {
height: 15px; }
/*---- $PROBLEM_LIST
-------------------------------------------------------------*/
.problem_list > li {
padding: 20px 0;
margin-bottom: 0;
border-bottom: 1px solid #cccccc;
background: #fff none;
overflow: hidden; }
.problem_list > li:first-child {
border-top: 1px solid #cccccc; }
.problem_list .draft_flag {
background: transparent none;
font-size: 38px;
line-height: 0.5;
color: #ededed;
float: right; }
.problem_list .solved {
position: relative; }
.problem_list .solved > a:before {
width: 16px;
height: 16px;
margin-right: 5px;
content: '';
display: inline-block;
background: transparent url(/assets/ico-flat-ui-sprite-1f7d37bd9bdc2776c9ad7d6f5400e52c273946bb7fa09e1764305ce5152d4514.png) no-repeat; }
.problem_list .solved > a:hover:before {
background-position: -187px 0; }
.problem_list .solved > a:before {
background-position: 0 -21px; }
.problem_list .solved.late > a:hover:before {
background-position: -21px 0; }
.problem_list .solved.late > a:before {
background-position: -129px 0; }
.problem_list .problem_status_visualization {
float: right; }
.problem_list .attempted {
position: relative; }
.problem_list .attempted > a:hover:before {
background-position: 0 -34px; }
.problem_list .attempted > a:before {
height: 16px;
width: 16px;
margin-right: 5px;
content: '';
display: inline-block;
background: transparent url(/assets/icon-attempted-16-be48179e34d86b8cf7d85679a25996022c5d74a3448e7248445fda6923bec1be.png) no-repeat 0 0;
content: '';
vertical-align: sub; }
/*---- $STATUS_PROFESSOR_VIEW
-------------------------------------------------------------*/
.dialog_content .problem_progress_visualization {
float: right; }
/* assignment overview */
.problem_progress_visualization {
width: 100%;
overflow: hidden; }
.progress {
margin-bottom: 0px; }
.progress-bar.solvers {
background: #99CC00; }
.progress-bar.solvers.late {
background: #cfe196; }
.progress-bar.attempters {
background: #b7312c; }
/*#eee*/
.progress-bar.attempters.late {
background: #ebba9f; }
.progress-bar.non_attempters {
background-color: #ededed; }
.progress-bar.solvers:hover,
.progress-bar.attempters:hover,
.progress-bar.non_attempters:hover {
border: 1px solid #000; }
.assignment_past_due_tag .progress-bar.attempters {
background: #e5b27f; }
.assignment_past_due_tag .progress-bar.non_attempters {
background: #cc6600; }
/*---- $CODY_CHALLENGE_REPORT
-------------------------------------------------------------*/
.message-copy .no_solutions {
padding: 0 0 20px; }
/*-----------------------------------------------------------
$PROBLEM_SUBMISSION
-------------------------------------------------------------*/
/* Problem Show */
#problem_comments {
padding-bottom: 20px; }
.submit .publish-actions {
float: right; }
.submit .edit-actions {
float: right; }
.btn--gamma.disabled {
border-width: 0px;
background: #ccf0ff;
color: #fff !important;
cursor: default; }
.solution_info {
padding-bottom: 15px;
overflow: hidden; }
.solution_info #solvers_solutions_count {
color: #878787;
font-weight: bold;
display: block;
float: right; }
.script_message {
display: none; }
.max_submissions_limit {
padding: 5px;
text-align: center;
float: right; }
.run_against_test_suite {
margin-right: 20px; }
.publish-actions input#solution_submit {
margin-left: 0px; }
.create-problem-form .form_element .problem_test_suite label,
.create-problem-form .form_element .problem_hidden_test_suite label {
display: inline-block; }
.create-problem-form .form_element .test_suite_header_label {
display: inline-block;
color: #999;
padding-left: 15px; }
/*-----------------------------------------------------------
$SOLUTION_METRICS
-------------------------------------------------------------*/
.solutions-list {
margin-bottom: 20px; }
.solutions-list .correct .description_header, .solution .correct .description_header, .recent_solution .correct .description_header {
background-color: #f8fbed; }
.solutions-list .incorrect .description_header, .solution .incorrect .description_header, .recent_solution .incorrect .description_header {
background-color: #fdf5f1; }
.solutions-list .test .description_header, .solution .test .description_header, .recent_solution .test .description_header {
background-color: #efefef; }
.matlab-code span {
white-space: normal; }
/* Problem: Enter Solution - Try Again */
/*---- $SOLUTION_RETRY
-------------------------------------------------------------*/
.enter_solution_section p.solution_note {
width: 50%;
margin-bottom: 5px;
float: left; }
.enter_solution_section .tip-container a {
text-indent: -9999px; }
.enter_solution_section .textarea {
height: 200px; }
/*---- $STATUS_STUDENT_VIEW
-------------------------------------------------------------*/
.problem_status_visualization {
display: inline-block;
margin: auto; }
.problem_status_visualization .correct {
width: 100%;
height: 18px;
white-space: nowrap;
text-align: right; }
.problem_status_visualization h5 {
margin-right: 10px;
display: inline-block; }
.problem_status_visualization ul {
padding-top: 0;
margin-bottom: 0; }
.problem_list .problem_status_visualization li,
.problem_status_visualization li {
height: 18px;
width: 18px;
padding: 0;
margin: 0 0 -3px 2px;
background: transparent none;
display: inline-block; }
.problem_status_visualization li.not_attempted {
background-color: #ededed;
background-color: rgba(0, 0, 0, 0.07); }
.description_header .problem_info {
margin-right: 10px;
display: inline-block; }
.solved .description_header {
font-weight: bold; }
.solved .description_header a {
font-weight: normal; }
/* Instructor view: status visualization for private test suite */
.cw_tabs__panel .problem_status_visualization {
float: none;
position: absolute;
right: 5px;
top: 24px; }
/*---- $SOLUTION_METRICS
-------------------------------------------------------------*/
.metrics_info {
color: #999;
font-size: 16px; }
.metrics_info table {
width: 100%; }
.metrics_info h5 {
margin-bottom: 10px;
display: inline-block; }
.metrics_info h3 {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0; }
.metrics_info h3 a {
color: #999; }
.metrics_info ul {
margin-bottom: 0;
margin-left: 5px; }
.metrics_info h2.correct {
color: #709402; }
.metrics_info h2.incorrect {
color: #e95600; }
.metrics_info h2.test {
color: #666; }
.metrics_info .metrics_results {
padding: 0;
clear: both; }
.metrics_info .metrics_visualization {
margin-bottom: 5px;
text-align: right; }
.metrics_info ul.problem_status_visualization {
float: right; }
.rescore_warning {
width: 16px;
height: 16px;
margin: 0 3px -3px 0;
background: url(/assets/ico-warning-fe2c3cc541c4a579d12f6c9da78c875c8922857d5ba3028af9e254ad8a322163.png) no-repeat center center;
display: inline-block; }
.dialog_title .metrics_info,
.dialog_title .metrics_info h3 a {
color: #fff !important; }
.dialog_title .metrics_info p {
margin-bottom: 0;
display: inline-block; }
.dialog_title .metrics_info .metrics_user h5 + h3 {
display: none; }
/* hides solution */
/* Improve Your Solution */
#solution_body {
font-family: "Courier New", Courier, monospace; }
/* Map */
.dialog.map {
overflow: visible; }
/*---- $ACTION_BUTTONS
-------------------------------------------------------------*/
.action-buttons a {
padding: 8px 10px 8px 25px;
color: #000;
font-size: 11px;
line-height: 11px;
text-decoration: none;
background: #fff;
background-repeat: no-repeat;
background-position: 4px center;
border: 1px solid #ccc;
display: block;
float: left; }
.action-buttons a:hover {
background-color: #d6e8f7; }
.action-buttons a#swap_solutions {
background-image: url(/assets/ico-swap-46c9a6e6d24e46707a2a1f4751e80eef3705eb798ccc5edd3bb57560aac86bdd.png);
float: right; }
.action-buttons a#move_to_left_link {
background-image: url(/assets/ico-moveleft-80c72a337baeb041f1c22ad117c3c2f161a44fd018bc2a7fc164ffcd4c3dae4f.png); }
.action-buttons a#swap_solutions.disabled {
background-image: url(/assets/ico-swap-disabled-a919c2a95165eea1dd11259d98b4acc684e9e952580413bb13f11982a0ab2945.png); }
.action-buttons a#move_to_left_link.disabled {
background-image: url(/assets/ico-moveleft-disabled-3f516b686dfce533f7e378127fbbfc0d99a2a11f93cb245797a6e615c96fbdea.png); }
.action-buttons a.disabled {
color: #c4c4c4;
border: 1px solid #e8e8e8; }
.action-buttons a.disabled:hover {
background-color: #fff; }
.solution_compare .delete {
font: 0/0 a; }
.solution_compare .solutions-title {
font-size: 14px;
line-height: 14px;
font-weight: bold;
display: block; }
.solution_compare .locked_solution {
padding: 0 24px 0 0;
font-size: 11px; }
.locked_solution {
position: relative; }
.solution_default_text {
min-height: 74px;
padding: 15px;
background-color: #f7f7f7;
color: #999;
font-size: 18px;
text-align: center; }
.solution_compare > div {
width: -webkit-calc(100% - 64px);
width: calc(100% - 64px);
margin: 5px 40px; }
/*---- $SEARCH_RESULTS_CONTROLS
-------------------------------------------------------------*/
/*---- $search_controls ----*/
.search_results_controls {
width: 100%;
margin-bottom: 0px;
float: left;
color: #666; }
.search_results_controls > div {
display: inline-block; }
.search_results_controls .results_filter + .search__filter {
width: 59%;
margin-left: 15px; }
.search_results_controls .search__filter {
width: 100%; }
.search_results_controls.catalog {
display: inline-block;
float: none; }
/* search controls: sort by */
.sort .form_element label {
color: #666;
display: inline-block; }
.sort .form_element > div {
max-width: 75%;
margin-left: 15px; }
.size_info {
margin: 0 0 0 20px;
padding: 5px 0 0;
float: left; }
/* search controls: show dropdown */
.solutions .chosen_coursework_dropdown {
min-width: 175px; }
.solutions h4,
.solutions > div {
display: inline-block; }
.solutions h4 {
margin-right: 10px;
font-weight: normal; }
.solutions .form_element {
padding-bottom: 0; }
.solutions > div {
max-width: 48.9%; }
/* Solution View, 2019 */
.solution_view_options_grid {
display: grid;
grid-template-columns: 244px 1fr 1fr;
grid-gap: 15px; }
/* Need to override LTUI styling */
.solution_view_options_grid .form-control {
border-radius: 4px !important; }
/* Set media queries for small screens */
@media (min-width: 768px) and (max-width: 991px) {
.solution_view_options_grid {
grid-template-columns: 244px 1fr 1fr; } }
@media (max-width: 767px) {
.solution_view_options_grid {
grid-template-columns: 100%; } }
/* pagination */
.pagination_controls {
padding: 12px 0 0 15px; }
.search_results_text {
width: 83.333333%;
display: inline-block; }
.pagination_controls.catalog {
display: inline-block; }
.pagination_controls.catalog .pagination {
clear: both !important;
margin-top: 20px;
margin: 0; }
.pagination {
float: left; }
.pagination .text {
margin: 0 5px 0 0;
display: block;
float: left; }
.pagination .previous, .pagination .next,
.pagination .previous a, .pagination .next a,
.pagination .previous .disabled, .pagination .next .disabled {
width: 16px;
height: 16px;
font: 0/0 a;
display: block;
float: left;
margin-top: 1px; }
.pagination .previous a {
background: url(/assets/ico-pagination-sprite-4a0586da8dc79261765a1235719788157e01fa91e32a48a287c095643e54a16b.png) no-repeat 2px 0; }
.pagination .previous a:hover {
background-position: 2px -16px; }
.pagination .next a {
background: url(/assets/ico-pagination-sprite-4a0586da8dc79261765a1235719788157e01fa91e32a48a287c095643e54a16b.png) no-repeat -14px 0; }
.pagination .next a:hover {
background-position: -14px -16px; }
.pagination .previous .disabled {
background: url(/assets/ico-pagination-sprite-4a0586da8dc79261765a1235719788157e01fa91e32a48a287c095643e54a16b.png) no-repeat 2px -16px; }
.pagination .next .disabled {
background: url(/assets/ico-pagination-sprite-4a0586da8dc79261765a1235719788157e01fa91e32a48a287c095643e54a16b.png) no-repeat -14px -16px; }
/* solution_map: pagination */
.solution_compare span.previous a,
.solution_compare span.next a {
font: 0/0 a;
display: block;
text-decoration: none; }
.solution_compare .previous a:before,
.solution_compare .next a:before {
width: 24px;
height: 54px;
color: #ddd;
display: block;
font-size: 48px;
font-weight: bold;
line-height: 1;
text-align: center; }
.solution_compare .previous a:before {
content: '\2329'; }
.solution_compare .next a:before {
content: '\232a'; }
.solution_compare .previous a:hover:before,
.solution_compare .next a:hover:before {
color: #666;
text-decoration: none; }
/* Note:
* vertically aligns left/right arrows to the solution
*/
.solution_compare .previous {
display: none;
position: absolute;
left: 0;
top: 14px; }
.solution_compare .next {
display: none;
position: absolute;
right: 0;
top: 14px; }
/*-----------------------------------------------------------
$COURSE_ROSTER
-------------------------------------------------------------*/
.invitation_link {
z-index: 70; }
.invitation_link a {
padding: 5px 35px 5px 8px;
font-size: 18px;
background: #0095d0;
float: right;
position: relative; }
/* icon other direction: 7px; */
.invitation_link a, .invitation_link a:visited {
color: #fff;
text-decoration: none; }
.invitation_link a:hover {
color: #fff;
background-color: #006bb0;
text-decoration: none; }
.invitation_link.expanded span {
padding: 6px 29px 5px 13px;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
background: #fff;
border: 1px solid #ccc;
border-bottom: none;
display: block;
float: right; }
/* removes styling for the invitation link */
/*js*/
.invite_people_active a {
margin-bottom: -1px;
background: #fff none;
color: #444 !important;
border: 1px solid #ddd;
border-bottom-color: #fff; }
.invite_people_active a:hover {
background: #fff none; }
.invite_people label {
display: none; }
/*---- $Roster
-------------------------------------------------------------*/
/* Roster: hide labels */
.roster_col_checkbox label {
font: 0/0 a; }
.roster_col_checkbox input {
display: inline-block; }
/* Roster: section */
.roster__details {
padding: 20px;
margin-bottom: 20px;
border: 1px solid #ccc;
clear: both; }
/* Roster: section - course roster */
.roster__details--enrolled {
background-color: #f7f7f7; }
.roster__details--enrolled .roster_col_email a {
color: #444; }
.roster__details--enrolled .roster_col_email a:hover {
color: #000; }
/* positions 'i' icon level with dropdown */
.invite_people .info {
margin-right: 0;
margin-top: -16px; }
/* Roster: invite form - options */
.users_options .dropdown,
.invite_options .dropdown {
width: 130px;
margin-top: 6px;
margin-bottom: 5px;
float: left; }
/* Roster: course roster - options */
.user_options .users_options_actions {
margin: -3px 0 0 20px;
float: left; }
.users_options_actions li {
padding: 0;
margin: 0 0 0 2px;
background: none;
display: inline-block;
vertical-align: text-top; }
.users_options_actions .users_options_action_button {
padding: 6px 8px;
font-size: 14px;
color: #333;
text-align: left;
border: none; }
.users_options_actions .users_options_action_button.delete {
line-height: 34px; }
.users_options_actions .users_options_action_button:hover,
.users_options_actions .users_options_action_button.delete:hover {
background-color: #eaeaea;
cursor: pointer;
text-decoration: none; }
.users_options_actions .users_options_action_button.resend {
padding-left: 24px;
background: transparent url(/assets/ico-resend-16-ab0c82539e9b0136bedd2bc4de50fb02699584dd6dc55b905b77fc0d09d2b09a.png) no-repeat 4px 10px;
font-size: 14px; }
.users_options_actions .users_options_action_button.resend:hover {
background-color: #eaeaea;
background-position: 4px -29px;
cursor: pointer; }
/* Roster: counts */
.roster_counts {
width: 100%;
margin: 0 0 12px;
border-bottom: 1px solid #ccc;
font-size: 16px;
float: left; }
.roster_counts ul {
margin: 0;
float: right; }
.roster_counts li {
padding: 0;
background: none; }
.roster_counts li:last-child {
margin-bottom: 0; }
/* Roster: table structure */
.roster .people table {
width: 100%;
margin-bottom: 20px; }
.roster .people table td {
padding: 5px 5px 4px;
text-align: left;
vertical-align: middle; }
.roster .people table td.roster_col_checkbox {
width: 5%; }
.roster .people table td.roster_col_fullname {
width: 22%;
color: #000; }
.roster .people table td.roster_col_email {
width: 39%;
-ms-word-break: break-all;
word-break: break-all;
/* Non standard for webkit */
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto; }
.roster .people table tr:nth-child(even) {
background-color: rgba(153, 153, 153, 0.1); }
.roster .people table td.roster_col_invite_status {
width: 15%;
color: #000; }
.roster .people table th a {
display: inline; }
.load_more_students a {
width: 35%;
margin: 0 auto;
float: none; }
/*-----------------------------------------------------------
$SHARED_COURSES
-------------------------------------------------------------*/
.public > div {
margin-bottom: 30px; }
.public > div > h2 {
padding: 15px;
margin: -15px -30px 15px;
background: #f2f2f2;
color: #999;
text-indent: 15px; }
.shared-course {
width: 100%;
max-width: 850px;
padding-bottom: 20px;
border-bottom: 1px solid #bbb;
margin-top: 20px;
display: block; }
.shared-course:after {
content: '';
clear: both;
display: table; }
.shared-course h3, .shared-course h4 {
padding: 20px 0; }
.shared-course__overview {
width: -webkit-calc(100% - 180px);
width: calc(100% - 180px);
float: left; }
.shared-course__overview > a {
color: #000;
display: block;
position: relative; }
.shared-course__overview a:hover {
background: rgba(0, 146, 209, 0.1);
text-decoration: none; }
.shared-course__overview--header span {
margin-left: 40px; }
.shared-course__links {
width: 150px;
float: right; }
.shared-course__links a {
min-width: 100%;
border: 1px solid #fff;
border-radius: 4px;
color: #999; }
.shared-course__links a:hover {
border-color: #666;
color: #000;
text-decoration: none; }
.view_course_details:before {
width: 24px;
height: 16px;
background: transparent url(/assets/ico-view-details-sprite-16-c8e5573d2ea174a8ebf430dfedbc782340e03ff13e1d9c56ba725e51b9c56f7f.png) no-repeat 0 4px;
content: '';
display: inline-block; }
.view_course_details:hover:before {
background-position: 0 -24px; }
/*-----------------------------------------------------------
$CATALOG_PAGE
// -------------------------------------------------------------*/
.course_list .card_view .panel-body p {
margin-bottom: 3px; }
.course_list .attr_counter {
vertical-align: baseline; }
.course_list .attr_only_source .attr_source > span {
border: 2px solid #187dbb;
color: #187dbb;
font-size: 16px; }
.metadata_info > p > span {
color: #999; }
.course_detail_container .other_details {
width: 72%;
min-width: 72%;
display: inline-block; }
.course_detail_container .other_details .count {
margin-right: 5px; }
.course_detail_container .author {
display: block; }
.course_detail_container .description {
color: black;
line-height: 2;
display: block;
min-height: 30px; }
.course_detail_container .products {
color: #666;
margin: 20px 0px;
clear: both;
display: block; }
.course_detail_container .actions {
margin-top: 70px !important; }
.course_detail_container .actions a.course {
display: inline-block; }
.course_detail_container .attributes {
float: right;
vertical-align: top;
font: normal 15px "source-sans-pro", sans-serif;
color: #666;
padding: 0px 15px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
margin-top: 50px !important; }
.course_detail_container .other_details .attributes .attribute {
display: block;
margin-top: 5px; }
.course_detail_container .course .icon-copy, .course_detail_container .search_result .icon-copy, .search_results_of_problems .catalog_result .result_actions .icon-copy, .popular_content .catalog_result .result_actions .icon-copy {
font-family: "source-sans-pro-n4", "source-sans-pro", sans-serif;
font-size: 18px;
text-decoration: none;
color: #666; }
.search_results_of_problems .catalog_result .result_actions .icon-copy:before, .popular_content .catalog_result .result_actions .icon-copy:before {
font-size: 18px; }
.course_detail_container .course .icon-copy:before, .course_detail_container .search_result .icon-copy:before {
display: block;
font-size: 18px;
margin-bottom: 10px; }
.course_detail_container .assignments .icon-copy:before {
color: #666; }
.course_detail_container .search_result .author {
margin-bottom: 0px !important; }
.course_detail_container .search_result .course {
text-decoration: none; }
.course_detail_container .search_result .attributes {
margin-top: 0px !important; }
.course_detail_container .search_result .actions {
margin-top: 20px !important; }
.course_detail_container .search_result .title {
font-family: "source-sans-pro-n6", "source-sans-pro", sans-serif;
color: black;
font-size: 16px;
margin-bottom: 15px; }
.course_detail_container .search_result {
clear: both;
border-bottom: 1px solid lightgray;
margin-top: 20px; }
.course_detail_container .search_result .description {
margin-bottom: 10px; }
.course_detail_container .search_result .products {
margin: 0px !important;
margin-bottom: 15px !important; }
.add_border_right,
.add_border_left {
position: relative; }
.add_border_left:before,
.add_border_right:after {
width: 0;
height: auto;
border-right: 1px solid #ccc;
bottom: 20px;
content: "";
position: absolute;
top: 0; }
.add_border_left:before {
left: 0; }
.add_border_right:after {
right: 0; }
.list-inline {
padding-left: 0;
margin-left: -5px;
list-style: none; }
.list-inline > li {
display: inline-block; }
.popular-problems .problem:last-of-type, .assignment-list .problem:last-of-type {
border: none; }
.popular-problems .problem, .assignment-list .problem {
border-bottom: 1px solid #ccc;
width: 100%;
padding: 10px 0px; }
.popular-problems .problem .detail, .assignment-list .problem .detail {
width: 85%;
display: inline-block; }
.popular-problems .problem .detail > .title, .assignment-list .problem .detail > .title {
margin-bottom: 15px;
font-weight: bold;
color: black;
text-decoration: none;
display: block; }
.popular-problems .problem .detail > .author, .assignment-list .problem .detail > .author {
font-size: 14px;
color: #666; }
.popular-problems .problem .detail > .attributes, .assignment-list .problem .detail > .attributes {
margin-top: 15px; }
.popular-problems .problem > .actions, .assignment-list .problem > .actions, .course_detail_container .actions {
margin-top: 20px;
vertical-align: middle;
text-align: center;
position: relative;
margin-right: 25px; }
.popular-problems .actions {
margin-top: 35px !important; }
.popular-problems .problem > .actions a, .assignment-list .problem > .actions a {
color: #666; }
.popular-problems .problem .attributes, .assignment-list .problem .attributes {
color: gray; }
.popular-problems .copies-count, .assignment-list .copies-count {
position: relative;
top: -3px; }
.popular-problems .attribute, .assignment-list .attribute {
margin-right: 20px;
font-size: 14px;
display: inline-block; }
.popular-problems .text, .assignment-list .text {
font-size: 14px;
position: relative;
top: -2px; }
/*-----------------------------------------------------------*/
.catalog_search_options_container {
float: right; }
.catalog_search_options {
width: 36% !important;
top: 3%;
background-color: #ccc;
margin: -1px;
border: none;
border-radius: 0px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important; }
.catalog_search_options.chosen-container {
position: absolute; }
.chosen_coursework_dropdown.catalog_search_options .chosen-single {
height: 34px;
background: #e2e2e2 none;
border: none; }
.chosen_coursework_dropdown.catalog_search_options:hover a > div {
background-color: #e2e2e2 !important; }
.chosen_coursework_dropdown.catalog_search_options > a div b:hover {
background: #e2e2e2 none; }
.chosen_coursework_dropdown.catalog_search_options > a div b:hover:before {
background-position: 1px 3px; }
.chosen_coursework_dropdown.catalog_search_options a {
line-height: 2.4;
text-align: right; }
.chosen_coursework_dropdown.catalog_search_options a:hover {
background: #e2e2e2 none; }
.catalog_search .submit input[type=submit] {
height: 34px;
width: 37px;
border-radius: 0px !important; }
.catalog_search .form_element.search_field {
width: calc(100% - 136px); }
.search_results_text {
margin: 0px 0px;
position: relative; }
.catalog_title a {
text-decoration: none; }
.no_courses_text {
color: #666666;
font-size: 20px;
text-align: center;
width: 50%;
max-width: 800px;
margin: 0 auto;
top: 50px;
padding-top: 40px;
padding-bottom: 40px;
background-color: #F2F3F3; }
.topnav .course_nav a#home_link {
padding-top: 11px;
padding-left: 0px; }
.cw_tabs.home_page .ui-tabs-nav li:hover {
background-color: #EEEEEE !important; }
.cw_tabs.home_page .ui-tabs-nav li.ui-tabs-active.ui-state-active {
background-color: white !important; }
.leftnav_add a.icon-course {
font-family: "source-sans-pro-n4", "source-sans-pro", sans-serif;
line-height: 18px; }
.leftnav_add a.icon-course:before {
font-family: "mathworks-coursework";
margin-right: 5px;
vertical-align: middle;
color: gray; }
.no_courses_text.catalog {
margin-top: 0;
top: 0; }
/*-----------------------------------------------------------
$CATALOG PROBLEM DETAILS PAGE
-------------------------------------------------------------*/
.problem_detail_container .problem_element {
margin-top: 10px; }
.problem_detail_container .problem_detail .section_content {
color: #333;
background-color: #f7f7f7;
white-space: pre-line;
border: 1px solid #f7f7f7;
padding-bottom: 20px;
padding-left: 10px;
margin-bottom: 40px; }
.problem_detail_container .problem_detail .title {
margin: 0px;
font-weight: 400;
font-size: 16px; }
.problem_detail_container .problem_detail .section_content .empty {
color: #999999;
font-size: 16px;
text-align: center; }
.problem_detail_container .problem_aside .icon-copy {
font-size: 24px; }
.problem_detail_container .icon_content {
display: inline-block;
width: 100%;
margin-bottom: 20px;
font-size: 14px; }
.problem_detail_container .author {
padding-top: 20px;
border-top: 1px solid lightgray;
font-size: 14px; }
.problem_detail_container .problem_aside .result_attr li span {
margin-right: 5px; }
.problem_detail_container .problem_detail .description img {
max-width: 100%; }
.card_body h3 {
word-wrap: break-word; }
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------
$MEDIA_QUERIES: RESPONSIVE
-------------------------------------------------------------*/
/* Note: min-width:
* The best way to use min-width is to define a WIDTH value as a PERCENTAGE and use an absolute value for the min-width property
*/
@media (max-width: 920px) {
/*--- Layout: Codyu LeftNav ----*/
/*---- Layout: Content ----*/
/*---- Layout: Dialog ----*/
.form_element .textarea {
width: 100%;
max-width: 100%; }
.submit input[type=submit] {
min-width: 70px; }
.submit #delete_problem a {
min-width: 50px; }
.dialog_title .metrics_info .metrics_results {
float: none;
clear: both; }
/* floats size left */ }
/*--- $MQ_767
-------------------------------------------------------------*/
@media (max-width: 767px) {
html body {
overflow-y: scroll; }
.header {
position: absolute; }
.content_container > .codyu_leftnav {
background: transparent url(/../images/bg-global-content-body.png) repeat-y -50px 0; }
.topnav_user {
max-width: 200px; }
/* menu: leftnav */
.sortable_problem.solved:hover,
.sortable_problem.draft_problem:hover {
padding-right: 0; }
/*---- Layout: Dialog ----*/
.dialog_title h2 {
padding-right: 140px; }
.dialog_content.search {
width: 100%;
min-width: 100%;
margin: 0; }
.dialog_duration_products > div,
.dialog_duration_products > p {
width: 100%;
clear: both;
float: none; } }
.solution,
.recent_solution {
margin-bottom: 40px; }
.solution {
margin-top: 20px; }
.solution > .correct,
.recent_solution > .correct,
.solutions-list > .correct {
border: 1px solid #99cc00;
margin-bottom: 20px; }
.solution > .incorrect,
.recent_solution > .incorrect,
.solutions-list > .incorrect {
border: 1px solid #b7312c;
margin-bottom: 20px; }
.solution > .test,
.recent_solution > .test,
.solutions-list > .test {
border: 1px solid #666;
margin-bottom: 20px; }
.solution_details .solution_detail_link,
.solution_details .solution_size {
padding-left: 5px;
padding-right: 5px; }
.solution_details .solution_detail_meta {
padding-right: 5px; }
.test_suite_container .code-output pre div {
white-space: normal !important; }
.lti_editor .problem_read_only .rtcWrapper .html_description ul > li {
padding: 0 !important;
list-style-type: inherit; }
.license_message {
text-align: center; }
.users_options label[for="users_options"] {
display: inline-block; }
#rich-editor {
margin: 15px 0 0 0; }
#rich-editor .toolbar {
margin: 0 0 0 0 !important; }
#rich-editor .toolbar li:before {
content: none; }
/* Overrides */
/*-----------------------------------
Overrides of either cody-u, site6, LTUI, or bootstrap
-------------------------------------*/
/*-----------------------------------------------------------
SITE6 OVERRIDES
-------------------------------------------------------------*/
.grecaptcha-badge {
visibility: hidden; }
#ccw_header_spacer {
height: 1px;
background: #2f7eb2; }
/** sets the height of the content_container so the dark grey background color
* doesn't bleed in at the bottom of the page. Adjust that 209px number up and down
* depending on the size of the header & footer
*/
.content_container {
min-height: calc(100vh - 209px) !important; }
/* This resolves the issue with the extra login/logout dropdown */
.ccw-header li.headernav_login.dropdown + li.headernav_login.dropdown {
display: none !important; }
.content_container .dialog_title h2 {
padding-top: 0 !important; }
.content_container .dialog_title h2 a {
color: #333 !important; }
.content_container .dialog_title h2 a.add_editable_title_trigger,
.content_container .dialog_title h2 a.add_editable_save {
color: #187dbb !important; }
.content_container #lt_container ul > li:before,
.content_container .lti_editor ul > li:before {
content: none; }
html body#responsive_offcanvas {
background: #333; }
/* ---- Login Dropdown ---- */
/* ---- NIf the style files taking too long to load, they end up getting overridden.
The !important ensures that the login dropdown styles will always have precedence. ---- */
.search_nested_content_container ul#headernav li.headernav_login {
margin: 0 20px 0 0 !important; }
#headernav > li > a {
color: #fff; }
#headernav li > a:focus,
#headernav li > a:hover {
background-color: transparent; }
#headernav > li > a:hover,
#headernav > li > a:hover .caret {
color: #fff;
border-top-color: #fff; }
.navbar-collapse li.topnav_products,
.navbar-collapse li.topnav_solutions,
.navbar-collapse li.topnav_academia,
.navbar-collapse li.topnav_support,
.navbar-collapse li.topnav_community,
.navbar-collapse li.headernav_contact,
.navbar-collapse li.topnav_events,
.navbar-collapse li.headernav_store {
display: none; }
.section_header .dropdown-toggle .caret {
margin: 4px -16px 0 0; }
.add_collection_icon_adjustment a.icon-add:before,
.add_course_icon_adjustment a.icon-add:before {
line-height: 1.35; }
.action_links .dropdown .dropdown-toggle {
cursor: pointer; }
.action_links .dropdown .dropdown-toggle span.caret {
margin-left: 8px; }
.action_links .dropdown ul li:before {
content: none !important; }
#lt_container .btn.btn_tertiary {
color: #444 !important; }
#lt_container .btn[disabled],
#lt_container .btn[disabled]:visited,
#lt_container .btn[disabled]:active,
#lt_container .btn[disabled]:focus,
#lt_container .btn[disabled]:hover {
opacity: .35 !important; }
@media only screen and (max-width: 767px) {
#section_header_title {
width: 100%; } }
/*-----------------------------------------------------------
BOOTSTRAP OVERRIDES
-------------------------------------------------------------*/
.ccw-header .nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
background-color: transparent; }
ul.result_attr > li:before,
ul.ui-tabs-nav > li:before,
ul.dialog_actions_dropdown > li:before,
ul.droppable > li:before {
min-width: 0;
margin-left: 0;
content: none;
display: inline; }
.nav.navbar-nav.navbar-right {
float: right !important;
/* Medium Devices, Desktops */ }
.nav.navbar-nav.navbar-right li.headernav_login a b {
color: #fff !important; }
@media only screen and (max-width: 991px) {
.nav.navbar-nav.navbar-right .dropdown-menu > li > a {
color: #fff; } }
@media only screen and (max-width: 767px) {
.dropdown_menu_left_xs {
right: auto;
left: 0; }
.dropdown_menu_right_xs {
right: 0;
left: auto; } }
/*-----------------------------------------------------------
New Cody-U.Scss
-------------------------------------------------------------*/
.dialog_title {
background-color: transparent; }
.dialog_title h1 {
color: #333; }
.dialog_title h1 a {
color: #333; }
.dialog_content .usable_products {
padding-bottom: 10px; }
.dialog_content .description {
padding-top: 10px; }
.chosen-container-multi ul.chosen-choices li:before {
display: none; }
.breadcrumb a {
color: #666 !important; }
#mobile_subnav .mobile_subnav_content ul.navbar-nav .headernav_login_mobile a.dropdown-toggle {
line-height: 20px;
height: auto;
font-size: 14px; }
#mobile_subnav .mobile_subnav_content ul.navbar-nav .headernav_login_mobile b.caret {
margin-top: 8px; }
/*---- Solution Page ----*/
.search_results_controls .view-as ul.list-inline {
margin-left: 0 !important; }
.search_results_controls .view-as ul.list-inline li:first-child {
padding-left: 0 !important; }
.solution_map_container,
.solution_map_preview {
text-align: center; }
/*---- Solution widget - tests status ----*/
.search_results_controls li:before {
content: none !important; }
.search_results_controls {
float: none; }
/*---- Solution widget - tests status ----*/
.problem_status_visualization li:before {
content: none !important; }
.dialog_content_map {
max-width: 850px;
margin-top: 20px;
margin-left: auto;
margin-right: auto; }
.sort .form_element > div {
width: auto;
max-width: none;
margin-left: 0; }
.search_results_controls .view_options > div:last-child {
float: none;
margin-right: 0px; }
.search_results_controls .search__filter {
width: auto; }
.search_results_controls label {
cursor: auto; }
.search_results_control .results_filter form.sort {
display: inline-block; }
.dialog.problem_container_top.map .solutions_filter .submissions {
padding: 0; }
/*--- Course people page ---*/
.people_invite_form .form_element .form-group label {
display: inline-block; }
/*---- Catalog ----*/
#catalog_search_term {
min-width: 300px; }
.card_container a.course {
color: #333; }
.card_container a.course:hover, .card_container a.course:visited, .card_container a.course:focus {
color: #333;
text-decoration: none; }
.card_container a.course .add_border_color_darkblue {
border-color: #187dbb !important; }
.card_container a.course .panel-footer {
position: absolute;
width: 100%;
bottom: 0; }
.problem_aside ul.result_attr {
margin-left: 0; }
.course_detail_container .course .actions li,
.course_detail.search_result .actions li,
#assignment_list .assignment_details li {
display: block; }
#assignment_list .assignment_details .result_actions {
padding-left: 5px;
padding-top: 10px; }
#assignment_list .assignment_details .title {
margin: 0 !important; }
.roster__details .users_options label {
display: inline-block; }
.roster__details--enrolled {
background: none; }
.problem_container_bottom .result_container {
clear: both; }
.catalog_result.result_container a.copy.problem {
color: #187dbb !important; }
.search_results_of_courses .course_detail_container,
.search_results_of_problems .problem_container_bottom {
padding-left: 15px; }
.search_results_of_courses,
.search_results_of_problems {
margin-top: 20px; }
.result_attr li {
margin-left: 5px;
padding-right: 10px !important; }
.result_stats {
padding-left: 0; }
.result_actions .copy.assignment {
padding: 0 15px 0 0; }
#read_only_lt_container .btn_edit_view,
#read_only_lt_container [data-dojo-attach-point="problemPreviewButton"] {
display: none; }
#read_only_lt_container .alert-info {
display: none !important; }
.see_all_catalog_problems,
.see_all_catalog_courses {
margin: 15px; }
#popular_problems .problem_list {
padding: 10px; }
.horizontal_nav_container .navbar-nav > li.active {
border-left: 1px solid #e6e6e6 !important;
border-right: 0 !important;
border-top: 0 !important; }
.horizontal_nav_container .navbar-nav > li.active:first-child {
border-left: 0 !important; }
.search_refine .popover {
width: 276px; }
/*---- Guided Tour Collection Creation ----*/
.guided_tour_popover_overlay {
position: absolute;
height: 100%;
width: 100%;
min-height: 100%;
margin: 0;
padding: 0;
z-index: 1055;
background-color: rgba(255, 255, 255, 0.6); }
.guided_tour_highlighted {
z-index: 1056;
position: relative; }
/*-----------------------------------------------------------
LTUI / CCW OVERRIDES
-------------------------------------------------------------*/
.dijitDialog {
z-index: 999 !important; }
.dijitDialog .rtcImageDialog label,
.dijitDialog .rteEquationsDialog label {
font-weight: normal !important;
color: #474747 !important; }
/*---- Components and Structure ----*/
html body.responsive_b_containerless {
min-width: 320px !important; }
.add_browser_view {
max-width: 100%;
top: 200px; }
.codyu_leftnav .codyu_leftnav_content .heading:hover {
cursor: pointer; }
.codyu_leftnav .codyu_leftnav_content ul.droppable,
.codyu_leftnav .codyu_leftnav_content ul.sortable {
margin-left: auto; }
.codyu_leftnav .codyu_leftnav_content .active,
#headertools .active {
border: none !important;
box-shadow: none !important; }
.codyu_leftnav .codyu_leftnav_content a:visited {
color: #666; }
.codyu_leftnav .codyu_leftnav_content a[class*="icon-"] {
display: inline-block; }
.codyu_leftnav .codyu_leftnav_content li.leftnav_add a#new_assignment_link {
margin-left: 8px; }
.form_element.radio_group.problem_category,
.form_element.radio_group.problem_category .form_element {
width: initial;
padding: 0 0 0px; }
body.claro .dialog {
width: 100%;
box-shadow: none; }
.section_header_title h1 sup {
font-size: 55% !important; }
.course_list .card_container span[class^="icon-"] {
opacity: 1.0; }
.chosen-container-single .chosen-single div b {
background: none; }
html {
margin-bottom: 0 !important; }
.problem_detail_container a.copy.problem.btn.btn--epsilon {
border: 0; }
.problem_status_visualization ul {
margin-right: 10px; }
p + h1 {
padding-top: 0; }
#responsive_offcanvas .dialog_content ul {
margin: 0 0 15px 10px; }
#responsive_offcanvas .dialog_content ul.chosen-choices {
margin-left: 0px; }
#responsive_offcanvas .dialog_content ul.problem_status_visualization {
margin-bottom: 0; }
#responsive_offcanvas .dialog_content ul.problem_list {
margin-left: 0; }
.form_element .textarea {
max-width: 100% !important;
width: 100% !important; }
.form_element .textfield,
.form_element .textarea,
.form_element .datepicker {
background-color: #fff !important;
border: 1px solid #ccc !important; }
.matlabmarkup-wrapper textarea.textarea.ui-resizable {
border-top: 0 !important; }
#report_assignment_dialog .report-dialog .type label,
#report_assignment_dialog .report-dialog .format label {
padding: 4px; }
#report_assignment_dialog .report-dialog li:before {
content: none; }
#report_assignment_dialog .report-dialog li label {
font-weight: normal;
padding: 0 0 0 5px; }
#report_assignment_dialog .report-dialog label#report_format_zip {
width: 95%;
vertical-align: middle; }
.horizontal_nav .active,
.navbar-nav .active {
box-shadow: none !important; }
.horizontal_nav button.btn,
.navbar-nav button.btn {
border: 0 !important; }
.horizontal_nav .offcanvas_actuator .offcanvas_actuator_close,
.horizontal_nav .offcanvas_actuator .offcanvas_actuator_label {
font-size: 15px; }
.horizontal_nav .offcanvas_actuator .offcanvas_actuator_close:before,
.horizontal_nav .offcanvas_actuator .offcanvas_actuator_label:before {
content: none !important; }
.horizontal_nav .offcanvas_actuator.active {
box-shadow: none !important;
border: 0 !important; }
.row-offcanvas.active {
box-shadow: none !important;
border: none !important; }
.row-offcanvas.active .dialog_title h2:empty {
display: none; }
#read_only_lt_container .checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
margin-left: 0; }
#lt_container .add_browser_view,
.row-offcanvas .add_browser_view {
max-width: 100% !important;
min-width: 320px !important; }
#lt_container .problem_container,
.row-offcanvas .problem_container {
padding: 0 !important; }
#lt_container .problem_container header div.problem_catalog_parent ul,
.row-offcanvas .problem_container header div.problem_catalog_parent ul {
margin-bottom: 0px; }
#lt_container ul.toolbar li,
.row-offcanvas ul.toolbar li {
padding-left: 5px; }
#lt_container ul.toolbar li:before,
.row-offcanvas ul.toolbar li:before {
content: none; }
#lt_container .bg-primary,
.row-offcanvas .bg-primary {
background: none !important;
color: #333 !important; }
#lt_container .bg-primary li:before,
.row-offcanvas .bg-primary li:before {
content: none; }
#lt_container .pull-left.problem_status_parent,
.row-offcanvas .pull-left.problem_status_parent {
float: right !important; }
#lt_container .checkbox input[type=checkbox],
#lt_container .checkbox-inline input[type=checkbox],
#lt_container .radio input[type=radio],
#lt_container .radio-inline input[type=radio],
.row-offcanvas .checkbox input[type=checkbox],
.row-offcanvas .checkbox-inline input[type=checkbox],
.row-offcanvas .radio input[type=radio],
.row-offcanvas .radio-inline input[type=radio] {
margin-left: 0; }
#lt_container ul.taggle_list .taggle button.close,
.row-offcanvas ul.taggle_list .taggle button.close {
padding: 2px 7px 7px 1px !important; }
#lt_container .assessment_results ul > li,
.row-offcanvas .assessment_results ul > li {
list-style-type: inherit;
padding-left: 0;
background: inherit; }
#lt_container .assessment_results ul > li:before,
.row-offcanvas .assessment_results ul > li:before {
content: none; }
#lt_container textarea.keyCapture.ie,
.row-offcanvas textarea.keyCapture.ie {
height: 0 !important; }
.claro.help_dialog.dijitDialog {
border: 1px solid #ccc; }
.btn#go-top {
background: #808080 !important;
color: #fff !important;
z-index: 1000; }
.dialog_content.problem_section .cursor.layer,
.problem_detail_container .cursor.layer {
display: none !important; }
li.add_list_separator_right {
padding-right: 10px !important;
border-right: 1px solid #e6e6e6 !important; }
li.add_list_separator_left {
padding-left: 10px !important;
border-left: 1px solid #e6e6e6 !important; }
.modal-dialog .modal-header h3 {
margin-bottom: 0 !important; }
.modal-dialog .modal-body .form-group select {
width: 100%; }
.claro .fileupload_form span.dijitButton.dijitUploader {
float: left;
border-color: #187dbb; }
#read_only_lt_container section.problem_container.add_browser_view.claro {
max-width: 100% !important;
min-width: 320px !important;
padding: 0 !important; }
#read_only_lt_container ul.toolbar li:before {
content: none !important; }
footer {
font-size: 13px !important;
background: #e6e6e6 !important; }
footer ul.footernav {
margin-left: 0; }
/*-----------------------------------------------------------
END LTUI CCW OVERRIDES
-------------------------------------------------------------*/
/* ToDo: Integrate into Stylesheet */
.icon-remove-circle-reverse:before {
content: "\e64d" !important;
color: #e95600; }
#read_only_lt_container .problem_container.claro .content_block [data-dojo-attach-point="dialogTitleArea"],
#read_only_lt_container .problem_container.claro .content_block [data-dojo-attach-point='mainInfoProblem'] h2,
#read_only_lt_container .problem_container.claro .problem_status_parent,
div#lt_container .problem_container.claro .content_block [data-dojo-attach-point="dialogTitleArea"],
div#lt_container .problem_container.claro .content_block [data-dojo-attach-point='mainInfoProblem'] h2,
div#lt_container .problem_container.claro .problem_status_parent {
display: none; }
.dialog_title .description_header .seperator {
padding: 0 10px 0 10px; }
.claro .dialog {
width: 100%;
box-shadow: none !important; }
.code_template.lti_editor.add_border {
border: none; }
a.clear_search_results {
padding-left: 10px; }
a.clear_search_results.icon-remove-circle-reverse.icon_alert_color {
display: inline-block; }
a.clear_search_results.icon-remove-circle-reverse.icon_alert_color:before {
padding-top: 1px;
padding-left: 8px; }
.metrics_info {
padding: 10px; }
.metrics_info.incorrect h3.incorrect,
.metrics_info.incorrect h3.incorrect a,
.metrics_info.incorrect h3.incorrect a:visited {
color: #e95600; }
.metrics_info.correct h3.correct,
.metrics_info.correct h3.correct a,
.metrics_info.correct h3.correct a:visited {
color: #48a23f; }
.metrics_info.incorrect {
border: 1px solid #e95600;
background-color: #fdf5f1; }
.metrics_info.correct {
border: 1px solid #99cc00;
background-color: #F0F7F0; }
.solutions-list .maininfo .windowPane.editorWindow {
border-top: 0; }
.solution > .correct,
.recent_solution > .correct,
.solutions-list > .correct,
.solution > .incorrect,
.recent_solution > .incorrect,
.solutions-list > .incorrect {
border: none; }
.dialog_title h1 {
margin-bottom: 10px; }
ul.problem_list li div span {
float: left; }
.search_results_controls .pagination_controls {
float: right; }
.dialog_title p.breadcrumb a {
color: #666 !important; }
.assignment_details .problem_list span.problem_published_status {
color: #666;
font-size: 14px;
margin-left: 10px; }
.dialog_title span.problem_published_status {
color: #666;
font-size: 20px;
margin-left: 10px; }
.lti_editor_md {
min-height: 100px; }
.catalog_dialog {
padding: 0 !important; }
.users_options .form-group {
margin-bottom: 25px; }
.people.students table th,
.people.instructors table th {
padding: 5px 5px 4px;
text-align: left;
vertical-align: middle; }
.solution_details .problem-actions .solution-action {
display: inline-block; }
.assessment_results ul > li:before {
content: none; }
#roster_tabs li {
padding: 0px; }
.roster__details--enrolled {
border: none;
padding: 0px; }
#roster_tab_content .people th a {
display: inline; }
.solution_details .problem-actions .solution-action {
display: inline-block; }
.search .solution-search {
padding-right: 5px; }
.search .solution-search-term {
width: 100%;
height: 36px;
padding: 6px 12px;
border: 1px solid #cccccc;
border-radius: 0px; }
.borderless_tab_controls {
margin-bottom: 20px; }
.borderless_tab_controls > li > a {
text-decoration: none !important; }
.borderless_tab_controls > li.active > a {
color: #808080;
border-bottom: 3px solid #00a9e0;
padding-bottom: 5px; }
.borderless_tab_controls > li.active > a.has-icon {
padding-bottom: 12px !important; }
/*
Fix issue with solved icons in problem_list
Check if icon style-block is needed .solved:before { ... }
*/
.problem_list .solve_late_24:before,
.problem_list .solve_24:before,
.problem_list .solved_late:before,
.problem_list .solved:before {
margin-right: 0; }
/* End Integrate */
/*
Fix issue h3 font weight clashing with LT UI
*/
#confirm_delete_course_dialog h3,
#confirm_delete_problem_dialog h3,
#confirm_delete_assignment_dialog h3 {
font-weight: 400;
font-size: 19px; }
/**
The below two style rules are needed to make the subnav for the new solutions view for students
properly responsive such that the Open in MLO button properly wraps to a new line on smaller
screens. See g3340568.
*/
.description_header.student_course_header {
display: flex;
flex-wrap: wrap;
align-items: center; }
.solve_in_matlab_wrapper {
margin-left: auto; }
/** Styles for LMS Onboarding */
#lti_credentials_parent {
width: 80%; }
.newCollectionSectionPopOver {
width: 300px;
margin-left: 100px; }
.newCollectionSectionPopOverCloseBtn {
text-align: right; }
.newCollectionSectionPopOver .btn:visited {
color: #fff; }
#newCollectionSectionPopOver:focus-visible {
outline: 3px solid #007bff;
outline-offset: 2px; }
.popover.newCollectionSectionPopOver.bottom > .arrow {
left: 15% !important; }
#headernav li.headernav_login .dropdown-menu {
margin-top: 0; }
/*-----------------------------------------------------------
$LEFTNAV - TOC (Grader, 2018)
-------------------------------------------------------------*/
.grader_toc {
/* Foo */ }
.codyu_leftnav {
width: 100%; }
.search_refine ul.grader_toc li li {
padding-left: 0; }
.sidebar-offcanvas {
overflow-y: auto; }
.sidebar-offcanvas .search_refine ul.grader_toc > li.toc_collection {
background-color: #fafafa;
border-bottom: 0; }
.sidebar-offcanvas .search_refine a {
line-height: 1.46;
padding: 12px 5px 12px; }
.sidebar-offcanvas .search_refine a.toc_collection_title,
.sidebar-offcanvas .search_refine a.toc_manage_people,
.sidebar-offcanvas .search_refine a.toc_manage_reorder {
color: #333333;
font-weight: 600;
padding-left: 14px; }
.sidebar-offcanvas .search_refine a.toc_manage_reorder {
color: #187dbb;
padding: 5px 14px; }
.sidebar-offcanvas .search_refine a.toc_manage_reorder .toc_icon_reorder {
height: 12px;
margin-right: 8px; }
.sidebar-offcanvas .search_refine a.toc_manage_reorder span {
vertical-align: text-bottom; }
.sidebar-offcanvas .search_refine a.toc_collection_title:hover {
background-color: #fafafa; }
.sidebar-offcanvas .search_refine ul.toc_collection_children {
background-color: #fff; }
.sidebar-offcanvas .search_refine .toc_is_draggable ul.toc_collection_children li {
background-image: url("https://www-test1.mathworks.com/test/mmurray/matlab-grader/leftnav-react/drag_handle.png");
background-position: 15px 12px;
background-size: auto;
background-repeat: no-repeat; }
.sidebar-offcanvas .search_refine .toc_is_draggable ul.toc_collection_children li.leftnav_add,
.sidebar-offcanvas .search_refine .toc_is_draggable ul.toc_collection_children li.temp_problem,
.sidebar-offcanvas .search_refine .toc_is_draggable ul.toc_collection_children li.temp_assignment {
background-image: none; }
.sidebar-offcanvas .search_refine ul.toc_collection_children.toc_add_new_items li,
.sidebar-offcanvas .search_refine ul.toc_collection_children li.toc_add_new_items {
background-image: none; }
.sidebar-offcanvas .search_refine ul.toc_collection_children > li.toc_add_new_items a {
padding-left: 14px; }
/* $FLAG - Has both toc_is_draggable and toc_is_not_draggable for rebugging, this should be a boolean */
.sidebar-offcanvas .search_refine .toc_is_draggable.toc_is_not_draggable ul.toc_collection_children .toc_group_container {
padding-left: 8px; }
.sidebar-offcanvas .search_refine .toc_is_draggable ul.toc_collection_children span.icon_16,
.sidebar-offcanvas .search_refine .toc_is_not_draggable ul.toc_collection_children span.icon_16 {
float: left;
padding-top: 10px; }
.sidebar-offcanvas .search_refine .toc_is_draggable ul.toc_collection_children .toc_group_container {
padding-left: 35px; }
.sidebar-offcanvas .search_refine .toc_is_draggable .assignment.expand_trigger {
margin-left: 35px; }
.sidebar-offcanvas .search_refine .toc_is_draggable .toc_group_children li.sortable_problem a.toc_problem_title {
padding-left: 60px; }
.sidebar-offcanvas .search_refine .toc_is_draggable .toc_group_children a.toc_add_item {
padding-left: 60px; }
.sidebar-offcanvas .search_refine .toc_is_draggable ul.toc_collection_children .toc_group_title {
width: 90%; }
.sidebar-offcanvas .search_refine .toc_is_draggable ul.toc_collection_children .toc_group_title.toc_group_open {
font-weight: 600; }
/*
Temporary Group Open active style. When collapse, weight is 300, all other times, weight is 600. [eg, when open
This can be removed when moving to the React component, which is defined in the line above
*/
.sidebar-offcanvas .search_refine ul.toc_collection_children .assignment.expand_trigger a.toc_group_title {
font-weight: 600; }
.sidebar-offcanvas .search_refine ul.toc_collection_children .assignment.expand_trigger.collapsed a.toc_group_title {
font-weight: 300; }
.sidebar-offcanvas .search_refine ul.toc_collection_children .toc_group_children li.active a {
color: #cb6015;
font-weight: 600; }
/* End Temp Group Open */
.sidebar-offcanvas .search_refine ul.toc_collection_children .toc_group_children li.active {
border: 0 !important;
border-bottom: 1px solid #e6e6e6 !important; }
.sidebar-offcanvas .search_refine ul.toc_group_children a.toc_problem_title,
.sidebar-offcanvas .search_refine ul.toc_group_children a.toc_add_item {
display: inline-block;
padding-left: 60px;
width: 90%; }
.sidebar-offcanvas .search_refine ul.toc_group_children .toc_problem_status {
vertical-align: top;
padding-top: 12px; }
.sidebar-offcanvas .search_refine ul.toc_collection_children a.toc_add_item,
.sidebar-offcanvas .search_refine ul.toc_group_children a.toc_add_item {
text-transform: uppercase;
font-weight: 600;
color: #187dbb; }
.sidebar-offcanvas .search_refine ul.toc_collection_children a.toc_add_item:hover,
.sidebar-offcanvas .search_refine ul.toc_group_children a.toc_add_item:hover {
color: #004b87; }
.sidebar-offcanvas .search_refine ul.toc_collection_children li ul.toc_group_children {
background-color: #fafafa;
border-top: 1px solid #e6e6e6; }
.sidebar-offcanvas .search_refine ul.grader_toc li,
.sidebar-offcanvas .search_refine .toc_collection_children li {
border-bottom: 1px solid #e6e6e6; }
.sidebar-offcanvas .search_refine span.icon-arrow-open-right + a.toc_group_title,
.sidebar-offcanvas .search_refine span.icon-arrow-open-down + a.toc_group_title {
display: inline-block; }
.sidebar-offcanvas .search_refine ul.toc_manage li {
border-bottom: 1px solid #e6e6e6; }
.sidebar-offcanvas .search_refine a.toc_manage_people {
background-color: #fafafa;
color: #187dbb; }
.sidebar-offcanvas .search_refine a.toc_manage_people:hover {
color: #004b87; }
/* Additive Classes */
.add_status_color_green {
color: #48a23f !important; }
.add_status_color_red {
color: #b7312c !important; }
/* Animations */
/*
We have to prepend this selector list on LeftNav animations because
the leftnav has this long no-animate rule put on it, which is driven by
issues with off-canvas in doc. The real classes here are the add_animation_slide...
*/
.no_animate .row-offcanvas *:not(.item):not(.panel-collapse) .add_animation_slide_up,
.no_animate .row-offcanvas *:not(.item):not(.panel-collapse) .add_animation_slide_down {
max-height: 0;
overflow-y: hidden;
transition: max-height 0.5s ease-in-out !important; }
.no_animate .row-offcanvas *:not(.item):not(.panel-collapse) .add_animation_slide_up {
transition: max-height 0.0s ease-in-out !important; }
.no_animate .row-offcanvas *:not(.item):not(.panel-collapse) .add_animation_slide_up {
transition: max-height 0.5s ease-in-out !important; }
/*
1000 is set as the max-height because it just needs to account for a group
with a lot of problems, might need to increase this for edge cases
*/
.no_animate .row-offcanvas *:not(.item):not(.panel-collapse) .add_animation_slide_down {
max-height: 1000px; }
/*-----------------------------------------------------------
$FLAG -- THIS IS DIRTY CSS JUST TO PREP FOR USER INTERVIEWS, NEED TO CLEAN UP
-------------------------------------------------------------*/
.search_refine ul.grader_toc .expand_collapse .expand_trigger {
padding-top: 0;
padding-bottom: 0;
margin-left: 8px; }
.search_refine ul.grader_toc .expand_collapse .collapse.in,
.search_refine ul.grader_toc .expand_collapse .collapsing {
padding-left: 0; }
.search_refine ul.grader_toc .sortable_problem:hover {
border: none;
border-bottom: 1px solid #e6e6e6; }
.search_refine ul.grader_toc a:hover {
background: transparent; }
.sidebar-offcanvas .search_refine .toc_is_draggable.toc_is_not_draggable ul.toc_collection_children .toc_group_container {
padding-left: 0; }
.sidebar-offcanvas .search_refine ul.toc_group_children a.toc_problem_title,
.sidebar-offcanvas .search_refine ul.toc_group_children span.toc_problem_status,
.sidebar-offcanvas .search_refine ul.toc_group_children a.toc_add_item,
.sidebar-offcanvas .search_refine ul.toc_group_children li.temp_problem {
padding-left: 34px; }
.sidebar-offcanvas .search_refine ul.toc_group_children li.temp_problem,
.sidebar-offcanvas .search_refine li.temp_assignment {
line-height: 1.46;
padding: 12px 5px 12px 34px; }
.sidebar-offcanvas .search_refine .toc_is_draggable ul.toc_group_children li.temp_problem {
padding: 12px 5px 12px 60px; }
.sidebar-offcanvas .search_refine ul.toc_group_children span.toc_problem_status + a.toc_problem_title {
padding-left: 0;
width: 75%; }
.sidebar-offcanvas .search_refine .toc_is_draggable ul.toc_collection_children .collapsed .toc_group_title {
font-weight: 300; }
.sidebar-offcanvas .search_refine .toc_is_draggable ul.toc_collection_children .toc_group_title {
font-weight: 600; }
.sidebar-offcanvas .search_refine ul.toc_group_children span.icon-mw-circle + a.toc_problem_title {
padding-left: 4px; }
/*
Spinner: Loading Indicator
*/
.add_loading_indicator,
.add_loading_indicator:after {
border-radius: 50%;
width: 36px !important;
height: 36px !important; }
.add_loading_indicator {
font-size: 10px;
position: relative;
margin: 5px auto !important;
border-top: 3px solid #e0e0e0 !important;
border-right: 3px solid #e0e0e0 !important;
border-bottom: 3px solid #e0e0e0 !important;
border-left: 3px solid #4db8ff !important;
transform: translateZ(0);
animation: loading 2s infinite linear; }
@-webkit-keyframes loading {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
@keyframes loading {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
/*
End of Spinner: Loading Indicator
*/
/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the top of the
* compiled file, but it's generally better to create a new file per style scope.
*
*
*/