/* mandi-trial ONLY — generated override, v3 (see config/local.yaml assets.css).
 * Re-emits every base.css rule referencing the compile-time PICUP green
 * family with a blue analog (same lightness, hue 208). v3 also swaps
 * Sass-computed shades that compile to FRACTIONAL rgb() literals (e.g.
 * rgb(230.97…,243.85…,223.14…) = lighten($primary,40%), the dingy green
 * hover Aaron caught) — hex-only scanning misses those. Whole rule bodies,
 * base.css order (v2 lesson). Regenerate from live /css/base.css on
 * upstream style changes; delete when picup #149 lands. */
.alert-box { border-style:solid; border-width:1px; display:block; font-size:.8125rem; font-weight:400; margin-bottom:1.25rem; padding:.875rem 1.5rem .875rem .875rem; position:relative; transition:opacity .3s ease-out; background-color:#0074D9; border-color:#0059A6; color:#fff; }
.alert-box.success { background-color:#0074D9; border-color:#0059A6; color:#fff; }
.breadcrumbs>* { color:#0074D9; float:left; font-size:1rem; line-height:.6875rem; margin:0; text-transform:initial; }
.breadcrumbs>* a { color:#0074D9; }
button,.button,.faux-button { -webkit-appearance:none; -moz-appearance:none; border-radius:0; border-style:solid; border-width:0; cursor:pointer; font-family:Arial,Verdana,Helvetica,sans-serif; font-weight:400; line-height:normal; margin:0 0 1.25rem; position:relative; text-align:center; text-decoration:none; display:inline-block; padding:1rem 2rem 1.0625rem; font-size:1rem; background-color:#0074D9; border-color:#0059A6; }
button:hover,button:focus,.button:hover,.faux-button:hover,.button:focus,.faux-button:focus { background-color:#0059A6; }
button.success,.button.success,.success.faux-button { background-color:#0074D9; border-color:#0059A6; }
button.success:hover,button.success:focus,.button.success:hover,.success.faux-button:hover,.button.success:focus,.success.faux-button:focus { background-color:#0059A6; }
button.disabled,button[disabled],.button.disabled,.disabled.faux-button,.button[disabled],[disabled].faux-button { background-color:#0074D9; border-color:#0059A6; }
button.disabled:hover,button.disabled:focus,button[disabled]:hover,button[disabled]:focus,.button.disabled:hover,.disabled.faux-button:hover,.button.disabled:focus,.disabled.faux-button:focus,.button[disabled]:hover,[disabled].faux-button:hover,.button[disabled]:focus,[disabled].faux-button:focus { background-color:#0059A6; }
button.disabled:hover,button.disabled:focus,button[disabled]:hover,button[disabled]:focus,.button.disabled:hover,.disabled.faux-button:hover,.button.disabled:focus,.disabled.faux-button:focus,.button[disabled]:hover,[disabled].faux-button:hover,.button[disabled]:focus,[disabled].faux-button:focus { background-color:#0074D9; }
button.disabled.success,button[disabled].success,.button.disabled.success,.disabled.success.faux-button,.button[disabled].success,[disabled].success.faux-button { background-color:#0074D9; border-color:#0059A6; }
button.disabled.success:hover,button.disabled.success:focus,button[disabled].success:hover,button[disabled].success:focus,.button.disabled.success:hover,.disabled.success.faux-button:hover,.button.disabled.success:focus,.disabled.success.faux-button:focus,.button[disabled].success:hover,[disabled].success.faux-button:hover,.button[disabled].success:focus,[disabled].success.faux-button:focus { background-color:#0059A6; }
button.disabled.success:hover,button.disabled.success:focus,button[disabled].success:hover,button[disabled].success:focus,.button.disabled.success:hover,.disabled.success.faux-button:hover,.button.disabled.success:focus,.disabled.success.faux-button:focus,.button[disabled].success:hover,[disabled].success.faux-button:hover,.button[disabled].success:focus,[disabled].success.faux-button:focus { background-color:#0074D9; }
.icon-bar>a:hover { background:#0074D9; }
.icon-bar>a.active { background:#0074D9; }
.label { display:inline-block; font-family:Arial,Verdana,Helvetica,sans-serif; font-weight:400; line-height:1; margin-bottom:auto; position:relative; text-align:center; text-decoration:none; white-space:nowrap; padding:.25rem .5rem; font-size:.6875rem; background-color:#0074D9; color:#fff; }
.label.success { background-color:#0074D9; color:#fff; }
ul.pagination li.current a,ul.pagination li.current button { background:#0074D9; color:#fff; cursor:default; font-weight:700; }
ul.pagination li.current a:hover,ul.pagination li.current a:focus,ul.pagination li.current button:hover,ul.pagination li.current button:focus { background:#0074D9; }
.panel.callout { border-style:solid; border-width:1px; border-color:#d8d8d8; margin-bottom:1.25rem; padding:1.25rem; background:rgb(240, 248, 255); color:#333; }
.panel.callout a:not(.button):not(.faux-button) { color:#0074D9; }
.panel.callout a:not(.button):not(.faux-button):hover,.panel.callout a:not(.button):not(.faux-button):focus { color:#0059A6; }
.pricing-table .title { background-color:#0074D9; color:#eee; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:2rem; font-weight:400; padding:.9375rem 1.25rem; text-align:center; }
.progress .meter { background:#0074D9; display:block; height:100%; float:left; width:0%; }
.progress .meter.success { background:#0074D9; display:block; height:100%; float:left; width:0%; }
.progress.success .meter { background:#0074D9; display:block; height:100%; float:left; width:0%; }
.range-slider.radius .range-slider-handle { background:#0074D9; border-radius:3px; }
.range-slider.radius .range-slider-handle:hover { background:rgb(0, 123, 231); }
.range-slider.round .range-slider-handle { background:#0074D9; border-radius:1000px; }
.range-slider.round .range-slider-handle:hover { background:rgb(0, 123, 231); }
.range-slider.disabled .range-slider-handle,.range-slider[disabled] .range-slider-handle { background:#0074D9; cursor:default; opacity:.7; }
.range-slider.disabled .range-slider-handle:hover,.range-slider[disabled] .range-slider-handle:hover { background:rgb(0, 123, 231); }
.range-slider-handle { border:1px solid none; cursor:pointer; display:inline-block; height:1.375rem; position:absolute; top:-.3125rem; width:2rem; z-index:1; -ms-touch-action:manipulation; touch-action:manipulation; background:#0074D9; }
.range-slider-handle:hover { background:rgb(0, 123, 231); }
.side-nav li a:not(.button):not(.faux-button) { color:#0074D9; display:block; margin:0; padding:.4375rem .875rem; }
.side-nav li a:not(.button):not(.faux-button):hover,.side-nav li a:not(.button):not(.faux-button):focus { background:hsla(0,0%,0%,.025); color:#66ABE4; }
.side-nav li a:not(.button):not(.faux-button):active { color:#66ABE4; }
.side-nav li.active>a:first-child:not(.button):not(.faux-button) { color:#66ABE4; font-family:Arial,Verdana,Helvetica,sans-serif; font-weight:400; }
.side-nav li.heading { color:#0074D9; font-size:.875rem; font-weight:700; text-transform:uppercase; }
.sub-nav dt.active a,.sub-nav dd.active a,.sub-nav li.active a { border-radius:3px; background:#0074D9; color:#fff; cursor:default; font-weight:400; padding:.1875rem 1rem; }
.sub-nav dt.active a:hover,.sub-nav dd.active a:hover,.sub-nav li.active a:hover { background:rgb(0, 121, 226); }
.switch input:checked+label { background:#0074D9; }
.th:hover,.th:focus { box-shadow:0 0 6px 1px #0074D980; }
.has-tip:hover,.has-tip:focus { border-bottom:dotted 1px rgb(0, 63, 118); color:#0074D9; }
.tooltip.opened { border-bottom:dotted 1px rgb(0, 63, 118)!important; color:#0074D9!important; }
.top-bar-section ul li>a.button,.top-bar-section ul li>a.faux-button { font-size:.8125rem; padding-left:.9375rem; padding-right:.9375rem; background-color:#0074D9; border-color:#0059A6; }
.top-bar-section ul li>a.button:hover,.top-bar-section ul li>a.faux-button:hover,.top-bar-section ul li>a.button:focus,.top-bar-section ul li>a.faux-button:focus { background-color:#0059A6; }
.top-bar-section ul li>a.button.success,.top-bar-section ul li>a.success.faux-button { background-color:#0074D9; border-color:#0059A6; }
.top-bar-section ul li>a.button.success:hover,.top-bar-section ul li>a.success.faux-button:hover,.top-bar-section ul li>a.button.success:focus,.top-bar-section ul li>a.success.faux-button:focus { background-color:#0059A6; }
.top-bar-section ul li>button { font-size:.8125rem; padding-left:.9375rem; padding-right:.9375rem; background-color:#0074D9; border-color:#0059A6; }
.top-bar-section ul li>button:hover,.top-bar-section ul li>button:focus { background-color:#0059A6; }
.top-bar-section ul li>button.success { background-color:#0074D9; border-color:#0059A6; }
.top-bar-section ul li>button.success:hover,.top-bar-section ul li>button.success:focus { background-color:#0059A6; }
.top-bar-section ul li.active>a { background:#0074D9; color:#fff; }
.top-bar-section ul li.active>a:hover { background:rgb(0, 121, 226); color:#fff; }
a { color:#0074D9; line-height:inherit; text-decoration:none; }
a:hover,a:focus { color:#0059A6; }
.breadcrumbs .editable:hover { color:#0074D9; }
.reset { background:#FFF; border:1px solid #0074D9; color:#0074D9; }
.reset:hover { color:#0074D9; background:rgb(212, 235, 255); }
#featuredContainer .featured-trinket:hover { box-shadow:0 0 2px 2px #0074D980; }
#admin-notify { border:1px solid #0074D9; margin-left:15px; padding:10px; color:#0074D9; background:white; }
section#banner { width:100%; padding:40px; text-align:center; background:#0074D9; font-weight:700; }
.button,.faux-button { color:#0074D9; border:1px solid #0074D9; background:#FFF; text-transform:capitalize; }
.button:hover,.faux-button:hover { color:#0059A6; border:1px solid rgb(0, 113, 212); background:rgb(212, 235, 255); }
.button.disabled,.disabled.faux-button,.button.disabled:hover,.button.disabled:focus { color:#0074D9; background:rgb(212, 235, 255); border:1px solid #0074D9; opacity:.7; }
.button.primary,.primary.faux-button { color:#fff; border:1px solid #0074D9; background:#0074D9; }
.button.primary:hover,.primary.faux-button:hover { background:rgb(0, 113, 212); }
.fa.success { color:#0074D9; }
span.beta { vertical-align:super; font-size:.75em; color:#0074D9; }
span.new-feature { vertical-align:super; font-size:.75em; font-weight:700; color:#0074D9; }
.notifyjs-foundation-success { background-color:#0074D9; border-color:#21a40f; color:#fff; }
.bubbles>li:hover { box-shadow:0 0 2px 2px #0074D980; }
.light-alert-success { border:1px solid #0074D9; padding:20px 30px; border-radius:8px; margin-bottom:20px; }
.top-bar-section .dropdown li:not(.has-form) a:not(.button):not(.faux-button):hover,.top-bar-section body.course .dropdown-blue li:not(.has-form) a:not(.button):not(.faux-button):hover,body.course .top-bar-section .dropdown-blue li:not(.has-form) a:not(.button):not(.faux-button):hover { background:#0074D9; color:#fff; }
nav.top-bar .top-bar-section .dropdown li:not(.has-form) a:not(.button):not(.faux-button):hover,nav.top-bar .top-bar-section body.course .dropdown-blue li:not(.has-form) a:not(.button):not(.faux-button):hover,body.course nav.top-bar .top-bar-section .dropdown-blue li:not(.has-form) a:not(.button):not(.faux-button):hover { background:#0074D9; color:#fff; }
body#home #recent-trinkets .item a:hover { box-shadow:0 0 2px 2px #0074D980; }
body#home #hero { width:100%; text-align:center; color:#fff!important; padding:40px 20px 25px; background:#0074D9; }
body#home #logo-embed { margin:0 auto; background:#0074D9; width:143px; height:143px; border-radius:50%; text-align:center; line-height:145px; font-size:80px; color:#fff; }
body#home .course-list li:hover { border:1px solid #0074D9; background-color:#cce8ff; }
body#home #trinket-types-landing>li .trinket-type:hover { box-shadow:0 0 2px 2px #0074D980; }
body#home #trinket-interviews-landing>li:hover { box-shadow:0 0 2px 2px #0074D980; }
body.course #outline-expander { position:fixed; display:block; border-radius:0 8px 8px 0; margin-top:20px; padding:20px 15px; background-color:#0074D9; color:#fff; }
body.course .outline-list-item.material.current,body.course .outline-list-item.material.current:hover { font-weight:700; background:#0074D9; color:#fff; }
body.course .dropdown-blue:after { border-color:#0074D9 transparent transparent transparent!important; }
body.course .outline-list-item.angular-ui-tree-node.material.current { font-weight:700; background:#0074D9; color:#fff; }
body.course i.success { color:#0074D9; }
body.course ul.course-users-list li.course-user .course-user-actions-link i.success { color:#0074D9; }
body.course ul.course-users-list li.course-user ul.user-role-list li:hover { color:#fff; background-color:#0074D9; }
.editable-click:hover,a.editable-click:hover { cursor:pointer; color:#0074D9; }
.angular-ui-tree-drag { position:absolute; pointer-events:none; z-index:999; opacity:.8; border:1px solid #0074D9; }
#account .file-upload,#compare-plans-modal .file-upload { position:relative; background-color:#fff; border:1px solid #0074D9; color:#0074D9; overflow:hidden; }
#account .pricing-table .title .your-plan,#compare-plans-modal .pricing-table .title .your-plan { color:#0074D9; font-weight:600; }
#material-edit .toolbar .title { color:#0074D9; }
#trinkets-list>li:hover,.trinkets-list>li:hover { box-shadow:0 0 2px 2px #0074D980; }
#trinkets-list>li.dragging-trinket,.trinkets-list>li.dragging-trinket { border:dashed 2px #0074D9; box-shadow:none; background:white; color:#666; }
#trinkets-list>li.folder-dropzone,.trinkets-list>li.folder-dropzone { box-shadow:0 0 8px 2px #0074D9bf; }
#glowscript-options .gsblocks-img-container .overlay:hover span { background:white; box-shadow:0 0 2px 2px #0074D980; padding:10px 20px; }
#admin .tabs li.active { border-top:3px solid #0074D9; margin-top:-3px; }
.dashboard-content.dashboard-list .submitted { color:#0074D9; }
.dashboard-content .chart-wrapper .chart-segment { background:#0074D9; display:block; height:100%; float:left; width:0%; display:inline; text-align:center; height:40px; line-height:40px; text-indent:100%; white-space:nowrap; overflow:hidden; color:transparent; }
.dashboard-content .chart-wrapper .chart-segment.submitted { background:#0074D9; display:block; height:100%; float:left; width:0%; }
body#home #hero,#hero { background:var(--brand-primary, #0074D9); }
@media only screen and (min-width:40.0625em) {
  .top-bar-section li.active:not(.has-form) a:not(.button):not(.faux-button) { background:#0074D9; color:#fff; line-height:2.8125rem; padding:0 .9375rem; }
  .top-bar-section li.active:not(.has-form) a:not(.button):not(.faux-button):hover { background:rgb(0, 121, 226); color:#fff; }
  .no-js .top-bar-section ul li:active>a { background:#0074D9; color:#fff; }
}