@charset "UTF-8";
/* ========================================================================== Application specific CSS ========================================================================== */
/* ========================================================================== A base partial to initialize common variables, mixins, and default styles. ========================================================================== */
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9. Hide the `template` element in IE, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }

/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. */
hr { box-sizing: content-box; height: 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre-wrap; }

/** Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9. */
img { border: 0; }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

/* Define all the colors with descriptive color names */
/* Grays */
/* Blues */
/* Greens */
/* Reds */
/* Orange */
/* Yellows */
/* Use the colors above for specific cases with semantic names here */
/* In page message notifications */
/* Sitewide headers and text */
/* Menu items - used in editor/results page menus */
/* Sitewide borders, such as in editor menus, API page, customer logos, etc. */
/* Table in the dashboard and results page */
@font-face { font-family: 'Proxima'; font-weight: 400; src: url("//web-archive.nli.org.il/National_Library/20161007104014oe_///dhm5hy2vn8l0l.cloudfront.net/proxima/proximanova-reg.woff2") format("woff2"), url("//web-archive.nli.org.il/National_Library/20161007104014oe_///dhm5hy2vn8l0l.cloudfront.net/proxima/proximanova-reg.woff") format("woff"); }

@font-face { font-family: 'Proxima'; font-weight: 500; src: url("//web-archive.nli.org.il/National_Library/20161007104014oe_///dhm5hy2vn8l0l.cloudfront.net/proxima/proximanova-medium.woff2") format("woff2"), url("//web-archive.nli.org.il/National_Library/20161007104014oe_///dhm5hy2vn8l0l.cloudfront.net/proxima/proximanova-medium.woff") format("woff"); }

:lang(af) { quotes: '\201E' '\201D' '\201A' '\2019'; }

:lang(bg) { quotes: '\201E' '\201C' '\201A' '\2018'; }

:lang(cs) { quotes: '\201E' '\201C' '\201A' '\2018'; }

:lang(da-DK) { quotes: '\00BB' '\00AB' '\203A' '\2039'; }

:lang(de-DE) { quotes: '\201E' '\201C' '\201A' '\2018'; }

:lang(en) { quotes: '\201C' '\201D' '\2018' '\2019'; }

:lang(en-GB) { quotes: '\2018' '\2019' '\201C' '\201D'; }

:lang(es-ES) { quotes: '\00AB' '\00BB' '\2039' '\203A'; }

:lang(fi-FI) { quotes: '\201D' '\201D' '\2019' '\2019'; }

:lang(fr-FR) { quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'; }

:lang(hr) { quotes: '\00BB' '\00AB' '\203A' '\2039'; }

:lang(is-IS) { quotes: '\201E' '\201C' '\201A' '\2018'; }

:lang(lt-LT) { quotes: '\201E' '\201C' '\201A' '\2018'; }

:lang(nl-NL) { quotes: '\201E' '\201D' '\201A' '\2019'; }

:lang(pl-PL) { quotes: '\201E' '\201D' '\201A' '\2019'; }

:lang(ro-RO) { quotes: '\201E' '\201C' '\201A' '\2018'; }

:lang(sk-SK) { quotes: '\201E' '\201C' '\201A' '\2018'; }

:lang(sq) { quotes: '\00AB' '\00BB' '\2039' '\203A'; }

:lang(sr) { quotes: '\201E' '\201C' '\201A' '\2018'; }

:lang(sv-SE) { quotes: '\201D' '\201D' '\2019' '\2019'; }

:lang(tr-TR) { quotes: '\00AB' '\00BB' '\2039' '\203A'; }

[v-cloak] { display: none; }

/* ========================================================================== CSS arrows, used primarily by the popovers ========================================================================== */
.popover.bottom .popover-arrow, .popover.bottom .popover-arrow::after, .popover.top .popover-arrow, .popover.top .popover-arrow::after, .popover.right .popover-arrow, .popover.right .popover-arrow::after, .popover.left .popover-arrow, .popover.left .popover-arrow::after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }

/** This mixin should be applied to the arrow element itself. TODO-jz: Split part of this off into just an arrow, no positioning. @param $side         The side to which the arrow is being applied (top, bottom, left, or right), aka the direction it points. @param $size         The size of the arrow @param $stroke-size  The size of the stroke @param $arrow-color  The color of the arrow itself @param $stroke-color The color of the stroke */
/* linear */
/* radial */
/* ========================================================================== Mixin for defining animation keyframes ========================================================================== */
/** Default ordered and unordered list styles */
/* ========================================================================== Contains handy utility mixins that aren't special or elaborate enough to warrant their own files. ========================================================================== */
/** Sets the width and height of an element */
/** Sets the width and height of an element to be the same, i.e. a square */
/** Sets common properties for icons set as background images, such as the background image itself, size, and background size. Meant to be used in non-pseudo-element contexts. Width and height must be set elsewhere. */
/** Sets common properties for icons set as background images in pseudo-elements. Very similar to background-image-icon above (and calls it internally), but should be used with pseudo elements. */
/* ========================================================================== Base element styles ========================================================================== */
html, body, button, input, select, textarea { color: #242424; font-family: Proxima, Helvetica, Verdana, sans-serif; font-size: 1em; font-weight: 400; margin: 0; }

body { background: #f4f4f4; line-height: 1.4; min-width: 1000px; width: 100%; }

a { cursor: pointer; }

/** Headline styles */
h1 { font-family: Proxima, Helvetica, Verdana, sans-serif; font-size: 3em; font-weight: 300; line-height: 1; margin: 0; }

h2 { font-family: Proxima, Helvetica, Verdana, sans-serif; font-size: 2.1em; font-weight: 300; line-height: 1.2; margin: 0; }

h3 { font-family: Proxima, Helvetica, Verdana, sans-serif; font-size: 1.7em; font-weight: 300; line-height: 1.2; margin: 0; }

h4 { font-family: Proxima, Helvetica, Verdana, sans-serif; font-size: 1.15em; font-weight: 300; line-height: 1.2; margin: 0; }

h5 { font-family: Proxima, Helvetica, Verdana, sans-serif; font-size: 1em; font-weight: 300; line-height: 1.2; margin: 0; }

h6 { font-family: Proxima, Helvetica, Verdana, sans-serif; font-size: 0.8em; font-weight: 300; line-height: 1.2; margin: 0; text-transform: uppercase; }

/** Typography and links */
b, strong, .strong { font-weight: 500; }

p { font-size: 0.9em; font-weight: 400; line-height: 1.5; }

a, a:visited { color: #4d89e2; }

a:hover, a:active { outline: 0; }

hr { border-color: #eee; }

.blue, .blue a { color: #006eb6; }

.blue.darken, .blue a.darken { color: #004f83; }

.green, .green a { color: #80a215; }

* + p { margin-top: 1em; }

.super { display: block; padding-bottom: 0.25em; font-size: 0.45em; line-height: 1; }

.small-caps { font-variant: small-caps; text-transform: lowercase; }

.is-admin { color: #fcb423 !important; }

.list-unstyled, .sub-header-nav, .nav-top-sticky-container ul, .nav-top, .nav-main, .articles-list, .nav, .dropdown-menu, .dropdown-menu-top, .dropdown-menu-nav-main, .selector-list { list-style: none; margin: 0; padding: 0; }

.list-unstyled li, .sub-header-nav li, .nav-top-sticky-container ul li, .nav-top li, .nav-main li, .articles-list li, .nav li, .dropdown-menu li, .dropdown-menu-top li, .dropdown-menu-nav-main li, .selector-list li { font-size: inherit; line-height: inherit; margin: 0; }

/** Takes a list and lays it out horizontally. E.g. /about */
.sub-header-nav, .nav-top-sticky-container ul, .nav-top, .nav-main { line-height: 1.1; }

.sub-header-nav > li, .nav-top-sticky-container ul > li, .nav-top > li, .nav-main > li { display: inline-block; position: relative; vertical-align: top; }

.sub-header-nav > li > a, .nav-top-sticky-container ul > li > a, .nav-top > li > a, .nav-main > li > a { display: block; margin: 0; text-decoration: none; }

.articles-list li { margin-bottom: 1.5em; }

.articles-list p { margin: 0; }

time { color: #888; display: block; font-size: 0.6em; font-weight: normal; margin: 0 0 1em; text-transform: uppercase; }

/* ========================================================================== Helper classes for positioning and layout, such as clearfix and centering ========================================================================== */
.clearfix:after { content: ''; display: table; clear: both; }

.hidden { display: none; visibility: hidden; }

.hidden-important { display: none !important; visibility: hidden !important; }

.center { float: none !important; margin: 0 auto; }

.text-dark { color: #444; }

.text-muted { color: #888; }

.left { float: left; }

.right { float: right; }

.clear { clear: both; }

.no-clear { clear: none !important; }

.half { box-sizing: border-box; width: 50%; }

.half.left { padding-right: 10px; }

.half.right { padding-left: 10px; }

.rotate-90 { transform: rotate(90deg); }

.rotate-180 { transform: rotate(180deg); }

.rotate-270 { transform: rotate(270deg); }

/** Features that are locked get this class */
.feature-locked .feature-locked-icon { cursor: pointer; }

.feature-locked .feature-locked-icon::after { background-size: 1em 1em; background-image: url("/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/icons/feature-lock.svg"); background-repeat: no-repeat; width: 1em; height: 1em; content: ''; cursor: pointer; display: inline-block; }

.link-external::after { background-size: 10px 10px; background-image: url("/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/icons/popopen-blue.svg"); background-repeat: no-repeat; width: 10px; height: 10px; content: ''; display: inline-block; }

/* ========================================================================== Main layout components ========================================================================== */
.sub-header-nav { float: right; margin-top: 23px; }

.sub-header-nav > li { font-size: 0.8em; margin-left: 0.8em; }

.sub-header-nav > li a { color: #444; }

.sub-header-nav > li a.current { font-weight: 500; color: #0053A7; }

.header-omark { background: #0981ba url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/header-bg.svg) no-repeat left top; color: #fff; width: 100%; }

.header-welcome { background: #FFFFFF url("/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/edit/welcome-banner.svg") no-repeat 125% top; color: #FFFFFF; width: 100%; border-bottom: 3px solid #E0E0E0; height: 129px; }

@media (min-width: 1300px) { .header-welcome { background: #FFFFFF url("/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/edit/welcome-banner.svg") no-repeat 100% top; } }

.header-welcome .welcome-breadcrumbs { bottom: -3px; left: 0; }

.header-welcome .welcome-breadcrumbs li { display: inline-block; border-bottom: 3px solid #E0E0E0; }

.header-welcome .welcome-breadcrumbs li.is-active { border-bottom: 3px solid #0081BA; }

.small-note, p.small-note { font-size: 12px; line-height: 1.4em; color: #888; }

/** Useful circle spans */
span.circle { display: none; }

span.circle.Paused, span.circle.paused, span.circle.Running, span.circle.running { border-radius: 5px; display: inline-block; height: 9px; width: 9px; margin-right: 2px; }

span.circle.Paused, span.circle.paused { background: #fedf30; background: radial-gradient(#ffee44, #fedf30); border: 1px solid #ffd40c; }

span.circle.Running, span.circle.running { background: #a8bd24; background: radial-gradient(#c0d069, #a8bd24); border: 1px solid #9caa46; }

.scrollbox-vertical { background: linear-gradient(top, white 30%, rgba(255, 255, 255, 0)) 0 0, linear-gradient(top, rgba(255, 255, 255, 0), white 70%) 0 100%, linear-gradient(top, rgba(0, 0, 0, 0.09), transparent), linear-gradient(bottom, rgba(0, 0, 0, 0.09), transparent) 0 100%; background-color: white; background-repeat: no-repeat; background-size: 100% 40px, 100% 40px, 100% 10px, 100% 10px; /* Opera doesn't support this in the shorthand */ background-attachment: local, local, scroll, scroll; }

.inline-code { background: #f7f7f7; padding: 2px 6px; border-radius: 2px; }

/** Legacy alert-box code. This can probably be incorporated into LEGO one day. -jz */
.alert-bar { box-sizing: border-box; background-color: #f8f8f8; border: 1px solid #eee; color: #444; opacity: 1; overflow: auto; padding: 0.5em 1em; position: absolute; text-align: center; transition: top 0.35s ease-in; top: 0; width: 100%; z-index: 1; }

.alert-bar a { text-decoration: none; }

.alert-bar a:hover { text-decoration: underline; }

.alert-box-hidden { left: -9999px; opacity: 0; position: absolute; }

/***
Spectrum Colorpicker v1.5.1
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container { position: absolute; top: 0; left: 0; display: inline-block; *display: inline; *zoom: 1; /* https://github.com/bgrins/spectrum/issues/40 */ z-index: 9999994; overflow: hidden; }

.sp-container.sp-flat { position: relative; }

/* Fix for * { box-sizing: border-box; } */
.sp-container, .sp-container * { box-sizing: content-box; }

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top { position: relative; width: 100%; display: inline-block; }

.sp-top-inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

.sp-color { position: absolute; top: 0; left: 0; bottom: 0; right: 20%; }

.sp-hue { position: absolute; top: 0; right: 0; bottom: 0; left: 84%; height: 100%; }

.sp-clear-enabled .sp-hue { top: 33px; height: 77.5%; }

.sp-fill { padding-top: 80%; }

.sp-sat, .sp-val { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.sp-alpha-enabled .sp-top { margin-bottom: 18px; }

.sp-alpha-enabled .sp-alpha { display: block; }

.sp-alpha-handle { position: absolute; top: -4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid black; background: white; opacity: .8; }

.sp-alpha { display: none; position: absolute; bottom: -14px; right: 0; left: 0; height: 8px; }

.sp-alpha-inner { border: solid 1px #333; }

.sp-clear { display: none; }

.sp-clear.sp-clear-display { background-position: center; }

.sp-clear-enabled .sp-clear { display: block; position: absolute; top: 0px; right: 0; bottom: 0; left: 84%; height: 28px; }

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; -ms-user-select: none; user-select: none; }

.sp-container.sp-input-disabled .sp-input-container { display: none; }

.sp-container.sp-buttons-disabled .sp-button-container { display: none; }

.sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none; }

.sp-palette-only .sp-picker-container { display: none; }

.sp-palette-disabled .sp-palette-container { display: none; }

.sp-initial-disabled .sp-initial { display: none; }

/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat { background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); }

.sp-val { background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); }

.sp-hue { background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); }

/* IE filters do not support multiple color stops. Generate 6 divs, line them up, and do two color gradients for each. Yes, really. */
.sp-1 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); }

.sp-2 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); }

.sp-3 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); }

.sp-4 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); }

.sp-5 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); }

.sp-6 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); }

.sp-hidden { display: none !important; }

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }

.sp-cf:after { clear: both; }

.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) { .sp-color { right: 40%; }
  .sp-hue { left: 63%; }
  .sp-fill { padding-top: 60%; } }

.sp-dragger { border-radius: 5px; height: 5px; width: 5px; border: 1px solid #fff; background: #000; cursor: pointer; position: absolute; top: 0; left: 0; }

.sp-slider { position: absolute; top: 0; cursor: pointer; height: 3px; left: -1px; right: -1px; border: 1px solid #000; background: white; opacity: .8; }

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/
.sp-container { border-radius: 0; background-color: #ECECEC; border: solid 1px #f0c49B; padding: 0; }

.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear { font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; -ms-box-sizing: border-box; box-sizing: border-box; }

.sp-top { margin-bottom: 3px; }

.sp-color, .sp-hue, .sp-clear { border: solid 1px #666; }

/* Input */
.sp-input-container { float: right; width: 100px; margin-bottom: 4px; }

.sp-initial-disabled .sp-input-container { width: 100%; }

.sp-input { font-size: 12px !important; border: 1px inset; padding: 4px 5px; margin: 0; width: 100%; background: transparent; border-radius: 3px; color: #222; }

.sp-input:focus { border: 1px solid orange; }

.sp-input.sp-validation-error { border: 1px solid red; background: #fdd; }

.sp-picker-container, .sp-palette-container { float: left; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px; }

.sp-picker-container { width: 172px; border-left: solid 1px #fff; }

/* Palettes */
.sp-palette-container { border-right: solid 1px #ccc; }

.sp-palette-only .sp-palette-container { border: 0; }

.sp-palette .sp-thumb-el { display: block; position: relative; float: left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border: solid 2px transparent; }

.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { border-color: orange; }

.sp-thumb-el { position: relative; }

/* Initial */
.sp-initial { float: left; border: solid 1px #333; }

.sp-initial span { width: 30px; height: 25px; border: none; display: block; float: left; margin: 0; }

.sp-initial .sp-clear-display { background-position: center; }

/* Buttons */
.sp-palette-button-container, .sp-button-container { float: right; }

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer { margin: 0; overflow: hidden; cursor: pointer; padding: 4px; display: inline-block; *zoom: 1; *display: inline; border: solid 1px #91765d; background: #eee; color: #333; vertical-align: middle; }

.sp-replacer:hover, .sp-replacer.sp-active { border-color: #F0C49B; color: #111; }

.sp-replacer.sp-disabled { cursor: default; border-color: silver; color: silver; }

.sp-dd { padding: 2px 0; height: 16px; line-height: 16px; float: left; font-size: 10px; }

.sp-preview { position: relative; width: 25px; height: 20px; border: solid 1px #222; margin-right: 5px; float: left; z-index: 0; }

.sp-palette { *width: 220px; max-width: 220px; }

.sp-palette .sp-thumb-el { width: 16px; height: 16px; margin: 2px 1px; border: solid 1px #d0d0d0; }

.sp-container { padding-bottom: 0; }

/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button { background-color: #eeeeee; background-image: linear-gradient(to bottom, #eeeeee, #cccccc); border: 1px solid #ccc; border-bottom: 1px solid #bbb; border-radius: 3px; color: #333; font-size: 14px; line-height: 1; padding: 5px 4px; text-align: center; text-shadow: 0 1px 0 #eee; vertical-align: middle; }

.sp-container button:hover { background-color: #dddddd; background-image: linear-gradient(to bottom, #dddddd, #bbbbbb); border: 1px solid #bbb; border-bottom: 1px solid #999; cursor: pointer; text-shadow: 0 1px 0 #ddd; }

.sp-container button:active { border: 1px solid #aaa; border-bottom: 1px solid #888; -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }

.sp-cancel { font-size: 11px; color: #d93f3f !important; margin: 0; padding: 2px; margin-right: 5px; vertical-align: middle; text-decoration: none; }

.sp-cancel:hover { color: #d93f3f !important; text-decoration: underline; }

.sp-palette span:hover, .sp-palette span.sp-thumb-active { border-color: #000; }

.sp-preview, .sp-alpha, .sp-thumb-el { position: relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); }

.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

.sp-palette .sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat; }

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); }

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); }

.sp-clear-display { background-repeat: no-repeat; background-position: center; background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); }

/* ========================================================================== Style overrides for the Spectrum color picker ========================================================================== */
/* ========================================================================== Contains handy utility mixins that aren't special or elaborate enough to warrant their own files. ========================================================================== */
/** Sets the width and height of an element */
/** Sets the width and height of an element to be the same, i.e. a square */
/** Sets common properties for icons set as background images, such as the background image itself, size, and background size. Meant to be used in non-pseudo-element contexts. Width and height must be set elsewhere. */
/** Sets common properties for icons set as background images in pseudo-elements. Very similar to background-image-icon above (and calls it internally), but should be used with pseudo elements. */
.optly-color-picker.popover { width: auto; }

.optly-color-picker__trigger { background: transparent; border: none; padding: 0; }

.optly-color-picker__trigger:hover, .optly-color-picker__trigger.sp-active { border: none; }

.optly-color-picker__trigger .sp-dd { display: none; }

.optly-color-picker__trigger .sp-preview { width: 18px; height: 18px; transition: border-color 0.2s ease; margin-right: 0; border: 1px solid #aaa; }

.optly-color-picker__trigger .sp-preview:hover { border-color: #6b6b6b; }

.optly-color-picker__trigger .sp-preview, .optly-color-picker__trigger .sp-preview-inner { border-radius: 2px; }

.optly-color-picker .sp-picker-container { border: 0; }

.optly-color-picker .sp-top { margin-bottom: 25px; }

.optly-color-picker .sp-fill { padding-top: 80%; }

.optly-color-picker .sp-color { right: 14%; }

.optly-color-picker .sp-color, .optly-color-picker .sp-alpha-inner { border: 1px solid #aaa; }

.optly-color-picker .sp-color, .optly-color-picker .sp-sat, .optly-color-picker .sp-val { border-radius: 2px; }

.optly-color-picker .sp-alpha { bottom: -20px; height: 13px; }

.optly-color-picker .sp-alpha, .optly-color-picker .sp-alpha-inner { border-radius: 2px; }

.optly-color-picker .sp-alpha-handle, .optly-color-picker .sp-slider { transition: border-color 0.2s ease; background: #fff; border: 1px solid #aaa; border-radius: 2px; opacity: 1; }

.optly-color-picker .sp-alpha-handle:hover, .optly-color-picker .sp-slider:hover { border-color: #848484; }

.optly-color-picker .sp-alpha-handle { bottom: -2px; cursor: ew-resize; margin-left: -2px; top: -2px; width: 3px; }

.optly-color-picker .sp-slider { cursor: ns-resize; height: 3px; left: -2px; right: -2px; }

.optly-color-picker .sp-dragger { background: transparent; border: 2px solid #fefefe; border-radius: 50%; box-shadow: 0px 0px 0px 1px #6b6b6b; cursor: move; }

.optly-color-picker .sp-hue { border: 1px solid #aaa; border-radius: 2px; left: 91%; width: 15px; }

.optly-color-picker .sp-input { transition: border-color 0.2s ease; border: 1px solid #e0e0e0; border-radius: 2px; padding: 7px; vertical-align: middle; line-height: 1.3; }

.optly-color-picker .sp-input:hover { border-color: #c7c7c7; }

.optly-color-picker .sp-input:focus { border-color: #8abee3; outline: none; }

/* Override styles for calendar. */
.datepicker .ui-datepicker { width: 214px; padding: .2em .2em 0; }

.datepicker .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }

.datepicker .ui-datepicker .ui-datepicker-prev, .datepicker .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }

.datepicker .ui-datepicker .ui-datepicker-prev-hover, .datepicker .ui-datepicker .ui-datepicker-next-hover { top: 1px; }

.datepicker .ui-datepicker .ui-datepicker-prev { left: 2px; }

.datepicker .ui-datepicker .ui-datepicker-next { right: 2px; }

.datepicker .ui-datepicker .ui-datepicker-prev-hover { left: 1px; }

.datepicker .ui-datepicker .ui-datepicker-next-hover { right: 1px; }

.datepicker .ui-datepicker .ui-datepicker-prev span, .datepicker .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }

.datepicker .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }

.datepicker .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }

.datepicker .ui-datepicker select.ui-datepicker-month-year { width: 100%; }

.datepicker .ui-datepicker select.ui-datepicker-month, .datepicker .ui-datepicker select.ui-datepicker-year { width: 49%; }

.datepicker .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; }

.datepicker .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: 500; border: 0; }

.datepicker .ui-datepicker td { border: 0; padding: 1px; }

.datepicker .ui-datepicker td span, .datepicker .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }

.datepicker .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }

.datepicker .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }

.datepicker .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }

.datepicker .ui-corner-all { border-radius: 0; }

.datepicker .ui-state-active { background: #fff !important; border: solid 1px #003366; color: #003366; }

.datepicker .ui-state-default, .datepicker .ui-widget-content .ui-state-highlight, .datepicker .ui-widget-header .ui-state-highlight { background: #e6e6e6 url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; border: solid 1px #999; }

.datepicker .ui-state-default { text-align: center; }

.datepicker .ui-state-hover { background: #ddd; }

.datepicker .ui-widget-content { border: solid 1px #e2e2e2; color: #242424; }

.datepicker .ui-widget-header { background: #f1f1f1; border: solid 1px #d5d5d5; color: #242424; }

div.feedback-iframe { margin-bottom: -6px; }

div.feedback-iframe iframe { height: 400px; }

#getfeedback-link img { height: 12px; }

/* ========================================================================== Drawer - a side panel for content that can be expanded/collapsed and docked on the right or bottom. .drawer                 base element; closed by default .drawer--in             moves the drawer into a visible position .drawer--docked-right   positions it on the right of its container .drawer--docked-bottom  positions it on the bottom of its container ========================================================================== */
.drawer { display: -ms-flexbox; display: flex; transition: transform 0.25s cubic-bezier(0.43, 0.13, 0.56, 1.21); box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.1); color: #131313; font-size: 12px; position: absolute; }

.drawer--docked-right { transform: translateX(100%); top: 0; right: 0; width: 350px; height: 100%; }

.drawer--docked-right.drawer--in { transform: translateX(0); }

.drawer--docked-right.drawer--in .drawer__expander { transform: translateX(0); }

.drawer--docked-right .drawer__expander { -ms-flex-direction: column; flex-direction: column; transform: translateX(-100%); border-left: 1px solid #c2c2c2; height: 100%; }

.drawer--docked-right .drawer__header { min-height: 50px; }

.drawer--docked-right .drawer__content { border-left: 1px solid #cfcfcf; }

.drawer--docked-right .drawer__controls { -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-pack: distribute; justify-content: space-around; }

.drawer--docked-right .drawer__tab-buttons--icon-only .drawer__tab-button { -ms-flex: 1 1 0; flex: 1 1 0; }

.drawer--docked-right .drawer__tab-buttons--icon-only .drawer__tab-button__icon { margin-bottom: 0; }

.drawer--docked-right .drawer__tab-buttons--icon-only .drawer__tab-button__label { display: none; }

.drawer--docked-bottom { -ms-flex-direction: column; flex-direction: column; transform: translateY(100%); bottom: 0; left: 0; width: 100%; height: 350px; }

.drawer--docked-bottom.drawer--in { transform: translateY(0); }

.drawer--docked-bottom.drawer--in .drawer__expander { transform: translateY(0); }

.drawer--docked-bottom .drawer__controls { margin-right: 10px; }

.drawer--docked-bottom .drawer__expander { transform: translateY(-100%); border-top: 1px solid #c2c2c2; width: 100%; }

.drawer--docked-bottom .drawer__pane--3col { -webkit-columns: 3; -webkit-column-gap: 2.5em; }

.drawer--docked-bottom .drawer__pane__title { -webkit-column-span: all; }

.drawer--docked-bottom .drawer__tab-button { -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 0.5em 2em; }

.drawer--docked-bottom .drawer__tab-button__icon { display: inline-block; margin: 0; margin-right: 0.5em; vertical-align: middle; }

.drawer--docked-bottom .drawer__tab-button__label { display: inline-block; }

.drawer .drawer__expander img, .drawer__expander .drawer img, .drawer .drawer__control { box-sizing: border-box; width: 24px; height: 24px; padding: 5px; }

.drawer__expander { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; transition: opacity 0.25s ease, transform 0.3s 0.15s linear; background: #eee; cursor: pointer; opacity: 0.65; position: absolute; top: 0; left: 0; z-index: 1; }

.drawer__expander:hover { opacity: 1; }

.drawer__header { display: -ms-flexbox; display: flex; background: rgba(255, 255, 255, 0.6); border-bottom: 1px solid #cfcfcf; }

.drawer__content { display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; -ms-flex-direction: column; flex-direction: column; background: linear-gradient(to bottom, #eee, #e9e9e9); border-top: 1px solid #cfcfcf; overflow-y: auto; position: relative; z-index: 2; }

.drawer__controls { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; }

.drawer__control { transition: opacity 0.25s ease; background: none; border: none; color: inherit; display: inline-block; font-size: 16px; line-height: 0; opacity: 0.7; outline: none; text-align: center; }

.drawer__control:hover { opacity: 1; }

.drawer__control img { width: 100%; height: 100%; }

.drawer__pane { -ms-flex: 1; flex: 1; display: none; overflow: auto; padding: 15px; padding-bottom: 40px; }

.drawer__pane.drawer__pane--active { display: block; }

.drawer__tab-buttons { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; }

.drawer__tab-button { -ms-flex: 1 0 25%; flex: 1 0 25%; transition: color 0.1s ease; background: none; border: 0; color: #444; line-height: 1; outline: none; padding: 0.5em; text-align: center; text-transform: uppercase !important; }

.drawer__tab-button--active { color: #3385d6; }

.drawer__tab-button:not(.drawer__tab-button--active):hover { color: #3385d6; }

.drawer__tab-button__icon { display: block; font-size: 2em; margin: 0 auto; margin-bottom: 1em; }

.drawer__tab-button__label { display: block; font-size: 0.6rem; line-height: 1.25; }

.drawer__empty-message { font-style: italic; }

.dropdown, .dropdown-hover { position: relative; }

.dropdown .dropdown-arrow::after, .dropdown-hover .dropdown-arrow::after, .dropdown body.results2 .select2-container-active .select2-choice::after, body.results2 .select2-container-active .dropdown .select2-choice::after, .dropdown-hover body.results2 .select2-container-active .select2-choice::after, body.results2 .select2-container-active .dropdown-hover .select2-choice::after { content: '\25be'; padding-left: 2px; }

.dropdown.shown .dropdown-activator, .shown.dropdown-hover .dropdown-activator { border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; position: relative; background: #FFF; border-color: #aaa; border-bottom: 1px solid #FFF; z-index: 4; }

.dropdown.shown .dropdown-activator:hover, .shown.dropdown-hover .dropdown-activator:hover { box-shadow: none; cursor: default; background: #FFF; border-bottom: 1px solid #FFF; }

.dropdown.shown .dropdown-activator:focus, .shown.dropdown-hover .dropdown-activator:focus { outline: none; }

.dropdown.shown .dropdown-activator[data-toggle-dropdown]:hover, .shown.dropdown-hover .dropdown-activator[data-toggle-dropdown]:hover { cursor: pointer; }

.dropdown.shown .dropdown-body, .shown.dropdown-hover .dropdown-body { display: block; visibility: visible; background: #fff; border: 1px solid #aaa; z-index: 3; top: 100%; left: 0; margin: -1px 0 0 0; }

.dropdown.shown .dropdown-body.dropdown-left, .shown.dropdown-hover .dropdown-body.dropdown-left { right: 0; left: inherit; }

.dropdown .dropdown-body, .dropdown-hover .dropdown-body { box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; display: none; visibility: hidden; position: absolute; min-width: 100%; }

.dropdown .dropdown-body p, .dropdown-hover .dropdown-body p { color: #444; font-size: 13px; }

.dropdown .dropdown-activator:focus, .dropdown-hover .dropdown-activator:focus { outline: none; }

.dropdown-body { padding: 8px 12px; }

/* ========================================================================== Edit Panel ========================================================================== */
.edit-panel { transition: margin-right 0.25s ease-out; background: #fff !important; margin-right: -370px; z-index: 1; }

.edit-panel .readable-label { word-wrap: break-word; }

.edit-panel .width--60 { width: 60px !important; }

.edit-panel .lego-range-input { padding: 0px !important; width: 100%; }

.edit-panel select { width: 100%; }

.edit-panel .lego-range-input.lego-range-input--tiny { width: 85px; }

/* ========================================================================== A list of entities, such as goals or audiences. ========================================================================== */
.entity-list { margin-bottom: 10px; max-height: 400px; overflow-y: auto; }

.entity-list-item { transition: border-color 0.3s ease; background-color: #fafafa; border: 1px solid #eee; margin-bottom: 5px; padding: 10px; position: relative; }

.entity-list-item:not(.entity-list-item-default):hover { border-color: #ddd; }

.entity-list-item:not(.entity-list-item-default):hover .entity-list-actions { visibility: visible; }

.entity-list-item:last-child { margin-bottom: 0; }

.entity-list-actions { position: absolute; right: 10px; top: 10px; visibility: hidden; }

.entity-list-actions .small-button, .entity-list-actions .small-button:hover { background: transparent !important; }

.entity-list-item-title { font-family: Proxima, Helvetica, Verdana, sans-serif; font-size: 1.25em; font-weight: 500; margin: 0 0 5px; overflow: hidden; width: 65%; }

.entity-list-item-description { font-size: 0.75em !important; margin: 0 !important; }

.entity-list-item-platforms { margin-top: 5px; }

.entity-list-item-platforms label, .entity-list-item-platforms label > span { font-weight: 100 !important; margin-bottom: 0 !important; }

/** A default list item style, e.g. used when the list is empty. */
.entity-list-item-default .entity-list-item-title, .entity-list-item-default .entity-list-item-description { color: #6b6b6b !important; }

/* ========================================================================== An input field that filters a list. Structure is like this: .filterbox input .filterbox-search/.filterbox-clear (class switches via JS) ========================================================================== */
.filterbox { position: relative; }

.filterbox input { box-sizing: border-box; border-radius: 2px; border: 1px solid #d5d5d5; color: #242424; padding: 0.5em 0.25em; width: 100%; }

.filterbox input:not([disabled]):focus, .filterbox input:not([disabled]):hover { border-color: #aaa; }

.filterbox-clear, .filterbox-search { width: 14px; height: 14px; display: block; position: absolute; right: 0.75em; top: 30%; z-index: 1; }

.filterbox-clear { transform: rotate(45deg); transition: opacity 0.3 ease; background: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/icons/buttons.png) no-repeat right -80px; cursor: pointer; opacity: 0.7; }

.filterbox-clear:hover { opacity: 1; }

.filterbox-search { background: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/icons/common.png) no-repeat right -640px; cursor: text; }

.help-button { overflow: visible; position: relative; }

.help-button:hover div.help-bubble { display: block; }

.help-button.narrow div.help-bubble { width: 350px; }

.help-button.right-side { clear: none; float: right; }

.help-button.right-side div.help-bubble { left: auto; right: -50px; }

.help-button.right-side div.help-bubble div.arrow { left: auto; right: 52px; }

.help-button.narrow.right-side div.help-bubble { left: auto; right: -25px; width: 350px; }

.help-button.narrow.right-side div.help-bubble div.arrow { left: auto; right: 27px; }

.help-button div.help-bubble { display: none; left: -50px; padding: 9px 1px 1px; position: absolute; top: 17px; width: 400px; z-index: 99999; }

.help-button div.help-bubble.right-side { left: 20px; padding: 1px 1px 1px 6px; position: absolute; top: -20px; }

.help-button div.help-bubble.right-side div.arrow { left: 0; top: 20px; }

.help-button div.help-bubble.right-side div.border { bottom: 0; left: 5px; position: absolute; right: 0; top: 0; }

.help-button div.help-bubble div.arrow { transform: rotate(45deg); background: #fff; border: 1px solid #d5d5d5; height: 12px; left: 52px; position: absolute; top: 3px; width: 12px; z-index: 1; }

.help-button div.help-bubble div.border { box-shadow: 0 1px 5px #d5d5d5; border: 1px solid #d5d5d5; bottom: 0; left: 0; position: absolute; right: 0; top: 8px; }

.help-button div.help-bubble div.content { background: #fff; font-size: 14px; font-weight: normal; margin: 0; padding: 5px 15px !important; position: relative; text-align: left; z-index: 2; }

.help-button div.help-bubble div.content p { margin: 10px 0; }

.help-button div.help-bubble div.content p.heading { font-weight: 500; }

.help-button div.help-bubble div.content span.url { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; font-weight: 500; max-width: 100%; }

/* ========================================================================== Full page interstitial styles. Useful for throwing up a message that covers the entire screen no matter what is happening in the UI, e.g. a dialog is open. Used to prompt users to reload the page when migrations are happening. ========================================================================== */
.interstitial-overlay { background-color: rgba(0, 0, 4, 0.8); display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 4000; }

.interstitial-content { color: white; text-align: center; position: absolute; top: 25%; left: 50%; margin-left: -300px; width: 600px; }

.interstitial-header { color: #eee; margin-bottom: 0.6em; text-shadow: 2px 2px 1px #222; }

.interstitial-body { font-size: 1.3em; margin-bottom: 2em; text-shadow: 1px 1px 0 #222; }

.interstitial-footer { text-align: center; }

.interstitial-footer .button-link { margin-left: 3em; text-decoration: underline; }

.interstitial-footer .button-link:hover { text-decoration: none; }

/** Farbtastic Color Picker 1.2 (c) 2008 Steven Wittens This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA */
.farbtastic { position: relative; }

.farbtastic * { position: absolute; cursor: crosshair; }

.farbtastic, .farbtastic .wheel { width: 195px; height: 195px; }

.farbtastic .color, .farbtastic .overlay { top: 47px; left: 47px; width: 101px; height: 101px; }

.farbtastic .hinter { border: 1px solid #333; width: 16px; height: 16px; top: 6px; left: 6px; }

.farbtastic .wheel { background: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/farbtastic/wheel.png) no-repeat; width: 195px; height: 195px; }

.farbtastic .overlay { background: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/farbtastic/mask.png) no-repeat; }

.farbtastic .marker { width: 17px; height: 17px; margin: -8px 0 0 -8px; overflow: hidden; background: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/farbtastic/marker.png) no-repeat; }

/* jQuery UI CSS Framework Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. To view and modify this theme, visit http://jqueryui.com/themeroller/?tr&ffDefault=Helvetica,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.1&fsDefaultUnit=em&cornerRadius=5&cornerRadiusUnit=px&bgColorHeader=888888&bgTextureHeader=04_highlight_hard.png&bgImgOpacityHeader=15&borderColorHeader=404040&fcHeader=ffffff&iconColorHeader=cccccc&bgColorContent=121212&bgTextureContent=12_gloss_wave.png&bgImgOpacityContent=16&borderColorContent=404040&fcContent=eeeeee&iconColorContent=bbbbbb&bgColorDefault=adadad&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=35&borderColorDefault=cccccc&fcDefault=333333&iconColorDefault=666666&bgColorHover=dddddd&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=60&borderColorHover=dddddd&fcHover=000000&iconColorHover=c98000&bgColorActive=121212&bgTextureActive=05_inset_soft.png&bgImgOpacityActive=15&borderColorActive=000000&fcActive=ffffff&iconColorActive=f29a00&bgColorHighlight=555555&bgTextureHighlight=04_highlight_hard.png&bgImgOpacityHighlight=55&borderColorHighlight=404040&fcHighlight=cccccc&iconColorHighlight=aaaaaa&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a */
/* Component containers
----------------------------------*/
.ui-widget { font-size: 1.1em; }

.ui-widget .ui-widget { font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica, Arial, sans-serif; font-size: 1em; }

.ui-widget-content { border: 1px solid #404040; background: #121212 url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-bg_gloss-wave_16_121212_500x100.png) 50% top repeat-x; color: #eeeeee; }

/*.ui-widget-content a { color: #eeeeee; }*/
.ui-widget-header { border: 1px solid #404040; background: #888888 url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-bg_highlight-hard_15_888888_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }

.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #adadad url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-bg_highlight-soft_35_adadad_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #333333; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333333; text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #dddddd; background: #dddddd url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-bg_highlight-soft_60_dddddd_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #000000; }

.ui-state-hover a, .ui-state-hover a:hover { color: #000000; text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #000000; background: #121212 url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-bg_inset-soft_15_121212_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }

.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight { border: 1px solid #404040; background: #555555 url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-bg_highlight-hard_55_555555_1x100.png) 50% top repeat-x; color: #cccccc; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #cccccc; }

.ui-state-error, .ui-widget-content .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }

.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-icons_bbbbbb_256x240.png); }

.ui-widget-content .ui-icon { background-image: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-icons_bbbbbb_256x240.png); }

.ui-widget-header .ui-icon { background-image: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-icons_cccccc_256x240.png); }

.ui-state-default .ui-icon { background-image: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-icons_666666_256x240.png); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-icons_c98000_256x240.png); }

.ui-state-active .ui-icon { background-image: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-icons_f29a00_256x240.png); }

.ui-state-highlight .ui-icon { background-image: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-icons_aaaaaa_256x240.png); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }

.ui-icon-carat-1-ne { background-position: -16px 0; }

.ui-icon-carat-1-e { background-position: -32px 0; }

.ui-icon-carat-1-se { background-position: -48px 0; }

.ui-icon-carat-1-s { background-position: -64px 0; }

.ui-icon-carat-1-sw { background-position: -80px 0; }

.ui-icon-carat-1-w { background-position: -96px 0; }

.ui-icon-carat-1-nw { background-position: -112px 0; }

.ui-icon-carat-2-n-s { background-position: -128px 0; }

.ui-icon-carat-2-e-w { background-position: -144px 0; }

.ui-icon-triangle-1-n { background-position: 0 -16px; }

.ui-icon-triangle-1-ne { background-position: -16px -16px; }

.ui-icon-triangle-1-e { background-position: -32px -16px; }

.ui-icon-triangle-1-se { background-position: -48px -16px; }

.ui-icon-triangle-1-s { background-position: -64px -16px; }

.ui-icon-triangle-1-sw { background-position: -80px -16px; }

.ui-icon-triangle-1-w { background-position: -96px -16px; }

.ui-icon-triangle-1-nw { background-position: -112px -16px; }

.ui-icon-triangle-2-n-s { background-position: -128px -16px; }

.ui-icon-triangle-2-e-w { background-position: -144px -16px; }

.ui-icon-arrow-1-n { background-position: 0 -32px; }

.ui-icon-arrow-1-ne { background-position: -16px -32px; }

.ui-icon-arrow-1-e { background-position: -32px -32px; }

.ui-icon-arrow-1-se { background-position: -48px -32px; }

.ui-icon-arrow-1-s { background-position: -64px -32px; }

.ui-icon-arrow-1-sw { background-position: -80px -32px; }

.ui-icon-arrow-1-w { background-position: -96px -32px; }

.ui-icon-arrow-1-nw { background-position: -112px -32px; }

.ui-icon-arrow-2-n-s { background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }

.ui-icon-arrow-2-e-w { background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }

.ui-icon-arrowstop-1-n { background-position: -192px -32px; }

.ui-icon-arrowstop-1-e { background-position: -208px -32px; }

.ui-icon-arrowstop-1-s { background-position: -224px -32px; }

.ui-icon-arrowstop-1-w { background-position: -240px -32px; }

.ui-icon-arrowthick-1-n { background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }

.ui-icon-arrowthick-1-e { background-position: -32px -48px; }

.ui-icon-arrowthick-1-se { background-position: -48px -48px; }

.ui-icon-arrowthick-1-s { background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }

.ui-icon-arrowthick-1-w { background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }

.ui-icon-arrow-4 { background-position: 0 -80px; }

.ui-icon-arrow-4-diag { background-position: -16px -80px; }

.ui-icon-extlink { background-position: -32px -80px; }

.ui-icon-newwin { background-position: -48px -80px; }

.ui-icon-refresh { background-position: -64px -80px; }

.ui-icon-shuffle { background-position: -80px -80px; }

.ui-icon-transfer-e-w { background-position: -96px -80px; }

.ui-icon-transferthick-e-w { background-position: -112px -80px; }

.ui-icon-folder-collapsed { background-position: 0 -96px; }

.ui-icon-folder-open { background-position: -16px -96px; }

.ui-icon-document { background-position: -32px -96px; }

.ui-icon-document-b { background-position: -48px -96px; }

.ui-icon-note { background-position: -64px -96px; }

.ui-icon-mail-closed { background-position: -80px -96px; }

.ui-icon-mail-open { background-position: -96px -96px; }

.ui-icon-suitcase { background-position: -112px -96px; }

.ui-icon-comment { background-position: -128px -96px; }

.ui-icon-person { background-position: -144px -96px; }

.ui-icon-print { background-position: -160px -96px; }

.ui-icon-trash { background-position: -176px -96px; }

.ui-icon-locked { background-position: -192px -96px; }

.ui-icon-unlocked { background-position: -208px -96px; }

.ui-icon-bookmark { background-position: -224px -96px; }

.ui-icon-tag { background-position: -240px -96px; }

.ui-icon-home { background-position: 0 -112px; }

.ui-icon-flag { background-position: -16px -112px; }

.ui-icon-calendar { background-position: -32px -112px; }

.ui-icon-cart { background-position: -48px -112px; }

.ui-icon-pencil { background-position: -64px -112px; }

.ui-icon-clock { background-position: -80px -112px; }

.ui-icon-disk { background-position: -96px -112px; }

.ui-icon-calculator { background-position: -112px -112px; }

.ui-icon-zoomin { background-position: -128px -112px; }

.ui-icon-zoomout { background-position: -144px -112px; }

.ui-icon-search { background-position: -160px -112px; }

.ui-icon-wrench { background-position: -176px -112px; }

.ui-icon-gear { background-position: -192px -112px; }

.ui-icon-heart { background-position: -208px -112px; }

.ui-icon-star { background-position: -224px -112px; }

.ui-icon-link { background-position: -240px -112px; }

.ui-icon-cancel { background-position: 0 -128px; }

.ui-icon-plus { background-position: -16px -128px; }

.ui-icon-plusthick { background-position: -32px -128px; }

.ui-icon-minus { background-position: -48px -128px; }

.ui-icon-minusthick { background-position: -64px -128px; }

.ui-icon-close { background-position: -80px -128px; }

.ui-icon-closethick { background-position: -96px -128px; }

.ui-icon-key { background-position: -112px -128px; }

.ui-icon-lightbulb { background-position: -128px -128px; }

.ui-icon-scissors { background-position: -144px -128px; }

.ui-icon-clipboard { background-position: -160px -128px; }

.ui-icon-copy { background-position: -176px -128px; }

.ui-icon-contact { background-position: -192px -128px; }

.ui-icon-image { background-position: -208px -128px; }

.ui-icon-video { background-position: -224px -128px; }

.ui-icon-script { background-position: -240px -128px; }

.ui-icon-alert { background-position: 0 -144px; }

.ui-icon-info { background-position: -16px -144px; }

.ui-icon-notice { background-position: -32px -144px; }

.ui-icon-help { background-position: -48px -144px; }

.ui-icon-check { background-position: -64px -144px; }

.ui-icon-bullet { background-position: -80px -144px; }

.ui-icon-radio-off { background-position: -96px -144px; }

.ui-icon-radio-on { background-position: -112px -144px; }

.ui-icon-pin-w { background-position: -128px -144px; }

.ui-icon-pin-s { background-position: -144px -144px; }

.ui-icon-play { background-position: 0 -160px; }

.ui-icon-pause { background-position: -16px -160px; }

.ui-icon-seek-next { background-position: -32px -160px; }

.ui-icon-seek-prev { background-position: -48px -160px; }

.ui-icon-seek-end { background-position: -64px -160px; }

.ui-icon-seek-start { background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }

.ui-icon-stop { background-position: -96px -160px; }

.ui-icon-eject { background-position: -112px -160px; }

.ui-icon-volume-off { background-position: -128px -160px; }

.ui-icon-volume-on { background-position: -144px -160px; }

.ui-icon-power { background-position: 0 -176px; }

.ui-icon-signal-diag { background-position: -16px -176px; }

.ui-icon-signal { background-position: -32px -176px; }

.ui-icon-battery-0 { background-position: -48px -176px; }

.ui-icon-battery-1 { background-position: -64px -176px; }

.ui-icon-battery-2 { background-position: -80px -176px; }

.ui-icon-battery-3 { background-position: -96px -176px; }

.ui-icon-circle-plus { background-position: 0 -192px; }

.ui-icon-circle-minus { background-position: -16px -192px; }

.ui-icon-circle-close { background-position: -32px -192px; }

.ui-icon-circle-triangle-e { background-position: -48px -192px; }

.ui-icon-circle-triangle-s { background-position: -64px -192px; }

.ui-icon-circle-triangle-w { background-position: -80px -192px; }

.ui-icon-circle-triangle-n { background-position: -96px -192px; }

.ui-icon-circle-arrow-e { background-position: -112px -192px; }

.ui-icon-circle-arrow-s { background-position: -128px -192px; }

.ui-icon-circle-arrow-w { background-position: -144px -192px; }

.ui-icon-circle-arrow-n { background-position: -160px -192px; }

.ui-icon-circle-zoomin { background-position: -176px -192px; }

.ui-icon-circle-zoomout { background-position: -192px -192px; }

.ui-icon-circle-check { background-position: -208px -192px; }

.ui-icon-circlesmall-plus { background-position: 0 -208px; }

.ui-icon-circlesmall-minus { background-position: -16px -208px; }

.ui-icon-circlesmall-close { background-position: -32px -208px; }

.ui-icon-squaresmall-plus { background-position: -48px -208px; }

.ui-icon-squaresmall-minus { background-position: -64px -208px; }

.ui-icon-squaresmall-close { background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }

.ui-icon-grip-solid-vertical { background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }

.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-tl { border-top-left-radius: 5px; }

.ui-corner-tr { border-top-right-radius: 5px; }

.ui-corner-bl { border-bottom-left-radius: 5px; }

.ui-corner-br { border-bottom-right-radius: 5px; }

.ui-corner-top { border-top-left-radius: 5px; border-top-right-radius: 5px; }

.ui-corner-bottom { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.ui-corner-right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

.ui-corner-left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

.ui-corner-all { border-radius: 5px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; filter: Alpha(Opacity=30); }

.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; filter: Alpha(Opacity=30); border-radius: 8px; }

/* Resizable
----------------------------------*/
.ui-resizable { position: relative; }

.ui-resizable-handle { position: absolute; font-size: 0.1px; z-index: 99999; display: block; }

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }

.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }

.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }

.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }

.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }

.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }

.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }

.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }

.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; }

/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }

.ui-accordion .ui-accordion-li-fix { display: inline; }

.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }

.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }

.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }

.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }

.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }

.ui-accordion .ui-accordion-content-active { display: block; }

/* Autocomplete
----------------------------------*/
.ui-autocomplete { position: absolute; cursor: default; }

.ui-autocomplete-loading { background: white url("/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-anim_basic_16x16.gif") right center no-repeat; }

/* workarounds */
* html .ui-autocomplete { width: 1px; }

/* without this, the menu expands to 100% in IE6 */
/* Menu
----------------------------------*/
.ui-menu { list-style: none; padding: 2px; margin: 0; display: block; }

.ui-menu .ui-menu { margin-top: -3px; }

.ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; }

.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: .2em .4em; line-height: 1.5; zoom: 1; }

.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { margin: -1px; }

/* Button
----------------------------------*/
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; }

/* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; }

/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; }

/* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }

button.ui-button-icons-only { width: 3.7em; }

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4; }

.ui-button-text-only .ui-button-text { padding: .4em 1em; }

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }

.ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }

.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }

/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }

.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }

.ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }

.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; }

/* reset extra padding in Firefox */
/* Dialog
----------------------------------*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }

.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; }

.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; }

.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }

.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }

.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }

.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }

.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width: auto; overflow: visible; }

.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }

.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }

.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }

.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }

.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }

.ui-slider-horizontal .ui-slider-range-min { left: 0; }

.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }

.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }

.ui-slider-vertical .ui-slider-range-min { bottom: 0; }

.ui-slider-vertical .ui-slider-range-max { top: 0; }

/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; }

/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }

.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 1em 1.4em; background: none; }

.ui-tabs .ui-tabs-hide { display: none !important; }

/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }

.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }

.ui-datepicker .ui-datepicker-prev { left: 2px; }

.ui-datepicker .ui-datepicker-next { right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover { left: 1px; }

.ui-datepicker .ui-datepicker-next-hover { right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }

.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }

.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month-year { width: 100%; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; }

.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; }

.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }

.ui-datepicker td { border: 0; padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width: auto; }

.ui-datepicker-multi .ui-datepicker-group { float: left; }

.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }

.ui-datepicker-row-break { clear: both; width: 100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }

.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; }

.ui-datepicker-rtl .ui-datepicker-group { float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ -webkit-filter: mask(); filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }

/* Progressbar
----------------------------------*/
.ui-progressbar { height: 2em; text-align: left; }

.ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; }

/* jQuery UI CSS Framework 1.8.9 Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) Dual licensed under the MIT or GPL Version 2 licenses. http://jquery.org/license http://docs.jquery.com/UI/Theming/API */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }

.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }

.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }

.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.ui-helper-clearfix { display: inline-block; }

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height: 1%; }

.ui-helper-clearfix { display: block; }

/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* jQuery UI CSS Framework 1.8.9 Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) Dual licensed under the MIT or GPL Version 2 licenses. http://jquery.org/license http://docs.jquery.com/UI/Theming/API To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=8px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */
/* Component containers
----------------------------------*/
.ui-widget { font-size: 14px; }

.ui-widget .ui-widget { font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }

.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }

/*.ui-widget-content a { color: #222222; }*/
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }

.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #999; background: #e6e6e6 url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999; background: #dadada; font-weight: normal; color: #212121; }

.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #999; background: #ffffff url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }

.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-icons_222222_256x240.png); }

.ui-widget-content .ui-icon { background-image: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-icons_222222_256x240.png); }

.ui-widget-header .ui-icon { background-image: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-icons_222222_256x240.png); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }

.ui-icon-carat-1-ne { background-position: -16px 0; }

.ui-icon-carat-1-e { background-position: -32px 0; }

.ui-icon-carat-1-se { background-position: -48px 0; }

.ui-icon-carat-1-s { background-position: -64px 0; }

.ui-icon-carat-1-sw { background-position: -80px 0; }

.ui-icon-carat-1-w { background-position: -96px 0; }

.ui-icon-carat-1-nw { background-position: -112px 0; }

.ui-icon-carat-2-n-s { background-position: -128px 0; }

.ui-icon-carat-2-e-w { background-position: -144px 0; }

.ui-icon-triangle-1-n { background-position: 0 -16px; }

.ui-icon-triangle-1-ne { background-position: -16px -16px; }

.ui-icon-triangle-1-e { background-position: -32px -16px; }

.ui-icon-triangle-1-se { background-position: -48px -16px; }

.ui-icon-triangle-1-s { background-position: -64px -16px; }

.ui-icon-triangle-1-sw { background-position: -80px -16px; }

.ui-icon-triangle-1-w { background-position: -96px -16px; }

.ui-icon-triangle-1-nw { background-position: -112px -16px; }

.ui-icon-triangle-2-n-s { background-position: -128px -16px; }

.ui-icon-triangle-2-e-w { background-position: -144px -16px; }

.ui-icon-arrow-1-n { background-position: 0 -32px; }

.ui-icon-arrow-1-ne { background-position: -16px -32px; }

.ui-icon-arrow-1-e { background-position: -32px -32px; }

.ui-icon-arrow-1-se { background-position: -48px -32px; }

.ui-icon-arrow-1-s { background-position: -64px -32px; }

.ui-icon-arrow-1-sw { background-position: -80px -32px; }

.ui-icon-arrow-1-w { background-position: -96px -32px; }

.ui-icon-arrow-1-nw { background-position: -112px -32px; }

.ui-icon-arrow-2-n-s { background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }

.ui-icon-arrow-2-e-w { background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }

.ui-icon-arrowstop-1-n { background-position: -192px -32px; }

.ui-icon-arrowstop-1-e { background-position: -208px -32px; }

.ui-icon-arrowstop-1-s { background-position: -224px -32px; }

.ui-icon-arrowstop-1-w { background-position: -240px -32px; }

.ui-icon-arrowthick-1-n { background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }

.ui-icon-arrowthick-1-e { background-position: -32px -48px; }

.ui-icon-arrowthick-1-se { background-position: -48px -48px; }

.ui-icon-arrowthick-1-s { background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }

.ui-icon-arrowthick-1-w { background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }

.ui-icon-arrow-4 { background-position: 0 -80px; }

.ui-icon-arrow-4-diag { background-position: -16px -80px; }

.ui-icon-extlink { background-position: -32px -80px; }

.ui-icon-newwin { background-position: -48px -80px; }

.ui-icon-refresh { background-position: -64px -80px; }

.ui-icon-shuffle { background-position: -80px -80px; }

.ui-icon-transfer-e-w { background-position: -96px -80px; }

.ui-icon-transferthick-e-w { background-position: -112px -80px; }

.ui-icon-folder-collapsed { background-position: 0 -96px; }

.ui-icon-folder-open { background-position: -16px -96px; }

.ui-icon-document { background-position: -32px -96px; }

.ui-icon-document-b { background-position: -48px -96px; }

.ui-icon-note { background-position: -64px -96px; }

.ui-icon-mail-closed { background-position: -80px -96px; }

.ui-icon-mail-open { background-position: -96px -96px; }

.ui-icon-suitcase { background-position: -112px -96px; }

.ui-icon-comment { background-position: -128px -96px; }

.ui-icon-person { background-position: -144px -96px; }

.ui-icon-print { background-position: -160px -96px; }

.ui-icon-trash { background-position: -176px -96px; }

.ui-icon-locked { background-position: -192px -96px; }

.ui-icon-unlocked { background-position: -208px -96px; }

.ui-icon-bookmark { background-position: -224px -96px; }

.ui-icon-tag { background-position: -240px -96px; }

.ui-icon-home { background-position: 0 -112px; }

.ui-icon-flag { background-position: -16px -112px; }

.ui-icon-calendar { background-position: -32px -112px; }

.ui-icon-cart { background-position: -48px -112px; }

.ui-icon-pencil { background-position: -64px -112px; }

.ui-icon-clock { background-position: -80px -112px; }

.ui-icon-disk { background-position: -96px -112px; }

.ui-icon-calculator { background-position: -112px -112px; }

.ui-icon-zoomin { background-position: -128px -112px; }

.ui-icon-zoomout { background-position: -144px -112px; }

.ui-icon-search { background-position: -160px -112px; }

.ui-icon-wrench { background-position: -176px -112px; }

.ui-icon-gear { background-position: -192px -112px; }

.ui-icon-heart { background-position: -208px -112px; }

.ui-icon-star { background-position: -224px -112px; }

.ui-icon-link { background-position: -240px -112px; }

.ui-icon-cancel { background-position: 0 -128px; }

.ui-icon-plus { background-position: -16px -128px; }

.ui-icon-plusthick { background-position: -32px -128px; }

.ui-icon-minus { background-position: -48px -128px; }

.ui-icon-minusthick { background-position: -64px -128px; }

.ui-icon-close { background-position: -80px -128px; }

.ui-icon-closethick { background-position: -96px -128px; }

.ui-icon-key { background-position: -112px -128px; }

.ui-icon-lightbulb { background-position: -128px -128px; }

.ui-icon-scissors { background-position: -144px -128px; }

.ui-icon-clipboard { background-position: -160px -128px; }

.ui-icon-copy { background-position: -176px -128px; }

.ui-icon-contact { background-position: -192px -128px; }

.ui-icon-image { background-position: -208px -128px; }

.ui-icon-video { background-position: -224px -128px; }

.ui-icon-script { background-position: -240px -128px; }

.ui-icon-alert { background-position: 0 -144px; }

.ui-icon-info { background-position: -16px -144px; }

.ui-icon-notice { background-position: -32px -144px; }

.ui-icon-help { background-position: -48px -144px; }

.ui-icon-check { background-position: -64px -144px; }

.ui-icon-bullet { background-position: -80px -144px; }

.ui-icon-radio-off { background-position: -96px -144px; }

.ui-icon-radio-on { background-position: -112px -144px; }

.ui-icon-pin-w { background-position: -128px -144px; }

.ui-icon-pin-s { background-position: -144px -144px; }

.ui-icon-play { background-position: 0 -160px; }

.ui-icon-pause { background-position: -16px -160px; }

.ui-icon-seek-next { background-position: -32px -160px; }

.ui-icon-seek-prev { background-position: -48px -160px; }

.ui-icon-seek-end { background-position: -64px -160px; }

.ui-icon-seek-start { background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }

.ui-icon-stop { background-position: -96px -160px; }

.ui-icon-eject { background-position: -112px -160px; }

.ui-icon-volume-off { background-position: -128px -160px; }

.ui-icon-volume-on { background-position: -144px -160px; }

.ui-icon-power { background-position: 0 -176px; }

.ui-icon-signal-diag { background-position: -16px -176px; }

.ui-icon-signal { background-position: -32px -176px; }

.ui-icon-battery-0 { background-position: -48px -176px; }

.ui-icon-battery-1 { background-position: -64px -176px; }

.ui-icon-battery-2 { background-position: -80px -176px; }

.ui-icon-battery-3 { background-position: -96px -176px; }

.ui-icon-circle-plus { background-position: 0 -192px; }

.ui-icon-circle-minus { background-position: -16px -192px; }

.ui-icon-circle-close { background-position: -32px -192px; }

.ui-icon-circle-triangle-e { background-position: -48px -192px; }

.ui-icon-circle-triangle-s { background-position: -64px -192px; }

.ui-icon-circle-triangle-w { background-position: -80px -192px; }

.ui-icon-circle-triangle-n { background-position: -96px -192px; }

.ui-icon-circle-arrow-e { background-position: -112px -192px; }

.ui-icon-circle-arrow-s { background-position: -128px -192px; }

.ui-icon-circle-arrow-w { background-position: -144px -192px; }

.ui-icon-circle-arrow-n { background-position: -160px -192px; }

.ui-icon-circle-zoomin { background-position: -176px -192px; }

.ui-icon-circle-zoomout { background-position: -192px -192px; }

.ui-icon-circle-check { background-position: -208px -192px; }

.ui-icon-circlesmall-plus { background-position: 0 -208px; }

.ui-icon-circlesmall-minus { background-position: -16px -208px; }

.ui-icon-circlesmall-close { background-position: -32px -208px; }

.ui-icon-squaresmall-plus { background-position: -48px -208px; }

.ui-icon-squaresmall-minus { background-position: -64px -208px; }

.ui-icon-squaresmall-close { background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }

.ui-icon-grip-solid-vertical { background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }

.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-tl { border-top-left-radius: 8px; }

.ui-corner-tr { border-top-right-radius: 8px; }

.ui-corner-bl { border-bottom-left-radius: 8px; }

.ui-corner-br { border-bottom-right-radius: 8px; }

.ui-corner-top { border-top-left-radius: 8px; border-top-right-radius: 8px; }

.ui-corner-bottom { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }

.ui-corner-right { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }

.ui-corner-left { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }

.ui-corner-all { border-radius: 8px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; filter: Alpha(Opacity=30); }

.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; filter: Alpha(Opacity=30); border-radius: 8px; }

/* jQuery UI Button 1.8.9 Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) Dual licensed under the MIT or GPL Version 2 licenses. http://jquery.org/license http://docs.jquery.com/UI/Button#theming */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; }

/* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; }

/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; }

/* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }

button.ui-button-icons-only { width: 3.7em; }

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4; }

.ui-button-text-only .ui-button-text { padding: .4em 1em; }

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }

.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }

/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }

.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; margin-bottom: 5px; margin-top: 5px; }

.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; }

/* reset extra padding in Firefox */
/* jQuery UI Datepicker 1.8.9 Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) Dual licensed under the MIT or GPL Version 2 licenses. http://jquery.org/license http://docs.jquery.com/UI/Datepicker#theming */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }

.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }

.ui-datepicker .ui-datepicker-prev { left: 2px; }

.ui-datepicker .ui-datepicker-next { right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover { left: 1px; }

.ui-datepicker .ui-datepicker-next-hover { right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }

.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }

.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month-year { width: 100%; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; }

.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; }

.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }

.ui-datepicker td { border: 0; padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width: auto; }

.ui-datepicker-multi .ui-datepicker-group { float: left; }

.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }

.ui-datepicker-row-break { clear: both; width: 100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }

.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; }

.ui-datepicker-rtl .ui-datepicker-group { float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ -webkit-filter: mask(); filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }

/* ========================================================================== Left Bar - a toolbar that lives on the left side of the editor that contains all variation level settings and controls. ========================================================================== */
.left-bar { background-color: #242424; z-index: 3; }

.left-bar__nav-items { padding: 0px; margin: 0px; position: relative; }

.left-bar__nav-item { border-bottom-left-radius: 1px; border-top-left-radius: 1px; transition: color 0.2s ease, background 0.2s ease; width: 100%; height: 50px; color: #aaa !important; text-align: center; cursor: pointer; border-bottom: 1px solid transparent; border-top: 1px solid transparent; }

.left-bar__nav-item:not(.left-bar__nav-item--active):hover { background: #4a4a4a; color: #eee !important; }

.left-bar__nav-item--active { background-color: #fff; color: #006eb6 !important; }

.loading-message-container { background: none; color: #000000; display: none; font-size: 13px; padding-top: 80px; position: relative; width: 100%; z-index: 2; }

.loading-message-container .cancel-button { display: none; margin-bottom: 2em; }

.loading-message-container .loading-message { margin: 1em auto; max-width: 70%; }

.loading-message-container .loading-animation { background: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/loading-bar.gif) no-repeat; width: 208px; height: 13px; margin: 10px auto; }

.loading-message-container .loading-progress { border-radius: 2px; height: 11px; margin: 1em auto; margin-bottom: 2em; width: 200px; }

.loading-message-container .loading-progress .ui-progressbar-value { border-radius: 2px; background: #ccc url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/loading-bar.gif) no-repeat -5px 0; }

.loading-message-container .loading-debug { display: none; width: 600px; margin: auto; }

.loading-message-container .loading-debug h1 { font-size: 24px; }

.loading-message-container .loading-debug .frame-detail { text-align: left; }

.loading-message-container .loading-debug .frame-detail .container { display: inline-block; min-width: 200px; }

.loading-message-container .loading-debug .frame-detail.pending { color: orange; }

.loading-message-container .loading-debug .frame-detail.fail { color: red; }

.loading-message-container .loading-debug .frame-detail.loaded { color: green; }

.loading-message-container a.reload-button { margin-right: 1em; }

body > .loading-message-container { background: #FFFFFF; height: 100%; left: 0; padding-top: 20%; position: absolute; top: 0; }

/** A full page loading message. Used on /waiting-for-update */
.loading-fullpage { background-color: #fff; opacity: 0.9; padding-top: 20%; text-align: center; z-index: 9000; position: absolute; top: 0; right: 0; left: 0; bottom: 0; }

.loading-fullpage .loading-fullpage-headline { color: #888; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 2.25em; margin-bottom: 1em; }

.loading-fullpage img { margin: 0 auto; }

.menu, #changer-container div.change-menu { box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; background: #FFF; border: solid 1px #C5CEE4; padding: 8px 0; z-index: 9; }

.menu div.header, #changer-container div.change-menu div.header { background: #f0f1F8; color: #003366; font-size: 14px; font-weight: 500; line-height: 1; margin-bottom: 6px; padding: 12px; }

.menu div.submenu, #changer-container div.change-menu div.submenu { overflow: visible; position: relative; }

.menu div.submenu:hover > span, #changer-container div.change-menu div.submenu:hover > span, .menu div.submenu.expanded > span, #changer-container div.change-menu div.submenu.expanded > span { color: #006eb6; }

.menu div.submenu:hover div.arrow div, #changer-container div.change-menu div.submenu:hover div.arrow div, .menu div.submenu.expanded div.arrow div, #changer-container div.change-menu div.submenu.expanded div.arrow div { background-color: #006eb6; }

.menu div.submenu div.arrow, #changer-container div.change-menu div.submenu div.arrow { height: 9px; overflow: hidden; position: absolute; right: 10px; top: 7px; width: 5px; }

.menu div.submenu div.arrow div, #changer-container div.change-menu div.submenu div.arrow div { transform: rotate(45deg); background-color: #003366; height: 7px; left: -4px; position: relative; top: 1px; width: 7px; }

.menu div.submenu div.content, #changer-container div.change-menu div.submenu div.content { box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); background: #FFF; border: solid 1px #C5CEE4; padding: 8px 0; position: absolute; visibility: hidden; z-index: 9; }

.menu span, #changer-container div.change-menu span { clear: both; color: #003366; display: block; font-size: 13px; line-height: 1; padding: 6px 12px; }

.menu span:not(.disabled):not(.text), #changer-container div.change-menu span:not(.disabled):not(.text) { cursor: pointer; }

.menu span:not(.disabled):not(.text):hover, #changer-container div.change-menu span:not(.disabled):not(.text):hover { color: #006eb6; }

.menu span.disabled, #changer-container div.change-menu span.disabled { color: #aaa; }

.menu span.indent, #changer-container div.change-menu span.indent { margin-left: 10px; }

.menu span.text, #changer-container div.change-menu span.text { color: #003366; font-weight: 500; }

.menu hr, #changer-container div.change-menu hr { border-color: #c5cee4; border-style: solid; border-width: 1px 0 0; margin: 8px 0; outline: none; width: 100%; }

.menu.checkable span, #changer-container div.checkable.change-menu span { padding-left: 24px; }

.menu.checkable span.checked, #changer-container div.checkable.change-menu span.checked { background: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/icons/common.png) no-repeat -20px -595px; }

#myExperimentsMenu { display: none; left: 5px; padding: 6px 1px 1px; position: absolute; top: 25px; width: 320px; }

#myExperimentsMenu div.arrow { transform: rotate(45deg); background: #fff; border: solid 1px #a2b1d4; height: 12px; left: 18px; position: absolute; top: 0; width: 12px; z-index: 9; }

#myExperimentsMenu div.border { box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); border: solid 1px #a2b1d4; bottom: 0; left: 0; position: absolute; right: 0; top: 5px; }

#myExperimentsMenu div.content { background: #fff; position: relative; z-index: 10; }

#myExperimentsMenu div.content a.show-create-experiment, #myExperimentsMenu div.content div.experiment, #myExperimentsMenu div.content div.message { border-bottom: dotted 1px #a2b1d4; }

#myExperimentsMenu div.content a { color: #003366; display: block; font-size: 13px; line-height: 15px; padding: 15px; }

#myExperimentsMenu div.content a:hover { color: #006eb6; text-decoration: none; }

#myExperimentsMenu div.content a.show-create-experiment { background: #eff1f7; border: none; text-align: center; }

#myExperimentsMenu div.content a.show-create-experiment:hover { background: #ebeef6; }

#myExperimentsMenu div.content a.show-create-experiment span { background: url("/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/icons/common.png") no-repeat -27px -159px; display: inline-block; padding-left: 18px; }

#myExperimentsMenu div.content a.show-create-experiment:hover span { background-position: -27px -199px; }

#myExperimentsMenu div.content a.view-all { border-bottom: solid 1px #a2b1d4; text-align: center; }

#myExperimentsMenu div.content a.view-all span { background: url("/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/icons/common.png") no-repeat -24px -80px; display: inline-block; padding-left: 23px; }

#myExperimentsMenu div.content a.view-all:hover span { background-position: -24px -120px; }

#myExperimentsMenu div.content a.show-create-experiment, #myExperimentsMenu div.content a.view-all { color: #777; font-weight: 500; line-height: 16px; padding: 10px 15px; }

#myExperimentsMenu div.content a.show-create-experiment:hover, #myExperimentsMenu div.content a.view-all:hover { color: #555; }

#myExperimentsMenu div.content div.experiments div.experiment { position: relative; }

#myExperimentsMenu div.content div.experiments div.experiment a.edit { position: relative; }

#myExperimentsMenu div.content div.experiments div.experiment a.edit div { /*background: url('/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/icons/common.png') no-repeat -30px -320px;*/ height: 14px; position: absolute; right: 65px; top: 14px; width: 10px; z-index: 9; }

#myExperimentsMenu div.content div.experiments div.experiment a.edit:hover div { background-position: -30px -360px; }

#myExperimentsMenu div.content div.experiments div.experiment a.edit span { display: inline-block; overflow: hidden; width: 225px; }

#myExperimentsMenu div.content div.experiments div.experiment a.results { background: #fff; bottom: 0; color: #ccc; font-size: 13px; font-weight: normal; padding-top: 16px; position: absolute; right: 0; top: 0; }

#myExperimentsMenu div.content div.experiments div.experiment a.results:hover { color: #555; }

#myExperimentsMenu div.content div.experiments div.template { display: none; }

#myExperimentsMenu div.content div.message { color: #242424; font-size: 13px; font-weight: 500; line-height: 15px; padding: 15px; }

div.menu-overlay { opacity: 0; background: none; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 2999; }

.popup { z-index: 9; }

/* ========================================================================== The mixed content blocked message warns users that their website may not be loading because their browser is blocking mixed content from loading. ========================================================================== */
.mixed-content-screenshot { float: left; margin-right: 1.5em; }

/* ========================================================================== The nav module contains common navigation styles, such as horizontal lists ========================================================================== */
/** A top nav that's stuck to the top. Typically applied to a nav element that contains a list of links. */
.nav-top-sticky-container { position: fixed; top: 0; width: 100%; }

/** Dropdown menu styles, e.g. Experiments */
.dropdown, .dropdown-hover { position: relative; }

.dropdown.is-active .dropdown-menu, .is-active.dropdown-hover .dropdown-menu, .dropdown.is-active .dropdown-menu-top, .is-active.dropdown-hover .dropdown-menu-top, .dropdown.is-active .dropdown-menu-nav-main, .is-active.dropdown-hover .dropdown-menu-nav-main { visibility: visible; }

.dropdown-arrow::after, body.results2 .select2-container-active .select2-choice::after { content: '\25be'; padding-left: 2px; }

.dropdown-menu, .dropdown-menu-top, .dropdown-menu-nav-main { box-sizing: border-box; background: #fff; border: 1px solid #d5d5d5; min-width: 100%; position: absolute; visibility: hidden; z-index: 10; }

.dropdown-menu li, .dropdown-menu-top li, .dropdown-menu-nav-main li { position: relative; }

.dropdown-menu a, .dropdown-menu-top a, .dropdown-menu-nav-main a { box-sizing: border-box; }

/** A dropdown activated on hover */
.dropdown-hover .dropdown-menu, .dropdown-hover .dropdown-menu-top, .dropdown-hover .dropdown-menu-nav-main { visibility: hidden; }

.dropdown-hover:hover .dropdown-menu, .dropdown-hover:hover .dropdown-menu-top, .dropdown-hover:hover .dropdown-menu-nav-main { visibility: visible; z-index: 20; }

.free-trial div { display: inline-block; color: #9FC6E7; font-weight: 200; font-size: 0.9em; }

.free-trial div span { color: white; font-weight: 400; }

.free-trial.pop-up { white-space: nowrap; font-size: 16px; font-weight: 200; padding: 10px 30px; color: #6b6b6b; }

.free-trial.pop-up span { font-weight: 600; }

.free-trial.pop-up a { padding-left: 5px; font-weight: 600; }

.free-trial.lego-button--outline:visited, .free-trial :active { border-color: white; color: white; font-weight: 400; }

.free-trial.lego-button--small { font-size: 12px; border-color: white; color: white; }

.popover { border-radius: 2px; box-sizing: border-box; box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.15); transform: translate3d(0, 0, 0); background-color: #fff; border: 1px solid #d5d5d5; font-size: 13px; position: absolute; text-align: left; white-space: normal; width: 20em; z-index: 3100; }

.popover.bottom { margin-top: 8px; }

.popover.bottom .popover-arrow { /** Actual CSS styles */ top: -9px; left: 50%; margin-left: -9px; border-bottom-color: #d5d5d5; border-width: 9px; border-top-width: 0; }

.popover.bottom .popover-arrow::after { top: 1px; margin-left: -8px; border-bottom-color: #fff; border-width: 8px; border-top-width: 0; content: ""; }

.popover.top { margin-top: -8px; }

.popover.top .popover-arrow { /** Actual CSS styles */ bottom: -9px; left: 50%; margin-left: -9px; border-top-color: #d5d5d5; border-width: 9px; border-bottom-width: 0; }

.popover.top .popover-arrow::after { bottom: 1px; margin-left: -8px; border-top-color: #fbfbfb; border-width: 8px; border-bottom-width: 0; content: ""; }

.popover.right { margin-left: 8px; }

.popover.right .popover-arrow { /** Actual CSS styles */ left: -9px; top: 50%; margin-top: -9px; border-right-color: #d5d5d5; border-width: 9px; border-left-width: 0; }

.popover.right .popover-arrow::after { left: 1px; margin-top: -8px; border-right-color: #fff; border-width: 8px; border-left-width: 0; content: ""; }

.popover.right.right-bottom { transform: translateY(30%); }

.popover.right.right-bottom .popover-arrow { top: 20%; }

.popover.left { margin-left: -8px; }

.popover.left .popover-arrow { /** Actual CSS styles */ right: -9px; top: 50%; margin-top: -9px; border-left-color: #d5d5d5; border-width: 9px; border-right-width: 0; }

.popover.left .popover-arrow::after { right: 1px; margin-top: -8px; border-left-color: #fff; border-width: 8px; border-right-width: 0; content: ""; }

.popover-title { color: #444; font-family: Proxima, Helvetica, Verdana, sans-serif; font-size: 1.1538461538em; font-weight: 500; margin-bottom: 0.6em; margin-top: 0; }

.popover-title:empty { display: none; }

.popover-body { color: #6b6b6b; margin: 0.9em; margin-bottom: 0.6em; overflow: hidden; }

.popover-body p { font-size: 1em; line-height: 1.5; margin: 0.75em 0; }

.popover-body p:first-child { margin-top: 0; }

.popover-body p:last-child { margin-bottom: 0; }

.popover-footer { background-color: #fbfbfb; border-top: 1px solid #e1e1e1; margin: 0; padding: 0.45em 0.9em; }

.popover-footer a { color: #34a9e2 !important; font-size: 1em; text-decoration: none; }

.popover-footer a:hover { text-decoration: underline; }

.popover-inner { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

ul.suggestion-list { box-sizing: border-box; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1); padding: 2px 0 0; margin: 0; background: white; border: 1px solid #d5d5d5; border-top: none; overflow-y: auto; z-index: 3100; max-height: 200px; min-width: 75px; }

ul.suggestion-list li { list-style-type: none; font-size: .8em; cursor: pointer; padding: 3px 5px; }

ul.suggestion-list li.selected { background: #9FC6E7; }

/*
Version: 4.0.2 Timestamp: Apr 22 2016
*/
.select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; }

.select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.select2-container .select2-selection--single .select2-selection__clear { position: relative; }

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; }

.select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

.select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; }

.select2-container .select2-search--inline { float: left; }

.select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

.select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; }

.select2-results { display: block; }

.select2-results__options { list-style: none; margin: 0; padding: 0; }

.select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

.select2-results__option[aria-selected] { cursor: pointer; }

.select2-container--open .select2-dropdown { left: 0; }

.select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }

.select2-search--dropdown { display: block; padding: 4px; }

.select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide { display: none; }

.select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); }

.select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; }

.select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; }

.select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }

.select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; }

.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; }

.select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; }

.select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; }

.select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] { padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] { color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; }

.select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; }

.select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }

.select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; }

.select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; }

.select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }

.select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; }

.select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; }

.select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above { border-bottom: none; }

.select2-container--classic .select2-dropdown--below { border-top: none; }

.select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] { padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; }

.select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; }

/* ========================================================================== A list of options to select from. Very similar to .selector, but the options are listed vertically. E.g. see device selection in mobile editor. ========================================================================== */
.selector-list li { transition: all 0.3s ease; background-color: #fff; border: 1px solid #eee; box-sizing: border-box; cursor: pointer; padding: 0.75em 1em; }

.selector-list li:not(.selector-item-selected):hover { background-color: #fbfbfb; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.18); border-color: #a8a8a8; }

.selector-list li.selector-item-selected { background: #f2f5f8; border-color: #a8a8a8; }

.selector-list-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Proxima, Helvetica, Verdana, sans-serif; font-size: 1em; font-weight: 500; margin: 0; }

.selector-list-desc { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.8em; margin: 0.75em 0 0 0 !important; }

/* ========================================================================== A stylized toggle switch. Under the hood it's a checkbox. Expected HTML structure: label checkbox .toggle-label .toggle-switch .toggle-switch-off and on ========================================================================== */
.toggle { font-size: 0.9em !important; margin-bottom: 20px !important; }

.toggle input[type="checkbox"] { display: none; }

.toggle-label { display: inline-block; font-size: 12px !important; margin-right: 0.5em; }

.toggle-switch { border-radius: 2px; box-shadow: 0 -2px 10px -3px rgba(0, 0, 0, 0.2) inset; background-color: #efefef; border: 1px solid #d5d5d5; cursor: pointer; display: inline-block; font-size: 1em !important; overflow: hidden; position: relative; }

.toggle-switch::after { background: linear-gradient(top, white 50%, #f8f8f8); border-radius: 2px; box-shadow: 0 0 10px -1px rgba(0, 0, 0, 0.2); transform: translate3d(0, 0, 0); background-color: #f8f8f8; border-left: 1px solid #d5d5d5; border-right: none; content: ''; display: block; position: absolute; left: 50%; top: 0; width: 50%; height: 100%; transition: all 0.2s ease-out; }

input:checked ~ .toggle-switch::after { border-left: none; border-right: 1px solid #d5d5d5; left: 0; }

.toggle-switch:not(.disabled):hover { border-color: #c8c8c8; }

.toggle-switch:not(.disabled):hover::after { background: linear-gradient(top, white 50%, #f0f0f0); }

.toggle-switch.disabled { cursor: default; opacity: 0.4; }

.toggle-switch-on, .toggle-switch-off { box-sizing: border-box; color: #131313; display: inline-block; font-size: 0.7em !important; font-weight: 500; line-height: 1; margin: 0 !important; padding: 0.2em 0.5em 0.2em; text-align: center; text-transform: uppercase; vertical-align: middle; width: 46%; }

.toggle-switch-on { color: #006eb6 !important; }

.toggle-switch-off { color: #6b6b6b; }

/* ========================================================================== Toolbar Pane - Each item in the left bar opens a toolbar pane. Each pane contains specific controls and information related to the left bar item. ========================================================================== */
.toolbar-pane { position: absolute; left: 50px; z-index: 2; background-color: #FFF; width: 350px; top: 0px; bottom: 0px; border-right: 1px solid #eee; overflow-y: auto; }

.toolbar-pane.v-enter { animation: slideRight 0.25s ease-out; }

.toolbar-pane.v-leave { animation: slideRight 0.25s ease-out reverse; }

@keyframes slideRight { 0% { transform: translateX(-100%); }
  100% { transform: translateX(0%); } }

/* Bootstrap v2.1.1 Copyright 2012 Twitter, Inc Licensed under the Apache License v2.0 http://www.apache.org/licenses/LICENSE-2.0 Designed and built with all the love in the world @twitter by @mdo and @fat. */
.hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.input-block-level { display: block; width: 100%; min-height: 30px; box-sizing: border-box; }

.input-block-level { display: block; width: 100%; min-height: 30px; box-sizing: border-box; }

.tooltip { transform: translate3d(0, 0, 0); position: absolute; z-index: 4030; display: block; visibility: visible; padding: 5px; font-size: 13px; opacity: 0; filter: alpha(opacity=0); }

.tooltip.in { opacity: 0.8; filter: alpha(opacity=80); }

.tooltip.top { margin-top: -3px; }

.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000; }

.tooltip.right { margin-left: 3px; }

.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; }

.tooltip.bottom { margin-top: 3px; }

.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; }

.tooltip.left { margin-left: -3px; }

.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; }

.tooltip-inner { max-width: 200px; padding: 0.4em 0.6em; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; border-radius: 4px; }

.tooltip-inner p { font-size: 1em; }

.tooltip-inner .heading { font-size: 1em; font-weight: 500; }

.tooltip-inner .heading + p { font-size: 1em; font-weight: 400; }

.edit .tooltip-inner { max-width: 500px; text-align: left; }

.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }

/** A tooltip to explain icons, such as with buttons that have no text. Used in the editor on goals/audiences buttons. */
.tooltip-icon { font-size: 12px; opacity: 0.9; }

.tooltip-icon .tooltip-inner { background-color: #313135; padding: 0.8em 1.5em; }

.tooltip-icon.top .tooltip-arrow { border-top-color: #313135; }

.tooltip-icon.bottom .tooltip-arrow { border-bottom-color: #313135; }

.tooltip-icon.left .tooltip-arrow { border-left-color: #313135; }

.tooltip-icon.right .tooltip-arrow { border-right-color: #313135; }

/** A trigger that looks like an ellipsis. Expects a &hellip; to be the content. */
.tooltip-trigger-ellipsis { background: #d5d5d5; border-radius: 2px; border: 1px solid transparent; color: #666; font-size: 1rem; line-height: 0; margin-top: 0.2em; padding: 0 0.06em 0.5em 0.06em; }

.tooltip-trigger-ellipsis:hover { border-color: #aaa; }

/* ========================================================================== A collection of transitions that can be added to elements. The .in class must be added via JS to trigger the transition. ========================================================================== */
.fade { transition: opacity 0.15s linear; opacity: 0; }

.fade.in { opacity: 1; }

.collapse { transition: height 0.35s ease; position: relative; height: 0; overflow: hidden; }

.collapse.in { height: auto; }

/** This class expands/shrinks the element to which it's applied. It won't work on elements that are dynamically added/removed via JS. Unlike other transitions, you must start with .hidden applied and remove it to show the element. This is because we need to zero out margin/padding so the element takes up no space when hidden. We can't add .in to show it (the normal paradigm) because we'd have to add the original margin/padding back to the element, which we don't know upfront and is different for every element. */
.scaleup { transition: all 0.3s ease; transform: scale(1); max-height: 250px; opacity: 1; overflow: hidden; }

.scaleup.hidden { transform: scale(0.7); margin: 0; max-height: 0; opacity: 0; padding: 0; }

/** This class uses CSS animations to scaleup the element. It will animate elements that are inserted dynamically, unlike the normal scaleup class, since that uses transitions. */
.scaleup-oninsert { animation: scaleup 0.3s ease forwards; animation-fill-mode: both; }

.scaleup-oninsert.hidden { animation: scaleup 0.3s ease reverse; transform: scale(0.7); margin: 0; max-height: 0; opacity: 0; padding: 0; }

@keyframes scaleup { from { transform: scale(0.7);
    max-height: 0;
    opacity: 0; }
  to { transform: scale(1);
    max-height: 60px;
    opacity: 1; } }

/** Slide transitions the element between no height and full height. Transitions on max-height because height: auto isn't transitionable. As long as the max-height is larger than the element it will work. If it's too much larger the animation isn't smooth; therefore, we may need to add additional max-height sizes. */
.slide { transition: max-height 0.4s ease-out; max-height: 0; overflow: hidden; }

.slide.shown { max-height: 100px; }

/** This transitions the element vertically up and down. To work, it must be on the bottom edge of the parent. */
.translate-to-top { transition: transform 0.4s ease; transform: translateY(100%); }

.translate-to-top.in { transform: translateY(0%); }

/** This transitions the element vertically up and down. To work, it must be on the top edge of the parent. */
.translate-to-bottom { transition: transform 0.4s ease; transform: translateY(-100%); }

.translate-to-bottom.in { transform: translateY(0%); }

/** This transitions the element horizontally from left to right. To work, it must be on the right edge of the parent. */
.translate-to-right { transition: transform 0.4s ease; transform: translateX(100%); }

.translate-to-right.in { transform: translateX(0%); }

/** This transitions the element horizontally from right to left. To work, it must be on the left edge of the parent. */
.translate-to-left { transition: transform 0.4s ease; transform: translateX(-100%); }

.translate-to-left.in { transform: translateX(0%); }

.twitter-typeahead { width: 100%; }

.tt-dropdown-menu { background-color: white; width: 100%; }

.tt-suggestions { border: 1px solid #BFCEDF !important; max-height: 110px; overflow-y: auto !important; }

.tt-is-under-cursor p { background-color: #eee !important; }

.tt-suggestion p { color: #354E8F !important; font-size: 15px !important; margin: 0px !important; padding: 0px 4px !important; }

.tt-hint, .condition-locations .condition-fields input.tt-hint, .condition-exclude-locations .condition-fields input.tt-hint { color: #aaa !important; }

#container.edit .frame-container div.mobile-view, #goals-dialog .frame-container div.mobile-view { font-size: 0; height: 100%; margin-left: auto; margin-right: auto; position: relative; visibility: hidden; width: 100%; /* Default non-mobile view; if a mobile device and orientation are selected these iframe properties will be overwritten by more specific ones below */ }

#container.edit .frame-container div.mobile-view iframe, #goals-dialog .frame-container div.mobile-view iframe { height: 100%; min-width: 1000px; width: 100%; }

#container.edit .frame-container div.mobile-view[data-optimizely-device="androidPhone"], #goals-dialog .frame-container div.mobile-view[data-optimizely-device="androidPhone"] { background: url("/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/mobileview/nexus_s_portrait.png"); height: 792px; width: 400px; }

#container.edit .frame-container div.mobile-view[data-optimizely-device="androidPhone"] iframe, #goals-dialog .frame-container div.mobile-view[data-optimizely-device="androidPhone"] iframe { height: 450px; left: 44px; min-width: 320px; position: absolute; top: 219px; width: 320px; }

#container.edit .frame-container div.mobile-view[data-optimizely-device="ipad"], #goals-dialog .frame-container div.mobile-view[data-optimizely-device="ipad"] { background: url("/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/mobileview/ipad_landscape.png"); height: 997px; width: 1276px; }

#container.edit .frame-container div.mobile-view[data-optimizely-device="ipad"] iframe, #goals-dialog .frame-container div.mobile-view[data-optimizely-device="ipad"] iframe { height: 690px; left: 127px; min-width: 1024px; position: absolute; top: 191px; width: 1024px; }

#container.edit .frame-container div.mobile-view[data-optimizely-device="androidTablet"], #goals-dialog .frame-container div.mobile-view[data-optimizely-device="androidTablet"] { background: url("/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/mobileview/motorola_xoom_landscape.png"); height: 988px; width: 1476px; }

#container.edit .frame-container div.mobile-view[data-optimizely-device="androidTablet"] iframe, #goals-dialog .frame-container div.mobile-view[data-optimizely-device="androidTablet"] iframe { height: 797px; left: 116px; min-width: 1271px; position: absolute; top: 102px; width: 1271px; }

#container.edit .frame-container div.mobile-view[data-optimizely-device="iphone"], #goals-dialog .frame-container div.mobile-view[data-optimizely-device="iphone"] { background: url("/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/mobileview/iphone_6s_portrait.png") no-repeat; height: 880px; width: 432px; background-size: 432px 880px; }

#container.edit .frame-container div.mobile-view[data-optimizely-device="iphone"] iframe, #goals-dialog .frame-container div.mobile-view[data-optimizely-device="iphone"] iframe { height: 558px; left: 27px; min-width: 375px; position: absolute; top: 166px; width: 375px; }

#container.edit .frame-container div.padding.mobile-view-enabled, #goals-dialog .frame-container div.padding.mobile-view-enabled { overflow: auto; }

#navigation-container { background: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/noise.png) repeat; font-size: 12px; padding: 35px 0 100px; position: absolute; top: 0; bottom: 0; width: 240px; /* Fixed top isn't affected by window height. */ /* Floating bottom adjusts with height of projects container. */ }

#navigation-container .header { border-bottom: 1px solid #d5d5d5; box-shadow: 0 1px 0 #FFFFFF; padding: 0 0 1px 25px; }

#navigation-container .header .title { font-size: 11px; font-weight: 500; color: #444; text-transform: uppercase; line-height: 22px; }

#navigation-container .fixed { position: absolute; left: 0; right: 0; }

#navigation-container .fixed.header { top: 10px; }

#navigation-container .fixed.footer { bottom: 0; }

#navigation-container .bottom { padding-top: 18px; text-align: center; }

#navigation-container .bottom .archived-projects { padding: 10px 0; line-height: 14px; }

#navigation-container .bottom .archived-projects span { font-size: 12px; color: #aaa; }

#navigation-container .bottom .archived-projects span:not(.disabled) { color: #888; cursor: pointer; }

#navigation-container .bottom .archived-projects span:not(.disabled):hover { color: #006eb6; text-decoration: underline; }

#navigation-container .list-section { max-height: 100%; font-size: 12px; /* top-level lists only */ }

#navigation-container .list-section > ul { list-style-type: none; }

#navigation-container .list-section > ul li { color: #6b6b6b; margin-bottom: 20px; position: relative; /* descendant lists */ }

#navigation-container .list-section > ul li .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; font-weight: 400; line-height: 16px; }

#navigation-container .list-section > ul li .name:hover { color: #3385d6; }

#navigation-container .list-section > ul li.selected > .name { color: #006eb6; font-weight: 500; }

#navigation-container .list-section > ul li ul { font-size: 12px; font-weight: 400px; list-style-type: none; margin-top: 5px; }

#navigation-container .list-section > ul li ul li { cursor: pointer; margin: 3px 0 0 0; }

#navigation-container .list-section > ul li ul li:hover { color: #4d89e2; }

#navigation-container .list-section > ul li ul li.selected { color: #444; font-weight: 500; }

#navigation-container .list-section > ul li .refreshing-icon { position: absolute; left: -19px; top: 0; }

#navigation-container .list-section .section { margin-bottom: 0; }

#navigation-container .section { margin-bottom: 30px; }

#navigation-container .expandable { list-style-type: none; position: relative; }

#navigation-container .expandable:not(.selected) { cursor: pointer; }

#navigation-container .expandable:before { /* Right-pointing arrow */ color: #aaa; content: "\25B6"; font-size: 8px; position: absolute; width: 10px; vertical-align: middle; }

#navigation-container .expandable.selected:before { /* down-pointing arrow */ content: "\25BC"; font-size: 9px; }

#navigation-container .vertically-limited { position: absolute; bottom: 0; /* Override this with the height of content above */ top: 0; left: 0; right: 0; overflow-y: auto; }

#navigation-container .ui-sortable .selected .name { cursor: move; }

#content { display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; background: none; min-width: 1030px; padding: 0; overflow: hidden; }

#content .content-body { bottom: 0; left: 240px; position: absolute; right: 0; top: 0; border-left: 1px solid #d5d5d5; box-shadow: 0 0 2px 5px rgba(0, 0, 0, 0.033); }

#content .content-body .header { background: #fbfbfb; }

#content .content-scroll { position: absolute; top: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; }

/* ========================================================================== The topmost navigation bar that holds login/signup links, or dashboard, experiments, etc., when logged in. ========================================================================== */
#top { background: #00415D; color: #FFFFFF; position: relative; z-index: 2001; }

#top.full-width { width: 100%; }

#top.full-width > div { margin: 0 0 0 15px; width: auto; }

.custom-projects-flow__bottom { background: #031E29; color: #FFFFFF; }

/** Horizontal navigation used in the top bar */
.nav-top { float: right; line-height: inherit; }

.nav-top > li:last-child .dropdown-menu-top { right: 0; }

.nav-top > li > a { color: white; display: block; font-size: 0.8em; font-weight: 500; padding: 0.9em 0.7em; text-decoration: none; }

.nav-top > li > a:hover { background: #006eb6; text-decoration: none; }

.nav-top .account-menu-username, .nav-top .show-sign-in, .nav-top .show-create-account { font-weight: normal; }

.nav-top .account-menu-username { display: block; }

.nav-top .account-menu-username .avatar { margin-top: 0.45em; float: left; }

.nav-top .account-menu-username .username-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 10px; padding-right: 0.7em; max-width: 195px; }

.nav-top .account-menu-username .username-label::after { position: absolute; right: 0.7em; }

/** Dropdown menu used in the top bar */
.dropdown-top.is-active > a { background: #004f83; }

.dropdown-menu-top { min-width: 210px; z-index: 2001; }

.dropdown-account .dropdown-menu-top { width: 100%; }

.dropdown-menu-top .current-account { color: #fcb423; }

.dropdown-menu-top a:not(.lego-block-list__link) { box-sizing: border-box; color: #444; display: inline-block; font-size: 0.75em; font-weight: normal; padding: 0.8em 1.1em; text-decoration: none; width: 100%; }

.dropdown-menu-top a:hover { text-decoration: none; }

.dropdown-menu-top a:hover .nav-top__link-text { text-decoration: underline; }

.dropdown-menu-top a:hover p { text-decoration: none; }

.dropdown-menu-top .account-switch { display: block; padding-left: 30px; padding-top: 7px; padding-bottom: 7px; position: relative; padding-right: 30px; }

.dropdown-menu-top .account-switch:hover { text-decoration: none; background: #eee; }

.dropdown-menu-top .accounts-list { max-height: 250px; overflow-y: auto; }

.dropdown-menu-top .account-header { font-size: 0.75em; font-weight: normal; padding: 12px 17px 4px; }

.dropdown-menu-top .account-switch--active { background: #eee; }

.dropdown-menu-top .account-switch--active:before { content: "\2713"; position: absolute; top: auto; left: 12px; }

.dropdown-menu-top .account-switch__email { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 2px; white-space: nowrap; overflow: hidden; max-width: 225px; }

.dropdown-menu-top .account-switch__role { font-size: 11px; color: #999; }

.dropdown-menu-top .divider { border-bottom: 1px solid #ddd; }

.dropdown-menu-top .edit { overflow: hidden; position: relative; text-overflow: ellipsis; width: 220px; }

.dropdown-menu-top .results { color: #aaa; padding-left: 0; padding-right: 1.4em; vertical-align: top; width: auto; }

.dropdown-menu-top .results:hover { color: #444; }

.dropdown-menu-top .message { color: #444; font-weight: 400; padding: 1em 1.2em; text-align: center; }

.dropdown-menu-top .view-all-experiments, .dropdown-menu-top .show-create-experiment { border-top: 1px solid #d5d5d5; text-align: center; }

.dropdown-menu-top .view-all-experiments a, .dropdown-menu-top .show-create-experiment a { padding-bottom: 0.6em; padding-top: 0.6em; }

.dropdown-menu-top .view-all-experiments span { background: url("/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/icons/common.png") no-repeat -24px -78px; display: inline-block; padding-bottom: 2px; padding-left: 23px; padding-top: 2px; }

.dropdown-menu-top .view-all-experiments a:hover span { text-decoration: underline; }

.dropdown-menu-top .show-create-experiment { color: #006eb6; }

.dropdown-menu-top .show-create-experiment a { color: #006eb6; padding-left: 0; padding-right: 0; width: auto; }

/** Main navigation used across the site */
.nav-main { float: right; margin: 0 -15px 10px 0; }

.nav-main > li { border-top: 4px solid transparent; float: left; margin-left: 0; }

.nav-main > li:hover { border-top-color: #006eb6; }

.nav-main > li > a { color: #fff; font-size: 1em; font-weight: 500; padding: 1.1em 1.3em; }

/** Blue backgrounded drop down menu used in the main nav */
.dropdown-menu-nav-main { background: #006eb6; background: linear-gradient(top, #00558d 0%, #006eb6 15%, #006eb6 100%); border: none; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); min-width: 210px; padding: 10px 0; white-space: nowrap; }

.dropdown-menu-nav-main a, .dropdown-menu-nav-main a:hover, .dropdown-menu-nav-main a:visited, .dropdown-menu-nav-main a:active { color: #fff; }

.dropdown-menu-nav-main a { display: block; font-size: 0.8em; font-weight: 400; padding: 0.4em 1.5em; text-decoration: none; }

.dropdown-menu-nav-main a:hover { background-color: #3385d6; }

/** Butterbar that holds alert information such as delinquent payments alerts. */
.butterbar { box-sizing: border-box; display: none; font-size: 0.75em; font-weight: 500; padding: 3px; text-align: center; background-color: #fefaac; }

.butterbar a { color: #4d89e2; text-decoration: none; }

.butterbar a:visited { color: #4d89e2; }

.butterbar .closer { float: right; padding-right: 15px; color: #aaaaaa; }

.butterbar.warning { color: #911d16; }

.butterbar.announce { color: #348d2c; }

/* ========================================================================== Lego Enabler Used to scope and enable lego on speific elements, to avoid inlcuding the entire library on the page. .lego-enabled    Any child element will have access to the lego library ========================================================================== */
.lego-enabled { font-size: 12px; }

#audiences-dialog .collapsible label.control { cursor: pointer; font-weight: 500; position: relative; padding-top: 0; }

#audiences-dialog .collapsible label.control:hover span { text-decoration: underline; }

#audiences-dialog .collapsible label.control input[type='checkbox'] { display: none; }

#audiences-dialog .collapsible label.control span.line { background-color: #D5D5D5; display: block; height: 1px; left: 0; position: absolute; right: 0; top: 10px; }

#audiences-dialog .collapsible label.control span.text { background: #FFFFFF; display: inline-block; padding-right: 15px; position: relative; z-index: 1; }

#audiences-dialog .collapsible label.control span.text span.arrow { background: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/icons/buttons.png) no-repeat -31px -276px; display: inline-block; height: 11px; margin: 0 3px 0 0; width: 11px; }

#audiences-dialog .collapsible.collapsed div.content { display: none; }

#audiences-dialog .collapsible.collapsed label.control span.text span.arrow { transform: rotate(-90deg); }

#audiences-dialog .detail-view-header { margin-bottom: 20px; }

#audiences-dialog p.loading { margin: 0; }

#audiences-dialog p.loading img { margin-right: 10px; }

#audiences-dialog .detail-view label, #audiences-dialog .detail-view .label { font-size: 13px; padding-top: 0.9em; }

.audience-editor__used-in-experiments-warning { font-size: 12px; margin-bottom: 20px; }

.audience-editor__experiment-list-container { margin-top: 10px; overflow: hidden; }

.audience-editor__experiment-list-container label.control { width: 100% !important; margin-bottom: 0; color: #6E5E0C !important; }

.audience-editor__experiment-list-container label.control span.line { background-color: #6E5E0C !important; }

.audience-editor__experiment-list-container label.control span.text { color: #6E5E0C !important; background-color: #FCF8E3 !important; }

.audience-editor__experiment-list li { margin: 0 0 0 15px; font-size: 12px; }

.condition-fields { /** condition picker isn't in a form so default form styles arent available */ }

.condition-fields .error { color: #911d16; font-size: 12px; font-weight: normal; }

.condition-picker .condition-section-header { font-size: 0.9em; font-weight: 500; line-height: 1; margin-bottom: 0; }

.condition-section-header { margin-top: 16px; }

.condition-helpful-info { bottom: 2px; display: inline-block; font-size: 66% !important; margin-top: 5px; position: absolute; right: 2px; }

.condition-field-holder, .condition-field-style, .condition-locations .condition-fields, .condition-exclude-locations .condition-fields { padding-bottom: 10px; }

.condition-field-holder input, .condition-field-holder select, .condition-field-holder textarea, .condition-field-style input, .condition-field-style select, .condition-field-style textarea, .condition-locations .condition-fields input, .condition-locations .condition-fields select, .condition-locations .condition-fields textarea, .condition-exclude-locations .condition-fields input, .condition-exclude-locations .condition-fields select, .condition-exclude-locations .condition-fields textarea { margin-right: 10px !important; margin-bottom: 0px; float: left; }

.condition-field-holder input, .condition-field-style input, .condition-locations .condition-fields input, .condition-exclude-locations .condition-fields input { width: 415px !important; /* be sure to test in IE if you change this */ }

.condition-field-holder select, .condition-field-style select, .condition-locations .condition-fields select, .condition-exclude-locations .condition-fields select { width: 415px !important; }

.condition-field-holder textarea, .condition-field-style textarea, .condition-locations .condition-fields textarea, .condition-exclude-locations .condition-fields textarea { width: 410px !important; }

.condition-field-holder input.condition-half-field, .condition-field-style input.condition-half-field, .condition-locations .condition-fields input.condition-half-field, .condition-exclude-locations .condition-fields input.condition-half-field { width: 203px !important; }

.condition-field-holder input.condition-half-field-plus, .condition-field-style input.condition-half-field-plus, .condition-locations .condition-fields input.condition-half-field-plus, .condition-exclude-locations .condition-fields input.condition-half-field-plus { width: 240px !important; }

.condition-field-holder select.condition-half-field, .condition-field-style select.condition-half-field, .condition-locations .condition-fields select.condition-half-field, .condition-exclude-locations .condition-fields select.condition-half-field { width: 205px !important; }

.condition-field-holder select.condition-half-field-minus, .condition-field-style select.condition-half-field-minus, .condition-locations .condition-fields select.condition-half-field-minus, .condition-exclude-locations .condition-fields select.condition-half-field-minus { width: 160px !important; }

.condition-field-holder select.condition-inline-field, .condition-field-style select.condition-inline-field, .condition-locations .condition-fields select.condition-inline-field, .condition-exclude-locations .condition-fields select.condition-inline-field { display: inline-block; width: inherit !important; float: none; }

.condition-field-holder input.condition-inline-field, .condition-field-style input.condition-inline-field, .condition-locations .condition-fields input.condition-inline-field, .condition-exclude-locations .condition-fields input.condition-inline-field { display: inline-block; width: inherit !important; float: none; height: inherit !important; }

.condition-field-holder input.condition-inline-field[type=checkbox], .condition-field-holder input.condition-inline-field[type=radio], .condition-field-style input.condition-inline-field[type=checkbox], .condition-field-style input.condition-inline-field[type=radio], .condition-locations .condition-fields input.condition-inline-field[type=checkbox], .condition-locations .condition-fields input.condition-inline-field[type=radio], .condition-exclude-locations .condition-fields input.condition-inline-field[type=checkbox], .condition-exclude-locations .condition-fields input.condition-inline-field[type=radio] { margin-right: 0 !important; }

.condition-time-and-day .from-label, .condition-exclude-time-and-day .from-label { margin-right: 10px; float: left; }

.condition-time-and-day .time-of-day-wrapper, .condition-exclude-time-and-day .time-of-day-wrapper { padding-bottom: 5px; }

.condition-time-and-day input.timepicker, .condition-exclude-time-and-day input.timepicker { width: 100px !important; }

.condition-time-and-day .condition-field-contents, .condition-exclude-time-and-day .condition-field-contents { margin-bottom: 10px; float: left; clear: none !important; }

.condition-time-and-day label[for=all-day-checkbox], .condition-exclude-time-and-day label[for=all-day-checkbox] { margin-top: 0 !important; }

.condition-time-and-day label, .condition-exclude-time-and-day label { display: inline-block; }

.condition-time-and-day label.checkbox, .condition-exclude-time-and-day label.checkbox { padding: 0 !important; margin-right: 10px; }

.condition-time-and-day .condition-time-and-day-wrapper, .condition-exclude-time-and-day .condition-time-and-day-wrapper { float: left; }

.condition-time-and-day .condition-time-and-day-wrapper input[name=start_time], .condition-exclude-time-and-day .condition-time-and-day-wrapper input[name=start_time] { margin-right: 0 !important; }

.condition-time-and-day .condition-add-field, .condition-time-and-day .condition-remove-field, .condition-exclude-time-and-day .condition-add-field, .condition-exclude-time-and-day .condition-remove-field { float: right; }

.condition-url-match-type, .condition-exclude-url-match-type, .condition-referring-url-match-type { width: 200px !important; float: left; }

.condition-remove-field, .condition-add-field, .condition-button { clear: none !important; cursor: pointer; float: left; font-size: 100%; margin-left: 4px; margin-top: 2px; position: relative; }

.condition-urls .condition-field-holder.first .condition-remove-field { /* visibility: hidden; */ }

.condition-add-field { display: none; }

.condition-field-holder.last .condition-add-field { display: block; }

.condition-ip-cidr-tool { color: #6b6b6b; font-size: 0.75em; margin: 4px 0px 4px 4px; }

.condition-ip-cidr-tool { padding: 0px 0px 12px 200px; }

.condition-half-field.default, .condition-locations .condition-fields input.default, .condition-exclude-locations .condition-fields input.default { color: #aaa !important; }

.condition-fields .default { color: #aaa !important; }

.condition-block, .condition-add-more { position: relative; min-height: 80px; padding: 0px 24px; }

.condition-block { background: white; border-bottom: 1px solid #eee; display: none; /* by default, these don't show up; JS will show them */ }

.condition-column-outer, .condition-add-more-column-outer { position: absolute; top: 0px; left: 0px; width: 200px; height: 100%; border: none; }

.condition-column-outer .condition-column-arrow, .condition-add-more-column-outer .condition-column-arrow { background: url("/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/targeting_right_arrow.png") no-repeat scroll 0 0 transparent; height: 24px; position: absolute; top: 20px; right: 0; width: 12px; }

.condition-column, .condition-add-more-column { font-size: 0.75em; font-weight: 500; height: 100%; padding: 0px 0px 0px 15px; width: 173px; /* Width is equal to this calculation: condition-column-outer.width LESS condition-column-outer.padding LESS condition-column-arrow */ }

.condition-column { background-color: #003366; background-image: url("/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/targeting_column_gradient.png"); background-position: center top; background-repeat: repeat-x; border-bottom: 1px solid #005C94; color: #FFF; position: relative; }

.condition-column .condition-and-also { font-size: 0.75em; font-style: italic; font-weight: normal; color: #4EBBFF; padding-top: 6px; }

.condition-add-more-column { background-color: #003366; background-image: url("/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/targeting_column_gradient.png"); background-position: center top; background-repeat: repeat-x; color: #FFF; cursor: pointer; font-weight: 500; height: 55px; min-height: 0px; }

.condition-add-more-column:hover { background-color: #0088C9; background-image: none; color: #FFF; }

.condition-fields { min-width: 460px; padding: 15px 0px 6px 200px; }

.condition-add-more-fields { background-color: #00244D; display: none; /* changed with js */ float: left; font-size: 0.75em; margin-left: 169px; margin-top: 8px; padding: 15px; position: relative; }

.condition-add-more-fields a { color: #FFF; }

.condition-add-more-fields .condition-positive-container a, .condition-add-more-fields .condition-negative-container a { display: block; margin: 10px; text-decoration: none; text-shadow: none; }

.condition-add-more-fields .condition-positive-container a:hover, .condition-add-more-fields .condition-negative-container a:hover { text-decoration: underline; }

.condition-add-more-description { border-bottom: 1px dashed #FFF; color: #FFF; font-weight: 500; margin: 0px 10px; padding-bottom: 12px; }

.condition-add-more-description a { display: inline-block; text-decoration: underline; }

.condition-add-more-description a.selected { cursor: default; text-decoration: none; }

.condition-add-more-column-arrow { background: url("/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/targeting_left_arrow_dark.png") no-repeat scroll left top transparent; display: none; /* changed with js */ height: 24px; position: absolute; right: 6px; top: 15px; width: 12px; }

.targeting .content-body { overflow: auto; }

.targeting input[type=text], .targeting input[type=password], .targeting select, .targeting textarea { width: 100%; }

.condition-visitor-type { display: inline; margin: 5px; position: relative; width: auto !important; }

/* URLs and Exclude URLs */
.condition-page-urls .condition-block { display: block; }

.condition-picker .condition-page { border: 1px solid #cacaca; margin-bottom: 15px; width: 770px; }

.condition-picker .condition-page .condition-block { border: none; min-height: 0; }

.condition-picker .condition-page .condition-page-name { color: #003366; font-size: 0.9em; font-weight: 500; margin: 15px 24px 0; }

.condition-picker .condition-page input.condition-half-field-plus { width: 440px !important; }

.condition-picker .condition-page .condition-exclude-urls, .condition-picker .condition-page .condition-exclude-urls-display-link { background: #f6f6f6; border-top: 1px solid #e4e4e4; }

.condition-picker .condition-page .condition-exclude-urls-display-link, .condition-picker .condition-page .condition-exclude-urls-heading { color: #242424; display: block; font-size: 12px; padding: 5px 24px; }

.condition-picker .condition-page .condition-exclude-urls-heading { line-height: 1.4; margin: 0; padding: 4px 0 0; }

.condition-picker .condition-page .condition-exclude-urls-display-link:hover { text-decoration: underline; }

.condition-urls .condition-fields, .condition-exclude-urls .condition-fields { padding: 15px 0px 6px; }

/* Geotargeting */
.condition-locations .condition-fields input, .condition-exclude-locations .condition-fields input { width: 100% !important; }

.condition-geo-pick { background-color: #eee; border: 1px solid #CCC; color: #354E8F; margin: 5px 0px; padding: 2px 4px; }

.condition-geo-pick .condition-geo-primary { font-size: 15px; }

.condition-geo-pick .condition-geo-secondary { color: #555; font-size: 13px; }

.condition-geo-pick .condition-geo-closer { background-image: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/targeting_geo_x_btn.png); background-repeat: no-repeat; cursor: pointer; float: right; height: 17px; margin-right: 3px; width: 17px; }

/* Segmentation */
.no-segments-available-warning, .segments-loading-warning { color: #354E8F; float: left; font-size: 0.8em; padding: 4px 0 4px 4px; height: 20px; margin-right: 10px; width: 410px; }

.no-segments-available-warning { display: none; }

.no-segments-available .condition-add-field { visibility: hidden; }

.no-segments-available .no-segments-available-warning { display: inline-block; }

.no-segments-available .segment-input { display: none; }

.segment-input { background-color: #FFF; border: 1px solid #BFCEDF; color: #354E8F; cursor: pointer; float: left; font-size: 0.8em; padding: 4px 0 4px 4px; height: 20px; margin-right: 10px; width: 410px; }

.segment-input.placeholder { color: #6b6b6b; }

.segment-picker { background-color: #FFF; border-left: 1px solid #BFCEDF; border-right: 1px solid #BFCEDF; border-bottom: 1px solid #BFCEDF; display: none; position: absolute; width: 414px; max-height: 185px; overflow-x: hidden; overflow-y: auto; z-index: 4000; }

.segment-picker .segment { background-color: #FFF; border-top: 1px solid #BFCEDF; cursor: pointer; padding: 4px 10px; }

.segment-picker .segment:first-child { border-top: 0px; }

.segment-picker .segment .name { font-weight: 500; }

.segment-picker .segment .description { font-size: 0.75em; }

.segment-picker .segment:hover { background-color: #CCEEFF; }

.segment-picker .new-segment { background-color: #EFF6FF; border-top: #BFCEDF; color: #555; cursor: pointer; font-size: 0.75em; text-align: center; padding: 10px; }

.segment-picker .new-segment:hover { background-color: #CCEEFF; }

.dimension-name { display: block; font-weight: normal; font-style: italic; }

/* Use specific selector for label */
#audience-conditions .condition-block .radio-inline label { display: inline-block; padding: 0 10px; }

#audience-conditions .condition-block .radio-inline input { margin-right: 5px; }

#audience-conditions .condition-block .radio-inline .condition-remove-field { float: right; }

#audience-conditions-container label.accordion-radio { font-size: 15px; }

#audience-conditions-container label.accordion-radio input { margin-right: 5px; }

#changer-container { cursor: default; position: fixed; visibility: hidden; z-index: 5; }

#changer-container div.change-menu { display: none; min-width: 160px; padding-top: 0; z-index: 901; }

#changer-container div.change-menu div.submenu div.content { min-width: 140px; }

#changer-container div.change-menu div.track-clicks-submenu div.content { min-width: 160px; }

#changer-container div.change-window { box-shadow: 0 1px 10px #6b6b6b; display: none; position: relative; }

#changer-container div.change-window > div.content { background: #fff; min-height: 50px; }

#changer-container div.change-window > div.content > div.pane { display: none; padding: 15px 18px 15px 12px; position: relative; }

#changer-container div.change-window > div.content > div.pane.narrow { width: 300px; }

#changer-container div.change-window > div.content > div.pane.normal { width: 425px; }

#changer-container div.change-window > div.content > div.pane.wide { width: 600px; }

#changer-container div.change-window > div.content > div.pane input[type=text] { border: 1px solid #BFCEDF; color: #354E8F; font-size: 14px; padding: 4px 0 4px 4px; width: 100%; }

#changer-container div.change-window > div.content > div.pane input[type=text].error { border-color: #f3b6b3; color: #911d16; }

#changer-container div.change-window > div.content > div.pane label { color: #6b6b6b; display: block; margin: 0 0 5px; }

#changer-container div.change-window > div.content > div.pane label.checkbox { display: inline-block; margin-top: 5px; }

#changer-container div.change-window > div.content > div.pane label.not-spaced { margin: 0; }

#changer-container div.change-window > div.content > div.pane label.spaced-bottom { margin-bottom: 15px; }

#changer-container div.change-window > div.content > div.pane label span { display: inline-block; font-size: 13px; font-weight: 500; line-height: 1.6; margin-bottom: 4px; }

#changer-container div.change-window > div.content > div.pane label span.error { color: #911d16; float: right; font-weight: normal; }

#changer-container div.change-window > div.content div.pane.edit-html { cursor: auto; padding: 15px 12px; }

#changer-container div.change-window > div.content div.pane.edit-html div.html-editor-container { border: 1px solid #d5d5d5; height: 250px; margin-bottom: 12px; width: 500px; }

#changer-container div.change-window > div.content div.pane.edit-html div.html-editor-container div.CodeMirror { height: 100%; width: 100%; }

#changer-container div.change-window > div.content div.pane.edit-html div.html-editor-container div.CodeMirror div.CodeMirror-gutter { background: #eee; }

#changer-container div.change-window > div.content div.pane.edit-html div.html-editor-container div.CodeMirror div.CodeMirror-gutter div.CodeMirror-gutter-text { color: #777; }

#changer-container div.change-window > div.content div.pane.edit-html div.html-editor-container div.CodeMirror span.CodeMirror-matchingbracket { background: #d2f854; color: #000; }

#changer-container div.change-window > div.content div.pane.edit-html div.html-editor-container div.CodeMirror span.CodeMirror-nonmatchingbracket { background: #ff4300; color: #000; }

#changer-container div.change-window > div.content div.pane.edit-html div.html-editor-container div.ui-resizable-se { bottom: 0; right: 0; }

#changer-container div.change-window > div.content div.pane.edit-html p { max-width: 500px; }

#changer-container div.change-window > div.content div.pane.edit-style { padding: 0; }

#changer-container div.change-window > div.content div.pane.edit-style div.tab-container { background: #eee; border-bottom: 1px solid #d5d5d5; font-size: 0; padding: 8px 6px 0; }

#changer-container div.change-window > div.content div.pane.edit-style div.tab-container span { color: #242424; cursor: pointer; font-size: 13px; font-weight: 500; height: 18px; line-height: 1.9; padding: 6px 11px; }

#changer-container div.change-window > div.content div.pane.edit-style div.tab-container span:hover { color: #0053A7; }

#changer-container div.change-window > div.content div.pane.edit-style div.tab-container span.selected { border-top-left-radius: 4px; border-top-right-radius: 4px; background: #fff; border: 1px solid #d5d5d5; border-bottom: none; color: #0053A7; cursor: default; padding: 5px 10px; }

#changer-container div.change-window > div.content div.pane.edit-style form.view-container { padding: 12px 15px; }

#changer-container div.change-window > div.content div.pane.edit-style form.view-container div.column { display: inline-block; vertical-align: top; width: 280px; }

#changer-container div.change-window > div.content div.pane.edit-style form.view-container div.column.right { text-align: right; }

#changer-container div.change-window > div.content div.pane.edit-style form.view-container div.column label select { width: 155px; }

#changer-container div.change-window > div.content div.pane.edit-style form.view-container div.column label span { width: 110px; }

#changer-container div.change-window > div.content div.pane.edit-style form.view-container div.color-picker-container { display: inline-block; }

#changer-container div.change-window > div.content div.pane.edit-style form.view-container div.color-picker-container div.color-picker { display: inline-block; padding-left: 20px; vertical-align: top; }

#changer-container div.change-window > div.content div.pane.edit-style form.view-container div.color-picker-container div.color-picker-button { opacity: 0.7; background: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/icons/common.png) no-repeat -20px -520px; cursor: pointer; display: inline-block; height: 20px; margin: 0 0 2px 5px; vertical-align: middle; width: 20px; }

#changer-container div.change-window > div.content div.pane.edit-style form.view-container div.color-picker-container div.color-picker-button:hover, #changer-container div.change-window > div.content div.pane.edit-style form.view-container div.color-picker-container div.color-picker-button.selected { opacity: 1; }

#changer-container div.change-window > div.content div.pane.edit-style form.view-container div.color-picker-container label { display: inline-block; }

#changer-container div.change-window > div.content div.pane.edit-style form.view-container label.advanced span { color: #888; }

#changer-container div.change-window > div.content div.pane.edit-style form.view-container label input[type=text] { font-size: 13px; min-height: 25px; padding: 3px 0 3px 3px; width: 150px; }

#changer-container div.change-window > div.content div.pane.edit-style form.view-container label select { font-size: 13px; position: relative; top: -2px; width: 155px; }

#changer-container div.change-window > div.content div.pane.edit-style form.view-container label span { font-size: 13px; text-align: left; width: 150px; }

#changer-container div.change-window > div.content div.pane.edit-class { max-height: 245px; overflow: auto; }

#changer-container div.change-window > div.content div.pane.edit-class div.edit-class-fields { width: 350px; }

#changer-container div.change-window > div.content div.pane.edit-class div.edit-class-field { clear: both; padding-bottom: 10px; }

#changer-container div.change-window > div.content div.pane.edit-class div.edit-class-field input { float: left; width: 290px; }

#changer-container div.change-window > div.content div.pane.edit-class .edit-class-button { clear: none !important; cursor: pointer; float: left; font-size: 100%; margin-left: 4px; margin-top: 2px; position: relative; }

#changer-container div.change-window > div.content div.pane.edit-text { cursor: auto; padding: 15px 12px; }

#changer-container div.change-window > div.content div.pane.edit-text div.text-editor-container { height: 210px; position: relative; width: 450px; }

#changer-container div.change-window > div.content div.pane.edit-text div.text-editor-container #text-editor_tbl { height: 100% !important; width: 100% !important; }

#changer-container div.change-window > div.content div.pane.edit-text div.text-editor-container #text-editor_tbl #text-editor_ifr { height: 100% !important; width: 100% !important; }

#changer-container div.change-window > div.content div.pane.edit-text div.text-editor-container div.overlay { bottom: 0; display: none; left: 0; position: absolute; right: 0; top: 0; z-index: 1000; }

#changer-container div.change-window > div.content div.pane.edit-text div.text-editor-container div.ui-resizable-se { bottom: 54px; right: 0; z-index: 1001; }

#changer-container div.change-window > div.content p { color: #242424; font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 1em; }

#changer-container div.change-window > div.content p.message { color: #348d2c; margin: 0; padding: 0 15px 15px; }

#changer-container div.change-window > div.content p.error { color: #911d16; }

#changer-container div.change-window div.footer { background: #eee; background: linear-gradient(top, #eee 0%, #fff 50%, #fff 100%); padding: 8px 12px; text-align: right; }

#changer-container div.change-window div.footer a { width: 50px; }

#changer-container div.change-window div.header { background: #083263; background: linear-gradient(top, #1b5797 0%, #083263 100%); color: #fff; cursor: move; font-size: 13px; font-weight: 500; line-height: 1; padding: 12px 15px; position: relative; }

#changer-container div.change-window div.header.shown { background: #083263; background: linear-gradient(top, #1e61a8 0%, #083263 100%); }

#changer-container.fixed { left: 0; top: 200px; }

#changer-container.fixed .change-menu { width: 250px; box-shadow: none; position: absolute; }

#changer-container.fixed .change-window { position: absolute; z-index: 902; left: 320px; top: 76px; }

#changer-container.fixed .empty { padding: 80px 0 0; width: 250px; text-align: center; }

#avpw_holder #avpw_OstrichFeather { left: -10px; position: relative; }

#image-editor { bottom: 0; display: none; left: 0; padding-top: 10%; position: absolute; right: 0; text-align: center; top: 0; }

#image-editor #image-editor-target { height: 0; overflow: hidden; width: 0; }

#image-editor #image-editor-target #avpw_holder { display: inline-block; visibility: visible; }

#image-editor-image { display: none; }

.experiment_code_edit_container { height: 180px; background: #fff; border: solid 1px #d5d5d5; position: relative; }

#option-dialog .experiment-type .content-body { padding: 35px 40px 20px; }

#option-dialog .optimizely_targeting_field_holder { padding-bottom: 10px; }

#option-dialog .optimizely_targeting_field_holder input, #option-dialog .optimizely_targeting_field_holder select, #option-dialog .optimizely_targeting_field_holder textarea { margin-right: 10px !important; margin-bottom: 0px; float: left; }

#option-dialog .optimizely_targeting_field_holder input { width: 409px !important; /* be sure to test in IE if you change this */ }

#option-dialog .optimizely_targeting_field_holder textarea { width: 410px !important; }

#option-dialog .optimizely_targeting_field_holder select { width: 415px !important; }

#option-dialog .optimizely_targeting_field_holder input.optimizely_half_field { width: 195px !important; }

#option-dialog .optimizely_targeting_field_holder input.optimizely_half_field_plus { width: 240px !important; }

#option-dialog .optimizely_targeting_field_holder select.optimizely_half_field { width: 205px !important; }

#option-dialog .optimizely_targeting_field_holder select.optimizely_half_field_minus { width: 160px !important; }

#option-dialog .optimizely_url_match_type, #option-dialog .optimizely_exclude_url_match_type, #option-dialog .optimizely_referring_url_match_type { width: 200px !important; float: left; }

#option-dialog .optimizely_targeting_remove_field, #option-dialog .optimizely_targeting_add_field { clear: none; cursor: pointer; float: left; font-size: 100%; margin-left: 4px; margin-top: 4px; position: relative; }

#option-dialog #optimizely_targeting_urls .optimizely_targeting_field_holder.first .optimizely_targeting_remove_field { visibility: hidden; }

#option-dialog .optimizely_targeting_add_field { display: none; }

#option-dialog .optimizely_targeting_field_holder.last .optimizely_targeting_add_field { display: block; }

#option-dialog #optimizely_targeting_location_selector, #option-dialog #optimizely_targeting_exclude_location_selector { width: 484px; }

#option-dialog #optimizely_targeting_location_helper, #option-dialog #optimizely_targeting_exclude_location_helper { color: #6b6b6b; font-size: 83%; margin: 4px 0px 4px 4px; }

#option-dialog .optimizely_targeting_missing_email { color: #6b6b6b; font-size: 76%; margin-top: 4px; text-align: right; }

#option-dialog .optimizely_half_field.default, #option-dialog #optimizely_targeting_location_selector.default, #option-dialog #optimizely_targeting_exclude_location_selector.default { color: #777 !important; }

#option-dialog .optimizely_targeting_dialog_block, #option-dialog #optimizely_targeting_add_more { position: relative; min-height: 80px; padding: 0px 24px; }

#option-dialog .optimizely_targeting_dialog_block { background: #f4f4f4; border-bottom: 1px solid #DFDFDF; /*border-top: 1px solid #EEE;*/ display: none; /* by default, these don't show up; JS will show them */ }

#option-dialog .optimizely_targeting_dialog_column_outer, #option-dialog #optimizely_targeting_add_more_column_outer { position: absolute; top: 0px; left: 0px; width: 200px; height: 100%; border: none; }

#option-dialog .optimizely_targeting_dialog_column, #option-dialog #optimizely_targeting_add_more_column { font-size: 83%; font-weight: 500; height: 100%; padding: 0px 0px 0px 15px; width: 173px; /* Width is equal to this calculation: optimizely_targeting_dialog_column_outer.width LESS optimizely_targeting_dialog_column_outer.padding LESS optimizely_targeting_dialog_column_arrow */ }

#option-dialog .optimizely_targeting_dialog_column { background-color: #003366; background-image: url("/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/targeting_column_gradient.png"); background-position: center top; background-repeat: repeat-x; border-bottom: 1px solid #005C94; /*border-top: 1px solid #00092A;*/ color: #FFF; }

#option-dialog #optimizely_targeting_add_more_column { /*background-color: #0085D9;*/ background-color: #003366; background-image: url("/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/targeting_column_gradient.png"); background-position: center top; background-repeat: repeat-x; color: #FFF; font-weight: 500; min-height: 0px; height: 55px; cursor: pointer; }

#option-dialog #optimizely_targeting_add_more_column:hover { background-color: #0088C9; /* formerly #00A8D9 */ background-image: none; color: #FFF; }

#option-dialog .optimizely_targeting_dialog_column_arrow { background: url("/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/targeting_right_arrow.png") no-repeat scroll left top transparent; height: 24px; width: 12px; position: absolute; top: 20px; right: 0; }

#option-dialog .optimizely_targeting_dialog_column .optimizely_targeting_and_also { font-size: 83%; font-style: italic; font-weight: normal; padding-top: 6px; color: #4EBBFF; }

#option-dialog .optimizely_targeting_dialog_fields { padding: 15px 0px 6px 200px; }

#option-dialog #optimizely_targeting_add_more_fields { background-color: #00244D; display: none; /* changed with js */ float: left; font-size: 83%; margin-left: 169px; margin-top: 10px; padding: 15px; position: relative; }

#option-dialog #optimizely_targeting_add_more_fields a { color: #FFF; display: none; /* overridden by .selected, below */ margin: 10px; text-decoration: none; text-shadow: none; }

#option-dialog #optimizely_targeting_add_more_fields a.selected { display: block; }

#option-dialog #optimizely_targeting_add_more_fields a:hover { text-decoration: underline; }

#option-dialog #optimizely_targeting_add_more_description { border-bottom: 1px dashed #FFF; color: #FFF; font-weight: 500; margin: 0px 10px; padding-bottom: 12px; }

#option-dialog #optimizely_targeting_add_more_description a { display: inline; text-decoration: underline; }

#option-dialog #optimizely_targeting_add_more_description a.selected { cursor: default; display: inline; text-decoration: none; }

#option-dialog #optimizely_targeting_add_more_column_arrow { background: url("/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/targeting_left_arrow_dark.png") no-repeat scroll left top transparent; display: none; /* changed with js */ height: 24px; width: 12px; position: absolute; top: 15px; right: 6px; }

#option-dialog .targeting input[type=text], #option-dialog .targeting input[type=password], #option-dialog .targeting select, #option-dialog .targeting textarea { width: 100%; }

#option-dialog #optimizely_visitor_type { display: inline; margin: 5px; position: relative; width: auto; }

#option-dialog .optimizely_targeting_geo_pick { background-color: #E8E8E8; border: 1px solid #CCC; color: #354E8F; margin: 8px 0px; padding: 5px 0px 5px 10px; }

#option-dialog .optimizely_targeting_geo_secondary { color: #555; font-size: 76%; }

#option-dialog .optimizely_targeting_geo_closer { background-image: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/targeting_geo_x_btn.png); background-repeat: no-repeat; cursor: pointer; float: right; height: 17px; margin-right: 3px; width: 17px; }

#option-dialog .optimizely_targeting_too_big_for_geotargeting { color: #DD2222; font-size: 83%; font-weight: 500; margin: 6px 0px; }

#option-dialog div.heatmap-integration #crazyegg-max_visits { width: 70px; }

#option-dialog div.heatmap-integration #crazyegg-api_key { width: 400px; }

#option-dialog div.heatmap-integration #crazyegg-secret_key { width: 400px; }

#option-dialog div.heatmap-integration #crazyegg-refresh_snapshot { font-size: 12px; position: absolute; right: 55px; width: 50px; }

#option-dialog div.heatmap-integration #crazyegg-response { list-style: none; margin-left: 0px; }

#option-dialog div.heatmap-integration #crazyegg-response li { display: inline-block; margin-bottom: 15px; margin-right: 15px; margin-top: 15px; }

#option-dialog div.heatmap-integration .crazyegg-snapshot { position: relative; width: 154px; }

#option-dialog div.heatmap-integration .crazyegg-snapshot img { box-shadow: 0px 0px 20px #888; }

#option-dialog div.heatmap-integration .crazyegg-snapshot-details { background: rgba(0, 0, 0, 0.7); color: white; font-size: 11px; line-height: 1.5; padding-bottom: 5px; padding-left: 10px; padding-top: 5px; position: absolute; top: 0px; width: 144px; }

#option-dialog .pane { display: none; }

#option-dialog .analytics_container div.content-body { overflow-x: hidden; overflow-y: scroll; }

#option-dialog .analytics_container div.content-body::-webkit-scrollbar { width: 9px; height: 9px; }

#option-dialog .analytics_container div.content-body::-webkit-scrollbar-thumb { background-color: #d5d5d5; border-radius: 4.5px; }

#option-dialog .analytics_container h2, #option-dialog .analytics_container h3 { float: left; }

#option-dialog .analytics_container h2 { margin-bottom: 0px; }

#option-dialog .analytics_container h2.analytics-header { margin: 11px 0 0 0; }

#option-dialog .analytics_container:not(:last-child) { border-bottom: solid 1px #eee; overflow: hidden; padding-bottom: 0.3em; margin-bottom: 0; }

#option-dialog .analytics_container .toggle { margin-top: 15px; margin-bottom: 0px !important; float: right; }

#option-dialog .analytics_container div.scaleup { display: block; margin: 15px 0 5px 25px; }

#option-dialog .analytics_container div.scaleup p { margin: 5px 0 5px 0; }

#option-dialog .analytics_container div.scaleup p.learnmore-info { margin-top: 11px; }

#option-dialog .analytics_container div.scaleup p.small-note { font-size: 12px; font-weight: 500; color: #93230b; }

#option-dialog .analytics_container div.scaleup p.learnmore-info, #option-dialog .analytics_container div.scaleup p.small-note { width: 400px; }

#option-dialog .analytics_container.ga_ua_container .ga_ua_tracker { margin: 15px 0 0 0; }

#option-dialog .analytics_container.ga_ua_container .ga-subheader { margin: 14px 0 0 25px; }

#option-dialog .analytics_container .at_internet-details span.at-internet-labels { width: 40%; }

#option-dialog .analytics_container .at_internet-details input.short { width: 55%; }

#option-dialog .analytics-integration .content-body { max-height: 50vh; }

#option-dialog .editor-settings h5 { margin: 0 0 7px; }

#option-dialog .editor-settings .redirected-note { display: none; }

#option-dialog .editor-settings .redirected-url { display: inline-block; font-weight: 500; max-width: 640px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#option-dialog .editor-settings #user-agent-select { display: none; }

#option-dialog .page-instructions { margin-bottom: 25px; padding: 0 25px; position: relative; }

#option-dialog .page-instructions h5 { margin: 15px 0; }

#option-dialog .page-instructions:after { content: ''; display: table; clear: both; }

#option-dialog .arrow { background: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/edit/arrow.png) no-repeat; height: 17px; left: 50%; margin: 12px 0 0 8px; position: absolute; top: 50%; width: 9px; }

#option-dialog .step { clear: none; float: left; text-align: center; width: 50%; }

#option-dialog .step-1, #option-dialog .step-2 { background: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/edit/page_instructions.png) left top; display: inline-block; height: 162px; width: 293px; }

#option-dialog .step-2 { background-position: right top; }

#option-dialog .activation-mode div.indent { margin-left: 42px; font-weight: 400; margin-right: 10px; }

#option-dialog .activation-mode .feature-locked-icon { color: #d5d5d5; }

ul.ui-autocomplete li.ui-menu-item a { border-radius: 0 !important; color: #354E8F; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; }

ul.ui-autocomplete li.ui-menu-item.ui-state-hover a { color: #354E8F; }

ul.ui-autocomplete { max-height: 128px; padding: 0; overflow-x: hidden; overflow-y: hidden; }

.analytics-integrations-dialog h1 { color: #006eb6; font-size: 1.75em; }

.analytics-integrations-dialog h2 { font-size: 1.4em; }

.analytics-integrations-dialog h3 { font-size: 1.2em; }

.analytics-integrations-dialog .toggle { margin-top: -20px; margin-bottom: 0px !important; float: right; }

.analytics-integrations-dialog .analytics_container .analytics-header { margin: 11px 0 0 0; }

.analytics-integrations-dialog .analytics_container:not(:last-child) { border-bottom: solid 1px #eee; overflow: hidden; padding-bottom: 0.3em; margin-bottom: 0; }

.analytics-integrations-dialog .analytics_container div.scaleup { display: block; margin: 15px 0 5px 25px; }

.analytics-integrations-dialog .analytics_container div.scaleup p { clear: both; color: #242424; font-size: 0.8em; font-weight: 400; line-height: 1.5; }

.analytics-integrations-dialog .analytics_container div.scaleup p.learnmore-info { margin-top: 11px; }

.analytics-integrations-dialog .analytics_container div.scaleup p.small-note { font-size: 12px; font-weight: 500; color: #93230b; }

.analytics-integrations-dialog .analytics_container div.scaleup p.learnmore-info, .analytics-integrations-dialog .analytics_container div.scaleup p.small-note { width: 400px; }

.analytics-integrations-dialog .analytics_container.ga_ua_container .ga_ua_tracker { margin: 15px 0 0 0; }

.analytics-integrations-dialog .analytics_container.ga_ua_container .ga-subheader { margin: 14px 0 0 25px; }

.analytics-integrations-dialog .analytics_container .at_internet-details span.at-internet-labels { width: 40%; }

.analytics-integrations-dialog .analytics_container .at_internet-details input.short { width: 55%; }

#variation-code-popup { background: #333; bottom: -284px; height: 180px; left: 0; overflow: visible !important; padding: 43px 215px 38px 38px; position: absolute; right: 0; z-index: 2000; }

#variation-code-popup.collapsed { border: none; bottom: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; }

#variation-code-popup.collapsed #show-variation-code-button { top: -23px; text-align: center; }

#variation-code-popup.collapsed .title { display: none; }

#variation-code-popup.popout-mode { bottom: 0; height: auto; -ms-flex: 1; flex: 1; left: 250px; top: 145px; /* Just below the changer-container */ z-index: 4; }

#variation-code-popup.popout-mode #show-variation-code-button { display: none; }

#variation-code-popup #variation-code-resize-handle { background: #3d79c3; cursor: row-resize; height: 3px; left: 0; position: absolute; right: 0; top: 0; }

#variation-code-popup #variation-code-resize-handle:hover { background: #458be1; background: linear-gradient(top, #458be1 0%, #64a3e6 100%); }

#variation-code-popup #variation-code-resize-handle:active { background: #3c79c2; background: linear-gradient(top, #3c79c2 0%, #4a95e0 100%); }

#variation-code-popup #show-variation-code-button span { font-weight: normal; height: 11px; padding: 0; }

#variation-code-popup #variation-code-content { background: #fff; border: solid 1px #999; border-top-color: #737373; height: 100%; position: relative; }

#variation-code-popup #variation-code-content .title { position: absolute; width: 100%; top: -30px; left: 0; }

#variation-code-popup #variation-code-content .title .docs-cta { position: absolute; right: 0; }

#variation-code-popup #variation-code-content .variation-code-button-container { bottom: 0; position: absolute; right: -190px; }

#variation-code-popup #variation-code-content p { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; color: #aaa; font-size: 11px; font-weight: 400; left: 40px; position: absolute; top: 15px; }

body.edit { min-width: 1000px; overflow-y: hidden; width: 100%; }

body.edit > .loading-message-container { display: block; height: auto; padding-top: 275px; }

body.edit #top > div { margin: 0 15px 0 25px; }

body.edit #top > div .nav.strong { font-weight: 500; }

#container.edit { display: flex; -ms-flex: 1; flex: 1; flex-direction: column; -ms-flex-direction: column; background: none; display: -ms-flexbox; margin: 0; min-height: 500px; min-width: 1000px; overflow: hidden; }

#container.edit .frame-container { flex: 1; -ms-flex: 1; position: relative; }

#container.edit .frame-container .padding { background: #ffffff; height: 100%; min-width: 1000px; padding: 0; position: absolute; width: 100%; }

#container.edit .frame-container .padding .overlay { bottom: 0; display: none; left: 0; position: absolute; right: 0; top: 0; z-index: 1; }

#container.edit .frame-container .padding iframe { border: none; }

#container.edit a:hover { text-decoration: none; }

/** Loading message */
.frame-container .loading-message-container { box-sizing: border-box; display: block; height: 100%; overflow-y: scroll; padding: 2em 0; }

.load-fail-messages, .load-empty-messages { margin: 0 auto; width: 650px; }

.load-fail-messages .cancel-button, .load-empty-messages .cancel-button { display: inline-block; margin-top: 1em; }

.load-fail-messages .code-block, .load-empty-messages .code-block { background-color: #fefefe; }

.load-fail-buttons, .load-empty-buttons { text-align: center; }

.proxy-warning-dismiss-button { float: right; }

/****************************************************************** Included from src/www/js_lib/codemirror/lib/codemirror.css *** */
/* BASICS */
.CodeMirror { /* Set height, width, borders, and global font properties here */ font-family: monospace; height: 300px; color: black; }

/* PADDING */
.CodeMirror-lines { padding: 4px 0; /* Vertical padding around content */ }

.CodeMirror pre { padding: 0 4px; /* Horizontal padding of content */ }

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { background-color: white; /* The little square between H and V scrollbars */ }

/* GUTTER */
.CodeMirror-gutters { border-right: 1px solid #ddd; background-color: #f7f7f7; white-space: nowrap; }

.CodeMirror-linenumber { padding: 0 3px 0 5px; min-width: 20px; text-align: right; color: #999; white-space: nowrap; }

.CodeMirror-guttermarker { color: black; }

.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */
.CodeMirror div.CodeMirror-cursor { border-left: 1px solid black; }

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor { border-left: 1px solid silver; }

.CodeMirror.cm-fat-cursor div.CodeMirror-cursor { width: auto; border: 0; background: #7e7; }

.CodeMirror.cm-fat-cursor div.CodeMirror-cursors { z-index: 1; }

.cm-animate-fat-cursor { width: auto; border: 0; animation: blink 1.06s steps(1) infinite; background-color: #7e7; }

@keyframes blink { 0% { }
  50% { background-color: transparent; }
  100% { } }

/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-ruler { border-left: 1px solid #ccc; position: absolute; }

/* DEFAULT THEME */
.cm-s-default .cm-header { color: blue; }

.cm-s-default .cm-quote { color: #090; }

.cm-negative { color: #d44; }

.cm-positive { color: #292; }

.cm-header, .cm-strong { font-weight: bold; }

.cm-em { font-style: italic; }

.cm-link { text-decoration: underline; }

.cm-strikethrough { text-decoration: line-through; }

.cm-s-default .cm-keyword { color: #708; }

.cm-s-default .cm-atom { color: #219; }

.cm-s-default .cm-number { color: #164; }

.cm-s-default .cm-def { color: #00f; }

.cm-s-default .cm-variable-2 { color: #05a; }

.cm-s-default .cm-variable-3 { color: #085; }

.cm-s-default .cm-comment { color: #a50; }

.cm-s-default .cm-string { color: #a11; }

.cm-s-default .cm-string-2 { color: #f50; }

.cm-s-default .cm-meta { color: #555; }

.cm-s-default .cm-qualifier { color: #555; }

.cm-s-default .cm-builtin { color: #30a; }

.cm-s-default .cm-bracket { color: #997; }

.cm-s-default .cm-tag { color: #170; }

.cm-s-default .cm-attribute { color: #00c; }

.cm-s-default .cm-hr { color: #999; }

.cm-s-default .cm-link { color: #00c; }

.cm-s-default .cm-error { color: #f00; }

.cm-invalidchar { color: #f00; }

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket { color: #0f0; }

div.CodeMirror span.CodeMirror-nonmatchingbracket { color: #f22; }

.CodeMirror-matchingtag { background: rgba(255, 150, 0, 0.3); }

.CodeMirror-activeline-background { background: #e8f2ff; }

/* STOP */
/* The rest of this file contains styles related to the mechanics of the editor. You probably shouldn't touch them. */
.CodeMirror { position: relative; overflow: hidden; background: white; }

.CodeMirror-scroll { overflow: scroll !important; /* Things will break if this is overridden */ /* 30px is the magic margin used to hide the element's real scrollbars */ /* See overflow: hidden in .CodeMirror */ margin-bottom: -30px; margin-right: -30px; padding-bottom: 30px; height: 100%; outline: none; /* Prevent dragging from highlighting the element */ position: relative; }

.CodeMirror-sizer { position: relative; border-right: 30px solid transparent; }

/* The fake, visible scrollbars. Used to force redraw during scrolling before actuall scrolling happens, thus preventing shaking and flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { position: absolute; z-index: 6; display: none; }

.CodeMirror-vscrollbar { right: 0; top: 0; overflow-x: hidden; overflow-y: scroll; }

.CodeMirror-hscrollbar { bottom: 0; left: 0; overflow-y: hidden; overflow-x: scroll; }

.CodeMirror-scrollbar-filler { right: 0; bottom: 0; }

.CodeMirror-gutter-filler { left: 0; bottom: 0; }

.CodeMirror-gutters { position: absolute; left: 0; top: 0; z-index: 3; }

.CodeMirror-gutter { white-space: normal; height: 100%; display: inline-block; margin-bottom: -30px; /* Hack to make IE7 behave */ *zoom: 1; *display: inline; }

.CodeMirror-gutter-wrapper { position: absolute; z-index: 4; background: none !important; border: none !important; }

.CodeMirror-gutter-background { position: absolute; top: 0; bottom: 0; z-index: 4; }

.CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4; }

.CodeMirror-gutter-wrapper { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.CodeMirror-lines { cursor: text; min-height: 1px; /* prevents collapsing before first draw */ }

.CodeMirror-line { /* Reset some styles that the rest of the page might have set */ border-radius: 0; border-width: 0; background: transparent; color: inherit; font-family: inherit; font-size: inherit; margin: 0; white-space: pre; word-wrap: normal; line-height: inherit; z-index: 2; position: relative; overflow: visible; -webkit-tap-highlight-color: transparent; }

.CodeMirror-wrap pre { word-wrap: break-word; white-space: pre-wrap; word-break: normal; }

.CodeMirror-linebackground { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; }

.CodeMirror-linewidget { position: relative; z-index: 2; overflow: auto; }

.CodeMirror-code { outline: none; }

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber { box-sizing: content-box; }

.CodeMirror-measure { position: absolute; width: 100%; height: 0; overflow: hidden; visibility: hidden; }

.CodeMirror-measure pre { position: static; }

.CodeMirror div.CodeMirror-cursor { position: absolute; border-right: none; width: 0; }

div.CodeMirror-cursors { visibility: hidden; position: relative; z-index: 3; }

.CodeMirror-focused div.CodeMirror-cursors { visibility: visible; }

.CodeMirror-selected { background: #d9d9d9; }

.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }

.CodeMirror-crosshair { cursor: crosshair; }

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching { background: #ffa; background: rgba(255, 255, 0, 0.4); }

/* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span { *vertical-align: text-bottom; }

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print { /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors { visibility: hidden; } }

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

div.CodeMirror { height: 100%; width: 100%; line-height: 1; }

div.CodeMirror .CodeMirror-gutter { background: #eee; }

div.CodeMirror .CodeMirror-gutter .CodeMirror-gutter-text { color: #6b6b6b; }

div.CodeMirror .CodeMirror-matchingbracket { background: #d2f854; color: #000; }

div.CodeMirror .CodeMirror-nonmatchingbracket { background: #ff4300; color: #000; }

/* Prefixing with elements causes these to override the default z-index provided in _code-mirror.scss */
div.CodeMirror-lint-tooltip, ul.CodeMirror-hints { z-index: 3001; }

/************************************************************************ Included from src/www/js_lib/codemirror/addon/hint/show-hint.css *** */
.CodeMirror-hints { position: absolute; z-index: 10; overflow: hidden; list-style: none; margin: 0; padding: 2px; box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2); border-radius: 3px; border: 1px solid silver; background: white; font-size: 90%; font-family: monospace; max-height: 20em; overflow-y: auto; }

.CodeMirror-hint { margin: 0; padding: 0 4px; border-radius: 2px; max-width: 19em; overflow: hidden; white-space: pre; color: black; cursor: pointer; }

li.CodeMirror-hint-active { background: #08f; color: white; }

/******************************************************************* Included from src/www/js_lib/codemirror/addon/lint/lint.css *** */
/* The lint marker gutter */
.CodeMirror-lint-markers { width: 16px; }

.CodeMirror-lint-tooltip { background-color: infobackground; border: 1px solid black; border-radius: 4px 4px 4px 4px; color: infotext; font-family: monospace; font-size: 10pt; overflow: hidden; padding: 2px 5px; position: fixed; white-space: pre; white-space: pre-wrap; z-index: 100; max-width: 600px; opacity: 0; transition: opacity .4s; -moz-transition: opacity .4s; -webkit-transition: opacity .4s; -o-transition: opacity .4s; -ms-transition: opacity .4s; }

.CodeMirror-lint-mark-error, .CodeMirror-lint-mark-warning { background-position: left bottom; background-repeat: repeat-x; }

.CodeMirror-lint-mark-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg=="); }

.CodeMirror-lint-mark-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII="); }

.CodeMirror-lint-marker-error, .CodeMirror-lint-marker-warning { background-position: center center; background-repeat: no-repeat; cursor: pointer; display: inline-block; height: 16px; width: 16px; vertical-align: middle; position: relative; }

.CodeMirror-lint-message-error, .CodeMirror-lint-message-warning { padding-left: 18px; background-position: top left; background-repeat: no-repeat; }

.CodeMirror-lint-marker-error, .CodeMirror-lint-message-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII="); }

.CodeMirror-lint-marker-warning, .CodeMirror-lint-message-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII="); }

.CodeMirror-lint-marker-multiple { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-position: right bottom; width: 100%; height: 100%; }

.nux-dashboard { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; max-width: 860px; }

.nux-dashboard--web { margin: 80px auto; }

.nux-dashboard__welcome { display: -ms-flexbox; display: flex; margin: 80px auto; padding: 0 2em; width: 700px; }

.nux-audience-dashboard__welcome { display: -ms-flexbox; display: flex; margin: 80px auto; padding: 0 2em; width: 800px; }

.nux-dashboard__welcome__left { margin-right: 5%; width: 35%; }

.nux-dashboard__welcome__right { box-sizing: border-box; padding: 0 2em; width: 60%; }

.nux-dashboard__welcome__status { font-size: 2.2em; font-weight: 500; line-height: 1.3em; margin: 0.6em 0; }

.nux-dashboard__welcome__description { font-size: 1.2em; margin: 2em 0; }

.nux-dashboard__heading { color: #006eb6; font-family: Proxima, Helvetica, Verdana, sans-serif; font-size: 1.2em; font-weight: 500; margin: 1em 0; text-transform: uppercase; }

.nux-dashboard__heading--footer { margin-bottom: 1.5em; }

.nux-dashboard__welcome__buttons { text-align: center; }

.nux-dashboard__welcome__buttons__item { padding-left: 0; padding-right: 0; width: calc(100% - 2px); }

.nux-dashboard__welcome__buttons__email { font-size: 1em; }

.nux-dashboard__footer__links { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; }

.nux-dashboard__footer__links__item { background-repeat: no-repeat; background-size: 1.5em; box-sizing: border-box; color: #242424; display: block; padding-right: 60px; text-decoration: none; width: 33.3333333333%; }

.nux-dashboard__footer__links__item:visited { color: #242424; }

.nux-dashboard__footer__links__item__title { color: #003366; font-family: Proxima, Helvetica, Verdana, sans-serif; font-weight: 500; }

.nux-dashboard__footer__links__item__title__icon { height: 18px; margin-right: 0.7em; vertical-align: middle; width: 18px; }

.nux-dashboard__footer__links__item__title:visited { color: #003366; }

.nux-dashboard__footer__links__item__description { font-size: 1em; }

.collapsible label.control { cursor: pointer; font-weight: 500; position: relative; padding-top: 0; }

.collapsible label.control:hover span { text-decoration: underline; }

.collapsible label.control input[type='checkbox'] { display: none; }

.collapsible label.control span.line { background-color: #D5D5D5; display: block; height: 1px; left: 0; position: absolute; right: 0; top: 10px; }

.collapsible label.control span.text { background: #FFFFFF; display: inline-block; padding-right: 15px; position: relative; z-index: 1; }

.collapsible label.control span.text span.arrow { background: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/icons/buttons.png) no-repeat -31px -276px; display: inline-block; height: 11px; margin: 0 3px 0 0; width: 11px; }

.collapsible.collapsed div.content { display: none; }

.collapsible.collapsed label.control span.text span.arrow { transform: rotate(-90deg); }

.goal-toolbar { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; margin-bottom: 20px; font-size: 12px; }

.goal-toolbar__item:first-child { -ms-flex: 1; flex: 1; margin-right: 20px; }

.goal-toolbar__tool { display: inline-block; margin-left: 10px; }

.goal-toolbar__tool .standard { display: inline-block; }

.goal-toolbar__tool select { font-size: 12px !important; }

.goal-toolbar__filter { box-sizing: border-box; border-radius: 2px; border: 1px solid #d5d5d5; color: #242424; padding: 0.5em 0.25em; width: 100%; }

.goal-management .goal { border: 1px solid #eee; margin-bottom: 15px; background-color: white; }

.goal-management .goal .draggable { position: relative; z-index: 4000; }

.goal-management .goal:hover { border: 1px solid #ccc; }

.goal-management .goal:hover.rearrange { cursor: move; }

.goal-management .goal:hover .goal__controls { visibility: visible; cursor: pointer; }

.goal-management .goal__body { display: -ms-flexbox; display: flex; padding: 10px; }

.goal-management .goal__info { -ms-flex: 1; flex: 1; margin-right: 10px; }

.goal-management .goal__title { font-size: 14px; line-height: 1.2; margin-bottom: 10px; }

.goal-management .goal__description { color: #7c7c7c; font-size: 12px; }

.goal-management .goal__controls { visibility: hidden; }

.goal-management .goal__primary__header { background: #0053A7; color: white; display: -ms-flexbox; display: flex; font-size: 12px; padding: 2px 10px; }

.goal-management .goal__footer { display: -ms-flexbox; display: flex; color: #7c7c7c; background: #eee; font-size: 10px; padding: 5px 10px; }

.goal-management .goal__footer__title { -ms-flex: 1; flex: 1; text-transform: uppercase; }

.goal-management .goal__footer__data { display: -ms-flexbox; display: flex; }

.goal-management .goal__footer__item { margin-left: 20px; }

.goal-management .goal__drop__target { border: 2px solid #006eb6; background: #EBEEF0; height: 118px; }

#goals-dialog-container.expanded { padding: 3% 0 0; }

#goals-dialog { /* #goals-dialog.expanded */ /* div.click-goal-controls */ }

#goals-dialog.expanded { min-height: 500px; min-width: 940px; width: 94%; /* #goals-dialog.expanded > div.content */ }

#goals-dialog.expanded *.shown-in-large-dialog { display: block; }

#goals-dialog.expanded *.shown-in-small-dialog { display: none; }

#goals-dialog.expanded div.content { height: 100%; padding: 0; width: 100%; /* #goals-dialog.expanded div.click-goal-controls */ }

#goals-dialog.expanded div.content div.click-goal-controls a.dialog-size-toggle-button span.expand { display: none; }

#goals-dialog.expanded div.content div.click-goal-controls a.dialog-size-toggle-button span.shrink { display: inline-block; }

#goals-dialog.expanded div.content div.detail-view-header div.detail-view-title { display: none; }

#goals-dialog.expanded div.content div.frame-container { min-height: 400px; }

#goals-dialog.expanded div.content div.shrink-message { display: block; }

#goals-dialog.expanded div.content div.shrink-message p { margin: 0; }

#goals-dialog.expanded div.footer { position: absolute; bottom: 0; }

#goals-dialog *.shown-in-large-dialog { display: none; }

#goals-dialog div.advanced-options > div.content { margin-bottom: 15px; }

#goals-dialog div.advanced-options > div.content div.help-bubble.right { top: -200px; left: 20px; }

#goals-dialog div.advanced-options > div.content div.help-bubble.right div.arrow { top: 200px; }

#goals-dialog div.click-goal-controls { background-color: #eee; border: 1px solid #eee; font-size: 12px; font-weight: 500; line-height: 1.6; padding: 10px 10px 5px 10px; position: relative; /* a.dialog-size-toggle-button */ }

#goals-dialog div.click-goal-controls #modes-container, #goals-dialog div.click-goal-controls .modes-container { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; display: inline-block; font-size: 0; height: 23px; line-height: 0; margin-right: 10px; position: absolute; bottom: 0; right: 90px; vertical-align: bottom; }

#goals-dialog div.click-goal-controls #modes-container.disabled small, #goals-dialog div.click-goal-controls .modes-container.disabled small { cursor: default; }

#goals-dialog div.click-goal-controls #modes-container.disabled small span, #goals-dialog div.click-goal-controls .modes-container.disabled small span { color: #bbb !important; }

#goals-dialog div.click-goal-controls #modes-container input, #goals-dialog div.click-goal-controls .modes-container input { display: none; }

#goals-dialog div.click-goal-controls #modes-container small, #goals-dialog div.click-goal-controls .modes-container small { background-image: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/buttons/modes.png); background-position: top left; background-repeat: no-repeat; cursor: pointer; display: inline-block; height: 19px; text-align: center; width: 110px; }

#goals-dialog div.click-goal-controls #modes-container small.right, #goals-dialog div.click-goal-controls .modes-container small.right { background-position: right top; }

#goals-dialog div.click-goal-controls #modes-container small.selected, #goals-dialog div.click-goal-controls .modes-container small.selected { cursor: default; }

#goals-dialog div.click-goal-controls #modes-container small span, #goals-dialog div.click-goal-controls .modes-container small span { color: #585858; display: block; font-size: 9px; font-weight: 500; line-height: 1; margin-top: 4px; }

#goals-dialog div.click-goal-controls #modes-container small.selected span, #goals-dialog div.click-goal-controls .modes-container small.selected span { color: #2f5399; }

#goals-dialog div.click-goal-controls #modes-container:not(.disabled) small:active, #goals-dialog div.click-goal-controls #modes-container:not(.disabled) small.selected, #goals-dialog div.click-goal-controls .modes-container:not(.disabled) small:active, #goals-dialog div.click-goal-controls .modes-container:not(.disabled) small.selected { background-position: left -38px; }

#goals-dialog div.click-goal-controls #modes-container:not(.disabled) small.right:active, #goals-dialog div.click-goal-controls #modes-container:not(.disabled) small.right.selected, #goals-dialog div.click-goal-controls .modes-container:not(.disabled) small.right:active, #goals-dialog div.click-goal-controls .modes-container:not(.disabled) small.right.selected { background-position: right -38px; }

#goals-dialog div.click-goal-controls #modes-container:not(.disabled) small:not(.selected):hover, #goals-dialog div.click-goal-controls .modes-container:not(.disabled) small:not(.selected):hover { background-position: left -19px; }

#goals-dialog div.click-goal-controls #modes-container:not(.disabled) small:not(.selected).right:hover, #goals-dialog div.click-goal-controls .modes-container:not(.disabled) small:not(.selected).right:hover { background-position: right -19px; }

#goals-dialog div.click-goal-controls a.dialog-size-toggle-button { background: #0066CC; background: linear-gradient(top, #0073e6 0%, #003366 100%); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; border-radius: 1px; border: 1px solid #223F85 !important; bottom: 5px; color: #fff; cursor: pointer; font-size: 10px; font-weight: 500; line-height: 1; padding: 4px 8px; position: absolute; right: 10px; vertical-align: bottom; }

#goals-dialog div.click-goal-controls a.dialog-size-toggle-button:hover { background: #2C50AB; background: linear-gradient(top, #0073e6 0%, #004a94 100%); text-decoration: none; }

#goals-dialog div.click-goal-controls a.dialog-size-toggle-button:active { background: #2E52AE; background: linear-gradient(top, #003366 0%, #0059b3 100%); text-decoration: none; }

#goals-dialog div.click-goal-controls a.dialog-size-toggle-button span.expand, #goals-dialog div.click-goal-controls a.dialog-size-toggle-button span.shrink { background: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/icons/buttons.png) no-repeat right -119px; display: inline-block; padding-right: 14px; }

#goals-dialog div.click-goal-controls a.dialog-size-toggle-button span.shrink { background-position: right -159px; display: none; }

#goals-dialog div.click-goal-controls div.mobile-view-selector { background: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/icons/common.png) no-repeat -25px -560px; height: 22px; margin-left: 10px; width: 25px; }

#goals-dialog div.click-goal-controls div.mobile-view-selector .help-bubble { top: 22px; }

#goals-dialog div.click-goal-controls div.mobile-view-selector .help-bubble select { margin-top: 10px; width: 300px; }

#goals-dialog div.click-goal-controls div.mobile-view-selector.on { opacity: 1; }

#goals-dialog .modes-container { display: none; }

#goals-dialog div.detail-view-header { width: 490px; }

#goals-dialog div.frame-container { border: 1px solid #d5d5d5; height: 250px; margin-bottom: 15px; overflow: hidden; position: relative; }

#goals-dialog div.frame-container div.padding { height: 100%; width: 100%; }

#goals-dialog div.frame-container div.mobile-view iframe { border: none; height: 100%; left: 0; min-width: 0; position: absolute; top: 0; width: 100%; }

#goals-dialog div.shrink-message { display: none; }

#mobile-events-list { margin: 0 0 1.5em 0; }

#no-mobile-events-alert { overflow: hidden; }

#no-mobile-events-alert img { float: left; margin-right: 2em; }

#no-mobile-events-alert > span { display: inline-block; width: calc(100% - 90px); }

.nux-sharp-corners-bottom.nux-sharp-corners-bottom { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.nux-attachment-style.nux-attachment-style { border-top-left-radius: 0; border-top-right-radius: 0; border-top-style: none; color: #999; cursor: default; }

.nux-attachment-style.nux-attachment-style .lego-icon { vertical-align: text-bottom; }

.nux-no-resize.nux-no-resize { resize: none; }

body.results { min-height: 100%; }

body.results #content #navigation-container { padding-top: 10px; }

body.results #content #navigation-container #segments-list .header { position: relative; }

body.results #content #navigation-container #segments-list .section { padding: 5px 25px; }

body.results #content #navigation-container #segments-list .message { padding: 0 10px 0 25px; color: #6b6b6b; }

body.results #content #navigation-container #segments-list .message p { font-size: 0.7em; }

body.results #content #navigation-container #segments-list .list-section { padding-top: 15px; }

body.results #content #navigation-container #segments-list .list-section .name { cursor: pointer; }

body.results #content #navigation-container #segments-list .list-section .empty { color: #aaa; }

body.results #content #navigation-container #segments-list .list-section .empty .name { cursor: default; }

body.results #content #navigation-container #segments-list .list-section li.expandable { padding-left: 15px; }

body.results #content #navigation-container #segments-list .list-section li.expandable:before { left: 0; top: 3px; }

body.results #content #navigation-container #segments-list .vertically-limited { top: 310px; }

body.results #content #navigation-container #edit-segments { color: #aaa; font-size: 11px; line-height: 11px; position: absolute; right: 25px; text-decoration: none; top: 7px; }

body.results #content #navigation-container #edit-segments:hover { text-decoration: underline; }

body.results #content #results-body { background-color: #FFF; min-width: 960px; padding-top: 10px; /** 2012-10-31 (ekim): per Asana ticket https://app.asana.com/0/1467891393530/2111140439223 Instead of displaying a red X and red text when baseline variation is winning, display a green checkmark and green text like when any other variation is winning. 2012-11-16 (tgiglio): Reverted changes by ekim, except replaced the red X to a red checkmark. */ /* Begin table header stuff (th) */ /* End table header stuff (th) */ /* .color is currently unused */ }

body.results #content #results-body section { padding: 10px; clear: both; border-top: 1px solid #d5d5d5; }

body.results #content #results-body > .title { background: #FFF; position: absolute; width: 100%; z-index: 2; }

body.results #content #results-body > .title .error-message { background: #f4e1b5; border-bottom: 1px solid #f1d38e; line-height: 1.5; position: absolute; width: 100%; z-index: 10; }

body.results #content #results-body > .title .error-message > span { color: #6b6b6b; font-size: 0.7em; line-height: normal; padding-left: 25px; }

body.results #content #results-body > .title .header { border-bottom: 1px solid #d5d5d5; border-top: none; padding: 20px 260px 20px 25px; height: 49px; background: inherit; color: #003366; /*& > div { display: inline-block; }*/ }

body.results #content #results-body > .title .header .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.4em; font-weight: 400; }

body.results #content #results-body > .title .header .results-set { color: #6b6b6b; font-size: 0.8em; margin-top: 2px; }

body.results #content #results-body > .title .header .results-set .selected { color: #444; font-weight: 500; }

body.results #content #results-body > .title .header .header-right { position: absolute; right: 25px; top: 31px; }

body.results #content #results-body > .title .header .header-right .status, body.results #content #results-body > .title .header .header-right .links { clear: both; float: right; font-size: 0.75em; position: relative; }

body.results #content #results-body > .title .header .header-right .status { color: #444; }

body.results #content #results-body > .title .header .header-right .links { color: #4d89e2; margin-top: 3px; }

body.results #content #results-body > .title .header .header-right .links span:before { color: #003366; content: '| '; }

body.results #content #results-body > .title .header .header-right .links span:first-child:before { content: ''; }

body.results #content #results-body > .title .header .header-right .links a { text-decoration: none; }

body.results #content #results-body > .title .header .header-right .links a:hover { text-decoration: underline; }

body.results #content #results-body > .title .header div.clear { clear: both; display: block; }

body.results #content #results-body .results-detail { top: 90px; width: 100%; }

body.results #content #results-body .results-detail #overview { display: none; position: relative; width: 100%; clear: both; margin-bottom: 10px; padding: 25px; }

body.results #content #results-body .results-detail #overview .label { color: #888; font-size: 0.7em; text-transform: uppercase; }

body.results #content #results-body .results-detail #overview .value { color: #003366; display: inline-block; font-size: 2.8em; font-weight: 400; line-height: 44px; }

body.results #content #results-body .results-detail #overview .total-count { color: #6b6b6b; float: left; width: 320px; /* make it not overlap with the table */ }

body.results #content #results-body .results-detail #overview .total-count .visitor-count { width: 260px; }

body.results #content #results-body .results-detail #overview .total-count .visitor-count p { font-size: 0.7em; line-height: 1.3; margin-bottom: 0.5em; }

body.results #content #results-body .results-detail #overview .total-count .visitor-count p + p { margin-top: 0; }

body.results #content #results-body .results-detail #overview .total-count .refreshing { font-size: 32px; }

body.results #content #results-body .results-detail #overview .results-summary { padding-right: 60px; }

body.results #content #results-body .results-detail #overview .results-summary .table-container { font-size: 13px; }

body.results #content #results-body .results-detail #overview .results-summary .table-container .cols-container { float: left; }

body.results #content #results-body .results-detail #overview .results-summary .table-container .left-col table { width: 150px; }

body.results #content #results-body .results-detail #overview .results-summary .table-container .variation-name { font-weight: 500; }

body.results #content #results-body .results-detail #overview .results-summary .table-container .scroll-container { /* scroll horizontal */ overflow-x: auto; overflow-y: hidden; }

body.results #content #results-body .results-detail #overview .results-summary .table-container .scroll-container::-webkit-scrollbar { width: 9px; height: 9px; }

body.results #content #results-body .results-detail #overview .results-summary .table-container .scroll-container::-webkit-scrollbar-thumb { background-color: #d5d5d5; border-radius: 4.5px; }

body.results #content #results-body .results-detail #overview .results-summary .table-container .scroll-container::-webkit-scrollbar-track { border-color: 1px solid #eee; border-radius: 4.5px; box-shadow: inset 0 -2px 5px rgba(0, 0, 0, 0.14); }

body.results #content #results-body .results-detail #overview .results-summary .table-container.height-limited { max-height: 256px; overflow: hidden; }

body.results #content #results-body .results-detail #overview .results-summary .table-container.height-limited .scroll-container { max-height: 256px; }

body.results #content #results-body .results-detail #overview .results-summary .table-container.height-limited .cols-container { max-height: 241px; overflow: hidden; }

body.results #content #results-body .results-detail #overview .results-summary table tr { height: 40px; }

body.results #content #results-body .results-detail #overview .results-summary table th, body.results #content #results-body .results-detail #overview .results-summary table td { border: 1px solid #d5d5d5; border-collapse: collapse; text-align: center; white-space: nowrap; vertical-align: middle; padding: 0px 13px; }

body.results #content #results-body .results-detail #overview .results-summary table th { background: rgba(212, 227, 245, 0.2); color: #006eb6; font-weight: normal; }

body.results #content #results-body .results-detail #overview .results-summary table .left { text-align: left; float: none; }

body.results #content #results-body .results-detail #overview .results-summary table .uncertainty { display: none; font-size: 10px; }

body.results #content #results-body .results-detail #overview .results-summary table .winner, body.results #content #results-body .results-detail #overview .results-summary table .loser { font-weight: 500; color: #90b71c; }

body.results #content #results-body .results-detail #overview .results-summary table .loser { color: #93230b; }

body.results #content #results-body .results-detail #overview .results-summary #show-more { float: left; margin: 10px 0 0 320px; clear: both; }

body.results #content #results-body .results-detail #summary-table tr td:first-child, body.results #content #results-body .results-detail #summary-table tr th:first-child { border-left: 0; }

body.results #content #results-body .results-detail #results-detail-inside { position: relative; }

body.results #content #results-body #goals-header { background: #FFF; border-bottom: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; display: none; font-size: 0.7em; height: 1.2em; line-height: 1.1; padding: 1.25em 2em; position: relative; overflow: hidden; text-transform: uppercase; width: 100%; z-index: 2; }

body.results #content #results-body #goals-header .label { color: #003366; display: inline-block; position: absolute; text-transform: uppercase; }

body.results #content #results-body #goals-header .label:after { content: ':'; }

body.results #content #results-body #goals-header.sticky { border-top: none; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14); }

body.results #content #results-body #goals-header ul { list-style: none; margin: 0; padding: 0; display: inline-block; /* make it scroll h */ font-size: 1.1em; left: 154px; position: absolute; text-transform: none; width: 80%; }

body.results #content #results-body #goals-header ul li { font-size: inherit; line-height: inherit; margin: 0; display: inline-block; margin-left: 10px; }

body.results #content #results-body #goals-header ul li a { color: #888; cursor: pointer; font-weight: 400; text-decoration: none; }

body.results #content #results-body #goals-header ul li a.selected { font-weight: 500; color: #006eb6; }

body.results #content #results-body #goals { border: none; display: none; padding: 25px; position: relative; }

body.results #content #results-body #goals .goal, body.results #content #results-body #add-goal, body.results #content #results-body #show-goals-dialog-button { border: 1px solid #d5d5d5; margin-bottom: 40px; /* Shadow */ box-shadow: 0 2px 7px rgba(0, 0, 0, 0.12); /* End shadow */ }

body.results #content #results-body #show-goals-dialog-button { margin-left: 25px; margin-right: 25px; }

body.results #content #results-body #add-goal, body.results #content #results-body #show-goals-dialog-button { background-color: #F5F5F5; }

body.results #content #results-body #goals .remove-goal-button { background: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/icons/common.png) no-repeat right -40px; cursor: pointer; height: 31px; position: absolute; right: -13px; top: -14px; width: 30px; }

body.results #content #results-body #goals .goal .header-container { position: relative; }

body.results #content #results-body #goals .goal .header-container .title-container { height: 22px; margin-bottom: 7px; max-width: 100%; overflow: visible; position: relative; white-space: nowrap; vertical-align: top; }

body.results #content #results-body #goals .goal .header-container .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; clear: none; float: left; max-width: 100%; }

body.results #content #results-body #goals .goal .header, body.results #content #results-body #add-goal .header, body.results #content #results-body #show-goals-dialog-button .header { background: #F6F9FC; padding: 20px; }

body.results #content #results-body #goals .goal .header { padding: 20px 410px 20px 20px; }

body.results #content #results-body #goals .header, body.results #content #results-body #add-goal .header:not(.disabled), body.results #content #results-body #show-goals-dialog-button .header { cursor: pointer; }

body.results #content #results-body #goals .header:hover, body.results #content #results-body #add-goal .header:not(.disabled):hover, body.results #content #results-body #show-goals-dialog-button .header:hover { background: #ecf5fc; }

body.results #content #results-body #goals .header:active, body.results #content #results-body #add-goal .header:not(.disabled):active, body.results #content #results-body #show-goals-dialog-button .header:active { background: #ecf5fc; background: linear-gradient(top, #e2f0f9 0%, #e4f0f9 50%, #ecf5fc 100%); }

body.results #content #results-body #goals .goal .header-container .title, body.results #content #results-body #add-goal .header .title, body.results #content #results-body #show-goals-dialog-button .header .title { color: #6b6b6b; display: inline-block; font-size: 1.2em; font-weight: 500; }

body.results #content #results-body #goals .goal .header-container .title { line-height: 1; }

body.results #content #results-body #add-goal .header .title, body.results #content #results-body #show-goals-dialog-button .header .title { background: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/icons/results.png) no-repeat -12px 0px; line-height: 1.5; padding-left: 40px; }

body.results #content #results-body #goals .goal .header .goal-summary { color: #676767; font-size: 0.9em; line-height: 1.5; position: absolute; right: 20px; text-align: left; top: 20px; }

body.results #content #results-body #goals .goal .header .goal-summary td { height: 41px; max-width: 340px; overflow: hidden; vertical-align: middle; }

body.results #content #results-body #goals .goal .header .variation-summary { margin-top: 5px; padding-left: 22px; font-size: 0.8em; display: none; }

body.results #content #results-body #goals .goal .header .goal-summary .loser, body.results #content #results-body #goals .goal .header .goal-summary .undecided, body.results #content #results-body #goals .goal .header .goal-summary .winner { background-repeat: no-repeat; font-weight: 500; max-height: 55px; padding-left: 25px; padding-bottom: 1px; }

body.results #content #results-body #goals .goal .variation_paused { color: #aaa !important; }

body.results #content #results-body #goals .goal .variation_paused span.positive { color: #aaa !important; }

body.results #content #results-body #goals .goal .header .goal-summary .loser { color: #93230b; background: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/icons/results.png) no-repeat -23px -237px; }

body.results #content #results-body #goals .goal .header .goal-summary .undecided { color: #6b6b6b; background: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/icons/results.png) no-repeat -23px -78px; }

body.results #content #results-body #goals .goal .header .goal-summary .winner { color: #90b71c; background: url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/icons/results.png) no-repeat -23px -157px; }

body.results #content #results-body #goals .goal .small-button { background: #fff; clear: none; float: left; margin: 0 0 0 10px; width: 40px; }

body.results #content #results-body #goals .goal .small-button:hover { box-shadow: none; }

body.results #content #results-body #goals .goal .header .description { color: #676767; font-size: 0.7em; left: 20px; line-height: 1; margin: 0; }

body.results #content #results-body #goals .goal .details { overflow: hidden; }

body.results #content #results-body #goals .goal .details .errorbars canvas.inline { height: 16px; width: 64px; }

body.results #content #results-body #goals .goal .details .errorbars div.popup { background-image: url("/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/overlay_box_lrg.png"); border: none; display: none; height: 96px; position: absolute; width: 220px; z-index: 100; }

body.results #content #results-body #goals .goal .details .errorbars canvas.popup { height: 42px; width: 168px; margin-left: 28px; margin-right: 28px; margin-top: 30px; }

body.results #content #results-body #goals .goal .details table { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); position: relative; width: 100%; z-index: 1; }

body.results #content #results-body .goal .details .winner td.results-highlight:not(.revenue-tracking), body.results #content #results-body .goal .details .loser td.results-highlight:not(.revenue-tracking), body.results #content #results-body .goal .details .positive, body.results #content #results-body .goal .details .negative { font-weight: 500; }

body.results #content #results-body .goal .details .winner td:not(.revenue-tracking), body.results #content #results-body .goal .details .loser td:not(.revenue-tracking) { color: #90b71c; }

body.results #content #results-body .goal .details .loser td:not(.revenue-tracking) { color: #8B1C1C; }

body.results #content #results-body .goal .details .positive { color: #348d2c; }

body.results #content #results-body .goal .details .negative { color: #8B1C1C; }

body.results #content #results-body .goal .details tr { border-bottom: solid 1px #eee; color: #6b6b6b; font-size: 0.75em; font-weight: 400; line-height: 1.1; position: relative; }

body.results #content #results-body #goals .goal .details table tbody.variations tr { background: #FFF; cursor: pointer; }

body.results #content #results-body #goals .goal .details table tbody.variations tr.selected, body.results #content #results-body #goals .goal .details table tbody.variations tr:hover { background-color: #F6F8FE; background: linear-gradient(top, #F6F8FE 0%, #EAF3FA 100%); }

body.results #content #results-body #goals .goal .details table tr.winner { background-color: #F4F9ED; background: linear-gradient(top, #E4F1D2 0%, #F4F9ED 100%); }

body.results #content #results-body #goals .goal .details table tr:hover.winner { background-color: #F6FFFA; background: linear-gradient(top, #F3F8E2 0%, #F6FFFA 100%); }

body.results #content #results-body .goal .details td { padding: 4px 5px; padding-right: 1.5%; text-align: right; vertical-align: middle; }

body.results #content #results-body #goals .goal .details table tr td:first-child { padding: 4px 1px; }

body.results #content #results-body #goals .goal .details table tr.highlight td { background: linear-gradient(top, #E4F1D2 0%, #F4F9ED 100%); color: #639500; }

body.results #content #results-body #goals .goal .details table tr.column-groups th { background: #f8f8f8; border-right: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; color: #444; font-size: 0.8em; font-weight: 500; line-height: 1; padding: 8px; text-transform: uppercase; }

body.results #content #results-body #goals .goal .details table tr.column-groups th:last-child { background: #fbfbfb; border-right: none; }

body.results #content #results-body .goal .details .column-header { background: #fff; border-bottom: solid 1px #e1e1e1; border-top: solid 1px #e1e1e1; }

body.results #content #results-body .goal .details .column-header th { color: #444; font-size: 0.8em; font-weight: 500; line-height: 1; text-transform: uppercase; }

body.results #content #results-body #goals .help { position: relative; }

body.results #content #results-body #goals .help img { position: relative; top: 3px; }

body.results #content #results-body .goal .details .column-header th:not(.title) { padding: 9px 5px; padding-right: 1.5%; text-align: right; }

body.results #content #results-body .goal .details .title, body.results #content #results-body #goals .goal .details table tr.column-header th.title-collapsed, body.results #content #results-body #goals .goal .details table tr.column-header th.title-expanded { text-align: left; }

body.results #content #results-body #goals .goal .details table tr.column-header th.title-collapsed form, body.results #content #results-body #goals .goal .details table tr.column-header th.title-expanded form { cursor: pointer; }

body.results #content #results-body #goals .goal .details table tr.column-header th.title { width: 25%; }

body.results #content #results-body #goals .goal .details table tr.column-header th.selectable { cursor: pointer; text-align: left; /* No select */ -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; /* End no select */ }

body.results #content #results-body #goals .goal .details table tr.column-header th.selectable:hover { background: linear-gradient(top, #FFF 0%, #ECECEC 100%); border-color: #DBDBDB; color: #1F82CF; }

body.results #content #results-body #goals .goal .details table tr.column-header th.selectable:active { background: linear-gradient(top, #FFF 0%, #E7E7E7 100%); }

body.results #content #results-body #goals .goal .details table tr.column-header th.selectable.selected { background: linear-gradient(top, #FFF 0%, #EAEAEA 100%); border-bottom: solid 2px #003366; color: #1F82CF; cursor: pointer; }

body.results #content #results-body #goals .goal .details table tr.column-header th.selectable.selected:hover { background: linear-gradient(top, #FFF 0%, #E1E1E1 100%); }

body.results #content #results-body #goals .goal .details table tr.column-header th.selectable.selected:active { background: linear-gradient(top, #FFF 0%, #DBDBDB 100%); }

body.results #content #results-body #goals .goal .details table tr.column-header th:first-child { padding-left: 30px; }

body.results #content #results-body #goals .goal .details table td.green { color: #639500; }

body.results #content #results-body #goals .goal .details table td.red { color: #7C3B35; }

body.results #content #results-body #goals .goal .details .uncertainty { color: #6b6b6b; font-size: 0.8em; font-weight: normal; margin-left: 0.5em; }

body.results #content #results-body #goals .goal .details .uncertainty::before { content: "(\00b1"; }

body.results #content #results-body #goals .goal .details .uncertainty::after { content: ")"; }

body.results #content #results-body #goals .goal .details table td.conversion-rate .text { display: inline-block; width: 110px; }

body.results #content #results-body #goals .goal .details table td.conversion-rate .graph { display: inline-block; margin-top: -2px; position: absolute; }

body.results #content #results-body #goals .goal .details tbody tr td { padding-top: 13px; padding-bottom: 13px; }

body.results #content #results-body #goals .goal .details tbody tr td:first-child { padding-left: 29px; }

body.results #content #results-body #goals .goal .details table .color { border-color: #FFF; border-left-width: 4px; border-style: solid; height: 100%; padding: 11px 29px; }

body.results #content #results-body #goals .goal .details table .color-1 .color { border-color: #90CDCB; }

body.results #content #results-body #goals .goal .details table .color-2 .color { border-color: #C07700; }

body.results #content #results-body #goals .goal .details table .color-3 .color { border-color: #B6D14C; }

body.results #content #results-body #goals .goal .details table .color-4 .color { border-color: #F3D931; }

body.results #content #results-body #goals .goal .details table .color-5 .color { border-color: #51849D; }

body.results #content #results-body #goals .goal .details span.small { font-size: 10px; }

body.results #content #results-body #goals.no-graphs .goal .details .graph-container { display: none; }

body.results #content #results-body #goals .goal .details .graph-container { background-color: #fbfbfb; color: #676767; font-size: 0.7em; font-weight: 500; line-height: 1; padding: 35px 50px; position: relative; text-transform: uppercase; }

body.results #content #results-body #goals .goal .details .graph-container .graph-title { width: 100%; text-align: center; }

body.results #content #results-body #goals .goal .details .graph-container .y-axis { width: 300px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); position: absolute; left: -110px; top: 170px; text-align: center; }

body.results #content #results-body #goals .goal .details .graph-container .graph { height: 300px; width: 100%; }

body.results #content #results-body #add-goal .details { display: none; }

body.results #content #results-body #add-goal .body { min-height: 110px; padding: 5px 20px; position: relative; }

body.results #content #results-body #add-goal label { color: #003366; display: block; font-size: 14px; line-height: 20px; }

body.results #content #results-body #add-goal label span { display: block; font-size: 12px; font-weight: 500; line-height: 20px; margin-bottom: 4px; }

body.results #content #results-body #add-goal input[type=text], body.results #content #results-body #add-goal select { border: solid 1px #BFCEDF; color: #354E8F; font-size: 16px; line-height: 16px; margin-bottom: 20px; padding: 4px 3px; width: 500px; }

body.results #content #results-body #add-goal input[type=text] { width: 492px; /* need to add padding for offsetWidth */ }

body.results #content #results-body #add-goal .notes { bottom: 25px; color: #888; font-size: 14px; line-height: 20px; position: absolute; left: 560px; width: 320px; }

body.results #content #results-body #add-goal .footer { background: linear-gradient(top, #ECECEC 0%, #F8F8F8 50%, #F8F8F8 100%); height: 65px; position: relative; width: 100%; }

body.results #content #results-body #add-goal .footer a:hover, body.results #content #results-body #add-goal .footer a:active { text-decoration: none; }

body.results #content #results-body #add-goal .footer p { color: #911D16; font-size: 13px; left: 300px; line-height: 15px; position: absolute; top: 18px; }

body.results #content #results-body #add-goal .buttons { font-size: 0; position: absolute; left: 20px; top: 20px; }

body.results #content #results-body #add-goal .buttons a { display: inline-block; margin-right: 10px; width: 100px; }

body.results #content #results-body .variations td { border-left: 1px solid #eee; }

body.results #content #results-body .goal .details tr:first-child td { border-bottom: 1px solid #d5d5d5; }

body.results #content #results-body .goal .details .baseline .title::after { content: "baseline"; color: #006eb6; font-size: 0.7em; font-weight: 500; line-height: 1; margin-left: 8px; text-transform: uppercase; }

body.results #content #results-body .goal .details th.results-highlight { background-color: #f8f8f8; border-left: 1px solid #d5d5d5; color: #006eb6; }

body.results #content #results-body .goal .details th.results-highlight ~ .results-highlight { border-left: none; }

body.results #content #results-body .goal .details td.results-highlight { border: 1px solid #d5d5d5; }

body.results #content #results-body .goal .details .results-highlight-last { border-right: 1px solid #d5d5d5; }

body.results #content #results-body .goal th.title { border-right: 1px solid #eee; }

body.results #content #results-body .overlay { position: absolute; height: 100%; width: 100%; opacity: 0.7; background-color: #FFF; /* above everything but the header */ z-index: 99; }

body.results #content #results-body .overlay .loading .message { font-weight: 500; position: absolute; top: 50%; margin-top: -15px; left: 50%; margin-left: -30px; text-align: center; color: #6b6b6b; }

body.results #content #results-body .overlay .loading .animation { height: 13px; width: 208px; background: transparent url(/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/loading-bar.gif) no-repeat; position: absolute; left: 50%; margin-left: -104px; top: 50%; margin-top: 10px; }

body.results #content #results-body .overlay .refreshing .notice { color: #000; display: block; position: fixed; text-align: center; font-size: 0.8em; top: 50%; left: 50%; marign-left: -100px; width: 200px; }

.admin, .admin:visited { color: #fcb423; }

/* ========================================================================== Main results2 styles ========================================================================== */
body.results2 { height: 100%; margin: 0; padding: 0; min-height: 100%; overflow-x: hidden; width: 100%; /* CUSTOM STYLES BELOW */ /* Stylesheet for the Date Range Picker, for use with Bootstrap 3.x Copyright 2013 Dan Grossman ( http://www.dangrossman.info ) Licensed under the Apache License v2.0 http://www.apache.org/licenses/LICENSE-2.0 Built for http://www.improvely.com */ /* .daterangepicker.opensleft:before { position: absolute; top: -7px; right: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.opensleft:after { position: absolute; top: -6px; right: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker.opensright:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.opensright:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } */ /* CUSTOM STYLES BELOW */ /*
Version: 3.4.6 Timestamp: Sat Mar 22 22:30:15 EDT 2014
*/ /* results */ /*
disabled look for disabled choices in the results dropdown
*/ /* disabled styles */ /* multiselect */ /* disabled styles */ /* end multiselect */ /* Retina-ize icons */ /* CUSTOM STYLES BELOW */ /* ========================================================================== Base results2 styles ========================================================================== */ /* ========================================================================== Layout results2 styles ========================================================================== */ /* ========================================================================== Media Queries ========================================================================== */ /* ========================================================================== MODULES for results2 ========================================================================== */ /* ========================================================================== MODULES for results2 ========================================================================== */ /* ========================================================================== State results2 styles ========================================================================== */ /** Responsive / Mobile Styles **/ }

body.results2.collapsed { overflow: hidden; }

body.results2 .dc-chart rect.bar { stroke: none; cursor: pointer; }

body.results2 .dc-chart rect.bar:hover { fill-opacity: .5; }

body.results2 .dc-chart rect.stack1 { stroke: none; fill: red; }

body.results2 .dc-chart rect.stack2 { stroke: none; fill: green; }

body.results2 .dc-chart rect.deselected { stroke: none; fill: #ccc; }

body.results2 .dc-chart .pie-slice { fill: white; font-size: 12px; cursor: pointer; }

body.results2 .dc-chart .pie-slice.external { fill: black; }

body.results2 .dc-chart .pie-slice :hover { fill-opacity: .8; }

body.results2 .dc-chart .pie-slice.highlight { fill-opacity: .8; }

body.results2 .dc-chart .selected path { stroke-width: 3; stroke: #ccc; fill-opacity: 1; }

body.results2 .dc-chart .deselected path { stroke: none; fill-opacity: .5; fill: #ccc; }

body.results2 .dc-chart .axis path, body.results2 .axis line { fill: none; stroke: #000; shape-rendering: crispEdges; }

body.results2 .dc-chart .axis text { font: 10px sans-serif; }

body.results2 .dc-chart .grid-line { fill: none; stroke: #ccc; opacity: .5; shape-rendering: crispEdges; }

body.results2 .dc-chart .grid-line line { fill: none; stroke: #ccc; opacity: .5; shape-rendering: crispEdges; }

body.results2 .dc-chart .brush rect.background { z-index: -999; }

body.results2 .dc-chart .brush rect.extent { fill: steelblue; fill-opacity: .125; }

body.results2 .dc-chart .brush .resize path { fill: #eee; stroke: #666; }

body.results2 .dc-chart path.line { fill: none; stroke-width: 1.5px; }

body.results2 .dc-chart circle.dot { stroke: none; }

body.results2 .dc-chart g.dc-tooltip path { fill: none; stroke: grey; stroke-opacity: .8; }

body.results2 .dc-chart path.area { fill-opacity: .3; stroke: none; }

body.results2 .dc-chart .node { font-size: 0.7em; cursor: pointer; }

body.results2 .dc-chart .node :hover { fill-opacity: .8; }

body.results2 .dc-chart .selected circle { stroke-width: 3; stroke: #ccc; fill-opacity: 1; }

body.results2 .dc-chart .deselected circle { stroke: none; fill-opacity: .5; fill: #ccc; }

body.results2 .dc-chart .bubble { stroke: none; fill-opacity: 0.6; }

body.results2 .dc-data-count { float: right; margin-top: 15px; margin-right: 15px; }

body.results2 .dc-data-count .filter-count { color: #3182bd; font-weight: bold; }

body.results2 .dc-data-count .total-count { color: #3182bd; font-weight: bold; }

body.results2 .dc-chart g.state { cursor: pointer; }

body.results2 .dc-chart g.state :hover { fill-opacity: .8; }

body.results2 .dc-chart g.state path { stroke: white; }

body.results2 .dc-chart g.deselected path { fill: grey; }

body.results2 .dc-chart g.deselected text { display: none; }

body.results2 .dc-chart g.county path { stroke: white; fill: none; }

body.results2 .dc-chart g.debug rect { fill: blue; fill-opacity: .2; }

body.results2 .dc-chart g.row rect { fill-opacity: 0.8; cursor: pointer; }

body.results2 .dc-chart g.row rect:hover { fill-opacity: 0.6; }

body.results2 .dc-chart g.row text { fill: white; font-size: 12px; cursor: pointer; }

body.results2 .dc-legend { font-size: 11px; }

body.results2 .dc-legend-item { cursor: pointer; }

body.results2 .dc-chart g.axis text { /* Makes it so the user can't accidentally click and select text that is meant as a label only */ -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10 */ -o-user-select: none; user-select: none; pointer-events: none; }

body.results2 .dc-chart path.highlight { fill-opacity: 1; stroke-opacity: 1; }

body.results2 .dc-chart rect.anno.highlight { stroke-width: 3; stroke-linecap: butt; fill-opacity: 1; stroke-opacity: 1; }

body.results2 .dc-chart rect.anno.fadeout { fill-opacity: 0.1; }

body.results2 .dc-chart rect.anno { stroke-width: 3; fill-opacity: .3; stroke-opacity: 0; }

body.results2 .dc-chart .highlight { fill-opacity: 1; stroke-opacity: 1; }

body.results2 .dc-chart .fadeout { fill-opacity: 0.2; stroke-opacity: 0.2; }

body.results2 .dc-chart path.dc-symbol, body.results2 g.dc-legend-item.fadeout { fill-opacity: 0.5; stroke-opacity: 0.5; }

body.results2 .dc-hard .number-display { float: none; }

body.results2 .dc-chart .box text { font: 10px sans-serif; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10 */ -o-user-select: none; user-select: none; pointer-events: none; }

body.results2 .dc-chart .box line, body.results2 .dc-chart .box circle { fill: #fff; stroke: #000; stroke-width: 1.5px; }

body.results2 .dc-chart .box rect { stroke: #000; stroke-width: 1.5px; }

body.results2 .dc-chart .box .center { stroke-dasharray: 3,3; }

body.results2 .dc-chart .box .outlier { fill: none; stroke: #ccc; }

body.results2 .dc-chart .box.deselected .box { fill: #ccc; }

body.results2 .dc-chart .box.deselected { opacity: .5; }

body.results2 .dc-chart .symbol { stroke: none; }

body.results2 .dc-chart .heatmap .box-group.deselected rect { stroke: none; fill-opacity: .5; fill: #ccc; }

body.results2 .dc-chart .heatmap g.axis text { pointer-events: all; cursor: pointer; }

body.results2 .d3-tip { padding: 10px; background: rgba(0, 0, 0, 0.8); color: #bbb; font-size: 12px; position: absolute; z-index: 99999; text-align: left; border-radius: 3px; }

body.results2 .annotation-input .annotation-text { resize: none; }

body.results2 .annotation-input .annotation-add { float: right; }

body.results2 .annotation-input .annotation-cancel { float: right; clear: both; margin-top: -10px; }

body.results2 .d3-tip:after { box-sizing: border-box; position: absolute; left: 50%; height: 12px; width: 12px; bottom: -10px; margin: 0 0 0 -5px; content: " "; border: 5px solid transparent; border-top-color: rgba(0, 0, 0, 0.8); }

body.results2 .grid-line, body.results2 .axis { pointer-events: none; }

body.results2 text.anno { pointer-events: none; font-size: 14px; text-anchor: middle; }

body.results2 .dc-chart .line.full-distribution { pointer-events: none; }

body.results2 .daterangepicker.dropdown-menu, body.results2 .daterangepicker.dropdown-menu-top, body.results2 .daterangepicker.dropdown-menu-nav-main { max-width: none; z-index: 3000; }

body.results2 .daterangepicker.opensleft .ranges, body.results2 .daterangepicker.opensleft .calendar { float: left; margin: 4px; }

body.results2 .daterangepicker.opensright .ranges, body.results2 .daterangepicker.opensright .calendar { float: right; margin: 4px; }

body.results2 .daterangepicker .ranges { width: 160px; text-align: left; }

body.results2 .daterangepicker .ranges .range_inputs > div { float: left; }

body.results2 .daterangepicker .ranges .range_inputs > div:nth-child(2) { padding-left: 11px; }

body.results2 .daterangepicker .calendar { display: none; max-width: 270px; }

body.results2 .daterangepicker.show-calendar .calendar { display: block; }

body.results2 .daterangepicker .calendar.single .calendar-date { border: none; }

body.results2 .daterangepicker .calendar th, body.results2 .daterangepicker .calendar td { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; white-space: nowrap; text-align: center; min-width: 32px; }

body.results2 .daterangepicker .daterangepicker_start_input label, body.results2 .daterangepicker .daterangepicker_end_input label { color: #333; display: block; font-size: 11px; font-weight: normal; height: 20px; line-height: 20px; margin-bottom: 2px; text-shadow: #fff 1px 1px 0px; text-transform: uppercase; width: 74px; }

body.results2 .daterangepicker .ranges input { font-size: 11px; }

body.results2 .daterangepicker .ranges .input-mini { background-color: #eee; border: 1px solid #ccc; border-radius: 4px; color: #555; display: block; font-size: 11px; height: 30px; line-height: 30px; vertical-align: middle; margin: 0 0 10px 0; padding: 0 6px; width: 74px; }

body.results2 .daterangepicker .ranges ul { list-style: none; margin: 0; padding: 0; }

body.results2 .daterangepicker .ranges li { font-size: 13px; background: #f5f5f5; border: 1px solid #f5f5f5; color: #08c; padding: 3px 12px; margin-bottom: 8px; border-radius: 5px; cursor: pointer; }

body.results2 .daterangepicker .ranges li.active, body.results2 .daterangepicker .ranges li:hover { background: #08c; border: 1px solid #08c; color: #fff; }

body.results2 .daterangepicker .calendar-date { border: 1px solid #ddd; padding: 4px; border-radius: 4px; background: #fff; }

body.results2 .daterangepicker .calendar-time { text-align: center; margin: 8px auto 0 auto; line-height: 30px; }

body.results2 .daterangepicker { position: absolute; background: #fff; top: 100px; left: 20px; padding: 4px; margin-top: 1px; border-radius: 4px; }

body.results2 .daterangepicker table { width: 100%; margin: 0; }

body.results2 .daterangepicker td, body.results2 .daterangepicker th { text-align: center; width: 20px; height: 20px; border-radius: 4px; cursor: pointer; white-space: nowrap; }

body.results2 .daterangepicker td.off { color: #999; }

body.results2 .daterangepicker td.disabled { color: #bbb; cursor: default; }

body.results2 .daterangepicker td.available:hover, body.results2 .daterangepicker th.available:hover { background: #eee; }

body.results2 .daterangepicker td.in-range { background: #ebf4f8; border-radius: 0; }

body.results2 .daterangepicker td.active, body.results2 .daterangepicker td.active:hover { background-color: #357ebd; border-color: #3071a9; color: #fff; }

body.results2 .daterangepicker td.week, body.results2 .daterangepicker th.week { font-size: 80%; color: #ccc; }

body.results2 .daterangepicker select.monthselect, body.results2 .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; }

body.results2 .daterangepicker select.monthselect { margin-right: 2%; width: 56%; }

body.results2 .daterangepicker select.yearselect { width: 40%; }

body.results2 .daterangepicker select.hourselect, body.results2 .daterangepicker select.minuteselect, body.results2 .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; }

body.results2 .daterangepicker_start_input { float: left; }

body.results2 .daterangepicker_end_input { float: left; padding-left: 11px; }

body.results2 .daterangepicker th.month { width: auto; }

body.results2 .date-range { line-height: 30px; white-space: nowrap; }

body.results2 .daterangepicker { border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); margin-right: 1px; margin-top: -1px; padding: 0; }

body.results2 .daterangepicker.opensright .ranges { margin: 0; }

body.results2 .daterangepicker.opensright .ranges ul { margin-bottom: 10px; }

body.results2 .daterangepicker.show-calendar.opensright .ranges { border-right: solid 1px #D5D5D5; margin-right: 3px; }

body.results2 .daterangepicker .calendar-date { border: 0; }

body.results2 .daterangepicker.opensright .calendar { margin-top: 0; margin-right: 0; }

body.results2 .daterangepicker .ranges .range_inputs { padding: 0 3px; padding-bottom: 3px; }

body.results2 .daterangepicker .ranges .range_inputs > div:nth-child(2) { padding-left: 5px; }

body.results2 .daterangepicker .ranges li { background-color: white; border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: inherit; margin: 0; padding: 5px 10px; }

body.results2 .daterangepicker .ranges li.active { background-color: #F4F9FC; border: 0; color: inherit; }

body.results2 .daterangepicker .ranges li.active:hover { background-color: #F4F9FC; }

body.results2 .daterangepicker .ranges li:hover { background-color: #F4F9FC; border: 0; color: inherit; }

body.results2 .daterangepicker .ranges .input-mini { font-size: 10px; height: 20px; line-height: 20px; }

body.results2 .select2-container { margin: 0; position: relative; display: inline-block; /* inline-block for ie7 */ zoom: 1; *display: inline; vertical-align: middle; }

body.results2 .select2-container, body.results2 .select2-drop, body.results2 .select2-search, body.results2 .select2-search input { /* Force border-box so that % widths fit the parent container without overlap because of margin/padding. More Info : http://www.quirksmode.org/css/box.html */ /* webkit */ /* firefox */ box-sizing: border-box; /* css3 */ }

body.results2 .select2-container .select2-choice { display: block; height: 26px; padding: 0 0 0 8px; overflow: hidden; position: relative; border: 1px solid #aaa; white-space: nowrap; line-height: 26px; color: #444; text-decoration: none; border-radius: 4px; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0); background-image: linear-gradient(to top, #eee 0%, #fff 50%); }

body.results2 .select2-container.select2-drop-above .select2-choice { border-bottom-color: #aaa; border-radius: 0 0 4px 4px; background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); background-image: linear-gradient(to bottom, #eee 0%, #fff 90%); }

body.results2 .select2-container.select2-allowclear .select2-choice .select2-chosen { margin-right: 42px; }

body.results2 .select2-container .select2-choice > .select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: none; width: auto; }

body.results2 .select2-container .select2-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; cursor: pointer; outline: 0; }

body.results2 .select2-container.select2-allowclear .select2-choice abbr { display: inline-block; }

body.results2 .select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; }

body.results2 .select2-drop-mask { border: 0; margin: 0; padding: 0; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 9998; /* styles required for IE to work */ background-color: #fff; filter: alpha(opacity=0); }

body.results2 .select2-drop { width: 100%; margin-top: -1px; position: absolute; z-index: 9999; top: 100%; background: #fff; color: #000; border: 1px solid #aaa; border-top: 0; border-radius: 0 0 4px 4px; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }

body.results2 .select2-drop.select2-drop-above { margin-top: 1px; border-top: 1px solid #aaa; border-bottom: 0; border-radius: 4px 4px 0 0; box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); }

body.results2 .select2-drop-active { border: 1px solid #5897fb; border-top: none; }

body.results2 .select2-drop.select2-drop-above.select2-drop-active { border-top: 1px solid #5897fb; }

body.results2 .select2-drop-auto-width { border-top: 1px solid #aaa; width: auto; }

body.results2 .select2-drop-auto-width .select2-search { padding-top: 4px; }

body.results2 .select2-container .select2-choice .select2-arrow { display: inline-block; width: 18px; height: 100%; position: absolute; right: 0; top: 0; border-left: 1px solid #aaa; border-radius: 0 4px 4px 0; background-clip: padding-box; background: #ccc; background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0); background-image: linear-gradient(to top, #ccc 0%, #eee 60%); }

body.results2 .select2-container .select2-choice .select2-arrow b { display: block; width: 100%; height: 100%; }

body.results2 .select2-search { display: inline-block; width: 100%; min-height: 26px; margin: 0; padding-left: 4px; padding-right: 4px; position: relative; z-index: 10000; white-space: nowrap; }

body.results2 .select2-search input { width: 100%; height: auto !important; min-height: 26px; padding: 4px 20px 4px 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; border-radius: 0; box-shadow: none; }

body.results2 .select2-drop.select2-drop-above .select2-search input { margin-top: 4px; }

body.results2 .select2-container-active .select2-choice, body.results2 .select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

body.results2 .select2-dropdown-open .select2-choice { border-bottom-color: transparent; box-shadow: 0 1px 0 #fff inset; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: #eee; background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(to top, #fff 0%, #eee 50%); }

body.results2 .select2-dropdown-open.select2-drop-above .select2-choice, body.results2 .select2-dropdown-open.select2-drop-above .select2-choices { border: 1px solid #5897fb; border-top-color: transparent; background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); }

body.results2 .select2-dropdown-open .select2-choice .select2-arrow { background: transparent; border-left: none; -webkit-filter: none; filter: none; }

body.results2 .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -18px 1px; }

body.results2 .select2-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

body.results2 .select2-results { max-height: 200px; padding: 0 0 0 4px; margin: 4px 4px 4px 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: transparent; }

body.results2 .select2-results ul.select2-result-sub { margin: 0; padding-left: 0; }

body.results2 .select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px; }

body.results2 .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px; }

body.results2 .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px; }

body.results2 .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px; }

body.results2 .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px; }

body.results2 .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px; }

body.results2 .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px; }

body.results2 .select2-results li { list-style: none; display: list-item; background-image: none; }

body.results2 .select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; }

body.results2 .select2-results .select2-result-label { padding: 3px 7px 4px; margin: 0; cursor: pointer; min-height: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

body.results2 .select2-results .select2-highlighted { background: #3875d7; color: #fff; }

body.results2 .select2-results li em { background: #feffde; font-style: normal; }

body.results2 .select2-results .select2-highlighted em { background: transparent; }

body.results2 .select2-results .select2-highlighted ul { background: #fff; color: #000; }

body.results2 .select2-results .select2-no-results, body.results2 .select2-results .select2-searching, body.results2 .select2-results .select2-selection-limit { background: #f4f4f4; display: list-item; padding-left: 5px; }

body.results2 .select2-results .select2-disabled.select2-highlighted { color: #666; background: #f4f4f4; display: list-item; cursor: default; }

body.results2 .select2-results .select2-disabled { background: #f4f4f4; display: list-item; cursor: default; }

body.results2 .select2-results .select2-selected { display: none; }

body.results2 .select2-more-results { background: #f4f4f4; display: list-item; }

body.results2 .select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; }

body.results2 .select2-container.select2-container-disabled .select2-choice .select2-arrow { background-color: #f4f4f4; background-image: none; border-left: 0; }

body.results2 .select2-container.select2-container-disabled .select2-choice abbr { display: none; }

body.results2 .select2-container-multi .select2-choices { height: auto !important; height: 1%; margin: 0; padding: 0; position: relative; border: 1px solid #aaa; cursor: text; overflow: hidden; background-color: #fff; background-image: linear-gradient(to bottom, #eee 1%, #fff 15%); }

body.results2 .select2-locked { padding: 3px 5px 3px 5px !important; }

body.results2 .select2-container-multi .select2-choices { min-height: 26px; }

body.results2 .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

body.results2 .select2-container-multi .select2-choices li { float: left; list-style: none; }

body.results2 html[dir="rtl"] .select2-container-multi .select2-choices li { float: right; }

body.results2 .select2-container-multi .select2-choices .select2-search-field { margin: 0; padding: 0; white-space: nowrap; }

body.results2 .select2-container-multi .select2-choices .select2-search-field input { padding: 5px; margin: 1px 0; font-family: sans-serif; font-size: 100%; color: #666; outline: 0; border: 0; box-shadow: none; background: transparent !important; }

body.results2 .select2-default { color: #999 !important; }

body.results2 .select2-container-multi .select2-choices .select2-search-choice { padding: 3px 5px 3px 18px; margin: 3px 0 3px 5px; position: relative; line-height: 13px; color: #333; cursor: default; border: 1px solid #aaaaaa; border-radius: 3px; box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0); background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); }

body.results2 html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice { margin-left: 0; margin-right: 5px; }

body.results2 .select2-container-multi .select2-choices .select2-search-choice .select2-chosen { cursor: default; }

body.results2 .select2-container-multi .select2-choices .select2-search-choice-focus { background: #d4d4d4; }

body.results2 .select2-search-choice-close { display: block; width: 12px; height: 13px; position: absolute; right: 3px; top: 4px; font-size: 1px; outline: none; }

body.results2 html[dir="rtl"] .select2-search-choice-close { right: auto; left: 3px; }

body.results2 .select2-container-multi .select2-search-choice-close { left: 3px; }

body.results2 .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -11px; }

body.results2 .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -11px; }

body.results2 .select2-container-multi.select2-container-disabled .select2-choices { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; }

body.results2 .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { padding: 3px 5px 3px 5px; border: 1px solid #ddd; background-image: none; background-color: #f4f4f4; }

body.results2 .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; background: none; }

body.results2 .select2-result-selectable .select2-match, body.results2 .select2-result-unselectable .select2-match { text-decoration: underline; }

body.results2 .select2-offscreen, body.results2 .select2-offscreen:focus { clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0px !important; top: 0px !important; }

body.results2 .select2-display-none { display: none; }

body.results2 .select2-measure-scrollbar { position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) { body.results2 .select2-search input, body.results2 .select2-search-choice-close, body.results2 .select2-container .select2-choice abbr, body.results2 .select2-container .select2-choice .select2-arrow b { background-repeat: no-repeat !important; background-size: 60px 40px !important; }
  body.results2 .select2-search input { background-position: 100% -21px !important; } }

body.results2 .select2-container.lego-button { padding: 0; }

body.results2 .select2-container .select2-choice { background: none; border: none; border-radius: 0; height: 100%; line-height: 30px; padding: 0 10px; }

body.results2 .select2-container-active .select2-choice { box-shadow: none; }

body.results2 .select2-container .select2-choice > .select2-chosen { margin: 0; }

body.results2 .select2-container .select2-choice .select2-arrow { display: none; }

body.results2 .select2-drop-active { border: none !important; }

body.results2 .select2-container.dropdown-arrow::after, body.results2 .select2-container-active .select2-container.select2-choice::after { position: absolute; right: 1em; top: 0.7em; margin-top: -10px; }

body.results2 .lego-table { width: 100%; font-size: 12px; }

body.results2 .lego-table th, body.results2 .lego-table td { padding-left: 20px; padding-top: 5px; padding-bottom: 5px; }

body.results2 .lego-table th:first-child, body.results2 .lego-table td:first-child { padding-left: 0; }

body.results2 .lego-table th { text-transform: uppercase; text-align: left; }

body.results2 .lego-table [rowspan] { vertical-align: middle; }

body.results2 .lego-table [rowspan="1"] { vertical-align: top; }

body.results2 .lego-table .numerical { text-align: right; }

body.results2 .lego-table .cell-collapse { width: 1%; }

body.results2 .lego-table--dashboard > thead > th, body.results2 .lego-table--rule > thead > th { padding-bottom: 10px; }

body.results2 .lego-table--dashboard > tbody > tr, body.results2 .lego-table--rule > tbody > tr { border-top: 1px solid #EDEDED; }

body.results2 .lego-table--wall > thead > tr > th, body.results2 .lego-table--wall > tbody > tr > td { border-left: 1px solid #EDEDED; padding-right: 10px; }

body.results2 .lego-table--wall > thead > tr > th:first-child, body.results2 .lego-table--wall > tbody > tr > td:first-child { border-left: 0; }

body.results2 .lego-table--dashboard > tbody > tr:hover, body.results2 .lego-table--hover > tbody > tr:hover { background-color: #F2F7FC; cursor: pointer; }

body.results2 .lego-table-row--active { background-color: #F2F7FC; }

body.results2 #content.results2 { background-color: white; border-left: none; min-width: 960px; overflow-y: hidden; }

body.results2 #navigation-container h5 { font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 400; padding-bottom: 5px; padding-left: 10px; text-transform: uppercase; }

body.results2 .hidden { display: none !important; }

body.results2 .label { color: #aaa; font-size: .5em; }

body.results2 .primary { font-size: 16px; line-height: 1; }

body.results2 .secondary { font-size: 10px; font-weight: 500; line-height: 1; opacity: 0.8; }

body.results2 .secondary-label { font-size: 10px; opacity: 0.6; }

body.results2 .no-select { -webkit-user-select: none; -moz-user-select: none; }

body.results2 .show { z-index: 3000; }

body.results2 .small-link, body.results2 .small-text { font-size: 12px; }

body.results2 .trans { transition: all 300ms linear; }

body.results2 .icon { height: 25px; width: 25px; }

body.results2 .width--100 { width: 100%; }

body.results2 .header-container { background-color: #FFFFFF; border-bottom: solid 1px #d5d5d5; height: 60px; position: relative; }

body.results2 .button-bar { background-color: #FFFFFF; height: 60px; padding-left: 25px; position: absolute; width: 100%; }

body.results2 #navigation-container { background: #F7F7F7; border-left: solid 1px #d5d5d5; top: 60px; overflow-x: hidden; overflow-y: auto; padding: 0; right: 0; }

body.results2 #navigation-container > div { padding-top: 25px; }

body.results2 #content .content-body { left: 0; right: 240px; top: 60px; box-shadow: none; }

body.results2 #report-body { background-color: #FFFFFF; bottom: 0; left: 0; margin-top: 60px; position: absolute; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; right: 0; top: 0; }

body.results2 #results2-body .detail-container { margin: 25px; border: solid 1px #d5d5d5; background-color: white; }

body.results2 #annotations-container { background-color: #FAFAFA; height: 100%; position: absolute; width: 100%; }

body.results2 .header-container .titles { margin-left: 25px; padding-top: 6px; }

body.results2 .header-container #reset-results-button { color: #ab290d !important; }

body.results2 .header-container .reset-results-dropdown { right: 0; }

body.results2 .button-bar { border-color: transparent; border-style: solid; border-width: 0; border-bottom-width: 1px; }

body.results2 .lego-dropdown { max-height: 500px; overflow-x: hidden; overflow-y: auto; }

body.results2 .navigation-list { margin-bottom: 10px; }

body.results2 .navigation-list li { border: solid 1px transparent; cursor: pointer; padding: 5px; padding-left: 20px; width: 100%; }

body.results2 .navigation-list li.selected, body.results2 .navigation-list li.selected:hover { background-color: #9FC6E7; color: white; }

body.results2 .navigation-list li:hover { background-color: #F0F0F0; }

body.results2 #saved-reports h6 { color: #999; font-size: .75em; margin-left: 10px; }

body.results2 #custom-reports li a { display: none; font-size: .75em; float: right; margin-right: 5px; margin-top: 3px; text-transform: uppercase; }

body.results2 #custom-reports li.selected a { color: white; }

body.results2 #custom-reports li:hover a { display: block; }

body.results2 #report-builder .help-text { margin: 10px; margin-top: 0; margin-bottom: 15px; }

body.results2 #report-builder .navigation-list li { padding-left: 10px; }

body.results2 #report-builder .delete-report-link { color: #ab290d; margin-top: 10px; text-decoration: underline; }

body.results2 #annotations-container { z-index: 3; }

body.results2 #annotations-container .hide-annotations { position: absolute; right: 5px; }

body.results2 .annotation .small { font-size: 10px; }

body.results2 .annotation a { color: #bbb; }

body.results2 .annotation .annotation-time { font-size: 0.9em; }

body.results2 .annotation .annotation-description { font-weight: 400; }

body.results2 .lego-table > thead > th { color: #aaa; padding-bottom: 5px; text-align: right; }

body.results2 .lego-table tr:nth-child(even) { background-color: #FCFCFC; }

body.results2 .lego-table th, body.results2 .lego-table td { padding-top: 10px; padding-bottom: 10px; width: 20%; }

body.results2 .lego-table th:first-child, body.results2 .lego-table td:first-child { padding-left: 10px; text-align: left; }

body.results2 .lego-table th:last-child, body.results2 .lego-table td:last-child { min-width: 200px; padding-right: 10px; }

body.results2 .lego-table thead:hover .lego-help-dot { opacity: 1; transform: scale(1); }

body.results2 .primary-metric { line-height: 1; font-weight: 500; position: relative; }

body.results2 .primary-metric span { cursor: pointer; }

body.results2 .primary-metric .lego-help-dot { margin-right: 5px; opacity: 0; transform: scale(0); }

body.results2 .explorer-scroll { overflow-x: auto; overflow-y: hidden; }

body.results2 .explorer-expand { max-height: 225px; overflow: hidden; }

body.results2 .explorer { background-color: #FFF; width: auto; white-space: nowrap; }

body.results2 .explorer .variations, body.results2 .explorer .visitors, body.results2 .explorer .goals { display: inline-block; }

body.results2 .explorer .variations { float: left; min-width: 120px; }

body.results2 .explorer .variation { font-size: 12px; height: 46px; margin: 5px 0; max-width: 250px; overflow: hidden; padding-top: 15px; padding-right: 5px; text-align: left; white-space: normal; }

body.results2 .explorer .visitors { float: left; }

body.results2 .explorer .visitors .cell { padding: 5px 10px; }

body.results2 .explorer .goal { border: none; display: inline-block; vertical-align: top; width: 115px; }

body.results2 .explorer .goal .cell { cursor: pointer; }

body.results2 .explorer .cell-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #eee; font-size: 12px; width: 100%; }

body.results2 .explorer .cell { font-size: 10px; height: 46px; margin: 5px 0; margin-right: 5px; text-align: right; width: 110px; }

body.results2 .explorer .cell .primary { font-size: 16px; line-height: 1.4; }

body.results2 .explorer .cell.is-inconclusive .primary, body.results2 .explorer .cell.visitor .primary { color: #555; }

body.results2 .explorer .display { background-color: inherit; padding: 5px 10px; position: relative; transition: all 100ms ease; }

body.results2 .explorer .display:hover { box-shadow: 0 0 2px 2px rgba(36, 36, 0, 0.1); line-height: 1.2; top: -8px; z-index: 2; }

body.results2 .explorer .display:hover .primary { line-height: 1; }

body.results2 .explorer .display:hover .primary-label, body.results2 .explorer .display:hover .secondary-label { display: block; opacity: 0.6; }

body.results2 .explorer .display:hover .primary-label { margin-top: -2px; margin-bottom: 2px; }

body.results2 .explorer .primary-label, body.results2 .explorer .secondary-label { display: none; }

body.results2 .detail-container .header { background-color: #fafafa; border-bottom: solid 1px #d5d5d5; min-height: 50px; position: relative; overflow: visible; width: 100%; }

body.results2 .detail-container .header .title-container { clear: left; margin-top: -1px; max-width: 60%; padding-left: 10px; text-overflow: ellipsis; }

body.results2 .detail-container .header .label { clear: left; color: #3385d6; float: left; font-size: 10px; font-weight: 400; padding-left: 10px; padding-top: 7px; text-transform: uppercase; }

body.results2 .detail-container .header .description { clear: left; float: left; min-height: 18px; padding-left: 10px; margin-bottom: 5px; }

body.results2 .detail-container .header .header-controls { padding-right: 10px; padding-top: 16px; }

body.results2 .detail-container .header .segment-type { font-weight: 400; text-align: right; }

body.results2 .detail-container .header .summary-toggle:focus { outline: none; }

body.results2 .detail-container .header .header-controls .segment-picker-dropdown, body.results2 .detail-container .header .header-controls .segment-type { display: none; }

body.results2 .detail-container .header .sub-header-nav { margin-top: 0; }

body.results2 .detail-container .header .sub-header-nav li > a { margin-top: 8px; }

body.results2 .conclusion-summary { background-color: white; font-size: 12px; min-height: 40px; position: relative; }

body.results2 .conclusion-summary.is-winner { border-top: solid 4px #90b71c; }

body.results2 .conclusion-summary.is-loser { border-top: solid 4px #e75611; }

body.results2 .conclusion-summary.is-inconclusive { border-top: solid 4px #aaa; }

body.results2 .conclusion-summary .icon { background-color: white; border-radius: 50%; left: -13px; position: absolute; top: 5px; }

body.results2 .conclusion-summary .conclusion-message { margin-left: 20px; margin-top: 10px; }

body.results2 .conclusion-summary .launch-button { position: absolute; right: 10px; top: 5px; }

body.results2 .chart-container { background-color: #f8f8f8; box-shadow: inset  0  8px 8px -8px #CCC, inset  0 -8px 8px -8px #CCC; max-height: 400px; overflow: hidden; position: relative; }

body.results2 .detail-container { background-color: white; box-shadow: 0px 3px 5px 0px rgba(36, 36, 0, 0.1); position: relative; }

body.results2 .detail-container .content { min-height: 100px; overflow: hidden; width: 100%; }

body.results2 .detail-container .chart-title { padding-top: 5px; text-align: center; }

body.results2 .detail-container .measure-picker { color: #333; display: inline-block; font-weight: 400; }

body.results2 .detail-container .annotations-toggle { cursor: pointer; display: inline-block; font-size: 12px; margin-top: 7px; position: absolute; right: 15px; }

body.results2 .detail-container .annotations-toggle.disabled { color: #888; cursor: default; }

body.results2 .detail-container.overview .summary-toggle { display: none; }

body.results2 .detail-container.overview .goal-type-picker [data-value="lifecycle"] { display: none; }

body.results2 .detail-container.overview .content .summary-totals { width: 250px; }

body.results2 .detail-container.overview .content .summary-grid { width: calc(100% - 265px); }

body.results2 .detail-container.overview .content > div { display: inline-block; vertical-align: top; }

body.results2 .detail-container.overview .content .icon { clear: left; float: left; height: 25px; margin: 0 6px; width: 25px; }

body.results2 .detail-container.overview .content .icon-days { height: 19px; margin: 0 9px; width: 19px; }

body.results2 .detail-container.overview .content .count { color: #6b6b6b; font-size: 40px; font-weight: 100; }

body.results2 .detail-container.overview .content .label { border-bottom: 1px solid #eee; color: #333333; font-size: 12px; font-weight: 400; text-transform: uppercase; max-width: 220px; }

body.results2 .detail-container.overview .content .summary-visitors, body.results2 .detail-container.overview .content .summary-days { margin-bottom: 1em; overflow: hidden; vertical-align: top; }

body.results2 .detail-container.overview.wide-mode .summary-totals { width: 500px; }

body.results2 .detail-container.overview.wide-mode .summary-totals > div { display: inline-block; }

body.results2 .detail-container.overview.wide-mode .summary-days { padding-left: 30px; }

body.results2 .detail-container.overview.wide-mode .summary-grid { width: calc(100% - 530px); }

body.results2 .detail-container .remove-icon { display: none; }

body.results2 .daterangepicker.dropdown-menu, body.results2 .daterangepicker.dropdown-menu-top, body.results2 .daterangepicker.dropdown-menu-nav-main { display: none; min-width: initial; visibility: visible; }

body.results2 .dc-chart { float: none; line-height: 1; width: 100%; }

body.results2 .refresh-notifier { bottom: 0; margin: 0; position: fixed; width: inherit; }

body.results2 .lego-notification--wrap { position: absolute; top: 3.2em; width: 35%; z-index: 1; }

body.results2 .beta-label { font-size: 9px; margin-left: 5px; opacity: 0.6; }

body.results2 .inline-chart { width: 70%; margin-left: auto; position: relative; }

body.results2 .inline-chart .table-row-chart > div { background-color: #d5d5d5; }

body.results2 .inline-chart .label { font-size: 10px; visibility: hidden; }

body.results2 .inline-chart .zero-label { text-align: center; }

body.results2 .inline-chart:hover .label { visibility: visible; }

body.results2 .table-box-plot { display: table; width: 100%; font-size: 3px; }

body.results2 .table-box-plot .table-box-cell { display: table-cell; width: 49%; }

body.results2 .table-box-plot .table-box-row { display: table-row; }

body.results2 .table-box-plot .box-plot-fill { background-color: #d5d5d5; }

body.results2 .table-box-plot .box-plot-fill.col1.box-left { background-color: #e75611; }

body.results2 .table-box-plot .box-plot-fill.col2.box-left { background-color: #e75611; }

body.results2 .table-box-plot .box-plot-fill.col2.box-right { background-color: #90b71c; }

body.results2 .table-box-plot .box-plot-fill.col3.box-right { background-color: #90b71c; }

body.results2 .table-box-plot .table-box-plot-top > .table-box-cell { border-bottom: 1px; border-bottom-style: solid; border-bottom-color: #aaa; }

body.results2 .table-box-plot .table-box-plot-top > .table-box-cell.box-plot-fill { border-bottom: none; }

body.results2 .table-box-plot .center-line { border-left: 1px; border-left-style: solid; border-left-color: #aaa; }

body.results2 .bucket-charts .content { font-size: 12px; overflow: visible; }

body.results2 .bucket-charts .variations, body.results2 .bucket-charts .columns, body.results2 .bucket-charts .bucket-col, body.results2 .bucket-charts .bar-chart-spacer { display: inline-block; vertical-align: top; }

body.results2 .bucket-charts .variations, body.results2 .bucket-charts .bar-chart-spacer { width: 180px; }

body.results2 .bucket-charts .bar-chart-spacer { display: block; height: 182px; max-height: 182px; }

body.results2 .bucket-charts .bar-chart-spacer.collapsed { height: 0px; max-height: 0px; }

body.results2 .bucket-charts .y-axis-label { padding-left: 10px; padding-top: 10px; }

body.results2 .bucket-charts .variations .cell, body.results2 .bucket-charts .variations .col-label { background-color: white; padding-left: 10px; position: relative; text-align: left; z-index: 1; }

body.results2 .bucket-charts .columns { display: -ms-flexbox; display: flex; display: -webkit-flex; /* width: 80%; */ }

body.results2 .bucket-charts .bucket-col { border-right: 1px solid #d5d5d5; -ms-flex: 1; flex: 1; -webkit-flex: 1; /* max-width: 300px; */ min-width: 100px; }

body.results2 .bucket-charts .bucket-col:first-child { border-left: 1px solid #d5d5d5; }

body.results2 .bucket-charts .bucket-col:last-child { border-right: 0; }

body.results2 .bucket-charts .bar-chart { left: -1px; margin-left: -40px; max-height: 182px; overflow: hidden; padding-left: 40px; position: relative; width: inherit; }

body.results2 .bucket-charts .bar-chart .axis.y { fill: #888; }

body.results2 .bucket-charts .bar-chart .axis.y .tick.major:first-child { display: none; }

body.results2 .bucket-charts .bar-chart.dc-chart .axis path { stroke-width: 0; }

body.results2 .bucket-charts .bar-chart.collapsed { max-height: 0; }

body.results2 .bucket-charts .axis line { stroke: #d5d5d5; }

body.results2 .bucket-charts .col-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: white; color: #aaa; font-weight: 500; padding: 10px 5px; position: relative; text-align: center; text-transform: uppercase; z-index: 1; }

body.results2 .bucket-charts .col-label .help-button { margin-bottom: -3px; }

body.results2 .bucket-charts .cell { border-top: solid 1px #eee; height: 47px; position: relative; text-align: right; }

body.results2 .bucket-charts .cell-inner { height: 100%; padding: 10px; position: relative; /* transition: all 100ms ease; */ }

body.results2 .bucket-charts .cell-inner .improvement .secondary-label { margin-top: 4px; }

body.results2 .bucket-charts .cell-inner .secondary-label, body.results2 .bucket-charts .cell-inner .confidence { display: none; }

body.results2 .bucket-charts .variations .cell-inner { height: auto; margin-top: -8px; padding: 0; position: absolute; top: 50%; line-height: 1; }

body.results2 .bucket-charts .columns .cell-inner:hover, body.results2 .bucket-charts .columns .cell.zoom .cell-inner { background-color: inherit; box-shadow: 0 0 2px 2px rgba(36, 36, 0, 0.1); padding: 6px 10px; left: -10%; top: -10%; width: 120%; height: 120%; z-index: 2; }

body.results2 .bucket-charts .columns .cell-inner:hover .secondary, body.results2 .bucket-charts .columns .cell.zoom .cell-inner .secondary { margin-top: 3px; }

body.results2 .bucket-charts .columns .cell-inner:hover .secondary-label, body.results2 .bucket-charts .columns .cell-inner:hover .confidence, body.results2 .bucket-charts .columns .cell.zoom .cell-inner .secondary-label, body.results2 .bucket-charts .columns .cell.zoom .cell-inner .confidence { display: block; }

body.results2 .bucket-charts .bar-chart svg { overflow: visible; }

body.results2 .bucket-charts .dc-chart rect.bar.highlight, body.results2 .bucket-charts .dc-chart rect.bar:hover { fill-opacity: 1; }

body.results2 .bucket-charts .dc-chart rect.bar.fadeout { fill-opacity: 0.5; }

@media (min-width: 1200px) { body.results2 .bucket-charts .bucket-col div:nth-child(3) > .cell-inner .secondary-label { display: block; } }

body.results2 .cell { background-color: #f8f8f8; }

body.results2 .is-winning { color: #FFF; background-color: #85a91a; }

body.results2 .explorer .is-winning .display::before { color: #FFF; content: "▲"; float: left; }

body.results2 .isnot-winning { color: #FFF; background-color: #e75611; }

body.results2 .explorer .isnot-winning .display::before { color: #FFF; content: "▼"; float: left; }

body.results2 .sort-ascending::after, body.results2 .sort-descending::after { color: #AAA; font-size: 8px; position: absolute; right: -10px; top: 3px; }

body.results2 .sort-ascending::after { content: '▲'; }

body.results2 .sort-descending::after { content: '▼'; }

body.results2 .results2 .dropdown-arrow::after, body.results2 .results2 .select2-container-active .select2-choice::after, body.results2 .select2-container-active .results2 .select2-choice::after { color: inherit; margin-right: -5px; padding-left: 7px; pointer-events: none; }

body.results2 .measure-picker .dropdown-activate::before { content: '\25be'; color: #AAA; float: right; margin-right: -5px; padding-left: 7px; }

body.results2 .measure-picker .dropdown-activate::after { color: #333; content: ' Over Time'; float: none; margin-right: 0; padding-left: 0; }

body.results2 #experiment-state { min-width: 95px; text-align: left; }

body.results2 #experiment-state .next-state { display: none; }

body.results2 #experiment-state:not(.disabled):hover .next-state { display: inline; }

body.results2 #experiment-state:not(.disabled):hover .current-state { display: none; }

body.results2 .header-container .running .dropdown-activate { padding-left: 30px; }

body.results2 .header-container .running .dropdown-activate::before { background-color: #aaa; border-radius: 10px; content: ''; height: 10px; left: 11px; position: absolute; top: 10px; width: 10px; }

body.results2 .header-container .running .dropdown-activate.running::before { background-color: #90b71c; }

body.results2 .header-container .running .dropdown-activate.paused::before { background-color: #e75611; }

body.results2 .page-loading-container { max-height: 100px; }

body.results2 .viewer-loading-container { margin-top: 60px; position: absolute; width: 100%; z-index: 50; }

body.results2 .collapsed { max-height: 0; overflow: hidden; }

body.results2 #report-body.is-editable .flat-gray-button.export, body.results2 #report-body.is-editable #show-shareable-link { display: none; }

body.results2 #report-body.is-editable .detail-container .header { cursor: move; }

body.results2 #report-body.is-editable .detail-container .remove-icon { color: #ab290d; cursor: pointer; display: block; font-weight: bold; height: 20px; line-height: 1em; opacity: 0; position: absolute; right: -27px; text-align: center; top: 0; width: 25px; }

body.results2 #report-body.is-editable .detail-container:hover .remove-icon { opacity: 1; }

body.results2 #report-body.is-editable .detail-container .header-controls .segment-picker-dropdown, body.results2 #report-body.is-editable .detail-container .header-controls .segment-type { display: inline-block; }

body.results2 .lego-table tr.is-winner { border-left: solid 10px #90b71c; color: #90b71c; }

body.results2 .lego-table tr.is-loser { border-left: solid 10px #e75611; color: #e75611; }

body.results2 .variation-color { background-color: currentColor; border: solid 2px currentColor; border-radius: 50%; display: inline-block; float: left; height: 1em; margin-bottom: 0.2em; margin-right: 1em; margin-top: 0.25em; vertical-align: top; width: 1em; }

body.results2 .goal-type-picker.hide-goal-types a { display: none; }

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) { body.results2 #content .content-body { right: 0; }
  body.results2 #navigation-container { display: none; } }

.paygo-header { background-color: #F3F6F8; width: 100%; border-bottom: 1px solid #EFF1F3; }

.paygo-header h1 { color: #00415D; }

.paygo-header .sub-head { color: #888888; }

.paygo-steps .paygo-steps-active { color: #00415D; }

.paygo-steps .paygo-steps-inactive { color: #888888; }

.paygo-steps .paygo-step-icon { display: inline; top: 11px; }

.paygo-page { width: 100%; max-width: 800px; }

.paygo-form .input-wrapper { display: table; text-align: left; width: 100%; }

.paygo-form .input-wrapper input { border: 1px solid #C9C9C9; color: #242424; padding: 4px; min-height: 38px; display: inline-block; margin: 0; border-radius: 3px; width: 100%; }

.paygo-form .input-wrapper .input-hint { top: 14px; right: 30px; color: #6B6B6B; }

.paygo-form .input-with-symbol input { border-radius: 0 3px 3px 0; border-left-color: #FFFFFF; }

.paygo-form .input-with-symbol .paygo-limit-sign { background-color: #0081BA; color: #FFFFFF; width: 1em; display: table-cell; border-bottom-left-radius: 3px; border-top-left-radius: 3px; border: 0; padding: 0 0.3em; text-align: center; vertical-align: middle; }

.paygo-form .paygo-label { text-transform: uppercase; color: #6B6B6B; }

.paygo-form .paygo-label-note { color: #6B6B6B; }

.paygo-form .paygo-calculation { margin-left: 0; color: #6B6B6B; }

.paygo-form .paygo-calculated-field { color: #0081BA; }

.paygo-form .country-select { width: 100%; }

.paygo-form .lego-form-bad-news input { border: 1px solid #C60C0C; color: #C60C0C; }

.paygo-form .lego-form-bad-news .input-hint { color: #C60C0C; }

.paygo-form .lego-form-bad-news .paygo-calculation { color: #C60C0C; }

.paygo-form .lego-form-bad-news .paygo-calculated-field { color: #C60C0C; }

.paygo-payment-systems { top: 28px; right: 2px; }

.svg-device-connection { position: relative; width: 600px; }

.svg-device-connection__svg { width: 600px; }

.svg-device-connection__pulse { animation: svg-device-connection__pulse__keyframes 1s infinite ease-in-out alternate; background: #0581BA; border-radius: 5px; height: 10px; left: 40.4%; position: absolute; top: 100px; width: 12px; }

@keyframes svg-device-connection__pulse__keyframes { 0% { transform: translateX(0); }
  100% { transform: translateX(241.602px); } }

/*==============*/
/*--- Mixins ---*/
/*==============*/
/*===============*/
/*--- Classes ---*/
/*===============*/
.svg-cxn-gesture { width: 100px; }

.svg-cxn-gesture__path { animation: svg-cxn-gesture-circle 3s linear infinite; stroke-dasharray: 105; stroke-dashoffset: 105; }

.svg-cxn-gesture__hand { animation: svg-cxn-gesture-hand 3s linear infinite; }

/*=================*/
/*--- Keyframes ---*/
/*=================*/

@keyframes svg-cxn-gesture-circle { 0% { stroke-dashoffset: 105; }
  100% { stroke-dashoffset: 0; } }

@keyframes svg-cxn-gesture-hand { 0% { transform: translate(-6px, 33px); }
  1% { transform: translate(-4.6813990899px, 33.0236792589px); }
  2% { transform: translate(-3.3680020952px, 33.0946235842px); }
  3% { transform: translate(-2.0649923937px, 33.2125529913px); }
  4% { transform: translate(-0.7775123695px, 33.3770020665px); }
  5% { transform: translate(0.4893568819px, 33.5873218045px); }
  6% { transform: translate(1.7306156064px, 33.8426821693px); }
  7% { transform: translate(2.9413651229px, 34.1420753704px); }
  8% { transform: translate(4.1168271561px, 34.4843198395px); }
  9% { transform: translate(5.2523626946px, 34.868064894px); }
  10% { transform: translate(6.3434902981px, 35.2917960675px); }
  11% { transform: translate(7.3859037847px, 35.7538410867px); }
  12% { transform: translate(8.3754892245px, 36.2523764709px); }
  13% { transform: translate(9.3083411758px, 36.7854347289px); }
  14% { transform: translate(10.1807780983px, 37.350912123px); }
  15% { transform: translate(10.9893568819px, 37.9465769725px); }
  16% { transform: translate(11.7308864355px, 38.5700784603px); }
  17% { transform: translate(12.4024402809px, 39.2189559108px); }
  18% { transform: translate(13.0013681018px, 39.8906485012px); }
  19% { transform: translate(13.5253062037px, 40.5825053678px); }
  20% { transform: translate(13.9721868422px, 41.2917960675px); }
  21% { transform: translate(14.3402463837px, 42.015721354px); }
  22% { transform: translate(14.6280322653px, 42.751424225px); }
  23% { transform: translate(14.8344087276px, 43.4960011972px); }
  24% { transform: translate(14.958561297px, 44.2465137656px); }
  25% { transform: translate(15px, 45px); }
  26% { transform: translate(14.958561297px, 45.7534862344px); }
  27% { transform: translate(14.8344087276px, 46.5039988028px); }
  28% { transform: translate(14.6280322653px, 47.248575775px); }
  29% { transform: translate(14.3402463837px, 47.984278646px); }
  30% { transform: translate(13.9721868422px, 48.7082039325px); }
  31% { transform: translate(13.5253062037px, 49.4174946322px); }
  32% { transform: translate(13.0013681018px, 50.1093514988px); }
  33% { transform: translate(12.4024402809px, 50.7810440892px); }
  34% { transform: translate(11.7308864355px, 51.4299215397px); }
  35% { transform: translate(10.9893568819px, 52.0534230275px); }
  36% { transform: translate(10.1807780983px, 52.649087877px); }
  37% { transform: translate(9.3083411758px, 53.2145652711px); }
  38% { transform: translate(8.3754892245px, 53.7476235291px); }
  39% { transform: translate(7.3859037847px, 54.2461589133px); }
  40% { transform: translate(6.3434902981px, 54.7082039325px); }
  41% { transform: translate(5.2523626946px, 55.131935106px); }
  42% { transform: translate(4.1168271561px, 55.5156801605px); }
  43% { transform: translate(2.9413651229px, 55.8579246296px); }
  44% { transform: translate(1.7306156064px, 56.1573178307px); }
  45% { transform: translate(0.4893568819px, 56.4126781955px); }
  46% { transform: translate(-0.7775123695px, 56.6229979335px); }
  47% { transform: translate(-2.0649923937px, 56.7874470087px); }
  48% { transform: translate(-3.3680020952px, 56.9053764158px); }
  49% { transform: translate(-4.6813990899px, 56.9763207411px); }
  50% { transform: translate(-6px, 57px); }
  51% { transform: translate(-7.3186009101px, 56.9763207411px); }
  52% { transform: translate(-8.6319979049px, 56.9053764158px); }
  53% { transform: translate(-9.9350076063px, 56.7874470087px); }
  54% { transform: translate(-11.2224876305px, 56.6229979335px); }
  55% { transform: translate(-12.4893568819px, 56.4126781955px); }
  56% { transform: translate(-13.7306156064px, 56.1573178307px); }
  57% { transform: translate(-14.9413651229px, 55.8579246296px); }
  58% { transform: translate(-16.1168271561px, 55.5156801605px); }
  59% { transform: translate(-17.2523626946px, 55.131935106px); }
  60% { transform: translate(-18.3434902981px, 54.7082039325px); }
  61% { transform: translate(-19.3859037847px, 54.2461589133px); }
  62% { transform: translate(-20.3754892245px, 53.7476235291px); }
  63% { transform: translate(-21.3083411758px, 53.2145652711px); }
  64% { transform: translate(-22.1807780983px, 52.649087877px); }
  65% { transform: translate(-22.9893568819px, 52.0534230275px); }
  66% { transform: translate(-23.7308864355px, 51.4299215397px); }
  67% { transform: translate(-24.4024402809px, 50.7810440892px); }
  68% { transform: translate(-25.0013681017px, 50.1093514988px); }
  69% { transform: translate(-25.5253062036px, 49.4174946322px); }
  70% { transform: translate(-25.972186842px, 48.7082039325px); }
  71% { transform: translate(-26.3402463834px, 47.984278646px); }
  72% { transform: translate(-26.6280322649px, 47.2485757751px); }
  73% { transform: translate(-26.834408727px, 46.5039988028px); }
  74% { transform: translate(-26.958561296px, 45.7534862344px); }
  75% { transform: translate(-26.9999999984px, 45.0000000001px); }
  76% { transform: translate(-26.9585612945px, 44.2465137658px); }
  77% { transform: translate(-26.8344087238px, 43.4960011975px); }
  78% { transform: translate(-26.6280322596px, 42.7514242254px); }
  79% { transform: translate(-26.3402463751px, 42.0157213547px); }
  80% { transform: translate(-25.9721868293px, 41.2917960686px); }
  81% { transform: translate(-25.5253061845px, 40.5825053695px); }
  82% { transform: translate(-25.0013680736px, 39.8906485037px); }
  83% { transform: translate(-24.4024402396px, 39.2189559145px); }
  84% { transform: translate(-23.7308863754px, 38.5700784658px); }
  85% { transform: translate(-22.9893567948px, 37.9465769807px); }
  86% { transform: translate(-22.1807779732px, 37.3509121349px); }
  87% { transform: translate(-21.3083409971px, 36.7854347462px); }
  88% { transform: translate(-20.3754889706px, 36.252376496px); }
  89% { transform: translate(-19.385903426px, 35.7538411226px); }
  90% { transform: translate(-18.343489794px, 35.2917961188px); }
  91% { transform: translate(-17.2523619899px, 34.8680649668px); }
  92% { transform: translate(-16.116826176px, 34.4843199422px); }
  93% { transform: translate(-14.9413637664px, 34.1420755148px); }
  94% { transform: translate(-13.7306137379px, 33.8426823711px); }
  95% { transform: translate(-12.4893543201px, 33.5873220852px); }
  96% { transform: translate(-11.222484134px, 33.3770024551px); }
  97% { transform: translate(-9.9350028548px, 33.2125535268px); }
  98% { transform: translate(-8.6319914753px, 33.0946243191px); }
  99% { transform: translate(-7.3185922459px, 33.0236802628px); }
  100% { transform: translate(-5.9999883714px, 33.0000013657px); } }

.svg-sdk-detection__phone * { transition: fill 0.3s; }

.svg-sdk-detection-container--detected .svg-sdk-detection__phone * { transition: fill 0.3s; }

.svg-sdk-detection-container--detected .svg-sdk-detection__phone .svg-sdk-detection__phone__bottom { fill: #0581BA; }

.svg-sdk-detection-container--detected .svg-sdk-detection__phone .svg-sdk-detection__phone__face { fill: #D0EDF5; }

.svg-sdk-detection-container--detected .svg-sdk-detection__phone .svg-sdk-detection__phone__display { fill: #68B4D6; }

.svg-sdk-detection-container--detected .svg-sdk-detection__phone .svg-sdk-detection__phone__button { fill: #0581BA; }

.svg-sdk-detection-container--detected .svg-sdk-detection__mark { animation-name: expandUp, floating; animation-delay: 0, 1s; animation-duration: 1s, 3s; animation-timing-function: ease, ease; animation-iteration-count: 1, infinite; transform-origin: 50% 0; }

.svg-sdk-detection-container--detected .svg-sdk-detection__mark--detected { display: block; }

.svg-sdk-detection-container--detected .svg-sdk-detection__mark--undetected { display: none; }

.svg-sdk-detection__mark { animation-name: hatch, pulse; animation-delay: 0, 2s; animation-duration: 2s, 6s; animation-timing-function: ease-in-out, ease; animation-iteration-count: 1, infinite; transform-origin: 50% 100%; }

.svg-sdk-detection__mark--detected { display: none; }

/*=== Hatch === */

@keyframes hatch { 0% { transform: rotate(0deg) scaleY(0.6) translateY(70%);
    opacity: 0; }
  20% { transform: rotate(-2deg) scaleY(1.05);
    opacity: 1; }
  35% { transform: rotate(2deg); }
  50% { transform: rotate(-2deg); }
  65% { transform: rotate(1deg); }
  80% { transform: rotate(-1deg); }
  100% { transform: rotate(2deg); } }

/*=== Pulse ===*/

@keyframes pulse { 0% { transform: scale(1) rotate(2deg);
    opacity: 1; }
  25% { transform: scale(0.93);
    opacity: 0.9; }
  50% { transform: scale(1) rotate(-2deg);
    opacity: 1; }
  75% { transform: scale(0.93);
    opacity: 0.9; }
  100% { transform: scale(1) rotate(2deg);
    opacity: 1; } }

/*=== Expand Up ===*/

@keyframes expandUp { 0% { transform: translateY(100%) scale(0.6) scaleY(0.5);
    opacity: 0; }
  60% { transform: translateY(-7%) scaleY(1.12);
    opacity: 1; }
  75% { transform: translateY(3%); }
  100% { transform: translateY(0%) scale(1) scaleY(1); } }

/*=== Floating ===*/

@keyframes floating { 0% { transform: translateY(0%); }
  50% { transform: translateY(-7%); }
  100% { transform: translateY(0%); } }

.guider--arrow-top-left, .lego-pop--over--arrow-top-left, .oui-pop--over--arrow-top-left, .guider--arrow-top-center, .lego-pop--over--arrow-top-center, .oui-pop--over--arrow-top-center, .guider--arrow-top-right, .lego-pop--over--arrow-top-right, .oui-pop--over--arrow-top-right, .lego-pop--tip--arrow-top-left, .lego-pop--tip--arrow-top-center, .lego-pop--tip--arrow-top-right, .lego-pop--over--arrow-right-top, .oui-pop--over--arrow-right-top, .lego-pop--over--arrow-left-top, .oui-pop--over--arrow-left-top, .lego-pop--tip--arrow-right-top, .lego-pop--tip--arrow-left-top, .guider--arrow-right-center, .lego-pop--over--arrow-right-center, .oui-pop--over--arrow-right-center, .guider--arrow-left-center, .lego-pop--over--arrow-left-center, .oui-pop--over--arrow-left-center, .lego-pop--tip--arrow-right-center, .lego-pop--tip--arrow-left-center, .lego-pop--over--arrow-right-bottom, .oui-pop--over--arrow-right-bottom, .lego-pop--over--arrow-left-bottom, .oui-pop--over--arrow-left-bottom, .lego-pop--tip--arrow-right-bottom, .lego-pop--tip--arrow-left-bottom, .lego-pop--over--arrow-bottom-right, .oui-pop--over--arrow-bottom-right, .guider--arrow-bottom-center, .lego-pop--over--arrow-bottom-center, .oui-pop--over--arrow-bottom-center, .lego-pop--over--arrow-bottom-left, .oui-pop--over--arrow-bottom-left, .lego-pop--tip--arrow-bottom-right, .lego-pop--tip--arrow-bottom-center, .lego-pop--tip--arrow-bottom-left { position: relative; }

.guider--arrow-top-left::before, .lego-pop--over--arrow-top-left::before, .oui-pop--over--arrow-top-left::before, .guider--arrow-top-center::before, .lego-pop--over--arrow-top-center::before, .oui-pop--over--arrow-top-center::before, .guider--arrow-top-right::before, .lego-pop--over--arrow-top-right::before, .oui-pop--over--arrow-top-right::before, .lego-pop--tip--arrow-top-left::before, .lego-pop--tip--arrow-top-center::before, .lego-pop--tip--arrow-top-right::before, .lego-pop--over--arrow-right-top::before, .oui-pop--over--arrow-right-top::before, .lego-pop--over--arrow-left-top::before, .oui-pop--over--arrow-left-top::before, .lego-pop--tip--arrow-right-top::before, .lego-pop--tip--arrow-left-top::before, .guider--arrow-right-center::before, .lego-pop--over--arrow-right-center::before, .oui-pop--over--arrow-right-center::before, .guider--arrow-left-center::before, .lego-pop--over--arrow-left-center::before, .oui-pop--over--arrow-left-center::before, .lego-pop--tip--arrow-right-center::before, .lego-pop--tip--arrow-left-center::before, .lego-pop--over--arrow-right-bottom::before, .oui-pop--over--arrow-right-bottom::before, .lego-pop--over--arrow-left-bottom::before, .oui-pop--over--arrow-left-bottom::before, .lego-pop--tip--arrow-right-bottom::before, .lego-pop--tip--arrow-left-bottom::before, .lego-pop--over--arrow-bottom-right::before, .oui-pop--over--arrow-bottom-right::before, .guider--arrow-bottom-center::before, .lego-pop--over--arrow-bottom-center::before, .oui-pop--over--arrow-bottom-center::before, .lego-pop--over--arrow-bottom-left::before, .oui-pop--over--arrow-bottom-left::before, .lego-pop--tip--arrow-bottom-right::before, .lego-pop--tip--arrow-bottom-center::before, .lego-pop--tip--arrow-bottom-left::before, .guider--arrow-top-left::after, .lego-pop--over--arrow-top-left::after, .oui-pop--over--arrow-top-left::after, .guider--arrow-top-center::after, .lego-pop--over--arrow-top-center::after, .oui-pop--over--arrow-top-center::after, .guider--arrow-top-right::after, .lego-pop--over--arrow-top-right::after, .oui-pop--over--arrow-top-right::after, .lego-pop--tip--arrow-top-left::after, .lego-pop--tip--arrow-top-center::after, .lego-pop--tip--arrow-top-right::after, .lego-pop--over--arrow-right-top::after, .oui-pop--over--arrow-right-top::after, .lego-pop--over--arrow-left-top::after, .oui-pop--over--arrow-left-top::after, .lego-pop--tip--arrow-right-top::after, .lego-pop--tip--arrow-left-top::after, .guider--arrow-right-center::after, .lego-pop--over--arrow-right-center::after, .oui-pop--over--arrow-right-center::after, .guider--arrow-left-center::after, .lego-pop--over--arrow-left-center::after, .oui-pop--over--arrow-left-center::after, .lego-pop--tip--arrow-right-center::after, .lego-pop--tip--arrow-left-center::after, .lego-pop--over--arrow-right-bottom::after, .oui-pop--over--arrow-right-bottom::after, .lego-pop--over--arrow-left-bottom::after, .oui-pop--over--arrow-left-bottom::after, .lego-pop--tip--arrow-right-bottom::after, .lego-pop--tip--arrow-left-bottom::after, .lego-pop--over--arrow-bottom-right::after, .oui-pop--over--arrow-bottom-right::after, .guider--arrow-bottom-center::after, .lego-pop--over--arrow-bottom-center::after, .oui-pop--over--arrow-bottom-center::after, .lego-pop--over--arrow-bottom-left::after, .oui-pop--over--arrow-bottom-left::after, .lego-pop--tip--arrow-bottom-right::after, .lego-pop--tip--arrow-bottom-center::after, .lego-pop--tip--arrow-bottom-left::after { content: ''; position: absolute; border-collapse: separate; pointer-events: none; }

.guider--arrow-top-left::before, .lego-pop--over--arrow-top-left::before, .oui-pop--over--arrow-top-left::before, .guider--arrow-top-center::before, .lego-pop--over--arrow-top-center::before, .oui-pop--over--arrow-top-center::before, .guider--arrow-top-right::before, .lego-pop--over--arrow-top-right::before, .oui-pop--over--arrow-top-right::before, .lego-pop--tip--arrow-top-left::before, .lego-pop--tip--arrow-top-center::before, .lego-pop--tip--arrow-top-right::before, .lego-pop--over--arrow-right-top::before, .oui-pop--over--arrow-right-top::before, .lego-pop--over--arrow-left-top::before, .oui-pop--over--arrow-left-top::before, .lego-pop--tip--arrow-right-top::before, .lego-pop--tip--arrow-left-top::before, .guider--arrow-right-center::before, .lego-pop--over--arrow-right-center::before, .oui-pop--over--arrow-right-center::before, .guider--arrow-left-center::before, .lego-pop--over--arrow-left-center::before, .oui-pop--over--arrow-left-center::before, .lego-pop--tip--arrow-right-center::before, .lego-pop--tip--arrow-left-center::before, .lego-pop--over--arrow-right-bottom::before, .oui-pop--over--arrow-right-bottom::before, .lego-pop--over--arrow-left-bottom::before, .oui-pop--over--arrow-left-bottom::before, .lego-pop--tip--arrow-right-bottom::before, .lego-pop--tip--arrow-left-bottom::before, .lego-pop--over--arrow-bottom-right::before, .oui-pop--over--arrow-bottom-right::before, .guider--arrow-bottom-center::before, .lego-pop--over--arrow-bottom-center::before, .oui-pop--over--arrow-bottom-center::before, .lego-pop--over--arrow-bottom-left::before, .oui-pop--over--arrow-bottom-left::before, .lego-pop--tip--arrow-bottom-right::before, .lego-pop--tip--arrow-bottom-center::before, .lego-pop--tip--arrow-bottom-left::before { border: 6px solid transparent; }

.guider--arrow-top-left::after, .lego-pop--over--arrow-top-left::after, .oui-pop--over--arrow-top-left::after, .guider--arrow-top-center::after, .lego-pop--over--arrow-top-center::after, .oui-pop--over--arrow-top-center::after, .guider--arrow-top-right::after, .lego-pop--over--arrow-top-right::after, .oui-pop--over--arrow-top-right::after, .lego-pop--tip--arrow-top-left::after, .lego-pop--tip--arrow-top-center::after, .lego-pop--tip--arrow-top-right::after, .lego-pop--over--arrow-right-top::after, .oui-pop--over--arrow-right-top::after, .lego-pop--over--arrow-left-top::after, .oui-pop--over--arrow-left-top::after, .lego-pop--tip--arrow-right-top::after, .lego-pop--tip--arrow-left-top::after, .guider--arrow-right-center::after, .lego-pop--over--arrow-right-center::after, .oui-pop--over--arrow-right-center::after, .guider--arrow-left-center::after, .lego-pop--over--arrow-left-center::after, .oui-pop--over--arrow-left-center::after, .lego-pop--tip--arrow-right-center::after, .lego-pop--tip--arrow-left-center::after, .lego-pop--over--arrow-right-bottom::after, .oui-pop--over--arrow-right-bottom::after, .lego-pop--over--arrow-left-bottom::after, .oui-pop--over--arrow-left-bottom::after, .lego-pop--tip--arrow-right-bottom::after, .lego-pop--tip--arrow-left-bottom::after, .lego-pop--over--arrow-bottom-right::after, .oui-pop--over--arrow-bottom-right::after, .guider--arrow-bottom-center::after, .lego-pop--over--arrow-bottom-center::after, .oui-pop--over--arrow-bottom-center::after, .lego-pop--over--arrow-bottom-left::after, .oui-pop--over--arrow-bottom-left::after, .lego-pop--tip--arrow-bottom-right::after, .lego-pop--tip--arrow-bottom-center::after, .lego-pop--tip--arrow-bottom-left::after { border: 5px solid transparent; }

.guider--arrow-top-left::before, .lego-pop--over--arrow-top-left::before, .oui-pop--over--arrow-top-left::before, .guider--arrow-top-center::before, .lego-pop--over--arrow-top-center::before, .oui-pop--over--arrow-top-center::before, .guider--arrow-top-right::before, .lego-pop--over--arrow-top-right::before, .oui-pop--over--arrow-top-right::before, .lego-pop--tip--arrow-top-left::before, .lego-pop--tip--arrow-top-center::before, .lego-pop--tip--arrow-top-right::before, .guider--arrow-top-left::after, .lego-pop--over--arrow-top-left::after, .oui-pop--over--arrow-top-left::after, .guider--arrow-top-center::after, .lego-pop--over--arrow-top-center::after, .oui-pop--over--arrow-top-center::after, .guider--arrow-top-right::after, .lego-pop--over--arrow-top-right::after, .oui-pop--over--arrow-top-right::after, .lego-pop--tip--arrow-top-left::after, .lego-pop--tip--arrow-top-center::after, .lego-pop--tip--arrow-top-right::after { bottom: 100%; }

.lego-pop--over--arrow-right-top::before, .oui-pop--over--arrow-right-top::before, .lego-pop--over--arrow-left-top::before, .oui-pop--over--arrow-left-top::before, .lego-pop--tip--arrow-right-top::before, .lego-pop--tip--arrow-left-top::before { top: 5px; }

.lego-pop--over--arrow-right-top::after, .oui-pop--over--arrow-right-top::after, .lego-pop--over--arrow-left-top::after, .oui-pop--over--arrow-left-top::after, .lego-pop--tip--arrow-right-top::after, .lego-pop--tip--arrow-left-top::after { top: 6px; }

.guider--arrow-right-center::before, .lego-pop--over--arrow-right-center::before, .oui-pop--over--arrow-right-center::before, .guider--arrow-left-center::before, .lego-pop--over--arrow-left-center::before, .oui-pop--over--arrow-left-center::before, .lego-pop--tip--arrow-right-center::before, .lego-pop--tip--arrow-left-center::before, .guider--arrow-right-center::after, .lego-pop--over--arrow-right-center::after, .oui-pop--over--arrow-right-center::after, .guider--arrow-left-center::after, .lego-pop--over--arrow-left-center::after, .oui-pop--over--arrow-left-center::after, .lego-pop--tip--arrow-right-center::after, .lego-pop--tip--arrow-left-center::after { top: 50%; margin-top: -6px; }

.guider--arrow-right-center::after, .lego-pop--over--arrow-right-center::after, .oui-pop--over--arrow-right-center::after, .guider--arrow-left-center::after, .lego-pop--over--arrow-left-center::after, .oui-pop--over--arrow-left-center::after, .lego-pop--tip--arrow-right-center::after, .lego-pop--tip--arrow-left-center::after { margin-top: -5px; }

.lego-pop--over--arrow-right-bottom::before, .oui-pop--over--arrow-right-bottom::before, .lego-pop--over--arrow-left-bottom::before, .oui-pop--over--arrow-left-bottom::before, .lego-pop--tip--arrow-right-bottom::before, .lego-pop--tip--arrow-left-bottom::before { bottom: 5px; }

.lego-pop--over--arrow-right-bottom::after, .oui-pop--over--arrow-right-bottom::after, .lego-pop--over--arrow-left-bottom::after, .oui-pop--over--arrow-left-bottom::after, .lego-pop--tip--arrow-right-bottom::after, .lego-pop--tip--arrow-left-bottom::after { bottom: 6px; }

.lego-pop--over--arrow-bottom-right::before, .oui-pop--over--arrow-bottom-right::before, .guider--arrow-bottom-center::before, .lego-pop--over--arrow-bottom-center::before, .oui-pop--over--arrow-bottom-center::before, .lego-pop--over--arrow-bottom-left::before, .oui-pop--over--arrow-bottom-left::before, .lego-pop--tip--arrow-bottom-right::before, .lego-pop--tip--arrow-bottom-center::before, .lego-pop--tip--arrow-bottom-left::before, .lego-pop--over--arrow-bottom-right::after, .oui-pop--over--arrow-bottom-right::after, .guider--arrow-bottom-center::after, .lego-pop--over--arrow-bottom-center::after, .oui-pop--over--arrow-bottom-center::after, .lego-pop--over--arrow-bottom-left::after, .oui-pop--over--arrow-bottom-left::after, .lego-pop--tip--arrow-bottom-right::after, .lego-pop--tip--arrow-bottom-center::after, .lego-pop--tip--arrow-bottom-left::after { top: 100%; }

.lego-pop--over--arrow-left-bottom::before, .oui-pop--over--arrow-left-bottom::before, .guider--arrow-left-center::before, .lego-pop--over--arrow-left-center::before, .oui-pop--over--arrow-left-center::before, .lego-pop--over--arrow-left-top::before, .oui-pop--over--arrow-left-top::before, .lego-pop--tip--arrow-left-bottom::before, .lego-pop--tip--arrow-left-center::before, .lego-pop--tip--arrow-left-top::before, .lego-pop--over--arrow-left-bottom::after, .oui-pop--over--arrow-left-bottom::after, .guider--arrow-left-center::after, .lego-pop--over--arrow-left-center::after, .oui-pop--over--arrow-left-center::after, .lego-pop--over--arrow-left-top::after, .oui-pop--over--arrow-left-top::after, .lego-pop--tip--arrow-left-bottom::after, .lego-pop--tip--arrow-left-center::after, .lego-pop--tip--arrow-left-top::after { right: 100%; }

.guider--arrow-top-left::before, .lego-pop--over--arrow-top-left::before, .oui-pop--over--arrow-top-left::before, .lego-pop--over--arrow-bottom-left::before, .oui-pop--over--arrow-bottom-left::before, .lego-pop--tip--arrow-top-left::before, .lego-pop--tip--arrow-bottom-left::before { left: 5px; }

.guider--arrow-top-left::after, .lego-pop--over--arrow-top-left::after, .oui-pop--over--arrow-top-left::after, .lego-pop--over--arrow-bottom-left::after, .oui-pop--over--arrow-bottom-left::after, .lego-pop--tip--arrow-top-left::after, .lego-pop--tip--arrow-bottom-left::after { left: 6px; }

.guider--arrow-top-center::before, .lego-pop--over--arrow-top-center::before, .oui-pop--over--arrow-top-center::before, .guider--arrow-bottom-center::before, .lego-pop--over--arrow-bottom-center::before, .oui-pop--over--arrow-bottom-center::before, .lego-pop--tip--arrow-top-center::before, .lego-pop--tip--arrow-bottom-center::before, .guider--arrow-top-center::after, .lego-pop--over--arrow-top-center::after, .oui-pop--over--arrow-top-center::after, .guider--arrow-bottom-center::after, .lego-pop--over--arrow-bottom-center::after, .oui-pop--over--arrow-bottom-center::after, .lego-pop--tip--arrow-top-center::after, .lego-pop--tip--arrow-bottom-center::after { left: 50%; margin-left: -6px; }

.guider--arrow-top-center::after, .lego-pop--over--arrow-top-center::after, .oui-pop--over--arrow-top-center::after, .guider--arrow-bottom-center::after, .lego-pop--over--arrow-bottom-center::after, .oui-pop--over--arrow-bottom-center::after, .lego-pop--tip--arrow-top-center::after, .lego-pop--tip--arrow-bottom-center::after { margin-left: -5px; }

.guider--arrow-top-right::before, .lego-pop--over--arrow-top-right::before, .oui-pop--over--arrow-top-right::before, .lego-pop--over--arrow-bottom-right::before, .oui-pop--over--arrow-bottom-right::before, .lego-pop--tip--arrow-top-right::before, .lego-pop--tip--arrow-bottom-right::before { right: 5px; }

.guider--arrow-top-right::after, .lego-pop--over--arrow-top-right::after, .oui-pop--over--arrow-top-right::after, .lego-pop--over--arrow-bottom-right::after, .oui-pop--over--arrow-bottom-right::after, .lego-pop--tip--arrow-top-right::after, .lego-pop--tip--arrow-bottom-right::after { right: 6px; }

.lego-pop--over--arrow-right-top::before, .oui-pop--over--arrow-right-top::before, .guider--arrow-right-center::before, .lego-pop--over--arrow-right-center::before, .oui-pop--over--arrow-right-center::before, .lego-pop--over--arrow-right-bottom::before, .oui-pop--over--arrow-right-bottom::before, .lego-pop--tip--arrow-right-top::before, .lego-pop--tip--arrow-right-center::before, .lego-pop--tip--arrow-right-bottom::before, .lego-pop--over--arrow-right-top::after, .oui-pop--over--arrow-right-top::after, .guider--arrow-right-center::after, .lego-pop--over--arrow-right-center::after, .oui-pop--over--arrow-right-center::after, .lego-pop--over--arrow-right-bottom::after, .oui-pop--over--arrow-right-bottom::after, .lego-pop--tip--arrow-right-top::after, .lego-pop--tip--arrow-right-center::after, .lego-pop--tip--arrow-right-bottom::after { left: 100%; }

*, *::before, *::after { box-sizing: border-box; }

body { margin: 0; }

h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, form, fieldset, legend, table, th, td, caption, hr { margin: 0; padding: 0; }

ol, ul { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; }

table { border-collapse: collapse; border-spacing: 0; }

abbr[title], dfn[title] { cursor: help; }

u, ins { text-decoration: none; }

ins { border-bottom: 1px solid; }

img { font-style: italic; }

button, select, option, input[type="checkbox"] + label, input[type="radio"] + label { cursor: pointer; }

[type="text"]:active, [type="text"]:focus, [type="password"]:active, [type="password"]:focus, [type="email"]:active, [type="email"]:focus, [type="number"]:active, [type="number"]:focus, [type="search"]:active, [type="search"]:focus, [type="url"]:active, [type="url"]:focus, textarea:active, textarea:focus { cursor: text; outline: none; }

a { text-decoration: none; }

a:active, a:hover { outline: 0; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

em { font-style: italic; }

b, strong { font-weight: 600; }

fieldset { border: 0; }

textarea { vertical-align: top; }

button[disabled], html input[disabled] { cursor: default; }

button, select { text-transform: none; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }

button::-moz-focus-inner { padding: 0; border: 0; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

::-webkit-input-placeholder { color: #a6a6a6; }

:-moz-placeholder { color: #a6a6a6; }

::-moz-placeholder { color: #a6a6a6; }

:-ms-input-placeholder { color: #a6a6a6; }

html { color: #262626; background-color: #FFF; font-family: Proxima, Helvetica, Verdana, sans-serif; font-size: 14px; line-height: 1.6; }

p { margin-bottom: 10px; }

blockquote { border-left: 3px solid #e0e0e0; padding-left: 15px; }

.lego-button, .oui-button { display: inline-block; vertical-align: middle; white-space: nowrap; font-family: inherit; cursor: pointer; margin: 0; line-height: 32px; border-width: 1px; border-style: solid; font-size: 13px; font-weight: 400; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 2px; height: 34px; padding: 0 15px; background-color: #F6F6F7; border-color: #CDD0D8; color: #262626; }

.lego-button:visited, .oui-button:visited { color: #262626; }

.lego-button:hover, .oui-button:hover { color: #262626; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.16); }

.lego-button:focus, .oui-button:focus { outline: none; border: 1px solid #999999; }

.lego-button.is-active, .lego-button:active, .oui-button.is-active, .oui-button:active { background: #64738A; border-color: #3B5871; color: #FFF; box-shadow: inset 1px 0 3px 0 rgba(0, 0, 0, 0.5); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }

.lego-button--highlight, .oui-button--highlight { background-color: #0F75B2; border-color: #0E699F; color: #FFF; text-shadow: 0 0 1px rgba(0, 0, 0, 0.2); }

.lego-button--highlight:hover, .oui-button--highlight:hover { background: #0081BA; border-color: #0176A9; }

.lego-button--highlight:active, .oui-button--highlight:active { background: #0074B4; border-color: #005584; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); }

.lego-button--highlight:visited, .lego-button--highlight:hover, .lego-button--highlight:active, .lego-button--highlight:focus, .oui-button--highlight:visited, .oui-button--highlight:hover, .oui-button--highlight:active, .oui-button--highlight:focus { color: #FFF; }

.lego-button--outline, .oui-button--outline { background-color: transparent; border-color: #8D96A8; color: #64738A; }

.lego-button--outline:visited, .oui-button--outline:visited { color: #64738A; }

.lego-button--outline:hover, .oui-button--outline:hover { background-color: transparent; border-color: #0074B4; color: #0074B4; text-shadow: none; box-shadow: none; }

.lego-button--outline:active, .oui-button--outline:active { background-color: transparent; border-color: #00415D; color: #00415D; text-shadow: none; box-shadow: none; }

.lego-button--outline-reverse, .oui-button--outline-reverse { background-color: transparent; border-color: #FFF; color: #FFF; }

.lego-button--outline-reverse:visited, .oui-button--outline-reverse:visited { color: #FFF; }

.lego-button--outline-reverse:hover, .oui-button--outline-reverse:hover { background: transparent; border-color: #E0E1E5; color: #E5E5E9; }

.lego-button--outline-reverse:active, .oui-button--outline-reverse:active { background: transparent; border-color: #FFF; color: #FFF; }

.lego-button--danger, .oui-button--danger { background-color: #E8464E; border-color: #AA161E; color: #FFF; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }

.lego-button--danger:hover, .oui-button--danger:hover { background: #F35E65; border-color: #AC192B; }

.lego-button--danger:active, .oui-button--danger:active { background: #CB2D35; border-color: #8F192B; }

.lego-button--danger:visited, .lego-button--danger:hover, .lego-button--danger:active, .lego-button--danger:focus, .oui-button--danger:visited, .oui-button--danger:hover, .oui-button--danger:active, .oui-button--danger:focus { color: #FFF; }

.lego-button--danger-outline, .oui-button--danger-outline { color: #AA161E; border-color: #AA161E; background-color: transparent; text-shadow: none; box-shadow: none; }

.lego-button--danger-outline:focus, .oui-button--danger-outline:focus { border-color: #AA161E; }

.lego-button--danger-outline:hover, .oui-button--danger-outline:hover { color: #F35E65; border-color: #F35E65; background-color: transparent; text-shadow: none; box-shadow: none; }

.lego-button--danger-outline:active, .oui-button--danger-outline:active { border-color: #8F192B; background-color: transparent; color: #8F192B; text-shadow: none; box-shadow: none; }

.lego-button--plain, .oui-button--plain { color: #00415D; border-color: transparent; background-color: transparent; text-shadow: none; box-shadow: none; }

.lego-button--plain:hover, .oui-button--plain:hover { color: #8D96A8; }

.lego-button--plain:active, .oui-button--plain:active { color: #00415D; }

.lego-button--plain:visited, .lego-button--plain:hover, .lego-button--plain:active, .lego-button--plain:focus, .oui-button--plain:visited, .oui-button--plain:hover, .oui-button--plain:active, .oui-button--plain:focus { border-color: transparent; background-color: transparent; text-shadow: none; box-shadow: none; }

.lego-button--toggle:hover, .oui-button--toggle:hover { color: #262626; }

.lego-button--toggle:active, .lego-button--toggle.is-active:hover, .oui-button--toggle:active, .oui-button--toggle.is-active:hover { color: #FFF; }

.lego-button--toggle:not(:hover):not(:active):not(.is-active), .oui-button--toggle:not(:hover):not(:active):not(.is-active) { border-color: transparent; background-color: transparent; }

.lego-button--tiny, .oui-button--tiny { font-size: 11px; font-weight: 500; border-radius: 2px; line-height: 18px; height: 19px; padding: 0 8px; }

.lego-button--add, .lego-button--remove, .lego-button--small, .oui-button--small { font-size: 11px; font-weight: 400; border-radius: 2px; line-height: 26px; height: 27px; padding: 0 7px; }

.lego-button--large, .oui-button--large { font-size: 15px; font-weight: 400; border-radius: 2px; line-height: 41px; height: 42px; padding: 0 20px; }

.lego-button--narrow, .oui-button--narrow { padding-left: 10px; padding-right: 10px; }

.lego-button--tight, .oui-button--tight { padding-left: 5px; padding-right: 5px; }

.lego-button--full, .oui-button--full { width: 100%; text-align: center; }

.lego-button--icon, .oui-button--icon { line-height: 1.4; }

.lego-button--icon .lego-icon, .oui-button--icon .lego-icon { vertical-align: sub; }

.lego-button--unstyled, .oui-button--unstyled { background: inherit !important; border: inherit !important; border-radius: inherit !important; box-shadow: inherit !important; color: inherit !important; font-size: inherit !important; font-weight: inherit !important; height: inherit !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; text-shadow: inherit !important; }

.lego-button[disabled], .lego-button--disabled, .lego-button--disabled:visited, .lego-button--disabled:hover, .lego-button--disabled:active, .lego-button--disabled:focus, .oui-button[disabled], .oui-button--disabled, .oui-button--disabled:visited, .oui-button--disabled:hover, .oui-button--disabled:active, .oui-button--disabled:focus { cursor: default; box-shadow: none; background-color: #EFF0F2; border-color: #E5E5E9; color: #a6a6a6; text-shadow: none; box-shadow: none; }

.lego-button[disabled].lego-button--plain, .lego-button[disabled].lego-button--toggle, .lego-button[disabled].oui-button--plain, .lego-button[disabled].oui-button--toggle, .lego-button--disabled.lego-button--plain, .lego-button--disabled.lego-button--toggle, .lego-button--disabled.oui-button--plain, .lego-button--disabled.oui-button--toggle, .lego-button--disabled:visited.lego-button--plain, .lego-button--disabled:visited.lego-button--toggle, .lego-button--disabled:visited.oui-button--plain, .lego-button--disabled:visited.oui-button--toggle, .lego-button--disabled:hover.lego-button--plain, .lego-button--disabled:hover.lego-button--toggle, .lego-button--disabled:hover.oui-button--plain, .lego-button--disabled:hover.oui-button--toggle, .lego-button--disabled:active.lego-button--plain, .lego-button--disabled:active.lego-button--toggle, .lego-button--disabled:active.oui-button--plain, .lego-button--disabled:active.oui-button--toggle, .lego-button--disabled:focus.lego-button--plain, .lego-button--disabled:focus.lego-button--toggle, .lego-button--disabled:focus.oui-button--plain, .lego-button--disabled:focus.oui-button--toggle, .oui-button[disabled].lego-button--plain, .oui-button[disabled].lego-button--toggle, .oui-button[disabled].oui-button--plain, .oui-button[disabled].oui-button--toggle, .oui-button--disabled.lego-button--plain, .oui-button--disabled.lego-button--toggle, .oui-button--disabled.oui-button--plain, .oui-button--disabled.oui-button--toggle, .oui-button--disabled:visited.lego-button--plain, .oui-button--disabled:visited.lego-button--toggle, .oui-button--disabled:visited.oui-button--plain, .oui-button--disabled:visited.oui-button--toggle, .oui-button--disabled:hover.lego-button--plain, .oui-button--disabled:hover.lego-button--toggle, .oui-button--disabled:hover.oui-button--plain, .oui-button--disabled:hover.oui-button--toggle, .oui-button--disabled:active.lego-button--plain, .oui-button--disabled:active.lego-button--toggle, .oui-button--disabled:active.oui-button--plain, .oui-button--disabled:active.oui-button--toggle, .oui-button--disabled:focus.lego-button--plain, .oui-button--disabled:focus.lego-button--toggle, .oui-button--disabled:focus.oui-button--plain, .oui-button--disabled:focus.oui-button--toggle { background-color: transparent; border-color: transparent; }

.lego-button[disabled].lego-button--outline-reverse, .lego-button[disabled].oui-button--outline-reverse, .lego-button--disabled.lego-button--outline-reverse, .lego-button--disabled.oui-button--outline-reverse, .lego-button--disabled:visited.lego-button--outline-reverse, .lego-button--disabled:visited.oui-button--outline-reverse, .lego-button--disabled:hover.lego-button--outline-reverse, .lego-button--disabled:hover.oui-button--outline-reverse, .lego-button--disabled:active.lego-button--outline-reverse, .lego-button--disabled:active.oui-button--outline-reverse, .lego-button--disabled:focus.lego-button--outline-reverse, .lego-button--disabled:focus.oui-button--outline-reverse, .oui-button[disabled].lego-button--outline-reverse, .oui-button[disabled].oui-button--outline-reverse, .oui-button--disabled.lego-button--outline-reverse, .oui-button--disabled.oui-button--outline-reverse, .oui-button--disabled:visited.lego-button--outline-reverse, .oui-button--disabled:visited.oui-button--outline-reverse, .oui-button--disabled:hover.lego-button--outline-reverse, .oui-button--disabled:hover.oui-button--outline-reverse, .oui-button--disabled:active.lego-button--outline-reverse, .oui-button--disabled:active.oui-button--outline-reverse, .oui-button--disabled:focus.lego-button--outline-reverse, .oui-button--disabled:focus.oui-button--outline-reverse { background-color: transparent; }

code { font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 13px; }

.lego-pre, .oui-pre { margin-bottom: 10px; white-space: pre-wrap; }

.lego-pre code, .oui-pre code { padding: 10px; background: #f7f7f7; overflow-x: auto; display: block; border-radius: 2px; border: 1px solid #e0e0e0; }

.lego-code, .oui-code { background: #f7f7f7; border-radius: 2px; border: 1px solid #e0e0e0; padding: 1px 3px; }

@font-face { font-family: 'Proxima'; font-weight: 300; src: url("https://web-archive.nli.org.il/National_Library/20161007104014oe_/https://dhm5hy2vn8l0l.cloudfront.net/proxima/proximanova-light.woff2") format("woff2"), url("https://web-archive.nli.org.il/National_Library/20161007104014oe_/https://dhm5hy2vn8l0l.cloudfront.net/proxima/proximanova-light.woff") format("woff"); }

@font-face { font-family: 'Proxima'; font-weight: 300; font-style: italic; src: url("https://web-archive.nli.org.il/National_Library/20161007104014oe_/https://dhm5hy2vn8l0l.cloudfront.net/proxima/proximanova-lightit.woff2") format("woff2"), url("https://web-archive.nli.org.il/National_Library/20161007104014oe_/https://dhm5hy2vn8l0l.cloudfront.net/proxima/proximanova-lightit.woff") format("woff"); }

@font-face { font-family: 'Proxima'; font-weight: 400; src: url("https://web-archive.nli.org.il/National_Library/20161007104014oe_/https://dhm5hy2vn8l0l.cloudfront.net/proxima/proximanova-reg.woff2") format("woff2"), url("https://web-archive.nli.org.il/National_Library/20161007104014oe_/https://dhm5hy2vn8l0l.cloudfront.net/proxima/proximanova-reg.woff") format("woff"); }

@font-face { font-family: 'Proxima'; font-weight: 400; font-style: italic; src: url("https://web-archive.nli.org.il/National_Library/20161007104014oe_/https://dhm5hy2vn8l0l.cloudfront.net/proxima/proximanova-regit.woff2") format("woff2"), url("https://web-archive.nli.org.il/National_Library/20161007104014oe_/https://dhm5hy2vn8l0l.cloudfront.net/proxima/proximanova-regit.woff") format("woff"); }

@font-face { font-family: 'Proxima'; font-weight: 500; src: url("https://web-archive.nli.org.il/National_Library/20161007104014oe_/https://dhm5hy2vn8l0l.cloudfront.net/proxima/proximanova-medium.woff2") format("woff2"), url("https://web-archive.nli.org.il/National_Library/20161007104014oe_/https://dhm5hy2vn8l0l.cloudfront.net/proxima/proximanova-medium.woff") format("woff"); }

@font-face { font-family: 'Proxima'; font-weight: 500; font-style: italic; src: url("https://web-archive.nli.org.il/National_Library/20161007104014oe_/https://dhm5hy2vn8l0l.cloudfront.net/proxima/proximanova-mediumit.woff2") format("woff2"), url("https://web-archive.nli.org.il/National_Library/20161007104014oe_/https://dhm5hy2vn8l0l.cloudfront.net/proxima/proximanova-mediumit.woff") format("woff"); }

@font-face { font-family: 'Proxima'; font-weight: 600; src: url("https://web-archive.nli.org.il/National_Library/20161007104014oe_/https://dhm5hy2vn8l0l.cloudfront.net/proxima/proximanova-sbold.woff2") format("woff2"), url("https://web-archive.nli.org.il/National_Library/20161007104014oe_/https://dhm5hy2vn8l0l.cloudfront.net/proxima/proximanova-sbold.woff") format("woff"); }

@font-face { font-family: 'Proxima'; font-weight: 600; font-style: italic; src: url("https://web-archive.nli.org.il/National_Library/20161007104014oe_/https://dhm5hy2vn8l0l.cloudfront.net/proxima/proximanova-sboldit.woff2") format("woff2"), url("https://web-archive.nli.org.il/National_Library/20161007104014oe_/https://dhm5hy2vn8l0l.cloudfront.net/proxima/proximanova-sboldit.woff") format("woff"); }

.lego-text-input, .lego-textarea, .oui-text-input { transition: border-color 0.3s; width: 100%; border: 1px solid #e0e0e0; border-radius: 2px; padding: 7px; vertical-align: middle; line-height: 1.3; }

.lego-text-input--small, .lego-textarea--small, .oui-text-input--small { padding-top: 2px; padding-bottom: 2px; }

.lego-text-input:hover, .lego-textarea:hover, .oui-text-input:hover { border-color: #999999; }

.lego-text-input:focus, .lego-textarea:focus, .oui-text-input:focus { border-color: #9ACCE2; }

.lego-text-input[disabled], .lego-text-input--disabled, .lego-textarea[disabled], .lego-textarea--disabled, .oui-text-input[disabled], .oui-text-input--disabled { background: #f7f7f7; color: #999999; cursor: default; }

.lego-text-input[disabled]:hover, .lego-text-input[disabled]:focus, .lego-text-input--disabled:hover, .lego-text-input--disabled:focus, .lego-textarea[disabled]:hover, .lego-textarea[disabled]:focus, .lego-textarea--disabled:hover, .lego-textarea--disabled:focus, .oui-text-input[disabled]:hover, .oui-text-input[disabled]:focus, .oui-text-input--disabled:hover, .oui-text-input--disabled:focus { border-color: #e0e0e0; }

.lego-textarea { height: 62px; resize: vertical; }

.lego-textarea--tall { height: 100px; }

.lego-form__header { margin-bottom: 20px; }

.lego-form__footer { margin-top: 30px; }

.lego-form__title { font-size: 20px; margin-bottom: 10px; line-height: 1; }

.lego-form-fields { list-style: none; margin: 0; }

.lego-form-field__item { margin-bottom: 15px; }

fieldset { margin-bottom: 40px; }

.lego-label, .oui-label { display: block; margin-bottom: 5px; font-weight: 500; }

.lego-label__optional, .oui-label__optional { margin-left: 5px; color: #a6a6a6; font-size: 11px; font-weight: 400; }

.lego-label--required::after, .oui-label--required::after { content: '*'; margin-left: 5px; color: #C60C0C; font-weight: 400; font-size: 16px; line-height: 1; position: relative; top: 2px; }

.lego-label--rule, .oui-label--rule { border-bottom: 1px solid #e0e0e0; padding-bottom: 5px; }

.lego-label--disabled, .oui-label--disabled { color: #a6a6a6; cursor: default !important; }

.lego-check-label, .lego-input-list .lego-label, .oui-input-list .oui-label { display: table-cell; padding-left: 10px; font-weight: 400; }

.lego-input-list, .oui-input-list { list-style: none; margin: 0; }

.lego-input-list > li, .oui-input-list > li { display: table; margin-bottom: 5px; }

.lego-input-list input, .oui-input-list input { display: table-cell; }

.lego-input-list .lego-label, .lego-input-list .oui-label, .oui-input-list .lego-label, .oui-input-list .oui-label { width: 100%; }

.lego-input-list--horizontal > li, .oui-input-list--horizontal > li { padding-right: 20px; display: inline-block; }

.lego-input-list--horizontal .lego-label, .oui-input-list--horizontal .lego-label { display: inline; padding-left: 6px; }

.lego-or { text-align: center; color: #262626; text-transform: uppercase; margin: 15px auto; position: relative; }

.lego-or::before, .lego-or::after { content: ''; border-top: 1px dotted #e0e0e0; width: 40%; position: absolute; left: 0; top: 50%; }

.lego-or::after { left: auto; right: 0; }

.lego-icon-input { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

.lego-icon-input > input { z-index: 1; background: transparent; }

.lego-icon-input .lego-icon-input__icon { margin-left: -25px; line-height: 1; }

.lego-form-note { padding-top: 5px; font-size: 11px; }

.lego-form-note--good-news { color: #97C70A; }

.lego-form-note--bad-news { color: #C60C0C; }

.lego-form-note--warning { color: #FFD40C; }

.lego-form-good-news .lego-label { color: #97C70A; }

.lego-form-good-news .lego-text-input, .lego-form-good-news .oui-text-input, .lego-form-good-news .lego-select, .lego-form-good-news .audience-editor-form .select2 .select2-selection, .audience-editor-form .select2 .lego-form-good-news .select2-selection, .lego-form-good-news .lego-textarea { border-color: #97C70A; }

.lego-form-bad-news .lego-label { color: #C60C0C; }

.lego-form-bad-news .lego-text-input, .lego-form-bad-news .oui-text-input, .lego-form-bad-news .lego-select, .lego-form-bad-news .audience-editor-form .select2 .select2-selection, .audience-editor-form .select2 .lego-form-bad-news .select2-selection, .lego-form-bad-news .lego-textarea { border-color: #C60C0C; }

.lego-form-warning .lego-label { color: #FFD40C; }

.lego-form-warning .lego-text-input, .lego-form-warning .oui-text-input, .lego-form-warning .lego-select, .lego-form-warning .audience-editor-form .select2 .select2-selection, .audience-editor-form .select2 .lego-form-warning .select2-selection, .lego-form-warning .lego-textarea { border-color: #FFD40C; }

[required] { box-shadow: none; }

.lego-rule { border: 0; height: 0; border-top: 1px solid #e0e0e0; margin-top: 9px; margin-bottom: 10px; }

.lego-rule--dotted { border-top-style: dotted; }

.lego-rule--dashed { border-top-style: dashed; }

img { display: block; max-width: 100%; }

figure > img { display: block; }

a img { border: 0; }

img[width], img[height] { max-width: none; }

.img--round { border-radius: 2px; }

.img--circle { border-radius: 100%; }

.img--border { border: 1px solid #e0e0e0; }

.img--right { float: right; margin-bottom: 10px; margin-left: 10px; }

.img--left { float: left; margin-right: 10px; margin-bottom: 10px; }

.img--center { display: block; margin-right: auto; margin-bottom: 10px; margin-left: auto; }

a, .lego-button--link, .lego-variation-slider--button-forward, .lego-variation-slider--button-backward, .link { color: #0081BA; cursor: pointer; }

a:visited, a:active, .lego-button--link:visited, .lego-variation-slider--button-forward:visited, .lego-variation-slider--button-backward:visited, .lego-button--link:active, .lego-variation-slider--button-forward:active, .lego-variation-slider--button-backward:active, .link:visited, .link:active { color: #0081BA; }

a:hover, .lego-button--link:hover, .lego-variation-slider--button-forward:hover, .lego-variation-slider--button-backward:hover, .link:hover { color: #00a4ed; }

.link--dark { color: #262626; cursor: pointer; }

.link--dark:visited, .link--dark:active { color: #262626; }

.link--dark:hover { color: #0081BA; }

.link--muted { color: #a6a6a6; cursor: pointer; }

.link--muted:visited, .link--muted:active { color: #a6a6a6; }

.link--muted:hover { color: #0081BA; }

.link--bad-news { color: #262626; cursor: pointer; }

.link--bad-news:visited, .link--bad-news:hover, .link--bad-news:active { color: #C60C0C; }

.lego-top-nav a, .link--reverse { color: #FFF !important; cursor: pointer; }

.lego-top-nav a:hover, .link--reverse:hover { color: #d5eaf3 !important; }

.lego-tabs--sub .lego-tabs-nav__item.tab-disabled, .lego-tabs--sub .oui-tabs-nav__item.tab-disabled, .oui-tabs--sub .lego-tabs-nav__item.tab-disabled, .oui-tabs--sub .oui-tabs-nav__item.tab-disabled, .lego-variation-slider--button-disabled, .link--disabled { color: #a6a6a6; }

.lego-tabs--sub .lego-tabs-nav__item.tab-disabled:visited, .lego-tabs--sub .oui-tabs-nav__item.tab-disabled:visited, .oui-tabs--sub .lego-tabs-nav__item.tab-disabled:visited, .oui-tabs--sub .oui-tabs-nav__item.tab-disabled:visited, .lego-variation-slider--button-disabled:visited, .lego-tabs--sub .lego-tabs-nav__item.tab-disabled:hover, .lego-tabs--sub .oui-tabs-nav__item.tab-disabled:hover, .oui-tabs--sub .lego-tabs-nav__item.tab-disabled:hover, .oui-tabs--sub .oui-tabs-nav__item.tab-disabled:hover, .lego-variation-slider--button-disabled:hover, .lego-tabs--sub .lego-tabs-nav__item.tab-disabled:active, .lego-tabs--sub .oui-tabs-nav__item.tab-disabled:active, .oui-tabs--sub .lego-tabs-nav__item.tab-disabled:active, .oui-tabs--sub .oui-tabs-nav__item.tab-disabled:active, .lego-variation-slider--button-disabled:active, .link--disabled:visited, .link--disabled:hover, .link--disabled:active { color: #a6a6a6; cursor: default; }

.lego-list { margin-bottom: 10px; }

.lego-list--bullet { margin-left: 20px; list-style-type: disc; }

.lego-list--numbered { margin-left: 25px; list-style-type: decimal; }

.lego-list--lower-alpha { margin-left: 25px; list-style-type: lower-alpha; }

.lego-list--spaced > li { margin-bottom: 5px; }

li > ul, li > ol { margin-bottom: 0; }

.lego-select, .audience-editor-form .select2 .select2-selection { -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: border-color 0.3s; border: 1px solid #e0e0e0; height: 34px; border-radius: 2px; font-size: 14px; padding: 0 30px 0 7px; outline: none; cursor: pointer; vertical-align: middle; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIHBvaW50cz0iMTAsMTEuMiA2LjQsNy42IDQuMyw3LjYgMTAsMTMuMyAxNS43LDcuNiAxMy42LDcuNiAiLz4KPC9zdmc+Cg==); background-position: right 7px center; background-repeat: no-repeat; background-size: auto 16px; max-width: 100%; }

.lego-select:hover, .audience-editor-form .select2 .select2-selection:hover { box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.16); border-color: #999999; }

.lego-select--small { font-size: 11px; height: 27px; }

.lego-select--large { font-size: 15px; height: 42px; }

.lego-select::-ms-expand, .audience-editor-form .select2 .select2-selection::-ms-expand { display: none; }

.lego-table, .oui-table { width: 100%; font-size: inherit; }

.lego-table:not(.oui-table--loose) th, .lego-table:not(.oui-table--loose) td, .oui-table:not(.oui-table--loose) th, .oui-table:not(.oui-table--loose) td { padding-left: 20px; padding-top: 5px; padding-bottom: 5px; }

.lego-table:not(.oui-table--loose) th:first-child, .lego-table:not(.oui-table--loose) td:first-child, .oui-table:not(.oui-table--loose) th:first-child, .oui-table:not(.oui-table--loose) td:first-child { padding-left: 0; }

.lego-table th, .oui-table th { font-weight: 600; font-size: 12px; color: #a6a6a6; text-align: left; }

.lego-table th[field], .oui-table th[field] { cursor: pointer; }

.lego-table td, .oui-table td { vertical-align: top; }

.lego-table [rowspan], .oui-table [rowspan] { vertical-align: middle; }

.lego-table [rowspan="1"], .oui-table [rowspan="1"] { vertical-align: top; }

.lego-table .numerical, .lego-table .oui-numerical, .oui-table .numerical, .oui-table .oui-numerical { text-align: right; }

.lego-table .cell-collapse, .lego-table .oui-cell-collapse, .oui-table .cell-collapse, .oui-table .oui-cell-collapse { width: 1%; }

.lego-table--dashboard > thead > th, .lego-table--rule > thead > th, .lego-table--rule-no-bottom-border > thead > th, .oui-table--rule > thead > th, .oui-table--rule-no-bottom-border > thead > th { padding-bottom: 10px; }

.lego-table--dashboard > thead > tr, .lego-table--rule > thead > tr, .lego-table--rule-no-bottom-border > thead > tr, .oui-table--rule > thead > tr, .oui-table--rule-no-bottom-border > thead > tr { border-bottom: 1px solid #e0e0e0; }

.lego-table--dashboard > tbody > tr, .lego-table--rule > tbody > tr, .lego-table--rule-no-bottom-border > tbody > tr, .oui-table--rule > tbody > tr, .oui-table--rule-no-bottom-border > tbody > tr { border-bottom: 1px solid #f0f0f0; }

.lego-table--dashboard > tbody > tr:first-child, .lego-table--rule > tbody > tr:first-child, .lego-table--rule-no-bottom-border > tbody > tr:first-child, .oui-table--rule > tbody > tr:first-child, .oui-table--rule-no-bottom-border > tbody > tr:first-child { border-bottom: 1px solid #f0f0f0; }

.lego-table--rule-no-bottom-border > tbody > tr:last-child, .oui-table--rule-no-bottom-border > tbody > tr:last-child { border-bottom: 0; }

.lego-table--wall > thead > tr > th, .lego-table--wall > tbody > tr > td, .oui-table--wall > thead > tr > th, .oui-table--wall > tbody > tr > td { border-left: 1px solid #f0f0f0; padding-right: 10px; }

.lego-table--wall > thead > tr > th:first-child, .lego-table--wall > tbody > tr > td:first-child, .oui-table--wall > thead > tr > th:first-child, .oui-table--wall > tbody > tr > td:first-child { border-left: 0; }

.lego-table--dashboard > tbody > tr:hover, .lego-table--hover > tbody > tr:hover, .oui-table--hover > tbody > tr:hover { background-color: #F2F7FC; cursor: pointer; }

.lego-table--dashboard > thead > tr > th:first-child, .lego-table--dashboard > tbody > tr > td:first-child, .lego-table--hover > thead > tr > th:first-child, .lego-table--hover > tbody > tr > td:first-child, .oui-table--hover > thead > tr > th:first-child, .oui-table--hover > tbody > tr > td:first-child { padding-left: 10px; }

.lego-table--dashboard > thead > tr > th:last-child, .lego-table--dashboard > tbody > tr > td:last-child, .lego-table--hover > thead > tr > th:last-child, .lego-table--hover > tbody > tr > td:last-child, .oui-table--hover > thead > tr > th:last-child, .oui-table--hover > tbody > tr > td:last-child { padding-right: 10px; }

.lego-table--loose th, .lego-table--loose td, .oui-table--loose th, .oui-table--loose td { padding-left: 10px; padding-right: 10px; }

.lego-table--loose th:first-child, .lego-table--loose td:first-child, .oui-table--loose th:first-child, .oui-table--loose td:first-child { padding-left: 20px; }

.lego-table--loose th:last-child, .lego-table--loose td:last-child, .oui-table--loose th:last-child, .oui-table--loose td:last-child { padding-right: 20px; }

.lego-table--loose th, .oui-table--loose th { padding-top: 5px; padding-bottom: 5px; }

.lego-table--loose td, .oui-table--loose td { padding-top: 10px; padding-bottom: 10px; }

.lego-table--add-row tbody > tr:first-child > td, .oui-table--add-row tbody > tr:first-child > td { padding-top: 0; }

.lego-table--add-row td, .oui-table--add-row td { padding-bottom: 10px; }

.lego-table--add-row__controls, .oui-table--add-row__controls { width: 1%; white-space: nowrap; }

.lego-table-row--active, .oui-table-row--active { background-color: #f7f7f7; }

.lego-table--scroll, .oui-table--scroll { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; }

.lego-table--scroll thead, .oui-table--scroll thead { display: -ms-flexbox; display: flex; -ms-flex: none; flex: none; }

.lego-table--scroll tbody, .oui-table--scroll tbody { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1; flex: 1; width: 100%; overflow-y: auto; min-height: 0; -ms-overflow-style: -ms-autohiding-scrollbar; }

.lego-table--scroll tr, .oui-table--scroll tr { display: -ms-flexbox; display: flex; -ms-flex: none; flex: none; width: 100%; }

.lego-table--scroll th, .lego-table--scroll td, .oui-table--scroll th, .oui-table--scroll td { display: block; }

.editable:hover { color: #a6a6a6; }

.editable:hover::after { color: #a6a6a6; content: '\270E'; font-size: 1em; padding-left: 5px; }

.monospace { font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; }

[data-lego-pseudo-content]::before { content: attr(data-lego-pseudo-content); }

.lego-selector, .lego-array { display: -ms-flexbox; display: flex; }

.lego-selector__item, .lego-array__item { -ms-flex: 1; flex: 1; margin-left: 10px; margin-right: 10px; }

.lego-selector__item:first-child, .lego-array__item:first-child { margin-left: 0; }

.lego-selector__item:last-child, .lego-array__item:last-child { margin-right: 0; }

.lego-button-group { display: -ms-flexbox; display: flex; }

.lego-button-group > * { margin-left: 0; border-radius: 0; }

.lego-button-group > *:not(:first-child) { margin-left: -1px; }

.lego-button-group > *:hover, .lego-button-group > *:focus { position: relative; }

.lego-button-group > *:first-child { border-radius: 2px 0 0 2px; }

.lego-button-group > *:last-child { border-radius: 0 2px 2px 0; }

.lego-button-group > .lego-button--highlight, .lego-button-group > .oui-button--highlight { position: relative; }

.lego-button-group > .lego-text-input, .lego-button-group > .oui-text-input { -ms-flex: 1; flex: 1; width: auto; }

.lego-button-group .lego-button--highlight, .lego-button-group .oui-button--highlight, .lego-button-group .lego-button--danger, .lego-button-group .oui-button--danger { z-index: 1; }

.lego-button-row--left .lego-button, .lego-button-row--left .oui-button, .oui-button-row--left .lego-button, .oui-button-row--left .oui-button { margin-right: 10px; }

.lego-button-row--left .lego-button:last-child, .lego-button-row--left .oui-button:last-child, .oui-button-row--left .lego-button:last-child, .oui-button-row--left .oui-button:last-child { margin-right: 0; }

.guider__footer, .lego-button-row--right, .oui-button-row--right { text-align: right; }

.guider__footer .lego-button, .guider__footer .oui-button, .lego-button-row--right .lego-button, .lego-button-row--right .oui-button, .oui-button-row--right .lego-button, .oui-button-row--right .oui-button { margin-left: 10px; }

.guider__footer .lego-button:first-child, .guider__footer .oui-button:first-child, .lego-button-row--right .lego-button:first-child, .lego-button-row--right .oui-button:first-child, .oui-button-row--right .lego-button:first-child, .oui-button-row--right .oui-button:first-child { margin-left: 0; }

.lego-button-row--center, .oui-button-row--center { text-align: center; }

.lego-button-row--center .lego-button, .lego-button-row--center .oui-button, .oui-button-row--center .lego-button, .oui-button-row--center .oui-button { margin-left: 5px; margin-right: 5px; }

.cf::after { content: ''; display: table; clear: both; }

.flex { display: -ms-flexbox; display: flex; }

.flex--row { -ms-flex-direction: row; flex-direction: row; }

.flex--column { -ms-flex-direction: column; flex-direction: column; }

.flex--1 { -ms-flex: 1; flex: 1; }

.flex--none { -ms-flex: none; flex: none; }

.flex-align--start { -ms-flex-align: start; align-items: flex-start; }

.flex-align--center { -ms-flex-align: center; align-items: center; }

.flex-align--end { -ms-flex-align: end; align-items: flex-end; }

.flex-justified--start { -ms-flex-pack: start; justify-content: flex-start; }

.flex-justified--center { -ms-flex-pack: center; justify-content: center; }

.flex-justified--end { -ms-flex-pack: end; justify-content: flex-end; }

.flex-justified--between { -ms-flex-pack: justify; justify-content: space-between; }

.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-wrap--reverse { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; }

.flex-self--start { -ms-flex-item-align: start; align-self: flex-start; }

.flex-self--center { -ms-flex-item-align: center; align-self: center; }

.flex-self--end { -ms-flex-item-align: end; align-self: flex-end; }

.flex-overflow-fix { min-height: 0; min-width: 0; }

.flex--dead-center { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

.lego-matrix, .lego-grid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -20px; }

.lego-grid__cell { -ms-flex: 1; flex: 1; padding-left: 20px; }

.lego-grid--gutter--narrow { margin-left: -10px; }

.lego-grid--gutter--narrow > .lego-grid__cell { padding-left: 10px; }

.lego-grid--gutter--wide { margin-left: -40px; }

.lego-grid--gutter--wide > .lego-grid__cell { padding-left: 40px; }

.lego-grid--flush { margin-left: 0; }

.lego-grid--flush > .lego-grid__cell { padding-left: 0; }

.lego-grid--natural > .lego-grid__cell { -ms-flex: none; flex: none; }

.lego-grid--center { -ms-flex-align: center; align-items: center; }

.lego-grid--bottom { -ms-flex-align: end; align-items: flex-end; }

.lego-grid__cell[class*="width-"] { -ms-flex: none; flex: none; }

.lego-island { border: 1px solid #f0f0f0; border-radius: 2px; background: #f7f7f7; padding: 10px; }

.lego-island--center { text-align: center; }

.lego-matrix { margin-left: -20px; }

.lego-matrix > li { padding-left: 20px; }

.lego-matrix--1-2 > li { width: 50%; }

.lego-matrix { margin-left: -20px; }

.lego-matrix > li { padding-left: 20px; }

.lego-matrix--1-3 > li { width: 33.3333333333%; }

.lego-matrix { margin-left: -20px; }

.lego-matrix > li { padding-left: 20px; }

.lego-matrix--1-4 > li { width: 25%; }

.accordion { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; }

.accordion__link { transition-property: height; transition-duration: 0.3s; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; letter-spacing: 1px; font-size: 12px; padding: 0 20px; background: #f7f7f7; line-height: 1; height: 26px; box-shadow: inset 0 1px 0 #e0e0e0; font-weight: 500; text-transform: uppercase; }

.accordion__link:hover { background: #f0f0f0; color: #262626; }

.accordion__link:focus { outline: none; }

.accordion__link::before { content: '+'; margin-left: -10px; width: 10px; display: inline-block; }

.accordion__item { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 26px; overflow: hidden; }

.accordion__item:first-child .accordion__link { box-shadow: none; }

.accordion__item--empty .accordion__content-wrap { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

.accordion__item--empty .accordion__content { -ms-flex: 1; flex: 1; }

.accordion .is-active { -ms-flex: 1; flex: 1; }

.accordion .is-active .accordion__link { color: #262626; cursor: default; }

.accordion .is-active .accordion__link:hover { background: #f7f7f7; }

.accordion .is-active .accordion__link::before { opacity: 0; }

.accordion__content-wrap { -ms-flex: 1; flex: 1; overflow-y: auto; }

.accordion__content { padding: 20px; }

.lego-arrow-inline--up, .oui-arrow-inline--up, .list-tree__arrow--down, .lego-arrow-inline--down, .oui-arrow-inline--down, .list-tree__arrow--right, #ui-datepicker-div .ui-datepicker-next::before, .lego-arrow-inline--right, .oui-arrow-inline--right, #ui-datepicker-div .ui-datepicker-prev::before, .lego-arrow-inline--left, .oui-arrow-inline--left, .lego-arrow-inline, .oui-arrow-inline { display: inline-block; width: 0; height: 0; margin-top: -2px; margin-left: 2px; vertical-align: middle; }

.lego-arrow-inline--up, .oui-arrow-inline--up { border-bottom: 4px solid currentColor; border-right: 4px solid transparent; border-left: 4px solid transparent; }

.list-tree__arrow--down, .lego-arrow-inline--down, .oui-arrow-inline--down { border-top: 4px solid currentColor; border-right: 4px solid transparent; border-left: 4px solid transparent; }

.list-tree__arrow--right, #ui-datepicker-div .ui-datepicker-next::before, .lego-arrow-inline--right, .oui-arrow-inline--right { border-left: 4px solid currentColor; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }

#ui-datepicker-div .ui-datepicker-prev::before, .lego-arrow-inline--left, .oui-arrow-inline--left { border-right: 4px solid currentColor; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }

.lego-notification, .lego-attention, .oui-attention { padding: 10px; border-radius: 2px; border: 1px solid #e0e0e0; background: #f7f7f7; }

.lego-notification--brand, .lego-attention--brand, .oui-attention--brand { border-color: #9ACCE2; background-color: #F2F7FC; }

.lego-notification--warning, .lego-attention--warning, .oui-attention--warning { border-color: #FFD40C; background-color: #FCF8E3; }

.lego-notification--good-news, .lego-attention--good-news, .oui-attention--good-news { border-color: #97C70A; background-color: #E9F6C3; }

.lego-notification--bad-news, .lego-attention--bad-news, .oui-attention--bad-news { border-color: #C60C0C; background-color: #F9E3E4; }

.lego-attention__close, .oui-attention__close { float: right; margin-left: 10px; cursor: pointer; }

.lego-badge { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; white-space: nowrap; }

.lego-badge > li { height: 14px; line-height: 14px; background: #B4B7B9; color: #FFF; min-width: 16px; text-align: center; margin-right: 5px; border-radius: 14px; font-size: 10px; padding: 0 5px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; }

.lego-badge > li:last-child { margin-right: 0; }

.oui-badge { height: 14px; line-height: 14px; background: #B4B7B9; color: #FFF; min-width: 16px; text-align: center; margin-right: 5px; border-radius: 14px; font-size: 10px; padding: 0 5px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; }

.lego-badge > li.badge__draft, .oui-badge--draft { background: #F4B852; }

.lego-badge > li.badge__live, .oui-badge--live { background: #77C96F; }

.lego-badge > li.badge__primary, .oui-badge--primary { background: #009DE0; }

.lego-badge > li.badge__plain, .oui-badge--plain { background: transparent; color: #999999; }

.lego-dropdown, .lego-block-list-group, .lego-block-list { list-style: none; margin-left: 0; }

.lego-dropdown > li, .lego-block-list-group > li, .lego-block-list > li { padding: 5px 10px; border-top: 1px solid #f0f0f0; }

.lego-dropdown__block-link, .lego-context-menu a, .lego-block-list__link { display: block; cursor: pointer; padding: 5px 10px; margin-left: -10px; margin-right: -10px; }

.lego-dropdown__block-link:hover, .lego-context-menu a:hover, .lego-block-list__link:hover { background-color: #F2F7FC; }

.lego-block-list__link--active { background-color: #f7f7f7; }

.lego-dropdown__block-link:first-child, .lego-context-menu a:first-child, .lego-block-list__link:first-child { margin-top: -5px; }

.lego-dropdown__block-link:last-child, .lego-context-menu a:last-child, .lego-block-list__link:last-child { margin-bottom: -5px; }

.lego-block-list--flush li { padding-left: 0; padding-right: 0; }

.lego-block-list--all li:last-child { border-bottom: 1px solid #f0f0f0; }

.lego-block-list--no-border > li { border-top: 0; }

.lego-dropdown, .lego-block-list-group { border: 1px solid #e0e0e0; border-radius: 2px; }

.lego-dropdown > li:first-child, .lego-block-list-group > li:first-child { border: 0; }

.lego-dialog { position: relative; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); width: 700px; }

.lego-dialog--narrow { width: 500px; }

.lego-dialog--wide { width: 900px; }

.lego-dialog__header, .lego-dialog__body, .lego-dialog__footer { padding: 20px; }

.lego-dialog__header, .lego-dialog__footer { background-color: #f7f7f7; }

.lego-dialog__header { border-bottom: 1px solid #f0f0f0; }

.lego-dialog__footer { border-top: 1px solid #f0f0f0; }

.lego-dialog__title { font-size: 24px; color: #004766; line-height: 1; }

.lego-dialog__body { background: #FFF; padding-bottom: 30px; }

.lego-dialog__close { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: absolute; top: -12px; right: -12px; width: 24px; height: 24px; border-radius: 50%; cursor: pointer; background: #000; color: #FFF; border: 2px solid #FFF; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); z-index: 1; }

.lego-disclose__link { display: block; position: relative; margin-bottom: 5px; }

.lego-disclose__symbol { transition: transform 0.3s; width: 10px; display: inline-block; pointer-events: none; }

.lego-disclose__symbol::before { line-height: 1; font-size: 14px; content: '\25B8'; }

.lego-disclose--right .lego-disclose__symbol { float: right; transform: rotate(180deg); }

.lego-disclose__content { display: none; }

.lego-disclose__item { margin-bottom: 10px; }

.lego-disclose.is-active .lego-disclose__content { display: block; }

.lego-disclose.is-active .lego-disclose__symbol { transform: rotate(90deg); }

.lego-dropdown-group { font-size: 14px; display: inline-block; position: relative; vertical-align: top; }

.lego-dropdown-group.is-active .lego-dropdown { display: block; }

.lego-dropdown { background: #FFF; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); min-width: 100%; position: absolute; top: 100%; left: auto; z-index: 1; margin-top: 2px; text-align: left; max-height: 320px; line-height: 1.6; font-weight: 400; overflow-y: auto; display: none; }

.lego-dropdown__item { color: #262626; }

.lego-dropdown__item--active { background: #f7f7f7; }

.lego-dropdown--right { right: 0; left: auto; }

.lego-dropdown--descriptive__header { color: #0081BA; }

.lego-dropdown--descriptive__content { font-size: 11px; line-height: 1.4; color: #a6a6a6; margin-bottom: 5px; }

.lego-dropdown--up { bottom: 100%; box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1); top: initial; }

.lego-help-dot { background: #a6a6a6; color: #FFF; width: 16px; height: 16px; line-height: 16px; text-align: center; display: inline-block; border-radius: 50%; font-size: 10px; }

.lego-help-dot::after { content: '?'; }

.lego-icon, .oui-icon { width: 16px; height: 16px; display: inline-block; fill: currentColor; }

.lego-icon--small, .lego-icon--12, .oui-icon--small, .oui-icon--12 { width: 12px; height: 12px; }

.lego-icon--medium, .lego-icon--24, .oui-icon--medium, .oui-icon--24 { width: 24px; height: 24px; }

.lego-icon--large, .lego-icon--32, .oui-icon--large, .oui-icon--32 { width: 32px; height: 32px; }

.lego-icon + [class^="lego--arrow-inline"], .lego-icon + [class^="oui-arrow-inline"], .oui-icon + [class^="lego--arrow-inline"], .oui-icon + [class^="oui-arrow-inline"] { vertical-align: super; }

.lego-icon--text-align, .oui-icon--text-align { position: relative; top: 2px; }

.lego-button .lego-icon, .oui-button:not(.oui-button--unstyled) .oui-icon { vertical-align: sub; }

.lego-tabs-nav__item .lego-icon, .lego-tabs-nav__item .oui-icon { vertical-align: sub; }

.icon-status--active::before, .icon-status--bad-news::before, .icon-status--good-news::before, .icon-status--empty::before { content: ''; border-radius: 50%; display: inline-block; width: 10px; height: 10px; }

.icon-status--active::before { background: #0081BA; }

.icon-status--bad-news::before { background: #C60C0C; }

.icon-status--good-news::before { background: #97C70A; }

.icon-target { padding: 6px; border-radius: 50%; box-sizing: content-box; cursor: pointer; }

.icon-target:hover { background: #F2F7FC; }

.lego-input-icon { position: relative; }

.lego-input-icon__left, .lego-input-icon__right { transform: translateY(-50%); pointer-events: none; position: absolute; top: 50%; }

.lego-input-icon__left { left: 10px; }

.lego-input-icon__right { right: 10px; }

.lego-input-icon__muted { fill: #999999; }

.lego-media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; }

.lego-media__img { margin-right: 10px; margin-top: 0.7%; }

.lego-media__img--rev { margin-left: 10px; margin-top: 0.7%; }

.lego-media__body { -ms-flex: 1; flex: 1; }

.lego-nav { display: -ms-flexbox; display: flex; }

.lego-nav > li { margin-right: 10px; }

.lego-nav > li > a { display: block; }

.lego-nav--stacked { display: block; }

.lego-nav--stacked > li { margin-right: 0; }

.lego-nav--center { -ms-flex-pack: center; justify-content: center; }

.lego-nav--center > li { margin-left: 5px; margin-right: 5px; }

.lego-nav--fit { display: -ms-flexbox; display: flex; }

.lego-nav--fit > li { -ms-flex: 1; flex: 1; }

.lego-nav--fit > li > a { display: block; }

.lego-pagination { -ms-flex-pack: center; justify-content: center; }

.lego-pagination > li { padding: 5px; }

.lego-pagination__first a::before { content: '\00AB' '\00A0'; }

.lego-pagination__last a::after { content: '\00A0' '\00BB'; }

.lego-pagination__current > a { color: #262626; }

.lego-context-menu, .guider, .lego-pop--over, .oui-pop--over { border: 1px solid #e0e0e0; border-radius: 2px; background: #FFF; max-width: 350px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); position: absolute; opacity: 0; display: none; }

.lego-context-menu > li, .guider__content, .lego-pop--over__content, .oui-pop--over__content { max-height: 100vh; overflow-y: auto; padding: 5px 10px; }

.guider__title, .lego-pop--over__title, .oui-pop--over__title { font-weight: 500; }

.lego-pop--over__body, .oui-pop--over__body { margin-top: 5px; margin-bottom: 5px; font-size: 12px; line-height: 1.4; }

.lego-pop--over__footer, .oui-pop--over__footer { margin-top: 5px; font-size: 11px; }

.lego-pop--over__close, .oui-pop--over__close { cursor: pointer; position: absolute; top: 5px; right: 5px; }

.guider--arrow-top-left::before, .lego-pop--over--arrow-top-left::before, .oui-pop--over--arrow-top-left::before { border-bottom-color: #e0e0e0; }

.guider--arrow-top-left::after, .lego-pop--over--arrow-top-left::after, .oui-pop--over--arrow-top-left::after { border-bottom-color: #FFF; }

.guider--arrow-top-center::before, .lego-pop--over--arrow-top-center::before, .oui-pop--over--arrow-top-center::before { border-bottom-color: #e0e0e0; }

.guider--arrow-top-center::after, .lego-pop--over--arrow-top-center::after, .oui-pop--over--arrow-top-center::after { border-bottom-color: #FFF; }

.guider--arrow-top-right::before, .lego-pop--over--arrow-top-right::before, .oui-pop--over--arrow-top-right::before { border-bottom-color: #e0e0e0; }

.guider--arrow-top-right::after, .lego-pop--over--arrow-top-right::after, .oui-pop--over--arrow-top-right::after { border-bottom-color: #FFF; }

.lego-pop--over--arrow-right-top::before, .oui-pop--over--arrow-right-top::before { border-left-color: #e0e0e0; }

.lego-pop--over--arrow-right-top::after, .oui-pop--over--arrow-right-top::after { border-left-color: #FFF; }

.guider--arrow-right-center::before, .lego-pop--over--arrow-right-center::before, .oui-pop--over--arrow-right-center::before { border-left-color: #e0e0e0; }

.guider--arrow-right-center::after, .lego-pop--over--arrow-right-center::after, .oui-pop--over--arrow-right-center::after { border-left-color: #FFF; }

.lego-pop--over--arrow-right-bottom::before, .oui-pop--over--arrow-right-bottom::before { border-left-color: #e0e0e0; }

.lego-pop--over--arrow-right-bottom::after, .oui-pop--over--arrow-right-bottom::after { border-left-color: #FFF; }

.lego-pop--over--arrow-bottom-right::before, .oui-pop--over--arrow-bottom-right::before { border-top-color: #e0e0e0; }

.lego-pop--over--arrow-bottom-right::after, .oui-pop--over--arrow-bottom-right::after { border-top-color: #FFF; }

.guider--arrow-bottom-center::before, .lego-pop--over--arrow-bottom-center::before, .oui-pop--over--arrow-bottom-center::before { border-top-color: #e0e0e0; }

.guider--arrow-bottom-center::after, .lego-pop--over--arrow-bottom-center::after, .oui-pop--over--arrow-bottom-center::after { border-top-color: #FFF; }

.lego-pop--over--arrow-bottom-left::before, .oui-pop--over--arrow-bottom-left::before { border-top-color: #e0e0e0; }

.lego-pop--over--arrow-bottom-left::after, .oui-pop--over--arrow-bottom-left::after { border-top-color: #FFF; }

.lego-pop--over--arrow-left-bottom::before, .oui-pop--over--arrow-left-bottom::before { border-right-color: #e0e0e0; }

.lego-pop--over--arrow-left-bottom::after, .oui-pop--over--arrow-left-bottom::after { border-right-color: #FFF; }

.guider--arrow-left-center::before, .lego-pop--over--arrow-left-center::before, .oui-pop--over--arrow-left-center::before { border-right-color: #e0e0e0; }

.guider--arrow-left-center::after, .lego-pop--over--arrow-left-center::after, .oui-pop--over--arrow-left-center::after { border-right-color: #FFF; }

.lego-pop--over--arrow-left-top::before, .oui-pop--over--arrow-left-top::before { border-right-color: #e0e0e0; }

.lego-pop--over--arrow-left-top::after, .oui-pop--over--arrow-left-top::after { border-right-color: #FFF; }

.lego-pop--tip { background: #262626; color: #FFF; border-radius: 2px; font-size: 11px; padding: 5px 10px; max-width: 250px; display: inline-block; z-index: 3001; font-weight: 500; position: absolute; opacity: 0; }

.lego-pop--tip--arrow-top-left::before { border-bottom-color: #262626; }

.lego-pop--tip--arrow-top-left::after { border-bottom-color: #262626; }

.lego-pop--tip--arrow-top-center::before { border-bottom-color: #262626; }

.lego-pop--tip--arrow-top-center::after { border-bottom-color: #262626; }

.lego-pop--tip--arrow-top-right::before { border-bottom-color: #262626; }

.lego-pop--tip--arrow-top-right::after { border-bottom-color: #262626; }

.lego-pop--tip--arrow-right-top::before { border-left-color: #262626; }

.lego-pop--tip--arrow-right-top::after { border-left-color: #262626; }

.lego-pop--tip--arrow-right-center::before { border-left-color: #262626; }

.lego-pop--tip--arrow-right-center::after { border-left-color: #262626; }

.lego-pop--tip--arrow-right-bottom::before { border-left-color: #262626; }

.lego-pop--tip--arrow-right-bottom::after { border-left-color: #262626; }

.lego-pop--tip--arrow-bottom-right::before { border-top-color: #262626; }

.lego-pop--tip--arrow-bottom-right::after { border-top-color: #262626; }

.lego-pop--tip--arrow-bottom-center::before { border-top-color: #262626; }

.lego-pop--tip--arrow-bottom-center::after { border-top-color: #262626; }

.lego-pop--tip--arrow-bottom-left::before { border-top-color: #262626; }

.lego-pop--tip--arrow-bottom-left::after { border-top-color: #262626; }

.lego-pop--tip--arrow-left-bottom::before { border-right-color: #262626; }

.lego-pop--tip--arrow-left-bottom::after { border-right-color: #262626; }

.lego-pop--tip--arrow-left-center::before { border-right-color: #262626; }

.lego-pop--tip--arrow-left-center::after { border-right-color: #262626; }

.lego-pop--tip--arrow-left-top::before { border-right-color: #262626; }

.lego-pop--tip--arrow-left-top::after { border-right-color: #262626; }

.lego-progress { background: #f7f7f7; height: 20px; border-radius: 2px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); overflow: hidden; }

.lego-progress--bad-news .lego-progress__bar { background: #C60C0C; }

.lego-progress__bar { transition: width 0.3s; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; line-height: 1; height: 100%; background: #0081BA; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); color: #FFF; font-size: 12px; min-width: 20px; max-width: 100%; }

.lego-progress__bar[aria-valuenow="0"] { background: transparent; box-shadow: none; color: gray; }

.lego-progress-dots { display: inline-block; }

.lego-progress-dots li { opacity: 0; display: inline-block; width: 7px; height: 7px; margin: 0 3px; border-radius: 50%; background: #0081BA; animation: progress-pulse 2s infinite; }

.lego-progress-dots li:nth-child(2) { animation-delay: 0.2s; }

.lego-progress-dots li:nth-child(3) { animation-delay: 0.4s; }

.lego-progress-dots--reverse li { background: #FFF; }

.lego-progress-dots--small li { width: 4px; height: 4px; margin: 0 1px; }

@keyframes progress-pulse { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; } }

.lego-search { position: relative; }

.lego-search .lego-icon { transform: translateY(-50%); position: absolute; top: 50%; right: 10px; cursor: pointer; display: none; }

.lego-text-input--search, .oui-text-input--search { padding-left: 30px; background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" xml:space="preserve"><g id="Layer_1"><path d="M6.21,12.417C2.786,12.417,0,9.632,0,6.209C0,2.785,2.786,0,6.21,0c3.422,0,6.206,2.785,6.206,6.209 C12.416,9.632,9.632,12.417,6.21,12.417z M6.21,1C3.337,1,1,3.337,1,6.209s2.337,5.208,5.21,5.208		c2.87,0,5.206-2.336,5.206-5.208S9.08,1,6.21,1z"/><path d="M15.5,16c-0.128,0-0.256-0.049-0.354-0.146l-5.25-5.25c-0.195-0.195-0.195-0.512,0-0.707s0.512-0.195,0.707,0l5.25,5.25 	c0.195,0.195,0.195,0.512,0,0.707C15.756,15.951,15.628,16,15.5,16z"/></g></svg>'); background-repeat: no-repeat; background-position: left 8px center; background-size: 16px 16px; }

.lego-search--active .lego-icon { display: block; }

.info-loader-wrap, .lego-overlay { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: rgba(255, 255, 255, 0.6); position: absolute; top: 0; left: 0; bottom: 0; right: 0; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

@keyframes spin-animate { 100% { transform: rotate(360deg); } }

.lego-spinner { animation: spin-animate 800ms infinite linear; width: 40px; height: 40px; border: 4px solid #F2F7FC; display: inline-block; border-radius: 50%; position: relative; }

.lego-spinner::before { content: ''; width: 40px; height: 40px; border-radius: 50%; display: block; position: absolute; left: -4px; top: -4px; border-width: 4px; border-style: solid; border-right-color: #F2F7FC; border-top-color: #F2F7FC; border-left-color: #0081BA; border-bottom-color: #F2F7FC; }

.lego-spinner--small, .lego-spinner--small::before { width: 26px; height: 26px; border-width: 3px; left: -3px; top: -3px; }

.lego-spinner--tiny, .lego-spinner--tiny::before { width: 16px; height: 16px; border-width: 2px; left: -2px; top: -2px; }

.lego-stat-group { display: -ms-flexbox; display: flex; }

.lego-stat { margin-right: 10px; }

.lego-steps { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-left: auto; margin-right: auto; }

.lego-steps__dot { transform: translateX(-50%); transition: all 0.3s; position: absolute; width: 16px; height: 16px; top: -7px; left: 50%; border-radius: 50%; border: 3px solid #e0e0e0; background: #FFF; z-index: 1; }

.lego-steps__label { text-align: center; font-weight: 400; color: #a6a6a6; }

.lego-steps__item { -ms-flex: 1; flex: 1; padding-top: 20px; position: relative; }

.lego-steps__item::before { content: ''; height: 3px; background: #e0e0e0; width: 100%; position: absolute; top: 0; right: 50%; }

.lego-steps__item--active::before { background: #0081BA; }

.lego-steps__item--active .lego-steps__dot { background: #0081BA; border-color: #0081BA; }

.lego-steps__item--active .lego-steps__label { color: #0081BA; }

.lego-steps__item--complete::before { background: #0081BA; }

.lego-steps__item--complete .lego-steps__dot { border-color: #0081BA; }

.lego-steps__item:first-child::before { display: none; }

.lego-tabs-nav, .oui-tabs-nav { display: -ms-flexbox; display: flex; border-bottom: 3px solid #e0e0e0; }

.lego-tabs-nav__item, .oui-tabs-nav__item { position: relative; text-align: center; padding: 10px 15px; border: 1px solid #e0e0e0; border-right: 0; border-bottom: 0; color: gray; font-weight: 400; background-color: #f7f7f7; cursor: pointer; }

.lego-tabs-nav__item:first-child, .oui-tabs-nav__item:first-child { border-top-left-radius: 4px; }

.lego-tabs-nav__item:last-child, .oui-tabs-nav__item:last-child { border-top-right-radius: 4px; border-right: 1px solid #e0e0e0; }

.lego-tabs-nav__item:hover, .lego-tabs-nav__item.is-active, .oui-tabs-nav__item:hover, .oui-tabs-nav__item.is-active { color: #0081BA; }

.lego-tabs-nav__item.is-active, .oui-tabs-nav__item.is-active { background-color: #FFF; cursor: default; }

.lego-tabs-nav__item.is-active::after, .oui-tabs-nav__item.is-active::after { content: ''; display: block; height: 3px; background: #FFF; position: absolute; left: 0; right: 0; bottom: -3px; }

.lego-tabs--small .lego-tabs-nav, .lego-tabs--small .oui-tabs-nav, .oui-tabs--small .lego-tabs-nav, .oui-tabs--small .oui-tabs-nav { border-width: 1px; }

.lego-tabs--small .lego-tabs-nav__item, .lego-tabs--small .oui-tabs-nav__item, .oui-tabs--small .lego-tabs-nav__item, .oui-tabs--small .oui-tabs-nav__item { background-color: transparent; padding: 5px 10px; font-size: 12px; }

.lego-tabs--center .lego-tabs-nav, .lego-tabs--center .oui-tabs-nav, .oui-tabs--center .lego-tabs-nav, .oui-tabs--center .oui-tabs-nav { -ms-flex-pack: center; justify-content: center; }

.lego-tabs--center .lego-tabs-nav__item:first-child, .lego-tabs--center .oui-tabs-nav__item:first-child, .oui-tabs--center .lego-tabs-nav__item:first-child, .oui-tabs--center .oui-tabs-nav__item:first-child { margin-left: 5px; }

.lego-tabs--sub .lego-tabs-nav__item, .lego-tabs--sub .oui-tabs-nav__item, .oui-tabs--sub .lego-tabs-nav__item, .oui-tabs--sub .oui-tabs-nav__item { border: 0; }

.lego-tabs--sub .lego-tabs-nav__item.is-active::after, .lego-tabs--sub .oui-tabs-nav__item.is-active::after, .oui-tabs--sub .lego-tabs-nav__item.is-active::after, .oui-tabs--sub .oui-tabs-nav__item.is-active::after { height: 2px; background: #0081BA; bottom: -1px; }

.lego-tabs--sub .lego-tabs-nav__item.tab-disabled, .lego-tabs--sub .oui-tabs-nav__item.tab-disabled, .oui-tabs--sub .lego-tabs-nav__item.tab-disabled, .oui-tabs--sub .oui-tabs-nav__item.tab-disabled { cursor: default; }

.lego-tabs-pane__item, .oui-tabs-pane__item { display: none; }

.lego-tabs-pane__item.is-active, .oui-tabs-pane__item.is-active { display: block; }

.lego-token-wrap, .oui-token-wrap { display: -ms-inline-flexbox; display: inline-flex; border: 1px solid #e0e0e0; background: #f0f0f0; padding: 4px; border-radius: 2px; }

.lego-token, .oui-token { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; color: #FFF; line-height: 1; padding: 5px 10px; border-radius: 2px; text-shadow: 0 0 1px rgba(0, 0, 0, 0.2); }

.lego-token--primary, .oui-token--primary { background: #009DE0; }

.lego-token--secondary, .oui-token--secondary { background: #869FAB; }

.lego-token-tool, .oui-token-tool { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; cursor: move; -ms-flex: none; flex: none; min-width: 0; min-height: 0; padding-left: 8px; }

.lego-token__number, .oui-token__number { color: #bfbfbf; font-size: 12px; min-width: 10px; }

.lego-token__move, .oui-token__move { transform: rotate(90deg); color: #c7c7c7; }

.lego-token__description, .oui-token__description { font-size: 11px; margin-top: 5px; }

.lego-token__close, .oui-token__close { color: #FFF; height: 12px; width: 12px; }

html, body { height: 100%; }

body { min-width: 1120px; }

.file-input { position: relative; overflow: hidden; }

.file-input [type="file"] { bottom: 0; cursor: pointer; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0; }

h1, .alpha { font-size: 28px; line-height: 1.1; }

h2, .beta { font-size: 24px; line-height: 1.1; }

h3, .gamma { font-size: 20px; line-height: 1.2; }

h4, .delta { font-size: 16px; line-height: 1.2; }

h5, .epsilon { font-size: 14px; line-height: 1.2; }

h6, .zeta { font-size: 12px; }

h1 { margin-bottom: 20px; }

h2 { margin-bottom: 20px; }

h3 { margin-bottom: 15px; }

h4 { margin-bottom: 10px; }

h5 { margin-bottom: 15px; font-weight: 500; }

h6 { margin-bottom: 5px; font-weight: 500; text-transform: none; }

hgroup .hn { margin-bottom: 0; }

.milli { font-size: 12px; }

.micro { font-size: 11px; }

.giga { font-size: 65px; }

.mega { font-size: 50px; }

.kilo { font-size: 40px; }

.empty-state-message { color: #a6a6a6; font-size: 14px; text-align: center; }

.info-loader-wrap { -ms-flex-direction: column; flex-direction: column; }

.info-loader { max-width: 350px; padding: 10px; text-align: center; }

.info-loader__title { font-size: 28px; margin-bottom: 10px; }

.info-loader__text { margin-bottom: 10px; }

.lego-data-sidebar { background: #f7f7f7; width: 370px; box-shadow: -1px 0 0 #e0e0e0; }

.lego-data-sidebar .accordion { width: 370px; }

.lego-layout--single-column { margin-left: auto; margin-right: auto; max-width: 640px; }

.lego-layout--narrow-column { margin-left: auto; margin-right: auto; max-width: 480px; }

.lego-sections__item { margin-bottom: 25px; }

.max-width--reading { max-width: 800px; }

.max-width--page { width: 100%; max-width: 1120px; }

.no-min-width { min-width: 0; }

.lego-project-drawer { z-index: 2999; }

.lego-project-drawer .lego-block-list { -ms-flex: 1; flex: 1; overflow-y: auto; }

.lego-project-drawer .lego-block-list li { margin: 0; padding: 0; }

.lego-project-drawer .lego-block-list li:first-child { border-top: 0; }

.lego-project-drawer .lego-block-list .lego-block-list__link { margin: 0; padding: 5px 20px; }

.lego-top-nav { display: -ms-flexbox; display: flex; background-color: #004766; color: #FFF; padding: 0 20px; }

.lego-top-nav__item { margin-right: 20px; }

.lego-top-nav__item:last-child { margin-right: 0; }

.lego-top-nav a { display: block; padding: 10px 0; }

.avatar { border-radius: 100%; height: 80px; width: 80px; background-position: center center; background-size: cover; background-image: url("/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/profile-default.svg"); box-shadow: 0 0 0 1.5px rgba(255, 255, 255, 0.75); }

.avatar.color-admin--border { box-shadow: 0 0 0 1.5px #FCB423; }

.avatar--small { height: 30px; width: 30px; }

.avatar--editable { display: inline-block; position: relative; }

.avatar--editable:hover .avatar__overlay { display: -ms-flexbox; display: flex; }

.avatar__overlay { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; background: rgba(0, 0, 0, 0.5); border-radius: 100%; color: #FFF; cursor: pointer; display: none; height: 100%; position: absolute; width: 100%; }

.lego-drawer { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; background: #FFF; width: 270px; position: absolute; top: 0; bottom: 0; }

.lego-drawer--left { transition: left 0.3s; box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1); left: -280px; }

.lego-drawer--left.is-active { left: 0; }

.lego-drawer--right { transition: right 0.3s; box-shadow: -1px 0 3px rgba(0, 0, 0, 0.1); right: -280px; }

.lego-drawer--right.is-active { right: 0; }

.lego-drawer--backdrop { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.5; }

.lego-drawer__header { -ms-flex: none; flex: none; padding: 20px; position: relative; }

.lego-drawer__header .lego-icon { position: absolute; top: 20px; right: 20px; cursor: pointer; }

.lego-drawer--wrapper { overflow-x: hidden; }

.lego-button--add, .lego-button--remove, .lego-button--round { border-radius: 50%; height: 27px; width: 27px; padding: 0; }

.lego-button--add .lego-icon, .lego-button--remove .lego-icon, .lego-button--round .lego-icon { height: 12px; width: 12px; }

.lego-button--link { background: none; border: 0; padding: 0; font-family: Proxima, Helvetica, Verdana, sans-serif; cursor: pointer; outline: 0; }

.lego-button--remove:hover, .lego-button--remove:active, .lego-button--remove:focus { color: #C60C0C; }

.lego-button--start { background-color: #14A54A; border-color: #088E3A; color: #FFF !important; }

.lego-button--start:hover { background: #14B54E; border-color: #14A54A; }

.lego-button--start:active { background: #14904A; border-color: #138B47; }

.lego-button--start:hover, .lego-button--start:active, .lego-button--start:visited, .lego-button--start:focus { color: #FFF !important; }

a.lego-button { line-height: 34px; }

a.lego-button--small { line-height: 27px; }

.chiclet { background: #a6a6a6; border-radius: 2px; color: black; display: inline-block; font-weight: 400; padding-right: 10px; padding-left: 10px; }

.chiclet--good-news { background: #E9F6C3; color: #39490b; }

.chiclet--brand { background: #0081BA; color: #FFF; }

.lego-code-copy { position: relative; }

.lego-code-copy .lego-button { position: absolute; top: 5px; right: 5px; transition: opacity 0.1s; opacity: 0; }

.lego-code-copy:hover .lego-button, .lego-code-copy .lego-button--hover, .lego-code-copy .lego-button--active { opacity: 1; }

.lego-context-menu a { -ms-flex-align: center; align-items: center; }

.lego-context-menu .lego-icon { margin-right: 5px; vertical-align: sub; }

.cell-truncate { position: relative; }

.cell-truncate__text { position: absolute; bottom: 5px; left: 0; right: 0; }

.cell-truncate__text + .cell-truncate__title { margin-bottom: 15px; }

.cell-truncate__title { font-weight: 500; }

.lego-table--dashboard thead > tr > th:first-child, .lego-table--dashboard tbody > tr > td:first-child { padding-left: 20px; }

.lego-table--dashboard thead > tr > th:last-child, .lego-table--dashboard tbody > tr > td:last-child { padding-right: 20px; }

.lego-table--dashboard tbody > tr > td { padding-top: 10px; padding-bottom: 10px; }

.lego-table--dashboard .cell-truncate__text { bottom: 10px; left: 20px; color: #a6a6a6; font-size: 11px; }

.lego-table--dashboard .lego-table-row--active td:first-child { position: relative; }

.lego-table--dashboard .lego-table-row--active td:first-child::after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: #0081BA; }

.dialog, .dialog--wrapper { transform: translate3d(0, 0, 0); bottom: 0; left: 0; right: 0; top: 0; margin: 0; }

.dialog--wrapper { display: none; overflow: auto; position: fixed; text-align: center; z-index: 3000; padding: 50px 0; }

.dialog--wrapper.dialog--shown { display: block; }

.dialog { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); text-align: left; z-index: 3000; overflow: visible; position: relative; background: #FFF; display: inline-block; }

.dialog--narrow { width: 600px; }

.dialog--wide { width: 850px; }

.dialog--extra-wide { width: 1050px; }

.dialog-frame--pushed-left { margin-left: -30%; }

.modal--full .dialog--wrapper { padding: 0; }

.modal__close { cursor: pointer; position: absolute; top: 5px; right: 5px; z-index: 2; }

.page-overlay { width: 100%; height: 100%; position: fixed; left: 0; top: 0; }

.jqmOverlay, .web-guider-overlay, .page-overlay--faint, .page-overlay--white { background: #000000; background: radial-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 35%, rgba(0, 0, 0, 0.5)); opacity: 0.88; }

.editor-save { position: absolute; right: 0; z-index: 3; }

.modes-and-options-container { max-width: 345px; }

.experiment-header-overlay { background: #FFF; bottom: 0; left: 0; opacity: 0.5; position: absolute; right: 0; top: 0; z-index: 4; }

.can-cross-browser-test .cross-browser-test-padlock { display: none !important; }

.js-variation.shown > a { z-index: 4; }

.variations__bar__scroll-container--mobile { overflow-x: auto; overflow-y: hidden; }

.variation-tab .lego-dropdown { margin-left: -10px; }

.editor-dropdown { z-index: 3000; max-height: none !important; }

.guider { z-index: 2003; min-width: 320px; position: absolute; font-size: 12px; opacity: 1; display: block; }

.guider__header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 5px 0 10px; }

.guider__title { -ms-flex: 1; flex: 1; min-height: 0; min-width: 0; font-weight: 500; font-size: 16px; }

.guider__content { padding: 20px; }

.guider__progress { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #a6a6a6; }

.guider__progress__arrow { display: -ms-flexbox; display: flex; color: #bfbfbf; padding-left: 2px; padding-right: 2px; }

.guider__progress__arrow:hover { color: gray; }

.guider.above-dialog { z-index: 3210; }

.list-tree__list ul .list-tree__item { padding-left: 11px; }

.list-tree__list ul .list-tree__item--no-children { padding-left: 33px; }

.list-tree__list ul ul .list-tree__item { padding-left: 22px; }

.list-tree__list ul ul .list-tree__item--no-children { padding-left: 44px; }

.list-tree__list ul ul ul .list-tree__item { padding-left: 33px; }

.list-tree__list ul ul ul .list-tree__item--no-children { padding-left: 55px; }

.list-tree__list ul ul ul ul .list-tree__item { padding-left: 44px; }

.list-tree__list ul ul ul ul .list-tree__item--no-children { padding-left: 66px; }

.list-tree__list ul ul ul ul ul .list-tree__item { padding-left: 55px; }

.list-tree__list ul ul ul ul ul .list-tree__item--no-children { padding-left: 77px; }

.list-tree__list ul ul ul ul ul ul .list-tree__item { padding-left: 66px; }

.list-tree__list ul ul ul ul ul ul .list-tree__item--no-children { padding-left: 88px; }

.list-tree__list ul ul ul ul ul ul ul .list-tree__item { padding-left: 77px; }

.list-tree__list ul ul ul ul ul ul ul .list-tree__item--no-children { padding-left: 99px; }

.list-tree__list ul ul ul ul ul ul ul ul .list-tree__item { padding-left: 88px; }

.list-tree__list ul ul ul ul ul ul ul ul .list-tree__item--no-children { padding-left: 110px; }

.list-tree__list ul ul ul ul ul ul ul ul ul .list-tree__item { padding-left: 99px; }

.list-tree__list ul ul ul ul ul ul ul ul ul .list-tree__item--no-children { padding-left: 121px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul .list-tree__item { padding-left: 110px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul .list-tree__item--no-children { padding-left: 132px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul .list-tree__item { padding-left: 121px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul .list-tree__item--no-children { padding-left: 143px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item { padding-left: 132px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item--no-children { padding-left: 154px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item { padding-left: 143px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item--no-children { padding-left: 165px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item { padding-left: 154px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item--no-children { padding-left: 176px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item { padding-left: 165px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item--no-children { padding-left: 187px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item { padding-left: 176px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item--no-children { padding-left: 198px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item { padding-left: 187px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item--no-children { padding-left: 209px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item { padding-left: 198px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item--no-children { padding-left: 220px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item { padding-left: 209px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item--no-children { padding-left: 231px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item { padding-left: 220px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item--no-children { padding-left: 242px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item { padding-left: 231px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item--no-children { padding-left: 253px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item { padding-left: 242px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item--no-children { padding-left: 264px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item { padding-left: 253px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item--no-children { padding-left: 275px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item { padding-left: 264px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item--no-children { padding-left: 286px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item { padding-left: 275px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item--no-children { padding-left: 297px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item { padding-left: 286px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item--no-children { padding-left: 308px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item { padding-left: 297px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item--no-children { padding-left: 319px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item { padding-left: 308px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item--no-children { padding-left: 330px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item { padding-left: 319px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item--no-children { padding-left: 341px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item { padding-left: 330px; }

.list-tree__list ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .list-tree__item--no-children { padding-left: 352px; }

.list-tree { background: #FFF; text-align: left; overflow-y: auto; }

.list-tree.lego-popover__content { padding-left: 0; padding-right: 0; }

.list-tree__title { font-weight: 500; margin-bottom: 5px; }

.list-tree__list { display: inline-block; min-width: 100%; overflow-y: auto; }

.list-tree__title, .list-tree__list { padding-left: 10px; padding-right: 10px; }

.list-tree__item { color: #0081BA; cursor: pointer; display: -ms-flexbox; display: flex; line-height: 1; white-space: nowrap; width: 100%; }

.list-tree__item--selected { background-color: #0081BA; }

.list-tree__item--selected .list-tree__arrow:hover { background-color: #006fa1; }

.list-tree__item:not(.list-tree__item--selected):hover { background-color: #f0f0f0; }

.list-tree__item:not(.list-tree__item--selected):hover .list-tree__arrow:hover { background-color: #e3e3e3; }

.list-tree__arrow { padding: 5px 8px; }

.list-tree__arrow--down { margin-left: -1px; margin-right: -1px; }

.list-tree__item__text { padding: 5px 10px; }

.lego-notification { transition: opacity 0.1s; padding: 5px 10px; font-size: 12px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); text-align: center; transform: translateX(-50%); opacity: 0; }

.lego-notification--wrap { position: fixed; top: 30px; left: 50%; z-index: 3005; }

.lego-notification + .lego-notification { margin-top: 5px; }

.lego-notification--active { opacity: 1; }

.guider, .popover-shadow--medium { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }

.guider::before, .popover-arrow--large::before { border-width: 12px; margin-top: -12px; }

.guider::after, .popover-arrow--large::after { border-width: 11px; margin-top: -11px; }

.guider--arrow-bottom-center::before, .popover-arrow--large-bottom-left::before, .popover-arrow--large-bottom-center::before, .popover-arrow--large-bottom-right::before { margin-top: 1px; }

.guider--arrow-bottom-center::after, .popover-arrow--large-bottom-left::after, .popover-arrow--large-bottom-center::after, .popover-arrow--large-bottom-right::after { margin-top: 0; }

.guider, .popover-border--light-blue { border-color: #aec1c9; }

.guider--arrow-top-left::before, .guider--arrow-top-center::before, .guider--arrow-top-right::before, .popover-border--light-blue--arrow-top-left::before, .popover-border--light-blue--arrow-top-center::before, .popover-border--light-blue--arrow-top-right::before { border-bottom-color: #aec1c9; }

.guider--arrow-right-center::before, .popover-border--light-blue--arrow-right-top::before, .popover-border--light-blue--arrow-right-center::before, .popover-border--light-blue--arrow-right-bottom::before { border-left-color: #aec1c9; }

.guider--arrow-bottom-center::before, .popover-border--light-blue--arrow-bottom-right::before, .popover-border--light-blue--arrow-bottom-center::before, .popover-border--light-blue--arrow-bottom-left::before { border-top-color: #aec1c9; }

.guider--arrow-left-center::before, .popover-border--light-blue--arrow-left-bottom::before, .popover-border--light-blue--arrow-left-center::before, .popover-border--light-blue--arrow-left-top::before { border-right-color: #aec1c9; }

.lego-selector__item { text-align: center; border: 1px solid #e0e0e0; }

.lego-selector__item:hover, .lego-selector__item--active { border: 1px solid #0081BA; background-color: #F2F7FC; cursor: pointer; }

.lego-selector__item--locked { opacity: 0.5; position: relative; }

.lego-selector__item--locked::before { content: ''; width: 25px; height: 22px; position: absolute; top: 0; right: 0; display: block; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii00NjMgMjY1IDMyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC00NjMgMjY1IDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJncmlkIj4NCjwvZz4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0tNDM3LDI3N2MwLTUuNS00LjUtMTAtMTAtMTBzLTEwLDQuNS0xMCwxMGMtMS4yLDAtMiwwLjktMiwydjE2YzAsMS4xLDAuOCwyLDEuOSwyaDIwYzEuMSwwLDItMC45LDItMnYtMTYNCglDLTQzNSwyNzcuOS00MzUuOSwyNzctNDM3LDI3N3ogTS00NDUsMjg4LjR2Mi42YzAsMS4xLTAuOSwyLTIsMnMtMi0wLjktMi0ydi0yLjZjLTEuMi0wLjYtMi0xLjktMi0zLjRjMC0yLjIsMS44LTQsNC00czQsMS44LDQsNA0KCUMtNDQzLDI4Ni41LTQ0NCwyODcuNy00NDUsMjg4LjR6IE0tNDQxLjEsMjc3aC0yaC0yaC00aC0yaC0zYzAtMy45LDMuMS03LDctN2MzLjksMCw3LDMuMSw3LDdILTQ0MS4xeiIvPg0KPC9zdmc+DQo="); background-repeat: no-repeat; background-size: 16px; background-position: center; z-index: 1; }

.lego-selector__item--locked::after { content: ''; position: absolute; width: 0; height: 0; top: 0; right: 0; border-bottom: 40px solid transparent; border-right: 40px solid gray; }

.lego-selector__item--locked:hover { border: 1px solid #e0e0e0; background-color: #FFF; cursor: default; }

.shadow-box { background: #FFF; border: 1px solid #e0e0e0; border-radius: 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); padding: 20px; margin-bottom: 10px; }

.shadow-box__header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

.shadow-box__header--expanded { padding-bottom: 10px; }

.shadow-box__header__icon { margin-right: 10px; color: #a6a6a6; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 12px; }

.shadow-box__footer { padding-top: 20px; }

.shadow-box__title { font-size: 14px; font-weight: 600; }

.shadow-box__subtitle { color: #a6a6a6; }

.signin-page-container { max-width: 915px; }

.signin-page-container .flex--1 { -ms-flex: 1 auto; }

.signin-desktop-container { width: 400px; }

.signin-form { width: 33.333%; }

.signin-module-container { width: 66.666%; }

.signin-module { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-size: cover; color: #FFF; padding: 15px 25px; position: relative; }

.signin-module:hover, .signin-module:visited { color: #FFF; }

.signin-module::after { transition: opacity 0.1s; content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.2); z-index: 0; opacity: 0; }

.signin-module:hover::after { transition: opacity 0.1s; opacity: 1; }

.signin-module--large { min-height: 290px; }

.signin-module--small { min-height: 180px; }

.signin-module--1 { background-image: url("/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/signin/large.png"); background-color: #0081BA; margin-bottom: 5px; }

.signin-module--2 { background-image: url("/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/signin/small-left.png"); background-color: #0081BA; margin-right: 5px; }

.signin-module--3 { background-image: url("/National_Library/20161007104014oe_/https://app.optimizely.com/static/img/signin/small-right.png"); background-color: #0081BA; }

.signin-module__headline, .signin-module__description, .signin-module__link { max-width: 250px; z-index: 1; }

.signin-module__headline { font-size: 20px; line-height: 1.2em; }

.signin-module__headline:after { content: ''; display: block; border-bottom: 2px solid #FFF; margin-top: 15px; margin-bottom: 15px; width: 30px; }

.signin-module__description { font-size: 16px; opacity: 0.8; }

.signin-module__headline, .signin-module__link { font-weight: 600; }

@media (max-width: 930px) { .signin-module-container { display: none; }
  .signin-form { border-right: 0; width: 100%; }
  .signin-page-container { max-width: 350px; } }

.p13n-desktop-app { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: url("//web-archive.nli.org.il/National_Library/20161007104014oe_///d1qmdf3vop2l07.cloudfront.net/optimizely-marketer-assets.cloudvent.net/raw/homepage/homepagegraph.svg") no-repeat 0 50%, radial-gradient(circle at center left, #0A5270, #084D6A, #00415D 50%) center center; background-size: contain; }

.tagger { font-style: italic; font-size: 11px; color: #a6a6a6; letter-spacing: normal; white-space: nowrap; }

.traffic-allocation .slider-container { padding: 10px 0 20px; }

.traffic-allocation .slider-container .slider { margin: 0; }

.traffic-allocation .slider-container .slider .ui-slider-handle { background: #FFF; }

.traffic-allocation .slider-container .slider .ui-slider-range { background: #97C70A; }

.lego-variation-slider { -ms-flex: 1; flex: 1; min-width: 0; position: relative; white-space: nowrap; }

.lego-variation-slider .lego-tabs { display: -ms-inline-flexbox; display: inline-flex; position: relative; }

.lego-variation-slider .lego-tabs-nav { border-bottom: 0; position: relative; display: block; }

.lego-variation-slider .lego-tabs-nav__item { display: inline-block; }

.lego-variation-slider .lego-tabs-nav__item.is-active:after { bottom: 0; }

.lego-variation-slider--button-forward, .lego-variation-slider--button-backward { position: absolute; border-radius: 0; z-index: 1; background: #FFF; height: 100%; padding: 0 10px 0 9px; }

.lego-variation-slider--button-forward .lego-icon, .lego-variation-slider--button-backward .lego-icon { transform: translate(-50%, -50%); width: 12px; height: 12px; position: absolute; top: 50%; left: 50%; }

.lego-variation-slider--button-forward { right: 0; }

.lego-variation-slider--button-backward { left: 0; }

.lego-variation-slider--button-disabled .lego-icon { opacity: 0.5; }

.border-dashed--all { border: 1px dashed #e0e0e0 !important; }

.overflow-x--hidden { overflow-x: hidden; }

.width--600 { width: 600px !important; }

.width--inherit { width: inherit !important; }

#content.dashboard #project-container .box > .header { height: 95px; }

#content.dashboard #project-container .box .tabs li { font-size: 11px; padding-bottom: 6px; }

#content.dashboard .lock { display: inline-block; }

#content.dashboard .show-archive { width: 333px !important; }

#content.dashboard #create-button { font-size: 12px !important; }

#content.dashboard .list table tr.experiment td.goal span { width: 34px; }

#content.dashboard #project-code-web { margin-bottom: 10px; }

#content.dashboard #project-code { width: 416px !important; margin-bottom: 10px; }

#content.dashboard #projectcode-conatiner .button-group { margin-bottom: 10px; }

.menu div.submenu div.content, #changer-container div.change-menu div.submenu div.content, #changer-container div.change-menu div.submenu div.content { padding-bottom: 30px !important; }

form.standard p, .dialog .content p, .message-dialog .content p { font-size: 13px; }

.entity-list-item-description { font-size: 12px !important; }

.url-validator-text { font-weight: 400; }

.url-targeting .twisty-container div.twisty { top: 0.4em; }

.dialog__header * + p { margin-top: 10px; }

.dialog-backdrop .dialog-frame .dialog__title { font-size: 24px; }

#create-dimensions-dialog label { font-size: 12px; }

.dialog .content .header h1, .message-dialog .content .header h1, .dialog .content .header h2, .message-dialog .content .header h2 { font-size: 30px; font-weight: 100; }

.audience-editor-form .lego-dialog__footer { position: relative; z-index: 3; }

.dialog .toggle-switch { font-size: 14px !important; }

.dialog .content h3, .message-dialog .content h3 { font-size: 18px; }

.projectcode-dropdown { width: 550px; }

.projectcode-dropdown > p { display: inline-block; }

.code-block { border: solid 1px #BFCDDF; color: #4269B2; font-family: Courier; font-size: 0.9em; line-height: 1; padding: 1em; word-wrap: break-word; }

.loading-message-container .loading-progress { height: 13px; }

.loading-message-container .ui-progressbar .ui-progressbar-value { height: 13px; }

.loading-message-container #load-fail-messages .alert-box { font-size: 12px; line-height: 17px; }

.loading-message-container pre#project-code { margin-bottom: 10px; }

.loading-message-container code { background: none; border: 0; font-size: 12px; }

#variation-code-popup #show-variation-code-button { padding-bottom: 17px; background: #147EC7; background: linear-gradient(top, #147EC7 0%, #126FB0 100%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #22599A; border-radius: 1px; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.4; padding: 0.6em 2.8em; text-align: center; text-decoration: none; vertical-align: middle; border: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; font-size: 11px; font-weight: 400; height: 23px; line-height: 1; min-width: 80px; padding: 6px; position: absolute; right: 25px; top: -23px; z-index: 5; }

#changer-container div.change-menu div.submenu div.content { padding-bottom: 8px !important; }

#changer-container div.change-window div.footer a { width: auto; }

#variation-menu .dropdown-item, #option-menu .dropdown-item { font-weight: 400; }

#variation-menu .dropdown-item img, #option-menu .dropdown-item img { display: inline; }

#variation-code-popup { box-sizing: content-box; }

.toolbar__title.editable:hover { color: #006eb6; }

.toolbar__title.editable:hover::after { display: none; }

.help-button:hover div.help-bubble { text-indent: 0; }

#goals-dialog.expanded > div.content div.shrink-message { height: auto !important; }

#goals-dialog.expanded > div.content div.click-goal-controls { height: 106px !important; }

#goals-dialog.expanded > div.content div.frame-container { bottom: 27px !important; }

#upsell-subscribe > a > img { display: inline; }

.toggle-advanced { height: 20px; }

body { color: inherit; background: inherit; line-height: inherit; font-size: inherit; font-weight: inherit; font-family: inherit; width: auto; }

li { color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; list-style-position: inherit; margin: 0; }

h1, h2, h3, h4, h5, h6 { font-family: inherit; }

p { font-size: inherit; line-height: inherit; }

.web-guided-tour-status { z-index: 2003; position: absolute; bottom: 15px; left: 15px; }

.web-guider-overlay { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 2002; }

.web-guider-overlay.above-dialog { z-index: 3200; }

.device-screenshot { background-repeat: no-repeat; background-position: 0 0; background-size: contain; }

/** View selection styles */
.selection-views-container { transform-origin: 0 0; height: 100%; width: 100%; z-index: 1; position: absolute; top: 0; left: 0; }

.selection-view { transition: all .12s ease-out; box-sizing: border-box; cursor: pointer; outline: 2px solid transparent; position: absolute; }

.selection-view.hovered { background-color: rgba(0, 224, 255, 0.2); outline: 2px solid #00e0ff; }

.selection-view.selected { outline: 2px solid #00e0ff; }

.selection-view.hidden-element { outline: 2px dashed #00e0ff; }

.mobile-device-zoom { position: absolute; bottom: 0; left: 0; z-index: 1; }

.sync-button.spinning .lego-icon { animation: lego-spin 1s infinite linear; }

.mobile-sdk-upgrade-attention { min-height: 100%; }

.mobile__playground { border-left: 1px dashed #AAAAAA; z-index: 1; }

.mobile__playground--pop-to-top { position: relative; z-index: 3001; }

.guider-container { top: 0; left: 0; }

.device-screenshot-container { overflow: hidden; }

@keyframes lego-spin { 100% { transform: rotate(360deg); } }

/* ========================================================================== Prompts the user to connect a device if none is selected. ========================================================================== */
.connection-help { overflow: hidden; }

.connection-help__list { background: #fff; border: 1px solid #EEEEEE; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top: 0; }

.connection-help__trigger { background: #F8F8F8; border: 1px solid #EEEEEE; cursor: pointer; position: relative; z-index: 1; }

.connection-help__trigger-arrow { transition: transform 0.3s ease; }

.view-tree { position: relative; }

.view-tree__popover { z-index: 1; }

#report-title { font-size: 24px; font-weight: 400; }

.titles .name { font-weight: 400; }

.sub-header-nav > li { font-size: inherit; }

.title-container { font-size: 1.5em; margin: 0; font-weight: 400; }

body.results2 .conclusion-summary .conclusion-message { margin-top: 8px; }

body.results2 .primary-metric { font-size: 12px; }

body.results2 #saved-reports h6 { font-size: inherit; text-transform: uppercase; }

#navigation-container h5 { margin: 0; }

.page-loading-container img, .viewer-loading-container img { display: inline-block; }

#explorer-controls a { cursor: pointer; font-size: 16px; }

.button-icon-add-blue::before { background-color: #F1F7FB; border: solid 1px #8DB8E3; border-radius: 2px; width: 1.3em; height: 1.3em; color: #8DB8E3; content: '+'; display: inline-block; font-size: 14px; line-height: 1.2em; margin-right: 0.5em; text-align: center; vertical-align: top; }

#content.results2 .content-body .header { background: #F7F7F7; }

#top .logo { margin-bottom: 0; }

#top .nav-top > li > a { font-size: 14px; padding-top: 10px; padding-bottom: 10px; font-weight: 400; }

#top .nav-top > li > a:hover { color: #fff; }

#top .nav-top > li > a img { display: inline-block; }

#top .nav-top .account-menu-username { padding-top: 0 !important; padding-bottom: 0 !important; }

#top .nav-top .account-menu-username .username-label { padding-top: 10px; padding-bottom: 10px; }

#top .dropdown-menu-top a { font-size: 13px; color: #444; }

#top .dropdown-menu-top a:hover { color: #444; }

#top .dropdown-menu-top .account-header { font-size: 12px; color: #444; padding-left: 8px 13px 8px; }

#ui-datepicker-div { display: none; background: #FFF; border: 1px solid #e0e0e0; padding: 20px; font-size: 14px; overflow: hidden; border-radius: 0 !important; }

#ui-datepicker-div .ui-widget-header { background: none; border: 0; padding: 0; }

#ui-datepicker-div .ui-datepicker-header { position: relative; }

#ui-datepicker-div.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }

#ui-datepicker-div .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; }

#ui-datepicker-div .ui-datepicker-group { float: left; font-size: 12px; }

#ui-datepicker-div .ui-datepicker-group-first { padding-right: 20px; border-right: 1px solid #e0e0e0; }

#ui-datepicker-div .ui-datepicker-group-last { padding-left: 20px; }

#ui-datepicker-div .ui-datepicker-title { font-weight: 400; margin-bottom: 0; text-align: center; font-size: 14px; padding-bottom: 10px; }

#ui-datepicker-div .ui-datepicker-calendar { width: 100%; margin: 0; }

#ui-datepicker-div .ui-datepicker-calendar th { color: #bfbfbf; font-weight: 400; font-size: 12px; text-transform: uppercase; }

#ui-datepicker-div .ui-datepicker-calendar td { font-size: 12px; }

#ui-datepicker-div .ui-datepicker-calendar td a, #ui-datepicker-div .ui-datepicker-calendar td.ui-state-disabled span { text-align: center; display: block; padding: 4px; border: 1px solid transparent; background: #FFF; color: #262626; }

#ui-datepicker-div .ui-datepicker-calendar td.ui-state-disabled span { color: #bfbfbf; }

#ui-datepicker-div .ui-datepicker-calendar .ui-state-hover, #ui-datepicker-div .ui-datepicker-calendar .ui-state-active { background: #9ACCE2; }

#ui-datepicker-div .ui-datepicker-buttonpane { display: none; }

#ui-datepicker-div .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-next { position: absolute; top: 2px; cursor: pointer; width: 16px; height: 16px; border: 1px solid transparent; }

#ui-datepicker-div .ui-datepicker-prev::before, #ui-datepicker-div .ui-datepicker-next::before { position: absolute; top: 5px; content: ""; }

#ui-datepicker-div .ui-datepicker-prev .ui-icon, #ui-datepicker-div .ui-datepicker-next .ui-icon { display: block; text-indent: -99999px; overflow: hidden; position: static; background: none; }

#ui-datepicker-div .ui-datepicker-prev.ui-state-disabled, #ui-datepicker-div .ui-datepicker-next.ui-state-disabled { display: none; }

#ui-datepicker-div .ui-datepicker-prev { left: 0; }

#ui-datepicker-div .ui-datepicker-prev::before { left: 2px; }

#ui-datepicker-div .ui-datepicker-next { right: 0; }

#ui-datepicker-div .ui-datepicker-next::before { left: 3px; }

.background--white { background-color: #FFF !important; }

.background--faint { background-color: #f7f7f7 !important; }

.background--light { background-color: #f0f0f0 !important; }

.background--muted { background-color: #a6a6a6 !important; }

.background--medium { background-color: gray !important; }

.background--charcoal { background-color: #383838 !important; }

.background--brand { background-color: #0081BA !important; }

.background--brand-dark { background-color: #004766 !important; }

.background--warning { background-color: #FCF8E3 !important; }

.background--bad-news { background-color: #F9E3E4 !important; }

.background--good-news { background-color: #E9F6C3 !important; }

.background--live { background-color: #77C96F !important; }

.background--draft { background-color: #F4B852 !important; }

.background--current-color { background-color: currentColor !important; }

.border--all { border: 1px solid #e0e0e0 !important; }

.shadow-box__footer, .border--ends, .border--top { border-top: 1px solid #e0e0e0 !important; }

.shadow-box__header--expanded, .border--ends, .border--bottom { border-bottom: 1px solid #e0e0e0 !important; }

.lego-variation-slider--button-forward, .lego-variation-slider--button-backward, .border--sides, .border--left { border-left: 1px solid #e0e0e0 !important; }

.lego-variation-slider--button-forward, .lego-variation-slider--button-backward, .border--sides, .border--right { border-right: 1px solid #e0e0e0 !important; }

.no-border { border: 0 !important; }

.no-border--top { border-top: none !important; }

.no-border--right { border-right: none !important; }

.no-border--bottom { border-bottom: none !important; }

.no-border--left { border-left: none !important; }

.float--right { float: right !important; }

.float--left { float: left !important; }

.float--none { float: none !important; }

.anchor--middle { margin-right: auto !important; margin-left: auto !important; }

.anchor--right { margin-left: auto !important; }

.anchor--left, .free-trial { margin-right: auto !important; }

.anchor--top { margin-bottom: auto !important; }

.anchor--bottom { margin-top: auto !important; }

.text--left { text-align: left !important; }

.text--center, .oui-text--center { text-align: center !important; }

.text--right { text-align: right !important; }

.display--block { display: block !important; }

.display--inline-block { display: inline-block !important; }

.display--inline { display: inline !important; }

.display--none { display: none !important; }

.faded { opacity: 0.5 !important; }

.vertical-align--top { vertical-align: top !important; }

.vertical-align--middle { vertical-align: middle !important; }

.vertical-align--bottom { vertical-align: bottom !important; }

.vertical-align--text-top { vertical-align: text-top !important; }

.overflow--hidden { overflow: hidden !important; }

.overflow-x--auto { overflow-x: auto !important; }

.overflow-y--auto { overflow-y: auto !important; }

.overflow-y--scroll { overflow-y: scroll !important; }

.max-scroll--small { max-height: 100px !important; overflow-y: auto !important; }

.max-scroll--medium { max-height: 200px !important; overflow-y: auto !important; }

.max-scroll--large { max-height: 300px !important; overflow-y: auto !important; }

.max-width--large { max-width: 800px !important; }

.cursor--default { cursor: default !important; }

.cursor--help { cursor: help !important; }

.cursor--move { cursor: move !important; }

.cursor--pointer { cursor: pointer !important; }

.cursor--text { cursor: text !important; }

.pointer-events--none { pointer-events: none !important; }

.no-resize { resize: none !important; }

.position--relative { position: relative !important; }

.position--absolute { position: absolute !important; }

.position--fixed { position: fixed !important; }

.visibility--hidden { visibility: hidden !important; }

.unselectable { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }

.push { margin: 10px !important; }

.push--top { margin-top: 10px !important; }

.push--right { margin-right: 10px !important; }

.push--bottom { margin-bottom: 10px !important; }

.push--left { margin-left: 10px !important; }

.push--ends { margin-top: 10px !important; margin-bottom: 10px !important; }

.push--sides { margin-right: 10px !important; margin-left: 10px !important; }

.push-half { margin: 5px !important; }

.push-half--top { margin-top: 5px !important; }

.push-half--right { margin-right: 5px !important; }

.push-half--bottom { margin-bottom: 5px !important; }

.push-half--left { margin-left: 5px !important; }

.push-half--ends { margin-top: 5px !important; margin-bottom: 5px !important; }

.push-half--sides { margin-right: 5px !important; margin-left: 5px !important; }

.push-double { margin: 20px !important; }

.push-double--top { margin-top: 20px !important; }

.push-double--right { margin-right: 20px !important; }

.push-double--bottom { margin-bottom: 20px !important; }

.push-double--left { margin-left: 20px !important; }

.push-double--ends { margin-top: 20px !important; margin-bottom: 20px !important; }

.push-double--sides { margin-right: 20px !important; margin-left: 20px !important; }

.push-triple { margin: 30px !important; }

.push-triple--top { margin-top: 30px !important; }

.push-triple--right { margin-right: 30px !important; }

.push-triple--bottom { margin-bottom: 30px !important; }

.push-triple--left { margin-left: 30px !important; }

.push-triple--ends { margin-top: 30px !important; margin-bottom: 30px !important; }

.push-triple--sides { margin-right: 30px !important; margin-left: 30px !important; }

.push-quad { margin: 40px !important; }

.push-quad--top { margin-top: 40px !important; }

.push-quad--right { margin-right: 40px !important; }

.push-quad--bottom { margin-bottom: 40px !important; }

.push-quad--left { margin-left: 40px !important; }

.push-quad--ends { margin-top: 40px !important; margin-bottom: 40px !important; }

.push-quad--sides { margin-right: 40px !important; margin-left: 40px !important; }

.flush { margin: 0 !important; }

.flush--top { margin-top: 0 !important; }

.flush--right { margin-right: 0 !important; }

.flush--bottom { margin-bottom: 0 !important; }

.flush--left { margin-left: 0 !important; }

.flush--ends { margin-top: 0 !important; margin-bottom: 0 !important; }

.flush--sides { margin-right: 0 !important; margin-left: 0 !important; }

.lego-form-fields > *:last-child, .lego-island > *:last-child, .lego-notification > *:last-child, .lego-attention > *:last-child, .oui-attention > *:last-child, .lego-dialog__body > *:last-child, .lego-disclose > *:last-child, .lego-media__body > *:last-child, .lego-context-menu > li > *:last-child, .guider__content > *:last-child, .lego-pop--over__content > *:last-child, .oui-pop--over__content > *:last-child, .lego-sections > *:last-child, .lego-form-fields > *:last-child > *:last-child, .lego-island > *:last-child > *:last-child, .lego-notification > *:last-child > *:last-child, .lego-attention > *:last-child > *:last-child, .oui-attention > *:last-child > *:last-child, .lego-dialog__body > *:last-child > *:last-child, .lego-disclose > *:last-child > *:last-child, .lego-media__body > *:last-child > *:last-child, .lego-context-menu > li > *:last-child > *:last-child, .guider__content > *:last-child > *:last-child, .lego-pop--over__content > *:last-child > *:last-child, .oui-pop--over__content > *:last-child > *:last-child, .lego-sections > *:last-child > *:last-child, .lego-form-fields > *:last-child > *:last-child > *:last-child, .lego-island > *:last-child > *:last-child > *:last-child, .lego-notification > *:last-child > *:last-child > *:last-child, .lego-attention > *:last-child > *:last-child > *:last-child, .oui-attention > *:last-child > *:last-child > *:last-child, .lego-dialog__body > *:last-child > *:last-child > *:last-child, .lego-disclose > *:last-child > *:last-child > *:last-child, .lego-media__body > *:last-child > *:last-child > *:last-child, .lego-context-menu > li > *:last-child > *:last-child > *:last-child, .guider__content > *:last-child > *:last-child > *:last-child, .lego-pop--over__content > *:last-child > *:last-child > *:last-child, .oui-pop--over__content > *:last-child > *:last-child > *:last-child, .lego-sections > *:last-child > *:last-child > *:last-child { margin-bottom: 0; }

.soft { padding: 10px !important; }

.soft--top { padding-top: 10px !important; }

.soft--right { padding-right: 10px !important; }

.soft--bottom { padding-bottom: 10px !important; }

.soft--left { padding-left: 10px !important; }

.soft--ends { padding-top: 10px !important; padding-bottom: 10px !important; }

.soft--sides { padding-right: 10px !important; padding-left: 10px !important; }

.soft-half { padding: 5px !important; }

.soft-half--top { padding-top: 5px !important; }

.soft-half--right { padding-right: 5px !important; }

.soft-half--bottom { padding-bottom: 5px !important; }

.soft-half--left { padding-left: 5px !important; }

.soft-half--ends { padding-top: 5px !important; padding-bottom: 5px !important; }

.soft-half--sides { padding-right: 5px !important; padding-left: 5px !important; }

.soft-one-and-half--sides { padding-right: 15px !important; padding-left: 15px !important; }

.soft-double { padding: 20px !important; }

.soft-double--top { padding-top: 20px !important; }

.soft-double--right { padding-right: 20px !important; }

.soft-double--bottom { padding-bottom: 20px !important; }

.soft-double--left { padding-left: 20px !important; }

.soft-double--ends { padding-top: 20px !important; padding-bottom: 20px !important; }

.soft-double--sides { padding-right: 20px !important; padding-left: 20px !important; }

.soft-triple { padding: 30px !important; }

.soft-triple--top { padding-top: 30px !important; }

.soft-triple--right { padding-right: 30px !important; }

.soft-triple--bottom { padding-bottom: 30px !important; }

.soft-triple--left { padding-left: 30px !important; }

.soft-triple--ends { padding-top: 30px !important; padding-bottom: 30px !important; }

.soft-triple--sides { padding-right: 30px !important; padding-left: 30px !important; }

.soft-quad { padding: 40px !important; }

.soft-quad--top { padding-top: 40px !important; }

.soft-quad--right { padding-right: 40px !important; }

.soft-quad--bottom { padding-bottom: 40px !important; }

.soft-quad--left { padding-left: 40px !important; }

.soft-quad--ends { padding-top: 40px !important; padding-bottom: 40px !important; }

.soft-quad--sides { padding-right: 40px !important; padding-left: 40px !important; }

.hard { padding: 0 !important; }

.hard--top { padding-top: 0 !important; }

.hard--right { padding-right: 0 !important; }

.hard--bottom { padding-bottom: 0 !important; }

.hard--left { padding-left: 0 !important; }

.hard--ends { padding-top: 0 !important; padding-bottom: 0 !important; }

.hard--sides { padding-right: 0 !important; padding-left: 0 !important; }

.color--base { color: #262626 !important; }

.color--brand { color: #0081BA !important; }

.color--good-news { color: #97C70A !important; }

.color--warning { color: #FFD40C !important; }

.color--bad-news { color: #C60C0C !important; }

.color--charcoal { color: #383838 !important; }

.weight--light { font-weight: 300 !important; }

.weight--normal { font-weight: 400 !important; }

.weight--bold { font-weight: 600 !important; }

.style--italic { font-style: italic !important; }

.style--normal { font-style: normal !important; }

.underline { text-decoration: underline !important; }

.strike { text-decoration: line-through !important; }

.reverse { color: #FFF !important; }

.muted { color: #a6a6a6 !important; }

.faint { color: #e0e0e0 !important; }

.proceed { text-align: right !important; }

.cell-truncate__text, .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.go::after { content: '\00A0' '\00BB' !important; }

.caps { text-transform: uppercase !important; }

.force-break { word-wrap: break-word !important; }

.nowrap { white-space: nowrap !important; }

.wrap-text { white-space: normal !important; }

.text--block { display: block !important; }

.text--inline { display: inline !important; }

.line--tight { line-height: 1.4 !important; }

.line--loose { line-height: 1.8 !important; }

.line--1 { line-height: 1 !important; }

.word-break { word-break: break-all !important; }

.width--1-1 { width: 100% !important; }

.width--2-4, .width--3-6, .width--4-8, .width--5-10, .width--6-12, .width--1-2 { width: 50% !important; }

.width--2-6, .width--4-12, .width--1-3 { width: 33.333% !important; }

.width--4-6, .width--8-12, .width--2-3 { width: 66.666% !important; }

.width--2-8, .width--3-12, .width--1-4 { width: 25% !important; }

.width--6-8, .width--9-12, .width--3-4 { width: 75% !important; }

.width--2-10, .width--1-5 { width: 20% !important; }

.width--4-10, .width--2-5 { width: 40% !important; }

.width--6-10, .width--3-5 { width: 60% !important; }

.width--8-10, .width--4-5 { width: 80% !important; }

.width--2-12, .width--1-6 { width: 16.666% !important; }

.width--10-12, .width--5-6 { width: 83.333% !important; }

.width--1-8 { width: 12.5% !important; }

.width--3-8 { width: 37.5% !important; }

.width--5-8 { width: 62.5% !important; }

.width--7-8 { width: 87.5% !important; }

.width--1-10 { width: 10% !important; }

.width--3-10 { width: 30% !important; }

.width--7-10 { width: 70% !important; }

.width--9-10 { width: 90% !important; }

.width--1-12 { width: 8.333% !important; }

.width--5-12 { width: 41.666% !important; }

.width--7-12 { width: 58.333% !important; }

.width--11-12 { width: 91.666% !important; }

.width--50 { width: 50px !important; -ms-flex-preferred-size: 50px !important; }

.width--75 { width: 75px !important; -ms-flex-preferred-size: 75px !important; }

.width--100 { width: 100px !important; -ms-flex-preferred-size: 100px !important; }

.width--150 { width: 150px !important; -ms-flex-preferred-size: 150px !important; }

.width--200 { width: 200px !important; -ms-flex-preferred-size: 200px !important; }

.width--250 { width: 250px !important; -ms-flex-preferred-size: 250px !important; }

.width--300 { width: 300px !important; -ms-flex-preferred-size: 300px !important; }

.max-width--50 { max-width: 50px !important; }

.max-width--75 { max-width: 75px !important; }

.max-width--100 { max-width: 100px !important; }

.max-width--150 { max-width: 150px !important; }

.max-width--200 { max-width: 200px !important; }

.max-width--250 { max-width: 250px !important; }

.max-width--300 { max-width: 300px !important; }

.min-width--50 { min-width: 50px !important; }

.min-width--75 { min-width: 75px !important; }

.min-width--100 { min-width: 100px !important; }

.min-width--150 { min-width: 150px !important; }

.min-width--200 { min-width: 200px !important; }

.min-width--250 { min-width: 250px !important; }

.min-width--300 { min-width: 300px !important; }

.height--1-1 { height: 100% !important; }

.height--50 { height: 50px !important; }

.height--75 { height: 75px !important; }

.height--100 { height: 100px !important; }

.height--150 { height: 150px !important; }

.height--200 { height: 200px !important; }

.height--250 { height: 250px !important; }

.height--300 { height: 300px !important; }

.min-height--50 { min-height: 50px !important; }

.min-height--75 { min-height: 75px !important; }

.min-height--100 { min-height: 100px !important; }

.min-height--150 { min-height: 150px !important; }

.min-height--200 { min-height: 200px !important; }

.min-height--250 { min-height: 250px !important; }

.min-height--300 { min-height: 300px !important; }

.admin--color { color: #FCB423 !important; }

.admin--border { border-color: #FCB423 !important; }

.admin--background { background-color: #FCB423 !important; }

.audience-editor-form .toggle-switch { top: 8px; }

.audience-editor-form .flex--1 { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-flex-basis: 1px; }

.dragging, .ui-draggable-dragging { border: 1px solid #d5d5d5; cursor: move; min-width: 306px; position: relative; z-index: 4000; }

.is-droppable--activate { border: 2px dashed #006eb6 !important; color: #444 !important; }

.is-droppable--over { border-style: solid !important; background: #eee; }

.condition-code-editor { font-family: courier; }

.conditions-container { margin-top: -1px; }

.conditions-container .lego-disclose__link { font-weight: 600; }

.time-and-day-picker .condition-inline-field { display: inline-block; }

.time-and-day-picker label.checkbox { margin-right: 5px; }

.time-and-day-picker .error { font-size: 12px; font-weight: 400; color: #911d16; }

.and-or-targeting .lego-disclose__content { background-color: white; display: block; max-height: 0; overflow: hidden; }

.and-or-targeting .is-active > .lego-disclose__content { max-height: 20000px; }

.targeting-transition { transition: all 0.3s ease; }

.lego-disclose__item .lego-spinner-wrap { float: left; left: 1px; top: 5px; position: relative; width: 20px; }

.lego-disclose__item .lego-spinner-wrap[style*="display:block"] + .lego-disclose__symbol { display: none; }

.condition { position: relative; border: 1px solid #eee; border-radius: 3px; background: white; margin-bottom: 10px; }

.condition:last-child { margin-bottom: 0; }

.condition__title { font-weight: 600; padding: 5px 10px; font-size: 20px; border-bottom: 1px solid #eee; margin-bottom: 10px; }

.condition__body { padding: 5px 10px; }

.condition__close { position: absolute; top: 13px; right: 10px; color: #aaa; cursor: pointer; }

.condition__close:hover { color: #555; }

.condition__row { margin-bottom: 10px; }

.condition__row__item { margin-right: 10px; }

.condition__row__item:last-child { margin-right: 0; }

.lego-drop-area { padding: 10px; overflow-y: auto; border: 1px dashed #ddd; border-radius: 4px; }

.targeting-condition { background-color: white; border-bottom: solid 1px #d5d5d5; cursor: move; list-style: none; padding: 5px 10px; position: relative; }

.targeting-condition .lego-icon { margin-right: 5px; position: relative; top: 3px; }

.targeting-condition .lego-help-dot { position: absolute; right: 5px; top: 8px; }

a.lego-help-dot { color: white !important; }

.inline-block { display: inline-block; }

.overflow-y--scroll { overflow-y: scroll; }

.select2-dropdown { z-index: 3001; }

.audience-editor-form .select2 .select2-selection .select2-selection__rendered { line-height: 34px; }

.audience-editor-form .select2 .select2-selection__arrow { display: none; }
/*# sourceMappingURL=app.css.map */