/* --------------------------------------------------*/ /* Variables with a particular meaning to Bootstrap (but could also be used elsewhere).*/ /* As such, they cannot be renamed.*/ /* --------------------------------------------------*/ /* --------------------------------------------------*/ /* Custom variables.*/ /* These are not directly used by Bootstrap, although they could be used by some of our Bootstrap overrides.*/ /* --------------------------------------------------*/ /* keep this value in sync with value of MOBILE_BREAKPOINT in:*/ /* javascript/components/deployedView/DeployedFooter.js*/ ._1KKv7mA-kvnW82tgrO3A0t { float: right; height: 10px; width: 12px; cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAA8CAYAAAERcarAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYRJREFUeNpiYEAHnZ2d/xkIg2XLliVglykvL8c0ACCAMOxIwG3ufwzzEIoBAoiwucS5H2QNbi8QBCA3wfwJEEBkIAz/4wkQigCGFynwM8EAIT3WAAKI7ND7jxbjCZQlCXQTgHwDBvoA5PQOihy8EQRV8J+kOAfy6eUZ5CwBzSIJlOUhdBOAfNI9AxCAuTJIARgGgSDmmbn1ZfapVaiHDmzJRVCSk0FJ3NlMWBQqNWlCjx43/uQWnuPOQ7EvdlxkpipJXij7LleaFaSOgJmAy/feejKRPJtMtqtKEn4y3GXjs4IWQrcw4RQewrU/FM4mk+2qknQyGlLjv/fGI0C7ZZQCMAzCUL1R73+6MckgH5LGz7LKvio8lJnood9rLspQYJCtu+dmcde/hBe2bzawAYcCWUCu6BvRHTTddp3cjcMW0lIGj4U1UwqANR7YTe3bWCkECQWygFwRK0VB023Xyd047EBYauHigJgpBcAaD9wK7dtYKQQJBbKAXBErRUHTbdfJ/TQeZHcQyLFJjiIAAAAASUVORK5CYII=) no-repeat scroll -3px -5px; } ._1KKv7mA-kvnW82tgrO3A0t:hover { background-position: -3px -25px; } ._1KKv7mA-kvnW82tgrO3A0t:active, ._1KKv7mA-kvnW82tgrO3A0t:focus { background-position: -3px -45px; } ._3Kt0CeF6ppZXgFn_7Nlmc5 { position: relative; float: left; margin: 0 10px; transition: margin-top 0.75s; } @media (max-width: 730px) { ._3Kt0CeF6ppZXgFn_7Nlmc5 { margin-top: 10px; } } @media (max-width: 400px) { ._3Kt0CeF6ppZXgFn_7Nlmc5 { margin-top: -15px; } } .W5dkinoHBu6IcT8zg65ot { margin-top: 4px; } ._17auGKNV-QVFsHErYQoc5d { font: 11px Roboto; color: #646464; display: inline-block; } ._hQ7D3Iew5gbMQQWAb4S svg { width: 20px; height: 20px; position: relative; top: 6px; cursor: pointer; } ._hQ7D3Iew5gbMQQWAb4S svg:hover g * { fill: #898989; } ._1U989T_eWF4DbDfoznBJP1 { width: 100%; font-size: 10px; height: 20px; padding-left: 48%; margin-top: 5px; border-top: 1px solid grey; line-height: 2; } ._3185uPTJgFPMhKDJej6569 { font-size: 12px; margin-left: 15px; } ._1JFIdafwGHZjuIhMKd_8Cz { float: right; } ._2UA_8tveKO7RERwTXCwHyk { margin-left: 18px; display: inline-block; vertical-align: middle; } ._2UWk2j1QTp9G4MWX6dI5lZ { display: block; padding-right: 80px; /*matches button width + spacing req*/ white-space: pre-line; text-align: left; } ._3dx0xX-yscRTbpltFuH25p { position: absolute; right: 26px; /*matches padding for modal body*/ top: 34%; bottom: 30px; height: 33px; width: auto; } /** * This is like _bootstrap.scss, but we only import the styles that we actually need. * If you start using a new Bootstrap component that we haven't used before, you might have to * un-comment the corresponding import here. * We also apply some custom overrides to the original Bootstrap definitions. */ /**/ /* Variables*/ /* --------------------------------------------------*/ /*== Colors*/ /**/ /*## Gray and brand colors for use across Bootstrap.*/ /* #222*/ /* #333*/ /* #555*/ /* #777*/ /* #eee*/ /* #337ab7*/ /*== Scaffolding*/ /**/ /*## Settings for some of the most global styles.*/ /*** Background color for ``.*/ /*** Global text color on ``.*/ /*** Global textual link color.*/ /*** Link hover color set via `darken()` function.*/ /*** Link hover decoration.*/ /*== Typography*/ /**/ /*## Font, line-height, and color for body text, headings, and more.*/ /*** Default monospace fonts for `
`, ``, and ``.*/
/* ~18px*/
/* ~12px*/
/* ~36px*/
/* ~30px*/
/* ~24px*/
/* ~18px*/
/* ~12px*/
/*** Unit-less `line-height` for use in components like buttons.*/
/* 20/14*/
/*** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.*/
/* ~20px*/
/*** By default, this inherits from the ``.*/
/*== Iconography*/
/**/
/*## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.*/
/*** Load fonts from this directory.*/
/* [converter] If $bootstrap-sass-asset-helper if used, provide path relative to the assets load path.*/
/* [converter] This is because some asset helpers, such as Sprockets, do not work with file-relative paths.*/
/*** File name for all font files.*/
/*** Element ID within SVG icon file.*/
/*== Components*/
/**/
/*## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).*/
/* extra decimals for Win 8.1 Chrome*/
/*** Global color for active items (e.g., navs or dropdowns).*/
/*** Global background color for active items (e.g., navs or dropdowns).*/
/*** Width of the `border` for generating carets that indicator dropdowns.*/
/*** Carets increase slightly in size for larger components.*/
/*== Tables*/
/**/
/*## Customizes the `.table` component with basic values, each used across all table variations.*/
/*** Padding for ``s and ``s.*/
/*** Padding for cells in `.table-condensed`.*/
/*** Default background color used for all tables.*/
/*** Background color used for `.table-striped`.*/
/*** Background color used for `.table-hover`.*/
/*** Border color for table and cell borders.*/
/*== Buttons*/
/**/
/*## For each of Bootstrap's buttons, define text, background and border color.*/
/* Allows for customizing button radius independently from global border radius*/
/*== Forms*/
/**/
/*##*/
/*** `` background color*/
/*** `` background color*/
/*** Text color for ``s*/
/*** `` border color*/
/* TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4*/
/*** Default `.form-control` border radius*/
/* This has no effect on ``s in CSS.*/
/*** Large `.form-control` border radius*/
/*** Small `.form-control` border radius*/
/*** Border color for inputs on focus*/
/*** Placeholder text color*/
/*** Default `.form-control` height*/
/*** Large `.form-control` height*/
/*** Small `.form-control` height*/
/*** `.form-group` margin*/
/*** Background color for textual input addons*/
/*** Border color for textual input addons*/
/*** Disabled cursor for form controls and buttons.*/
/*== Dropdowns*/
/**/
/*## Dropdown menu container and contents.*/
/*** Background for the dropdown menu.*/
/*** Dropdown menu `border-color`.*/
/*** Dropdown menu `border-color` **for IE8**.*/
/*** Divider color for between dropdown items.*/
/*** Dropdown link text color.*/
/*** Hover color for dropdown links.*/
/*** Hover background for dropdown links.*/
/*** Active dropdown menu item text color.*/
/*** Active dropdown menu item background color.*/
/*** Disabled dropdown menu item background color.*/
/*** Text color for headers within dropdown menus.*/
/*** Deprecated `$dropdown-caret-color` as of v3.1.0*/
/*-- Z-index master list*/
/**/
/* Warning: Avoid customizing these values. They're used for a bird's eye view*/
/* of components dependent on the z-axis and are designed to all work together.*/
/**/
/* Note: These variables are not generated into the Customizer.*/
/*== Media queries breakpoints*/
/**/
/*## Define the breakpoints at which your layout will change, adapting to different screen sizes.*/
/* Extra small screen / phone*/
/*** Deprecated `$screen-xs` as of v3.0.1*/
/*** Deprecated `$screen-xs-min` as of v3.2.0*/
/*** Deprecated `$screen-phone` as of v3.0.1*/
/* Small screen / tablet*/
/*** Deprecated `$screen-sm` as of v3.0.1*/
/*** Deprecated `$screen-tablet` as of v3.0.1*/
/* Medium screen / desktop*/
/*** Deprecated `$screen-md` as of v3.0.1*/
/*** Deprecated `$screen-desktop` as of v3.0.1*/
/* Large screen / wide desktop*/
/*** Deprecated `$screen-lg` as of v3.0.1*/
/*** Deprecated `$screen-lg-desktop` as of v3.0.1*/
/* So media queries don't overlap when required, provide a maximum*/
/*== Grid system*/
/**/
/*## Define your custom responsive grid.*/
/*** Number of columns in the grid.*/
/*** Padding between columns. Gets divided in half for the left and right.*/
/* Navbar collapse*/
/*** Point at which the navbar becomes uncollapsed.*/
/*** Point at which the navbar begins collapsing.*/
/*== Container sizes*/
/**/
/*## Define the maximum width of `.container` for different screen sizes.*/
/* Small screen / tablet*/
/*** For `$screen-sm-min` and up.*/
/* Medium screen / desktop*/
/*** For `$screen-md-min` and up.*/
/* Large screen / wide desktop*/
/*** For `$screen-lg-min` and up.*/
/*== Navbar*/
/**/
/*##*/
/* Basics of a navbar*/
/* Navbar links*/
/* Navbar brand label*/
/* Navbar toggle*/
/*=== Inverted navbar*/
/* Reset inverted navbar basics*/
/* Inverted navbar links*/
/* Inverted navbar brand label*/
/* Inverted navbar toggle*/
/*== Navs*/
/**/
/*##*/
/*=== Shared nav styles*/
/*== Tabs*/
/*== Pills*/
/*== Pagination*/
/**/
/*##*/
/*== Pager*/
/**/
/*##*/
/*== Jumbotron*/
/**/
/*##*/
/*== Form states and alerts*/
/**/
/*## Define colors for form feedback states and, by default, alerts.*/
/*== Tooltips*/
/**/
/*##*/
/*** Tooltip max width*/
/*** Tooltip text color*/
/*** Tooltip background color*/
/*** Tooltip arrow width*/
/*** Tooltip arrow color*/
/*== Popovers*/
/**/
/*##*/
/*** Popover body background color*/
/*** Popover maximum width*/
/*** Popover border color*/
/*** Popover fallback border color*/
/*** Popover title background color*/
/*** Popover arrow width*/
/*** Popover arrow color*/
/*** Popover outer arrow width*/
/*** Popover outer arrow color*/
/*** Popover outer arrow fallback color*/
/*== Labels*/
/**/
/*##*/
/*** Default label background color*/
/*** Primary label background color*/
/*** Success label background color*/
/*** Info label background color*/
/*** Warning label background color*/
/*** Danger label background color*/
/*** Default label text color*/
/*** Default text color of a linked label*/
/*== Modals*/
/**/
/*##*/
/*** Padding applied to the modal body*/
/*** Padding applied to the modal title*/
/*** Modal title line-height*/
/*** Background color of modal content area*/
/*** Modal content border color*/
/*** Modal content border color **for IE8***/
/*** Modal backdrop background color*/
/*** Modal backdrop opacity*/
/*** Modal header border color*/
/*** Modal footer border color*/
/*== Alerts*/
/**/
/*## Define alert colors, border radius, and padding.*/
/*== Progress bars*/
/**/
/*##*/
/*** Background color of the whole progress component*/
/*** Progress bar text color*/
/*** Variable for setting rounded corners on progress bar.*/
/*** Default progress bar color*/
/*** Success progress bar color*/
/*** Warning progress bar color*/
/*** Danger progress bar color*/
/*** Info progress bar color*/
/*== List group*/
/**/
/*##*/
/*** Background color on `.list-group-item`*/
/*** `.list-group-item` border color*/
/*** List group border radius*/
/*** Background color of single list items on hover*/
/*** Text color of active list items*/
/*** Background color of active list items*/
/*** Border color of active list elements*/
/*** Text color for content within active list items*/
/*** Text color of disabled list items*/
/*** Background color of disabled list items*/
/*** Text color for content within disabled list items*/
/*== Panels*/
/**/
/*##*/
/*** Border color for elements within panels*/
/*== Thumbnails*/
/**/
/*##*/
/*** Padding around the thumbnail image*/
/*** Thumbnail background color*/
/*** Thumbnail border color*/
/*** Thumbnail border radius*/
/*** Custom text color for thumbnail captions*/
/*** Padding around the thumbnail caption*/
/*== Wells*/
/**/
/*##*/
/*== Badges*/
/**/
/*##*/
/*** Linked badge text color on hover*/
/*** Badge text color in active nav link*/
/*** Badge background color in active nav link*/
/*== Breadcrumbs*/
/**/
/*##*/
/*** Breadcrumb background color*/
/*** Breadcrumb text color*/
/*** Text color of current page in the breadcrumb*/
/*** Textual separator for between breadcrumb elements*/
/*== Carousel*/
/**/
/*##*/
/*== Close*/
/**/
/*##*/
/*== Code*/
/**/
/*##*/
/*== Type*/
/**/
/*##*/
/*** Horizontal offset for forms and lists.*/
/*** Text muted color*/
/*** Abbreviations and acronyms border color*/
/*** Headings small color*/
/*** Blockquote small color*/
/*** Blockquote font size*/
/*** Blockquote border color*/
/*** Page header border color*/
/*** Width of horizontal description list titles*/
/*** Point at which .dl-horizontal becomes horizontal*/
/*** Horizontal line color.*/
/* Import general variables, which include some Bootstrap-specific definitions (e.g. $font-family-base).*/
/* Before adding a setting here, looking whether it's already defined there.*/
/* It is okay to use these variables in override files without an explicit import (just like Bootstrap does it).*/
/* --------------------------------------------------*/
/* Variables with a particular meaning to Bootstrap (but could also be used elsewhere).*/
/* As such, they cannot be renamed.*/
/* --------------------------------------------------*/
/* --------------------------------------------------*/
/* Custom variables.*/
/* These are not directly used by Bootstrap, although they could be used by some of our Bootstrap overrides.*/
/* --------------------------------------------------*/
/* keep this value in sync with value of MOBILE_BREAKPOINT in:*/
/* javascript/components/deployedView/DeployedFooter.js*/
/* Button variants*/
/**/
/* Easily pump out default styles, as well as :hover, :focus, :active,*/
/* and disabled options for all buttons*/
/* Button sizes*/
/* Center-align a block level element*/
/* Clearfix*/
/**/
/* For modern browsers*/
/* 1. The space content is one way to avoid an Opera bug when the*/
/*    contenteditable attribute is included anywhere else in the document.*/
/*    Otherwise it causes space to appear at the top and bottom of elements*/
/*    that are clearfixed.*/
/* 2. The use of `table` rather than `block` is only necessary if using*/
/*    `:before` to contain the top-margins of child elements.*/
/**/
/* Source: http://nicolasgallagher.com/micro-clearfix-hack/*/
/* CSS image replacement*/
/**/
/* Heads up! v3 launched with only `.hide-text()`, but per our pattern for*/
/* mixins being reused as classes with the same name, this doesn't hold up. As*/
/* of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`.*/
/**/
/* Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757*/
/* Deprecated as of v3.0.1 (has been removed in v4)*/
/* New mixin to use as of v3.0.1*/
/* Horizontal dividers*/
/**/
/* Dividers (basically an hr) within dropdowns and nav lists*/
/* Reset filters for IE*/
/**/
/* When you need to remove a gradient background, do not forget to use this to reset*/
/* the IE filter for IE9 and below.*/
/* Responsive utilities*/
/**/
/* More easily include all the states for responsive-utilities.less.*/
/* [converter] $parent hack*/
/* [converter] $parent hack*/
/* WebKit-style focus*/
/**/
/* Buttons*/
/* --------------------------------------------------*/
/* Base styles*/
/* --------------------------------------------------*/
.btn {
  display: inline-block;
  margin-bottom: 0; /* For input.btn*/
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none; /* Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214*/
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 9px 12px;
  font-size: 12px;
  line-height: 1;
  border-radius: 3px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  /* [converter] extracted a& to a.btn*/
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {/* Default*/
  outline: thin dotted;/* WebKit*/
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover, .btn:focus, .btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active, .btn.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: .65;
  box-shadow: none;
}
a.btn.disabled, fieldset[disabled] a.btn {
  pointer-events: none;/* Future-proof disabling of clicks on `` elements*/
}
/* Alternate buttons*/
/* --------------------------------------------------*/
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus, .btn-default.focus {
  color: #333;
  background-color: darken(#fff, 10%);
  border-color: darken(#ccc, 25%);
}
.btn-default:hover {
  color: #333;
  background-color: darken(#fff, 10%);
  border-color: darken(#ccc, 12%);
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: darken(#fff, 10%);
  border-color: darken(#ccc, 12%);
}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
  color: #333;
  background-color: darken(#fff, 17%);
  border-color: darken(#ccc, 25%);
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  background-image: none;
}
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: white;
  background-color: #dd1100;
  border-color: #dd1100;
}
.btn-primary:focus, .btn-primary.focus {
  color: white;
  background-color: darken(#dd1100, 10%);
  border-color: darken(#dd1100, 25%);
}
.btn-primary:hover {
  color: white;
  background-color: darken(#dd1100, 10%);
  border-color: darken(#dd1100, 12%);
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: white;
  background-color: darken(#dd1100, 10%);
  border-color: darken(#dd1100, 12%);
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
  color: white;
  background-color: darken(#dd1100, 17%);
  border-color: darken(#dd1100, 25%);
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  background-image: none;
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
  background-color: #dd1100;
  border-color: #dd1100;
}
.btn-primary .badge {
  color: #dd1100;
  background-color: white;
}
/* Success appears as green*/
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: darken(#5cb85c, 5%);
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: darken(#5cb85c, 10%);
  border-color: darken(darken(#5cb85c, 5%), 25%);
}
.btn-success:hover {
  color: #fff;
  background-color: darken(#5cb85c, 10%);
  border-color: darken(darken(#5cb85c, 5%), 12%);
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: darken(#5cb85c, 10%);
  border-color: darken(darken(#5cb85c, 5%), 12%);
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: darken(#5cb85c, 17%);
  border-color: darken(darken(#5cb85c, 5%), 25%);
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  background-image: none;
}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: darken(#5cb85c, 5%);
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
/* Info appears as blue-green*/
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: darken(#5bc0de, 5%);
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: darken(#5bc0de, 10%);
  border-color: darken(darken(#5bc0de, 5%), 25%);
}
.btn-info:hover {
  color: #fff;
  background-color: darken(#5bc0de, 10%);
  border-color: darken(darken(#5bc0de, 5%), 12%);
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: darken(#5bc0de, 10%);
  border-color: darken(darken(#5bc0de, 5%), 12%);
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: darken(#5bc0de, 17%);
  border-color: darken(darken(#5bc0de, 5%), 25%);
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  background-image: none;
}
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: darken(#5bc0de, 5%);
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
/* Warning appears as orange*/
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: darken(#f0ad4e, 5%);
}
.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: darken(#f0ad4e, 10%);
  border-color: darken(darken(#f0ad4e, 5%), 25%);
}
.btn-warning:hover {
  color: #fff;
  background-color: darken(#f0ad4e, 10%);
  border-color: darken(darken(#f0ad4e, 5%), 12%);
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: darken(#f0ad4e, 10%);
  border-color: darken(darken(#f0ad4e, 5%), 12%);
}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: darken(#f0ad4e, 17%);
  border-color: darken(darken(#f0ad4e, 5%), 25%);
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  background-image: none;
}
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: darken(#f0ad4e, 5%);
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
/* Danger and error appear as red*/
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: darken(#d9534f, 5%);
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: darken(#d9534f, 10%);
  border-color: darken(darken(#d9534f, 5%), 25%);
}
.btn-danger:hover {
  color: #fff;
  background-color: darken(#d9534f, 10%);
  border-color: darken(darken(#d9534f, 5%), 12%);
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: darken(#d9534f, 10%);
  border-color: darken(darken(#d9534f, 5%), 12%);
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: darken(#d9534f, 17%);
  border-color: darken(darken(#d9534f, 5%), 25%);
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  background-image: none;
}
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: darken(#d9534f, 5%);
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
/* Link buttons*/
/* -------------------------*/
/* Make a button look and behave like a link*/
.btn-link {
  color: darken(#428bca, 6.5%);
  font-weight: normal;
  border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
  color: darken(darken(#428bca, 6.5%), 15%);
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  color: lighten(#000, 46.7%);
  text-decoration: none;
}
/* Button Sizes*/
/* --------------------------------------------------*/
.btn-lg, .btn-group-lg > .btn {
  /* line-height: ensure even-numbered height of button next to large input*/
  padding: 10px 16px;
  font-size: ceil((14px * 1.25));
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm, .btn-group-sm > .btn {
  /* line-height: ensure proper height of button next to small input*/
  padding: 5px 10px;
  font-size: ceil((14px * 0.85));
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: ceil((14px * 0.85));
  line-height: 1.5;
  border-radius: 3px;
}
/* Block button*/
/* --------------------------------------------------*/
.btn-block {
  display: block;
  width: 100%;
}
/* Vertically space out multiple block buttons*/
.btn-block + .btn-block {
  margin-top: 5px;
}
/* Specificity overrides*/
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
  width: 100%;
}
/**/
/* Dropdown menus*/
/* --------------------------------------------------*/
/* Dropdown arrow/caret*/
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top:   4px dashed;
  border-top:   4px solid \9; /* IE8*/
  border-right: 4px solid transparent;
  border-left:  4px solid transparent;
}
/* The dropdown wrapper (div)*/
.dropup, .dropdown {
  position: relative;
}
/* Prevent the focus on the dropdown toggle when closing dropdowns*/
.dropdown-toggle:focus {
  outline: 0;
}
/* The dropdown menu (ul)*/
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none; /* none by default, but block on "open" of the menu*/
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0; /* override default ul*/
  list-style: none;
  font-size: 12px;
  text-align: left; /* Ensures proper alignment if parent has it changed (e.g., modal footer)*/
  background-color: #fff;
  border: 1px solid #ccc; /* IE8 fallback*/
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  background-clip: padding-box;

  /* Aligns the dropdown menu to right*/
  /**/
}
/* Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]`*/
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
/* Dividers (basically an hr) within the dropdown*/
.dropdown-menu .divider {
  height: 1px;
  margin: ((floor((14px * 1.428571429)) / 2) - 1) 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
/* Links within the dropdown menu*/
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1;
  color: lighten(#000, 20%);
  white-space: nowrap;/* prevent links from randomly breaking onto new lines*/
}
/* Hover/Focus state*/
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: darken(lighten(#000, 20%), 5%);
  background-color: #f5f5f5;
}
/* Active state*/
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: darken(#428bca, 6.5%);
}
/* Disabled state*/
/**/
/* Gray out text and ensure the hover/focus state remains gray*/
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: lighten(#000, 46.7%);
}
/* Nuke hover/focus effects*/
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;/* Remove CSS gradient*/
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
/* Open state for the dropdown*/
/* Show the menu*/
.open > .dropdown-menu {
  display: block;
}
/* Remove the outline when :focus is triggered*/
.open > a {
  outline: 0;
}
/* Menu positioning*/
/**/
/* Add extra class to `.dropdown-menu` to flip the alignment of the dropdown*/
/* menu with the parent.*/
.dropdown-menu-right {
  left: auto; /* Reset the default from `.dropdown-menu`*/
  right: 0;
}
/* With v3, we enabled auto-flipping if you have a dropdown within a right*/
/* aligned nav component. To enable the undoing of that, we provide an override*/
/* to restore the default dropdown menu alignment.*/
/**/
/* This is only for left-aligning a dropdown menu within a `.navbar-right` or*/
/* `.pull-right` nav component.*/
.dropdown-menu-left {
  left: 0;
  right: auto;
}
/* Dropdown section headers*/
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: ceil((14px * 0.85));
  line-height: 1;
  color: lighten(#000, 46.7%);
  white-space: nowrap; /* as with > li > a*/
}
/* Backdrop to catch body clicks on mobile, etc.*/
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: (1000 - 10);
}
/* Right aligned dropdowns*/
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
/* Allow for dropdowns to go bottom up (aka, dropup-menu)*/
/**/
/* Just add .dropup after the standard .dropdown class and you're set, bro.*/
/* TODO: abstract this so that the navbar fixed styles are not placed here?*/
/* Reverse the caret*/
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;/* IE8*/
  content: "";
}
/* Different positioning for bottom up menu*/
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
/* Component alignment*/
/**/
/* Reiterate per navbar.less and the modified component alignment there.*/
@media (min-width: 768px) {
  .navbar-right {
    /* Necessary for overrides of the default right aligned menu.*/
  }
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  /* Will remove come v4 in all likelihood.*/
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
/**/
/* Button groups*/
/* --------------------------------------------------*/
/* Make the div behave like a button*/
.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
/* match .btn alignment given font-size hack above*/
.btn-group > .btn, .btn-group-vertical > .btn {
  position: relative;
  float: left;
}
/* Bring the "active" button to the front*/
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
  z-index: 2;
}
/* Prevent double borders when buttons are next to each other*/
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
/* Optional: Group multiple button groups together for a toolbar*/
.btn-toolbar {
  margin-left: -5px;
}
/* Offset the first child's margin*/
.btn-toolbar:before, .btn-toolbar:after {
  content: " ";/* 1*/
  display: table;/* 2*/
}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
/* Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match*/
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it*/
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/* Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)*/
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/* On active and open, don't show outline*/
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
  outline: 0;
}
/* Split button dropdowns*/
/* ----------------------*/
/* Give the line between buttons some depth*/
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
/* The clickable button for toggling the menu*/
/* Remove the gradient and set the same inset shadow as the :active state*/
.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
/* Show no shadow for `.btn-link` since it has no other button styles.*/
.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none;
}
/* Reposition the caret*/
.btn .caret {
  margin-left: 0;
}
/* Carets in other button sizes*/
.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
/* Upside down carets for .dropup*/
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
/* Vertical button groups*/
/* ----------------------*/
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
/* Clear floats so dropdown menus can be properly placed*/
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";/* 1*/
  display: table;/* 2*/
}
.btn-group-vertical > .btn-group:after {
  clear: both;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-radius: 3px 3px 0 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-radius: 0 0 3px 3px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/* Justified button groups*/
/* ----------------------*/
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn, .btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
/* Checkbox and radio options*/
/**/
/* In order to support the browser's form validation feedback, powered by the*/
/* `required` attribute, we have to "hide" the inputs via `clip`. We cannot use*/
/* `display: none;` or `visibility: hidden;` as that also hides the popover.*/
/* Simply visually hiding the inputs via `opacity` would leave them clickable in*/
/* certain cases which is prevented by using `clip` and `pointer-events`.*/
/* This way, we ensure a DOM element is visible to position the popover from.*/
/**/
/* See https://github.com/twbs/bootstrap/pull/12794 and*/
/* https://github.com/twbs/bootstrap/pull/14559 for more information.*/
[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0,0,0,0);
  pointer-events: none;
}
/* Sizing*/
/**/
/* Remix the default button sizing classes into new ones for easier manipulation.*/
/**/
/* Close icons*/
/* --------------------------------------------------*/
.close {
  float: right;
  font-size: (12px * 1.5);
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;

  /* [converter] extracted button& to button.close*/
}
.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .5;
}
/* Additional properties for button version*/
/* iOS requires the button element instead of an anchor tag.*/
/* If you want the anchor version, it requires `href="#"`.*/
/* See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile*/
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
/* Mixins*/
/* --------------------------------------------------*/
/* Utilities*/
/* Opacity*/
/* Image Mixins*/
/* - Responsive image*/
/* - Retina image*/
/* Responsive image*/
/**/
/* Keep images from scaling beyond the width of their parents.*/
/* Retina image*/
/**/
/* Short retina mixin for setting background-image and -size. Note that the*/
/* spelling of `min--moz-device-pixel-ratio` is intentional.*/
/* Labels*/
/* Resize anything*/
/* Sizing shortcuts*/
/* Typography*/
/* [converter] $parent hack*/
/* Text overflow*/
/* Requires inline-block or block for proper styling*/
/* Vendor Prefixes*/
/**/
/* All vendor mixins are deprecated as of v3.2.0 due to the introduction of*/
/* Autoprefixer in our Gruntfile. They have been removed in v4.*/
/* - Animations*/
/* - Backface visibility*/
/* - Box shadow*/
/* - Box sizing*/
/* - Content columns*/
/* - Hyphens*/
/* - Placeholder text*/
/* - Transformations*/
/* - Transitions*/
/* - User Select*/
/* Animations*/
/* Backface visibility*/
/* Prevent browsers from flickering when using CSS 3D transforms.*/
/* Default value is `visible`, but can be changed to `hidden`*/
/* Drop shadows*/
/**/
/* Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's*/
/* supported browsers that have box shadow capabilities now support it.*/
/* Box sizing*/
/* CSS3 Content Columns*/
/* Optional hyphenation*/
/* Placeholder text*/
/* Transformations*/
/* Transitions*/
/* User select*/
/* For selecting text on the page*/
/* Components*/
/* Alerts*/
/* Panels*/
/* Pagination*/
/* List Groups*/
/* Form validation states*/
/**/
/* Used in forms.less to generate the form validation CSS for warnings, errors,*/
/* and successes.*/
/* Form control focus state*/
/**/
/* Generate a customized focus state and for any input with the specified color,*/
/* which defaults to the `$input-border-focus` variable.*/
/**/
/* We highly encourage you to not customize the default value, but instead use*/
/* this to tweak colors on an as-needed basis. This aesthetic change is based on*/
/* WebKit's default styles, but applicable to a wider range of browsers. Its*/
/* usability and accessibility should be taken into account with any change.*/
/**/
/* Example usage: change the default blue border and shadow to white for better*/
/* contrast against a dark gray background.*/
/* Form control sizing*/
/**/
/* Relative text size, padding, and border-radii changes for form controls. For*/
/* horizontal sizing, wrap controls in the predefined grid classes. `` background color*/
/*** `` background color*/
/*** Text color for ``s*/
/*** `` border color*/
/* TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4*/
/*** Default `.form-control` border radius*/
/* This has no effect on ``s in CSS.*/
/*** Large `.form-control` border radius*/
/*** Small `.form-control` border radius*/
/*** Border color for inputs on focus*/
/*** Placeholder text color*/
/*** Default `.form-control` height*/
/*** Large `.form-control` height*/
/*** Small `.form-control` height*/
/*** `.form-group` margin*/
/*** Background color for textual input addons*/
/*** Border color for textual input addons*/
/*** Disabled cursor for form controls and buttons.*/
/*== Dropdowns*/
/**/
/*## Dropdown menu container and contents.*/
/*** Background for the dropdown menu.*/
/*** Dropdown menu `border-color`.*/
/*** Dropdown menu `border-color` **for IE8**.*/
/*** Divider color for between dropdown items.*/
/*** Dropdown link text color.*/
/*** Hover color for dropdown links.*/
/*** Hover background for dropdown links.*/
/*** Active dropdown menu item text color.*/
/*** Active dropdown menu item background color.*/
/*** Disabled dropdown menu item background color.*/
/*** Text color for headers within dropdown menus.*/
/*** Deprecated `$dropdown-caret-color` as of v3.1.0*/
/*-- Z-index master list*/
/**/
/* Warning: Avoid customizing these values. They're used for a bird's eye view*/
/* of components dependent on the z-axis and are designed to all work together.*/
/**/
/* Note: These variables are not generated into the Customizer.*/
/*== Media queries breakpoints*/
/**/
/*## Define the breakpoints at which your layout will change, adapting to different screen sizes.*/
/* Extra small screen / phone*/
/*** Deprecated `$screen-xs` as of v3.0.1*/
/*** Deprecated `$screen-xs-min` as of v3.2.0*/
/*** Deprecated `$screen-phone` as of v3.0.1*/
/* Small screen / tablet*/
/*** Deprecated `$screen-sm` as of v3.0.1*/
/*** Deprecated `$screen-tablet` as of v3.0.1*/
/* Medium screen / desktop*/
/*** Deprecated `$screen-md` as of v3.0.1*/
/*** Deprecated `$screen-desktop` as of v3.0.1*/
/* Large screen / wide desktop*/
/*** Deprecated `$screen-lg` as of v3.0.1*/
/*** Deprecated `$screen-lg-desktop` as of v3.0.1*/
/* So media queries don't overlap when required, provide a maximum*/
/*== Grid system*/
/**/
/*## Define your custom responsive grid.*/
/*** Number of columns in the grid.*/
/*** Padding between columns. Gets divided in half for the left and right.*/
/* Navbar collapse*/
/*** Point at which the navbar becomes uncollapsed.*/
/*** Point at which the navbar begins collapsing.*/
/*== Container sizes*/
/**/
/*## Define the maximum width of `.container` for different screen sizes.*/
/* Small screen / tablet*/
/*** For `$screen-sm-min` and up.*/
/* Medium screen / desktop*/
/*** For `$screen-md-min` and up.*/
/* Large screen / wide desktop*/
/*** For `$screen-lg-min` and up.*/
/*== Navbar*/
/**/
/*##*/
/* Basics of a navbar*/
/* Navbar links*/
/* Navbar brand label*/
/* Navbar toggle*/
/*=== Inverted navbar*/
/* Reset inverted navbar basics*/
/* Inverted navbar links*/
/* Inverted navbar brand label*/
/* Inverted navbar toggle*/
/*== Navs*/
/**/
/*##*/
/*=== Shared nav styles*/
/*== Tabs*/
/*== Pills*/
/*== Pagination*/
/**/
/*##*/
/*== Pager*/
/**/
/*##*/
/*== Jumbotron*/
/**/
/*##*/
/*== Form states and alerts*/
/**/
/*## Define colors for form feedback states and, by default, alerts.*/
/*== Tooltips*/
/**/
/*##*/
/*** Tooltip max width*/
/*** Tooltip text color*/
/*** Tooltip background color*/
/*** Tooltip arrow width*/
/*** Tooltip arrow color*/
/*== Popovers*/
/**/
/*##*/
/*** Popover body background color*/
/*** Popover maximum width*/
/*** Popover border color*/
/*** Popover fallback border color*/
/*** Popover title background color*/
/*** Popover arrow width*/
/*** Popover arrow color*/
/*** Popover outer arrow width*/
/*** Popover outer arrow color*/
/*** Popover outer arrow fallback color*/
/*== Labels*/
/**/
/*##*/
/*** Default label background color*/
/*** Primary label background color*/
/*** Success label background color*/
/*** Info label background color*/
/*** Warning label background color*/
/*** Danger label background color*/
/*** Default label text color*/
/*** Default text color of a linked label*/
/*== Modals*/
/**/
/*##*/
/*** Padding applied to the modal body*/
/*** Padding applied to the modal title*/
/*** Modal title line-height*/
/*** Background color of modal content area*/
/*** Modal content border color*/
/*** Modal content border color **for IE8***/
/*** Modal backdrop background color*/
/*** Modal backdrop opacity*/
/*** Modal header border color*/
/*** Modal footer border color*/
/*== Alerts*/
/**/
/*## Define alert colors, border radius, and padding.*/
/*== Progress bars*/
/**/
/*##*/
/*** Background color of the whole progress component*/
/*** Progress bar text color*/
/*** Variable for setting rounded corners on progress bar.*/
/*** Default progress bar color*/
/*** Success progress bar color*/
/*** Warning progress bar color*/
/*** Danger progress bar color*/
/*** Info progress bar color*/
/*== List group*/
/**/
/*##*/
/*** Background color on `.list-group-item`*/
/*** `.list-group-item` border color*/
/*** List group border radius*/
/*** Background color of single list items on hover*/
/*** Text color of active list items*/
/*** Background color of active list items*/
/*** Border color of active list elements*/
/*** Text color for content within active list items*/
/*** Text color of disabled list items*/
/*** Background color of disabled list items*/
/*** Text color for content within disabled list items*/
/*== Panels*/
/**/
/*##*/
/*** Border color for elements within panels*/
/*== Thumbnails*/
/**/
/*##*/
/*** Padding around the thumbnail image*/
/*** Thumbnail background color*/
/*** Thumbnail border color*/
/*** Thumbnail border radius*/
/*** Custom text color for thumbnail captions*/
/*** Padding around the thumbnail caption*/
/*== Wells*/
/**/
/*##*/
/*== Badges*/
/**/
/*##*/
/*** Linked badge text color on hover*/
/*** Badge text color in active nav link*/
/*** Badge background color in active nav link*/
/*== Breadcrumbs*/
/**/
/*##*/
/*** Breadcrumb background color*/
/*** Breadcrumb text color*/
/*** Text color of current page in the breadcrumb*/
/*** Textual separator for between breadcrumb elements*/
/*== Carousel*/
/**/
/*##*/
/*== Close*/
/**/
/*##*/
/*== Code*/
/**/
/*##*/
/*== Type*/
/**/
/*##*/
/*** Horizontal offset for forms and lists.*/
/*** Text muted color*/
/*** Abbreviations and acronyms border color*/
/*** Headings small color*/
/*** Blockquote small color*/
/*** Blockquote font size*/
/*** Blockquote border color*/
/*** Page header border color*/
/*** Width of horizontal description list titles*/
/*** Point at which .dl-horizontal becomes horizontal*/
/*** Horizontal line color.*/
/* Import general variables, which include some Bootstrap-specific definitions (e.g. $font-family-base).*/
/* Before adding a setting here, looking whether it's already defined there.*/
/* It is okay to use these variables in override files without an explicit import (just like Bootstrap does it).*/
/* --------------------------------------------------*/
/* Variables with a particular meaning to Bootstrap (but could also be used elsewhere).*/
/* As such, they cannot be renamed.*/
/* --------------------------------------------------*/
/* --------------------------------------------------*/
/* Custom variables.*/
/* These are not directly used by Bootstrap, although they could be used by some of our Bootstrap overrides.*/
/* --------------------------------------------------*/
/* keep this value in sync with value of MOBILE_BREAKPOINT in:*/
/* javascript/components/deployedView/DeployedFooter.js*/
html body .btn:active, html body .btn.active {
    outline: 0;
    background-image: none;
    box-shadow: none;
}
html body .btn-primary {
    color: #fff;
    background-color: #d10;
    border: 1px solid #d10;
}
html body .btn-primary:focus, html body .btn-primary.focus {
    color: #fff;
    background-color: #d10;
    border-color: #d10;
    outline: none;
}
html body .btn-primary:focus:active, html body .btn-primary:focus.active, html body .btn-primary.focus:active, html body .btn-primary.focus.active {
    outline: none;
}
html body .btn-primary:hover {
    color: #fff;
    background-color: #fe0000;
    border-color: #fe0000;
}
html body .btn-primary:active, html body .btn-primary.active, .open > html body .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #b00f00;
    border-color: #b00f00;
}
html body .btn-primary:active:hover, html body .btn-primary:active:focus, html body .btn-primary:active.focus, html body .btn-primary.active:hover, html body .btn-primary.active:focus, html body .btn-primary.active.focus, .open > html body .btn-primary.dropdown-toggle:hover, .open > html body .btn-primary.dropdown-toggle:focus, .open > html body .btn-primary.dropdown-toggle.focus {
    color: #fff;
    background-color: #b00f00;
    border-color: #b00f00;
}
html body .btn-primary:active, html body .btn-primary.active, .open > html body .btn-primary.dropdown-toggle {
    background-image: none;
}
html body .btn-primary.disabled:hover, html body .btn-primary.disabled:focus, html body .btn-primary.disabled.focus, html body .btn-primary[disabled]:hover, html body .btn-primary[disabled]:focus, html body .btn-primary[disabled].focus, fieldset[disabled] html body .btn-primary:hover, fieldset[disabled] html body .btn-primary:focus, fieldset[disabled] html body .btn-primary.focus {
    background-color: #d10;
    border-color: #d10;
}
html body .btn-primary.disabled, html body .btn-primary[disabled], fieldset[disabled] html body .btn-primary {
    cursor: default;
    opacity: .5;
    box-shadow: none;
}
html body .btn-primary .badge {
    color: #d10;
    background-color: #fff;
}
html body .btn-primary2 {
    color: #d10;
    background-color: #fff;
    border: 1px solid #d10;
}
html body .btn-primary2:focus, html body .btn-primary2.focus {
    color: #d10;
    background-color: #fff;
    border-color: #d10;
    outline: none;
}
html body .btn-primary2:focus:active, html body .btn-primary2:focus.active, html body .btn-primary2.focus:active, html body .btn-primary2.focus.active {
    outline: none;
}
html body .btn-primary2:hover {
    color: #fff;
    background-color: #fe0000;
    border-color: #fe0000;
}
html body .btn-primary2:active, html body .btn-primary2.active, .open > html body .btn-primary2.dropdown-toggle {
    color: #fff;
    background-color: #b00f00;
    border-color: #b00f00;
}
html body .btn-primary2:active:hover, html body .btn-primary2:active:focus, html body .btn-primary2:active.focus, html body .btn-primary2.active:hover, html body .btn-primary2.active:focus, html body .btn-primary2.active.focus, .open > html body .btn-primary2.dropdown-toggle:hover, .open > html body .btn-primary2.dropdown-toggle:focus, .open > html body .btn-primary2.dropdown-toggle.focus {
    color: #fff;
    background-color: #b00f00;
    border-color: #b00f00;
}
html body .btn-primary2:active, html body .btn-primary2.active, .open > html body .btn-primary2.dropdown-toggle {
    background-image: none;
}
html body .btn-primary2.disabled:hover, html body .btn-primary2.disabled:focus, html body .btn-primary2.disabled.focus, html body .btn-primary2[disabled]:hover, html body .btn-primary2[disabled]:focus, html body .btn-primary2[disabled].focus, fieldset[disabled] html body .btn-primary2:hover, fieldset[disabled] html body .btn-primary2:focus, fieldset[disabled] html body .btn-primary2.focus {
    background-color: #fff;
    border-color: #d10;
}
html body .btn-primary2.disabled, html body .btn-primary2[disabled], fieldset[disabled] html body .btn-primary2 {
    cursor: default;
    opacity: .5;
    box-shadow: none;
}
html body .btn-primary2 .badge {
    color: #fff;
    background-color: #d10;
}
html body .btn-default {
    color: #646464;
    background-color: #e5e5e5;
    border: 1px solid #e5e5e5;
}
html body .btn-default:focus, html body .btn-default.focus {
    color: #646464;
    background-color: #e5e5e5;
    border-color: #e5e5e5;
    outline: none;
}
html body .btn-default:focus:active, html body .btn-default:focus.active, html body .btn-default.focus:active, html body .btn-default.focus.active {
    outline: none;
}
html body .btn-default:hover {
    color: #646464;
    background-color: #f5f5f5;
    border-color: #e5e5e5;
}
html body .btn-default:active, html body .btn-default.active, .open > html body .btn-default.dropdown-toggle {
    color: #fff;
    background-color: #a6a6a6;
    border-color: #a6a6a6;
}
html body .btn-default:active:hover, html body .btn-default:active:focus, html body .btn-default:active.focus, html body .btn-default.active:hover, html body .btn-default.active:focus, html body .btn-default.active.focus, .open > html body .btn-default.dropdown-toggle:hover, .open > html body .btn-default.dropdown-toggle:focus, .open > html body .btn-default.dropdown-toggle.focus {
    color: #fff;
    background-color: #a6a6a6;
    border-color: #a6a6a6;
}
html body .btn-default:active, html body .btn-default.active, .open > html body .btn-default.dropdown-toggle {
    background-image: none;
}
html body .btn-default.disabled:hover, html body .btn-default.disabled:focus, html body .btn-default.disabled.focus, html body .btn-default[disabled]:hover, html body .btn-default[disabled]:focus, html body .btn-default[disabled].focus, fieldset[disabled] html body .btn-default:hover, fieldset[disabled] html body .btn-default:focus, fieldset[disabled] html body .btn-default.focus {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
}
html body .btn-default.disabled, html body .btn-default[disabled], fieldset[disabled] html body .btn-default {
    cursor: default;
    opacity: .5;
    box-shadow: none;
}
html body .btn-default .badge {
    color: #e5e5e5;
    background-color: #646464;
}
html body .btn-default2 {
    color: #898989;
    background-color: #fff;
    border: 1px solid #a6a6a6;
}
html body .btn-default2:focus, html body .btn-default2.focus {
    color: #898989;
    background-color: #fff;
    border-color: #a6a6a6;
    outline: none;
}
html body .btn-default2:focus:active, html body .btn-default2:focus.active, html body .btn-default2.focus:active, html body .btn-default2.focus.active {
    outline: none;
}
html body .btn-default2:hover {
    color: #646464;
    background-color: #f5f5f5;
    border-color: #646464;
}
html body .btn-default2:active, html body .btn-default2.active, .open > html body .btn-default2.dropdown-toggle {
    color: #fff;
    background-color: #898989;
    border-color: #898989;
}
html body .btn-default2:active:hover, html body .btn-default2:active:focus, html body .btn-default2:active.focus, html body .btn-default2.active:hover, html body .btn-default2.active:focus, html body .btn-default2.active.focus, .open > html body .btn-default2.dropdown-toggle:hover, .open > html body .btn-default2.dropdown-toggle:focus, .open > html body .btn-default2.dropdown-toggle.focus {
    color: #fff;
    background-color: #898989;
    border-color: #898989;
}
html body .btn-default2:active, html body .btn-default2.active, .open > html body .btn-default2.dropdown-toggle {
    background-image: none;
}
html body .btn-default2.disabled:hover, html body .btn-default2.disabled:focus, html body .btn-default2.disabled.focus, html body .btn-default2[disabled]:hover, html body .btn-default2[disabled]:focus, html body .btn-default2[disabled].focus, fieldset[disabled] html body .btn-default2:hover, fieldset[disabled] html body .btn-default2:focus, fieldset[disabled] html body .btn-default2.focus {
    background-color: #fff;
    border-color: #a6a6a6;
}
html body .btn-default2.disabled, html body .btn-default2[disabled], fieldset[disabled] html body .btn-default2 {
    cursor: default;
    opacity: .5;
    box-shadow: none;
}
html body .btn-default2 .badge {
    color: #fff;
    background-color: #898989;
}
html body .btn-default3 {
    color: #898989;
    background-color: #fff;
    border: 1px solid #fff;
}
html body .btn-default3:focus, html body .btn-default3.focus {
    color: #898989;
    background-color: #fff;
    border-color: #fff;
    outline: none;
}
html body .btn-default3:focus:active, html body .btn-default3:focus.active, html body .btn-default3.focus:active, html body .btn-default3.focus.active {
    outline: none;
}
html body .btn-default3:hover {
    color: #646464;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}
html body .btn-default3:active, html body .btn-default3.active, .open > html body .btn-default3.dropdown-toggle {
    color: #fff;
    background-color: #646464;
    border-color: #646464;
}
html body .btn-default3:active:hover, html body .btn-default3:active:focus, html body .btn-default3:active.focus, html body .btn-default3.active:hover, html body .btn-default3.active:focus, html body .btn-default3.active.focus, .open > html body .btn-default3.dropdown-toggle:hover, .open > html body .btn-default3.dropdown-toggle:focus, .open > html body .btn-default3.dropdown-toggle.focus {
    color: #fff;
    background-color: #646464;
    border-color: #646464;
}
html body .btn-default3:active, html body .btn-default3.active, .open > html body .btn-default3.dropdown-toggle {
    background-image: none;
}
html body .btn-default3.disabled:hover, html body .btn-default3.disabled:focus, html body .btn-default3.disabled.focus, html body .btn-default3[disabled]:hover, html body .btn-default3[disabled]:focus, html body .btn-default3[disabled].focus, fieldset[disabled] html body .btn-default3:hover, fieldset[disabled] html body .btn-default3:focus, fieldset[disabled] html body .btn-default3.focus {
    background-color: #fff;
    border-color: #fff;
}
html body .btn-default3.disabled, html body .btn-default3[disabled], fieldset[disabled] html body .btn-default3 {
    cursor: default;
    opacity: .5;
    box-shadow: none;
}
html body .btn-default3 .badge {
    color: #fff;
    background-color: #898989;
}
html body .btn-deployedFooter {
    color: #a6a6a6;
    background-color: transparent;
    border: 1px solid transparent;
}
html body .btn-deployedFooter:focus, html body .btn-deployedFooter.focus {
    color: #a6a6a6;
    background-color: transparent;
    border-color: transparent;
    outline: none;
}
html body .btn-deployedFooter:focus:active, html body .btn-deployedFooter:focus.active, html body .btn-deployedFooter.focus:active, html body .btn-deployedFooter.focus.active {
    outline: none;
}
html body .btn-deployedFooter:hover {
    color: #ffffff;
    background-color: transparent;
    border-color: transparent;
}
html body .btn-deployedFooter:active, html body .btn-deployedFooter.active, .open > html body .btn-deployedFooter.dropdown-toggle {
    color: #bfbfbf;
    background-color: transparent;
    border-color: transparent;
}
html body .btn-deployedFooter:active:hover, html body .btn-deployedFooter:active:focus, html body .btn-deployedFooter:active.focus, html body .btn-deployedFooter.active:hover, html body .btn-deployedFooter.active:focus, html body .btn-deployedFooter.active.focus, .open > html body .btn-deployedFooter.dropdown-toggle:hover, .open > html body .btn-deployedFooter.dropdown-toggle:focus, .open > html body .btn-deployedFooter.dropdown-toggle.focus {
    color: #bfbfbf;
    background-color: transparent;
    border-color: transparent;
}
html body .btn-deployedFooter:active, html body .btn-deployedFooter.active, .open > html body .btn-deployedFooter.dropdown-toggle {
    background-image: none;
}
html body .btn-deployedFooter.disabled:hover, html body .btn-deployedFooter.disabled:focus, html body .btn-deployedFooter.disabled.focus, html body .btn-deployedFooter[disabled]:hover, html body .btn-deployedFooter[disabled]:focus, html body .btn-deployedFooter[disabled].focus, fieldset[disabled] html body .btn-deployedFooter:hover, fieldset[disabled] html body .btn-deployedFooter:focus, fieldset[disabled] html body .btn-deployedFooter.focus {
    background-color: transparent;
    border-color: transparent;
}
html body .btn-deployedFooter.disabled, html body .btn-deployedFooter[disabled], fieldset[disabled] html body .btn-deployedFooter {
    cursor: default;
    opacity: .5;
    box-shadow: none;
}
html body .btn-deployedFooter .badge {
    color: transparent;
    background-color: #a6a6a6;
}
html body .btn-mobileFooter {
    color: #333333;
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow: none !important;
}
html body .btn-mobileFooter:focus, html body .btn-mobileFooter.focus {
    color: #333333;
    background-color: transparent;
    border-color: transparent;
    outline: none;
}
html body .btn-mobileFooter:focus:active, html body .btn-mobileFooter:focus.active, html body .btn-mobileFooter.focus:active, html body .btn-mobileFooter.focus.active {
    outline: none;
}
html body .btn-mobileFooter:hover {
    color: #262626;
    background-color: transparent;
    border-color: transparent;
}
html body .btn-mobileFooter:active, html body .btn-mobileFooter.active, .open > html body .btn-mobileFooter.dropdown-toggle {
    color: #ffffff;
    background-color: #646464;
    border-color: #646464;
}
html body .btn-mobileFooter:active:hover, html body .btn-mobileFooter:active:focus, html body .btn-mobileFooter:active.focus, html body .btn-mobileFooter.active:hover, html body .btn-mobileFooter.active:focus, html body .btn-mobileFooter.active.focus, .open > html body .btn-mobileFooter.dropdown-toggle:hover, .open > html body .btn-mobileFooter.dropdown-toggle:focus, .open > html body .btn-mobileFooter.dropdown-toggle.focus {
    color: #ffffff;
    background-color: #646464;
    border-color: #646464;
}
html body .btn-mobileFooter:active, html body .btn-mobileFooter.active, .open > html body .btn-mobileFooter.dropdown-toggle {
    background-image: none;
}
html body .btn-mobileFooter.disabled:hover, html body .btn-mobileFooter.disabled:focus, html body .btn-mobileFooter.disabled.focus, html body .btn-mobileFooter[disabled]:hover, html body .btn-mobileFooter[disabled]:focus, html body .btn-mobileFooter[disabled].focus, fieldset[disabled] html body .btn-mobileFooter:hover, fieldset[disabled] html body .btn-mobileFooter:focus, fieldset[disabled] html body .btn-mobileFooter.focus {
    background-color: transparent;
    border-color: transparent;
}
html body .btn-mobileFooter.disabled, html body .btn-mobileFooter[disabled], fieldset[disabled] html body .btn-mobileFooter {
    cursor: default;
    opacity: .5;
    box-shadow: none;
}
html body .btn-mobileFooter .badge {
    color: transparent;
    background-color: #333333;
}
html body .btn-mobileFooter:not(#FooterMenu) {
    width: 78px;
}
html body .btn-mobileFooter:not(#FooterMenu) span {
    float: left;
}
html body .btn-orange {
    color: #fa6500;
    background-color: #fff;
    border: 1px solid #fa6500;
}
html body .btn-orange:focus, html body .btn-orange.focus {
    color: #fa6500;
    background-color: #fff;
    border-color: #fa6500;
    outline: none;
}
html body .btn-orange:focus:active, html body .btn-orange:focus.active, html body .btn-orange.focus:active, html body .btn-orange.focus.active {
    outline: none;
}
html body .btn-orange:hover {
    color: #fff;
    background-color: #ff9b25;
    border-color: #ff9b25;
}
html body .btn-orange:active, html body .btn-orange.active, .open > html body .btn-orange.dropdown-toggle {
    color: #fff;
    background-color: #f86500;
    border-color: #f86500;
}
html body .btn-orange:active:hover, html body .btn-orange:active:focus, html body .btn-orange:active.focus, html body .btn-orange.active:hover, html body .btn-orange.active:focus, html body .btn-orange.active.focus, .open > html body .btn-orange.dropdown-toggle:hover, .open > html body .btn-orange.dropdown-toggle:focus, .open > html body .btn-orange.dropdown-toggle.focus {
    color: #fff;
    background-color: #f86500;
    border-color: #f86500;
}
html body .btn-orange:active, html body .btn-orange.active, .open > html body .btn-orange.dropdown-toggle {
    background-image: none;
}
html body .btn-orange.disabled:hover, html body .btn-orange.disabled:focus, html body .btn-orange.disabled.focus, html body .btn-orange[disabled]:hover, html body .btn-orange[disabled]:focus, html body .btn-orange[disabled].focus, fieldset[disabled] html body .btn-orange:hover, fieldset[disabled] html body .btn-orange:focus, fieldset[disabled] html body .btn-orange.focus {
    background-color: #fff;
    border-color: #fa6500;
}
html body .btn-orange.disabled, html body .btn-orange[disabled], fieldset[disabled] html body .btn-orange {
    cursor: default;
    opacity: .5;
    box-shadow: none;
}
html body .btn-orange .badge {
    color: #fff;
    background-color: #fa6500;
}
html body .btn-short-wide {
    color: #898989;
    background-color: #fff;
    border: 1px solid #a6a6a6;
    height: inherit;
    width: 152px;
    margin: 0 2px 0 0;
    padding: 4px;
    border-radius: 3px;
}
html body .btn-short-wide:focus, html body .btn-short-wide.focus {
    color: #898989;
    background-color: #fff;
    border-color: #a6a6a6;
    outline: none;
}
html body .btn-short-wide:focus:active, html body .btn-short-wide:focus.active, html body .btn-short-wide.focus:active, html body .btn-short-wide.focus.active {
    outline: none;
}
html body .btn-short-wide:hover {
    color: #a6a6a6;
    background-color: #f5f5f5;
    border-color: #a6a6a6;
}
html body .btn-short-wide:active, html body .btn-short-wide.active, .open > html body .btn-short-wide.dropdown-toggle {
    color: #fff;
    background-color: #a6a6a6;
    border-color: #a6a6a6;
}
html body .btn-short-wide:active:hover, html body .btn-short-wide:active:focus, html body .btn-short-wide:active.focus, html body .btn-short-wide.active:hover, html body .btn-short-wide.active:focus, html body .btn-short-wide.active.focus, .open > html body .btn-short-wide.dropdown-toggle:hover, .open > html body .btn-short-wide.dropdown-toggle:focus, .open > html body .btn-short-wide.dropdown-toggle.focus {
    color: #fff;
    background-color: #a6a6a6;
    border-color: #a6a6a6;
}
html body .btn-short-wide:active, html body .btn-short-wide.active, .open > html body .btn-short-wide.dropdown-toggle {
    background-image: none;
}
html body .btn-short-wide.disabled:hover, html body .btn-short-wide.disabled:focus, html body .btn-short-wide.disabled.focus, html body .btn-short-wide[disabled]:hover, html body .btn-short-wide[disabled]:focus, html body .btn-short-wide[disabled].focus, fieldset[disabled] html body .btn-short-wide:hover, fieldset[disabled] html body .btn-short-wide:focus, fieldset[disabled] html body .btn-short-wide.focus {
    background-color: #fff;
    border-color: #a6a6a6;
}
html body .btn-short-wide.disabled, html body .btn-short-wide[disabled], fieldset[disabled] html body .btn-short-wide {
    cursor: default;
    opacity: .5;
    box-shadow: none;
}
html body .btn-short-wide .badge {
    color: #fff;
    background-color: #898989;
}
html body .btn-short-narrow {
    color: #898989;
    background-color: #fff;
    border: 1px solid #a6a6a6;
    height: inherit;
    width: 92px;
    margin: 0;
    padding: 4px;
    border-radius: 3px;
}
html body .btn-short-narrow:focus, html body .btn-short-narrow.focus {
    color: #898989;
    background-color: #fff;
    border-color: #a6a6a6;
    outline: none;
}
html body .btn-short-narrow:focus:active, html body .btn-short-narrow:focus.active, html body .btn-short-narrow.focus:active, html body .btn-short-narrow.focus.active {
    outline: none;
}
html body .btn-short-narrow:hover {
    color: #a6a6a6;
    background-color: #f5f5f5;
    border-color: #a6a6a6;
}
html body .btn-short-narrow:active, html body .btn-short-narrow.active, .open > html body .btn-short-narrow.dropdown-toggle {
    color: #fff;
    background-color: #a6a6a6;
    border-color: #a6a6a6;
}
html body .btn-short-narrow:active:hover, html body .btn-short-narrow:active:focus, html body .btn-short-narrow:active.focus, html body .btn-short-narrow.active:hover, html body .btn-short-narrow.active:focus, html body .btn-short-narrow.active.focus, .open > html body .btn-short-narrow.dropdown-toggle:hover, .open > html body .btn-short-narrow.dropdown-toggle:focus, .open > html body .btn-short-narrow.dropdown-toggle.focus {
    color: #fff;
    background-color: #a6a6a6;
    border-color: #a6a6a6;
}
html body .btn-short-narrow:active, html body .btn-short-narrow.active, .open > html body .btn-short-narrow.dropdown-toggle {
    background-image: none;
}
html body .btn-short-narrow.disabled:hover, html body .btn-short-narrow.disabled:focus, html body .btn-short-narrow.disabled.focus, html body .btn-short-narrow[disabled]:hover, html body .btn-short-narrow[disabled]:focus, html body .btn-short-narrow[disabled].focus, fieldset[disabled] html body .btn-short-narrow:hover, fieldset[disabled] html body .btn-short-narrow:focus, fieldset[disabled] html body .btn-short-narrow.focus {
    background-color: #fff;
    border-color: #a6a6a6;
}
html body .btn-short-narrow.disabled, html body .btn-short-narrow[disabled], fieldset[disabled] html body .btn-short-narrow {
    cursor: default;
    opacity: .5;
    box-shadow: none;
}
html body .btn-short-narrow .badge {
    color: #fff;
    background-color: #898989;
}
html body .btn-borderless {
    color: #898989;
    background-color: transparent;
    border: 1px solid transparent;
    height: inherit;
    width: auto;
    margin: 0;
    padding: 4px 8px;
    border-radius: 0px;
}
html body .btn-borderless:focus, html body .btn-borderless.focus {
    color: #898989;
    background-color: transparent;
    border-color: transparent;
    outline: none;
}
html body .btn-borderless:focus:active, html body .btn-borderless:focus.active, html body .btn-borderless.focus:active, html body .btn-borderless.focus.active {
    outline: none;
}
html body .btn-borderless:hover {
    color: #898989;
    background-color: transparent;
    border-color: transparent;
}
html body .btn-borderless:active, html body .btn-borderless.active, .open > html body .btn-borderless.dropdown-toggle {
    color: #898989;
    background-color: transparent;
    border-color: transparent;
}
html body .btn-borderless:active:hover, html body .btn-borderless:active:focus, html body .btn-borderless:active.focus, html body .btn-borderless.active:hover, html body .btn-borderless.active:focus, html body .btn-borderless.active.focus, .open > html body .btn-borderless.dropdown-toggle:hover, .open > html body .btn-borderless.dropdown-toggle:focus, .open > html body .btn-borderless.dropdown-toggle.focus {
    color: #898989;
    background-color: transparent;
    border-color: transparent;
}
html body .btn-borderless:active, html body .btn-borderless.active, .open > html body .btn-borderless.dropdown-toggle {
    background-image: none;
}
html body .btn-borderless.disabled:hover, html body .btn-borderless.disabled:focus, html body .btn-borderless.disabled.focus, html body .btn-borderless[disabled]:hover, html body .btn-borderless[disabled]:focus, html body .btn-borderless[disabled].focus, fieldset[disabled] html body .btn-borderless:hover, fieldset[disabled] html body .btn-borderless:focus, fieldset[disabled] html body .btn-borderless.focus {
    background-color: transparent;
    border-color: transparent;
}
html body .btn-borderless.disabled, html body .btn-borderless[disabled], fieldset[disabled] html body .btn-borderless {
    cursor: default;
    opacity: .5;
    box-shadow: none;
}
html body .btn-borderless .badge {
    color: transparent;
    background-color: #898989;
}
html body .btn-borderless:not(:last-child) {
    border-right: 1px solid #898989;
}
html body .btn-default5 {
    color: #646464;
    background-color: #e5e5e5;
    border: 1px solid #898989;
}
html body .btn-default5:focus, html body .btn-default5.focus {
    color: #646464;
    background-color: #e5e5e5;
    border-color: #898989;
    outline: none;
}
html body .btn-default5:focus:active, html body .btn-default5:focus.active, html body .btn-default5.focus:active, html body .btn-default5.focus.active {
    outline: none;
}
html body .btn-default5:hover {
    color: #646464;
    background-color: #f5f5f5;
    border-color: #898989;
}
html body .btn-default5:active, html body .btn-default5.active, .open > html body .btn-default5.dropdown-toggle {
    color: #fff;
    background-color: #a6a6a6;
    border-color: #a6a6a6;
}
html body .btn-default5:active:hover, html body .btn-default5:active:focus, html body .btn-default5:active.focus, html body .btn-default5.active:hover, html body .btn-default5.active:focus, html body .btn-default5.active.focus, .open > html body .btn-default5.dropdown-toggle:hover, .open > html body .btn-default5.dropdown-toggle:focus, .open > html body .btn-default5.dropdown-toggle.focus {
    color: #fff;
    background-color: #a6a6a6;
    border-color: #a6a6a6;
}
html body .btn-default5:active, html body .btn-default5.active, .open > html body .btn-default5.dropdown-toggle {
    background-image: none;
}
html body .btn-default5.disabled:hover, html body .btn-default5.disabled:focus, html body .btn-default5.disabled.focus, html body .btn-default5[disabled]:hover, html body .btn-default5[disabled]:focus, html body .btn-default5[disabled].focus, fieldset[disabled] html body .btn-default5:hover, fieldset[disabled] html body .btn-default5:focus, fieldset[disabled] html body .btn-default5.focus {
    background-color: #e5e5e5;
    border-color: #898989;
}
html body .btn-default5.disabled, html body .btn-default5[disabled], fieldset[disabled] html body .btn-default5 {
    cursor: default;
    opacity: .5;
    box-shadow: none;
}
html body .btn-default5 .badge {
    color: #e5e5e5;
    background-color: #646464;
}
/*
    Format flyout from notebook toolbar
*/

#reportSidebar, .slideTab {
    font-family: "Roboto";
    display: none;
    height: 90%;
    overflow: auto;
    width: 353px;
    position: absolute;
    right: -354px;
    background: white;
    z-index: 0;
}

.sp-box {
    height: 100%;
    position: relative;
    color: #646464;
    background-color: white;
}

#stylePalette-box.sp-box, #revisionsBox.sp-box {
    box-sizing: border-box;
}

.long-dialog-box {
    top: 50%;
    left: 50%;
    width: 500px;
    color: #646464;
    background-color: white;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 4px rgba(0, 0, 0, .1);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    border-radius: 5px;
}

#paletteContent {
    position: absolute;
    right: 0;
    top: 41px;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

textarea.dialog-text-area {
    border-radius: 3px;
    border: 1px solid #a6a6a6;
    color: #a6a6a6;
    padding: 6px 8px;
}

textarea.dialog-text-area:active, textarea.dialog-text-area:focus {
    border-color: #333333;
    color: #333333;
}

#reportAttachExtra {
  padding-top: 10px;
}

/* #taskContent {
    bottom: 56px; //height of reportFooter
} */

.openSchedule #reportContent {
    top: 0;
}

/* Flyout header */

.paletteHeader, .paletteSubHeader {
    position: relative;
}

.paletteHeader {
    height: 40px;
    padding: 0 14px;
    line-height: 40px;
    font-weight: 400;
    color: #646464;
    background-color: #e5e5e5;
    z-index: 1;
}

.paletteHeading {
    color: #333333;
    text-align: left;
    z-index: 325;
}

#clear-style {
	float:right;
	position: relative;
	top: -6px;
	border-radius: 2px;
	font-size: 10px;
    font-weight: 300;
	padding: 5px;
}

.paletteSubHeader {
    height: 32px;
    color: #333333;
    line-height: 32px;
    text-align: left;
    z-index: 325;
}

.paletteSubSubHeader {
    height: 15px;
    font-size: 10px;
    color: #646464;
    text-indent: 24px;
    line-height: 34px;
    background-color: #ffffff;
}

#cellStyleTab, #fontParagraphTab {
    border-bottom: 1px solid #a6a6a6;
    padding: 14px 14px 8px 14px;
}

#cellFormattingTab {
    padding: 14px;
}

#fontParagraphTile {
    margin-top: 10px;
}

.paletteTile {
    padding-top: 10px;
    position: relative;
}

.paletteLabel {
    width: 77px;
    display: table-cell;
    padding-bottom: 12px;
    font-weight: normal;
    padding-right: 12px;
    line-height: 25px;
    text-align: right;
    vertical-align: top;
    color: #646464;
}

.paletteDivider {
    position: absolute;
    left: 0;
    right: 0;
    top: 150px;
    border-bottom: 1px solid #595959;
    border-top: 1px solid #2f2f2f;
}

.styleItem {
    display: table-row;
    padding-bottom: 12px;
    position: relative;
}

.styleItem span {
    display: inline-block;
}

.styleItem #cellStyle-button, .styleItem #font-family-button {
    width: 234px;
}

#italicId {
    font-style: italic;
}

#underlineId {
    text-decoration: underline !important;
}

#cellStyle-button > span > span {
    display: none;
}

#cellStyle-menu {
    height: auto !important;
}

#cellStyle-menu .cell-style-shortcut {
    display: inline-block;
    float: right;
    color: #a6a6a6;
    font-size: 10px;
    font-weight: normal;
    font-family: "Roboto";
}

.cell-style-bullet {
    display: inline-block !important;
    color: #cc0a15;
    float: left;
    font-size: 20px;
    margin-right: 2px;
    margin-top: 1px;
    margin-left: 24px;
    cursor: pointer;
}

#cellStyle-menu > li:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
}

#font-family-menu > li:hover {
    background-color: #e5e5e5;
}

#font-family-menu > li:active, #font-family-menu > li:focus {
    background-color: #898989;
}

#font-family-menu > li:active > a, #font-family-menu > li:focus > a {
    color: #ffffff;
}

#cellStyle-menu > li {
    white-space: inherit;
}

#cellStyle-menu > li > a {
    color: #646464;
    font-weight: normal;
    padding: 1px 0;
    margin: 0px 13px 0px 24px;
}

#cellStyle-menu > li:hover {
    background-color: #e5e5e5;
}

#cellStyle-menu > li:active, #cellStyle-menu > li:focus {
    background-color: #898989;
}

#cellStyle-menu > li:active > a, #cellStyle-menu > li:focus > a {
    color: #ffffff;
}

#cellStyle-menu > li.cell-style-title > a {
    font-size: 48px;
    line-height: 59px;
}

#cellStyle-menu > li.cell-style-subtitle > a {
    font-size: 24px;
    line-height: 38px;
}

#cellStyle-menu > li.cell-style-subsubtitle > a {
    font-size: 16px;
    line-height: 31px;
}

#cellStyle-menu > li.cell-style-section > a {
    font-size: 28px;
    line-height: 40px;
}

#cellStyle-menu > li.cell-style-subsection > a {
    font-size: 20px;
    line-height: 34px;
}

#cellStyle-menu > li.cell-style-subsubsection > a {
    font-size: 18px;
    line-height: 33px;
}

#cellStyle-menu > li.cell-style-text > a {
    font-size: 14px;
    line-height: 31px;
}

#cellStyle-menu > li.cell-style-code > a {
    font-family: Source Sans Pro;
    font-size: 12px;
    font-weight: 600;
    line-height: 27px;
}

#cellStyle-menu > li.cell-style-input > a {
    font-size: 12px;
    line-height: 27px;
}

#cellStyle-menu > li.cell-style-output > a {
    font-size: 12px;
    line-height: 27px;
}

#cellStyle-menu > li.cell-style-item > a {
    font-size: 12px;
    line-height: 26px;
}

#cellStyle-menu > li.cell-style-subitem > a {
    font-size: 11px;
    line-height: 25px;
    padding-bottom: 3px;
}

#paletteContent {
    text-shadow: none;
    /*
    .gray-button-active {
        color: #757575;
        text-shadow: 0 1px 0 white;
        background-color: #e0e0e0;
        @include filter-gradient(#e0e0e0, #ededed, vertical);
        @include background(linear-gradient(top, #e0e0e0 0%,#ededed 100%));
        box-shadow: inset 0 1px 4px rgba(#000000, 0.21);
        border: 1px solid #b3b3b3;
        border-radius: 2px;
    }
    */
}

#paletteContent .mbutton > div {
    vertical-align: baseline;
}

#paletteContent .mbutton {
    color: #333333;
    border: 1px solid #a6a6a6;
    box-shadow: none;
    border-radius: 2px;
}

#paletteContent .mbutton:hover {
    background-color: #f5f5f5;
    border-color: #bfbfbf;
}

#paletteContent .mbutton:active {
    background: #e5e5e5;
}

#paletteContent .mbutton + .mbutton {
    margin-left: -3px;
}

#font-alignment {
    display: block;
}

#stylePalette-box {
    font-family: 'Roboto', Helvetica, Arial sans-serif;
}

#stylePalette-box .mbutton {
    height: 23px;
    line-height: 23px;
}

#font-size-group {
    display: inline-block;
    margin-left: 15px;
    position: absolute;
}

#documentTab {
    padding-bottom: 30px;
}

/* Insert special chars flyout */

.accesspanel-title {
    display:inline-block;
    vertical-align: middle;
    margin-top: -5px;
    font-weight: 500;
}

.accesspanel-open-indicator, .accesspanel-closed-indicator {
    height: 9px;
    width: 11px;
    display: inline-block;
    position: relative;
}

.accesspanel-closed-indicator {
    bottom: -4px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAZCAYAAADuWXTMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALxJREFUeNpiTElJWcPAwKAOxGVAvJ2BBMAExEFArAPE24B4IxAro6nZC8T/seA9IM2MSAr9gPgyEBcjicnhsFiBCYsgJxDXI/FzcWguwab5DRAnIvF3APFiNDW7gHgDuuZlQKwFxGvRxIuA+BWU/RPmGiaoyXeB2AuIo4H4NQ7XpAHxJyCuBeJbIEEWIPYkMmZAMcGPHlVkA5bz58+PJpIhkUgYGcpWYPWQ8d5uoqKKbACyeTSRDIlEAhBgAKyJXuiIlBdVAAAAAElFTkSuQmCC) no-repeat scroll 3px 2px transparent;
}

.accesspanel-open-indicator {
    bottom: -5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAZCAYAAADuWXTMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALxJREFUeNpiTElJWcPAwKAOxGVAvJ2BBMAExEFArAPE24B4IxAro6nZC8T/seA9IM2MSAr9gPgyEBcjicnhsFiBCYsgJxDXI/FzcWguwab5DRAnIvF3APFiNDW7gHgDuuZlQKwFxGvRxIuA+BWU/RPmGiaoyXeB2AuIo4H4NQ7XpAHxJyCuBeJbIEEWIPYkMmZAMcGPHlVkA5bz58+PJpIhkUgYGcpWYPWQ8d5uoqKKbACyeTSRDIlEAhBgAKyJXuiIlBdVAAAAAElFTkSuQmCC) no-repeat scroll -7px 1px transparent;
}

.insertChars {
    display: inline-block;
    text-indent: 0;
    padding-left: 15px;
}

.insertChars span {
    font-weight: normal;
    color: #a6a6a6;
}

#insertKeyboardContent .paletteSubHeader {
    cursor: pointer;
}

.special-chars-closed-indicator, .special-chars-open-indicator {
    display: inline-block;
    width: 11px;
    margin-left: 16px;
}

.special-chars-closed-indicator {
    background: url(/National_Library/20160521004321oe_/https://lab.open.wolframcloud.com/dist/images/triangles-e73961b5ab1478cb9887fb7a39ea7462.png) no-repeat scroll -5px 5px transparent;
}

.special-chars-open-indicator {
    background: url(/National_Library/20160521004321oe_/https://lab.open.wolframcloud.com/dist/images/triangles-e73961b5ab1478cb9887fb7a39ea7462.png) no-repeat scroll -25px 5px transparent;
}

.specialCharsTooltip {
    font-family: "Roboto" !important;
    min-height: 40px !important;
    min-width: 100px !important;
    padding: 0 !important;
    font-size: 11px !important;
    font-weight: normal !important;
    color: #646464 !important;
    background-color: #F5F5F5 !important;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
    border: none !important;
    border-radius: 3px !important;
}

.specialCharsTooltip .ui-tooltip-content {
    border: 1px solid #e5e5e5 !important;
    border-radius: 3px !important;
}

.specialCharsTooltip .ui-tooltip-content div {
    padding: 3px 6px !important;
    font-size: 11px !important;
    color: #3a3a3a !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

.specialCharsTooltip .ui-tooltip-content div:first-child {
    margin:0 !important;
    padding-top: 8px !important;
    padding-bottom: 9px !important;
    font-size: 40px !important;
    font-family: Mathematica, serif !important;
    text-align: center !important;
    line-height: 1 !important;
}

.specialCharsTooltip .ui-tooltip-content div:last-child {
    padding-bottom:6px !important;
    font-family: Mathematica, serif !important;
    font-weight: normal;
    line-height: 1 !important;
    border-bottom: none !important;
}

.specialCharsTooltip .ui-tooltip-content div:last-child.tooltipText {
    padding-bottom: 3px !important;
    font-size: 11px !important;
    font-family: "Roboto" !important;
}

.specialCharsTooltip .ui-tooltip-content div:last-child span {
    width: 85px !important;
    font-size:16px !important;
}

.keyboard-button-image {
    display: inline-block;
    color: #595959;
    text-shadow: 0 1px 2px rgba(255, 255, 255, .35);
}

.keyboard-button-image img {
    vertical-align: middle;
}

.specialCharContain {
    border-bottom: 1px solid #a6a6a6;
}

#framestyle-menu > li {
    vertical-align: middle;
    padding: 1px 4px 1px 5px;
}

#framestyle-menu > li:hover {
    background-color: #ffffff;
}

#framestyle-menu > li:first-child {
    border-bottom: 1px solid #e5e5e5;
}

#framestyle-menu > li:last-child {
    margin-bottom: 2px;
}

#framestyle-menu > li > a {
    line-height: 20px;
    margin: 0px;
    border-radius: 2px;
}

#framestyle-menu > li > a:hover {
    background-color: #e5e5e5;
}

#framestyle-menu > li > a:active {
    background-color: #898989;
    color: #ffffff;
}

#framestyle-menu > li > a:active .framing-sample {
    border-color: #ffffff;
}

.framing-sample {
    display: inline-block;
    margin: 0px 18px 1px 0px;
    height: 10px;
    width: 133px;
    vertical-align: middle;
    box-sizing: border-box;
    border-color: #000000;
    border-style: solid;
}

#cell-bullets-menu {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

#cell-bullets-menu > li:hover, #cell-bullets-menu > li:active {
    background-color: #ffffff;
}

#cell-bullets-menu > li:first-child {
    border-bottom: 1px solid #e5e5e5;
}

#cell-bullets-menu > li:first-child > a {
    padding-bottom: 5px;
}

#cell-bullets-menu > li > a {
    padding: 5px 0 0 10px;
    border-radius: 2px;
    margin: 1px 4px;
}

#cell-bullets-menu > li > a:hover {
    background-color: #e5e5e5;
}

#cell-bullets-menu > li > a:active {
    background-color: #898989;
    color: #ffffff;
}

#cell-bullets-menu > li.dingbat-option > a {
    padding-bottom: 5px;
}

#cell-bullets-button .dingbat-preview {
    display: none;
}

.dingbat-preview {
    display: inline-table;
    height: 24px;
    width: 24px;
    padding-left: 10px;
    margin-top: 1px;
    float: left;
    font-size: 12px;
}

.dingbat-preview.mathematica-font {
    line-height: 22px;
}

.dingbat-is-square {
    margin: -2px 4px;
}

.dingbat-is-square .dingbat-preview {
    vertical-align: middle;
}

.dingbat-is-wolf {
    margin: -2px 4px;
}

.dingbat-is-wolf .dingbat-preview {
    font-size: 11px;
    margin: 0 1px 4px -1px;
}

.specialCharsGroup {
    display: block;
    padding: 19px 13px 0 25px;
    line-height:0;
    font-size:0;
}

.specialCharsGroup:last-child {
    padding-bottom: 19px;
}

.specialCharsGroup .mbutton {
    padding: 0;
}

.specialCharsGroup .mbutton:hover {
    padding: 0;
}

.specialCharsGroup .mbutton div {
    font-size: 15px;
}

.specialCharsGroup div#IconId-Sqrt {
    box-sizing: border-box;
    position: relative;
    height: 100%;
    line-height: 1.1;
}

.specialCharsGroup .mathematica-font {
    line-height: 30px;
    font-weight: normal;
}

.paletteSubHeader .mathematica-font {
    line-height: inherit;
}
/*
    Hints codemirror styling
-----------------------------
    Styling for hints in notebook editing
*/
/* this gets included in both the overall window and the notebook iframe */
/* --------------------------------------------------*/
/* Variables with a particular meaning to Bootstrap (but could also be used elsewhere).*/
/* As such, they cannot be renamed.*/
/* --------------------------------------------------*/
/* --------------------------------------------------*/
/* Custom variables.*/
/* These are not directly used by Bootstrap, although they could be used by some of our Bootstrap overrides.*/
/* --------------------------------------------------*/
/* keep this value in sync with value of MOBILE_BREAKPOINT in:*/
/* javascript/components/deployedView/DeployedFooter.js*/
.font-family-serif .mathematica-font {
    font-family: Mathematica, serif;
    line-height: normal;
}
.font-family-monospace .mathematica-font {
    font-family: MathematicaMono, monospace;
    line-height: normal;
}
.mathematica-font, .font-family-sans .mathematica-font {
    font-family: MathematicaSans, sans-serif;
    line-height: normal;
}
.formal-char {
    display: inline-block;
    position: relative;
}
.formal-char-dot {
    position: absolute;
    opacity: 0.5;
    line-height: 1;
}
.formal-char-repl {
    position: absolute;
    left: 0;
}
.internal-char-gray-circle, .internal-char-gray-square {
    display: inline-block;
    width: 1.5ex;
    height: 1.5ex;
    margin: 1pt;
    position: relative;
    top: 1pt;
    background-color: gray;
    border: 1pt solid black;
}
.internal-char-gray-circle {
    border-radius: 50%;
}
.internal-char-letter-space {
    color: #d4d4d4;
}
.internal-char-number-comma, .internal-char-auto-number-times {
    color: #808080;
}
.internal-char-auto-number-times {
    font-family: Arial, sans-serif;
}
/* Code mirror container and tooltips */
/* Class for actual TooltipBox tooltips */
.ui-tooltip.TooltipBox {
    max-width: none;
    padding: 0;
    color: black;
    background: transparent;
    border: none;
}
/* Class for tooltips in other boxes, e.g. ErrorBox and LinguisticBox. */
.ui-tooltip.tooltip-box {
    max-width: none;
    padding: 5px;
    font-size: 11px !important;
    font-family: "Lucida Grande", Helvetica, "Bitstream Vera Sans", "Segoe UI", sans-serif;
    color: black;
    background: rgb(95%, 95%, 95%);
    border: 1px solid rgb(95%, 95%, 95%) !important;
}
.CodeMirror-hints-container, .CodeMirror-tooltip, .CodeMirror-hints-container-windows {
    max-width: 80%;
    margin: 0;
    position: absolute;
    font-size: 13px;
    font-family: "Source Code Pro", sans-serif;
    font-weight: 600;
    background-color: white;
    box-shadow: 0 0 4px rgba(0, 0, 0, .15);
    border: 1px solid #c3d8e6;
    border-radius: 5px;
    z-index: 100000;
    overflow-x: hidden;
    overflow-y: hidden;
}
.CodeMirror-hints-container.hints-scrolling, .CodeMirror-hints-container-windows.hints-scrolling {
    max-height: 210px;
}
.CodeMirror-hints-container .CodeMirror-hints-container-popover, .CodeMirror-hints-container-windows .CodeMirror-hints-container-popover {
    font-size: 11px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #3f3f3f;
    background-color: #fcfcfc;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .07);
    border: 1px solid #d9d9d9;
    border-radius: 5px;
}
.hints-handle {
    display: table;
    width: 100%;
    position: relative;
}
.hints-error .hints-handle {
    padding: .5em 8px;
    border-bottom: 1px solid #c3d8e5;
}
.hints-error .hints-error-content {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAYAAADJ7fe0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZBRUU1MjYzOTIwQzExRTM4QjBDRThFNTAzQTdFQzk1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZBRUU1MjY0OTIwQzExRTM4QjBDRThFNTAzQTdFQzk1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTUyMkNFNzA5MUZCMTFFMzhCMENFOEU1MDNBN0VDOTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkFFRTUyNjI5MjBDMTFFMzhCMENFOEU1MDNBN0VDOTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7KgKoVAAAAyElEQVQ4y2P4v5yBAQ9mBeIJQMyITx0DAUPKgPg/EMeQa4g8EH+BGvISiAXJMWQT1AAYnkGqIQFoBoDwXyC2JNYQHiB+BNZ42Ps/GOy3hRl0AYhZiDGkB277XguIITu1kF1USMgQfSD+DdewQwViyBZBZEM+A7EMLkNAaeEoSjhs4oAYsg4jfNbiMiQNIzDXMkAMWYlhCAj7oBsiCsRvsSjEh+8DMReyIYtwKv71AZ9BHTBDHID4H4mugOFfQKwNMuQ6mQbA8GEA0+MKNDSKcXMAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 24px;
    color: #3a7395;
}
.hints-expand, .hints-documentation {
    display: inline-block;
    width: 13px;
    height: 13px;
    padding: 3px 6px;
    margin: 0;
    cursor: default;
    background-position: center center;
    background-repeat: no-repeat;
}
.hints-expand {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowODMwN0MxREQ5MjA2ODExODIyQUFFMEU1QTcxNTdDNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNUEyOTUyQzgwQ0UxMUUzQkZENkUwNURENjIzNEVCOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNUEyOTUyQjgwQ0UxMUUzQkZENkUwNURENjIzNEVCOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOTY0M2M3Ny02ZWFkLTQxZjYtOWJhNC0yYTM5NThlZGRmNGEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDgzMDdDMUREOTIwNjgxMTgyMkFBRTBFNUE3MTU3QzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz76stdgAAAArElEQVQoz2P4//8/A6mYgSxNvetOkIxBRBgQvwbiJ0DshUOhF1QepC4MJigGxGuB+D8QzwdiQai4AJT/HyovDrMJGUcC8VuoqWVQ+i1UHMV5NkAcCsR2UEEJIN4INX0jlM8AlQepswFxhIB4MVTRCiAWgSoygtIg/nKo/BKQemSnBQDxCyB+CcTBULFgKB8kHojsPGSMbOplLLZj1QTDIVBNobjiifTIJScZAQDt4ZybX/9/UAAAAABJRU5ErkJggg==);
}
.CodeMirror-hint-active .hints-expand, .hints-expand-wrapper:hover .hints-expand {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowODMwN0MxREQ5MjA2ODExODIyQUFFMEU1QTcxNTdDNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNUEyOTUzMDgwQ0UxMUUzQkZENkUwNURENjIzNEVCOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNUEyOTUyRjgwQ0UxMUUzQkZENkUwNURENjIzNEVCOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOTY0M2M3Ny02ZWFkLTQxZjYtOWJhNC0yYTM5NThlZGRmNGEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDgzMDdDMUREOTIwNjgxMTgyMkFBRTBFNUE3MTU3QzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ynejwAAAAq0lEQVQoz2P4//8/A6mYgSxNya3zSMYgIgyIXwPxEyD2wqHQCyoPUhcGExQD4rVA/B+I5wOxIFRcAMr/D5UXh9mEjCOB+C3U1DIo/RYqjuI8GyAOBWI7qKAEEG+Emr4RymeAyoPU2YA4QkC8GKpoBRCLQBUZQWkQfzlUfglIPbLTAoD4BRC/BOJgqFgwlA8SD0R2HjJGNvUyFtuxaoLhEKimUFzxRHrkkpOMAO/3XSG7hqIhAAAAAElFTkSuQmCC);
}
.hints-documentation {
    position: absolute;
    top: 0;
    left: 25px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowODMwN0MxREQ5MjA2ODExODIyQUFFMEU1QTcxNTdDNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMzEyQzM4NTgwQzUxMUUzQkZENkUwNURENjIzNEVCOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMzEyQzM4NDgwQzUxMUUzQkZENkUwNURENjIzNEVCOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOTY0M2M3Ny02ZWFkLTQxZjYtOWJhNC0yYTM5NThlZGRmNGEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDgzMDdDMUREOTIwNjgxMTgyMkFBRTBFNUE3MTU3QzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5oPKZjAAAAvUlEQVQoz2OYtesiAxK2AOJlQPwYiH8C8VMgXgnEdsjqYAxmIJ4AxP+A+D8OPA2IWZE19WJTuP7kTXSx2TBNpthsOHHr6f/vv35j02gD0jQfl5OwaADh5SBNd9AlVhy5/v/Bq4//bz97h03TU5CmD9hsATkN5EQscj+x2rT17B2wJpCNuGzC8NO5ey/+v/n09f+ei/dx+gkj9ECanr37jCsgbGDx1I8nUtEjGCVFTCSQIqajpwhsae8XrrQHAFft9XCZ35V/AAAAAElFTkSuQmCC);
}
.CodeMirror-hint-active .hints-documentation, .hints-documentation-wrapper:hover .hints-documentation {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowODMwN0MxREQ5MjA2ODExODIyQUFFMEU1QTcxNTdDNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMzEyQzM4OTgwQzUxMUUzQkZENkUwNURENjIzNEVCOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMzEyQzM4ODgwQzUxMUUzQkZENkUwNURENjIzNEVCOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOTY0M2M3Ny02ZWFkLTQxZjYtOWJhNC0yYTM5NThlZGRmNGEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDgzMDdDMUREOTIwNjgxMTgyMkFBRTBFNUE3MTU3QzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz46NrIZAAAAvElEQVQoz2NIbp3HgIQtgHgZED8G4p9A/BSIVwKxHbI6GIMZiCcA8T8g/o8DTwNiVmRNvdgUti/cjC42G6bJFJsNGw+e/f/9129sGm1AmubjchIWDSC8HKTpDrpE7Yw1/6/df/r/7I372DQ9BWn6gM0WkNNATsQi9xOrTZNX7QRrAtmIyyYMP+0+efn/87cf/s/ddACnnzBCD6Tp3rNXuALCBhZP/XgiFT2CUVLERAIpYjp6isCW9n7hSnsAlViTJ7DVaTIAAAAASUVORK5CYII=);
}
.hints-expand-wrapper, .hints-documentation-wrapper {
    display: table-cell;
}
.hints-expand-wrapper {
    width: 25px;
    max-width: 25px;
}
.hints-documentation-wrapper {
    min-width: 25px;
    border-left: 1px solid #c3d8e5;
}
.hints-expanded .hints-expand-wrapper {
    border-bottom: 1px solid #f9fbfc;
    background-color: #f9fbfc;
}
.hints-expanded .hints-documentation-wrapper {
    border-bottom: 1px solid #c3d8e5;
}
.CodeMirror-hints ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.CodeMirror-hints .jspVerticalBar {
    width: 6px;
    padding-top: 0;
    padding-right: 5px;
    padding-left: 1px;
    right: 0;
    background: white;
    background: linear-gradient(to left, #ffffff 50%, #f2f2f2);
    border-left: 1px solid #e2e6e9;
}
.CodeMirror-hints .jspCap {
    display: block;
    height: 2px;
}
.CodeMirror-hints .jspDrag {
    background-color: #999999 !important;
}
.hints-handle, .CodeMirror-hint {
    background: #f9fbfc;
    background: linear-gradient(to bottom, #f9fbfc, #f4f8fa);
}
.CodeMirror-hint {
    min-height: 30px;
    margin: 0;
    padding-left: 16px;
    padding-right:  61px;
    position: relative;
    white-space: nowrap;
    border-bottom: 1px solid #c3d8e5;
    overflow: hidden;
    cursor: default;
}
.CodeMirror-hints-container-popover .CodeMirror-hint {
    padding-right:  16px;
}
.CodeMirror-hint.hints-expand-hint {
    min-height: 0;
    padding: 0;
    border-bottom: none;
}
.CodeMirror-hint:last-child {
    margin-bottom: 0;
    border-bottom-width: 0;
}
.CodeMirror-hint.CodeMirror-hint-more {
    min-height: 0;
    padding-top: 1px 0 1px 4px;
    text-align: center;
    background: #e2edf4;
    background: linear-gradient(to bottom, #e2edf4 17%, #f3f8fa 22%);
}
.CodeMirror-hint.CodeMirror-hint-down {
    min-height: 0;
    padding-top: 4px 8px 4px 8px;
    text-align: center;
}
.CodeMirror-hint.cm-keyword {
    color: black;
}
.CodeMirror-hint.cm-func {
    font-style: normal !important;
    color: #438958;
}
.CodeMirror-hint.cm-module {
    color: #438958;
}
.CodeMirror-hint.cm-iterator {
    color: #3c7d91;
}
.CodeMirror-hint.cm-context {
    color: #666666;
}
.CodeMirror-hint.message-hint .CodeMirror-hint-text {
    color: #3f3f3f;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.CodeMirror-hint .cm-template-entry {
    padding-top: 7px;
    padding-bottom: 7px;
    white-space: normal;
}
.CodeMirror-hint .cm-template-entry .cm-template-description {
    margin-top: 5px;
}
.CodeMirror-hint .cm-usersymbol {
    color: #000066;
}
.CodeMirror-hint .cm-s-mathematica {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
}
.CodeMirror-hint-text {
    display: inline-block;
    margin-top: 7px;
    width: 80%;
}
.CodeMirror-hint-more .CodeMirror-hint-button {
    display: block;
}
.CodeMirror-hint-more .hints-show-more {
    display: inline-block;
    width: 11px;
    height: 8px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowODMwN0MxREQ5MjA2ODExODIyQUFFMEU1QTcxNTdDNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5Mzc3MTI3Rjg1RDExMUUzOUFDMEVBNjMyMDlCRDBGMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5Mzc3MTI3RTg1RDExMUUzOUFDMEVBNjMyMDlCRDBGMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4ZjBhZTIwNC1kZDk5LTRmOTUtODUwYy03MGJiYTE0NWZjM2IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDgzMDdDMUREOTIwNjgxMTgyMkFBRTBFNUE3MTU3QzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5viWvXAAAAqUlEQVQoz33QOwrCQBSF4SnURrMHDUT3ICi4CAsrC0ECdoIIIm7DJqBg6wIsBMUt2BtsfWHtA/0vHCGksPhI5twzAzOuOZ6uUIX7o4al/bzxwRr1VKmBjeY3CypY4Klwiw52Wls+R9nKbWQQYJbY9EAEH1m0nAYHnZZDCSMUte4ixt3KE1y1ycIQHno4Kr9g+LuIp9POGr70PVkJBeuln8jCAfboI5+cfwGevqRxjJKavAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
}
.CodeMirror-hint-button {
    display: none;
    height: 100%;
    padding-left: 12px;
    padding-right: 12px;
    position: absolute;
    right: 0;
    top: 0;
}
.CodeMirror-hint-button.hint-button-doc {
    border-left: 1px solid #c3d8e5;
}
.CodeMirror-hint-button:hover .hint-button-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowODMwN0MxREQ5MjA2ODExODIyQUFFMEU1QTcxNTdDNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMzEyQzM4OTgwQzUxMUUzQkZENkUwNURENjIzNEVCOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMzEyQzM4ODgwQzUxMUUzQkZENkUwNURENjIzNEVCOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOTY0M2M3Ny02ZWFkLTQxZjYtOWJhNC0yYTM5NThlZGRmNGEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDgzMDdDMUREOTIwNjgxMTgyMkFBRTBFNUE3MTU3QzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz46NrIZAAAAvElEQVQoz2NIbp3HgIQtgHgZED8G4p9A/BSIVwKxHbI6GIMZiCcA8T8g/o8DTwNiVmRNvdgUti/cjC42G6bJFJsNGw+e/f/9129sGm1AmubjchIWDSC8HKTpDrpE7Yw1/6/df/r/7I372DQ9BWn6gM0WkNNATsQi9xOrTZNX7QRrAtmIyyYMP+0+efn/87cf/s/ddACnnzBCD6Tp3rNXuALCBhZP/XgiFT2CUVLERAIpYjp6isCW9n7hSnsAlViTJ7DVaTIAAAAASUVORK5CYII=);
}
.CodeMirror-hint-active .CodeMirror-hint-button {
    display: block;
}
.CodeMirror-hint-button .hint-button-icon {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-top: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowODMwN0MxREQ5MjA2ODExODIyQUFFMEU1QTcxNTdDNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMzEyQzM4NTgwQzUxMUUzQkZENkUwNURENjIzNEVCOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMzEyQzM4NDgwQzUxMUUzQkZENkUwNURENjIzNEVCOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOTY0M2M3Ny02ZWFkLTQxZjYtOWJhNC0yYTM5NThlZGRmNGEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDgzMDdDMUREOTIwNjgxMTgyMkFBRTBFNUE3MTU3QzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5oPKZjAAAAvUlEQVQoz2OYtesiAxK2AOJlQPwYiH8C8VMgXgnEdsjqYAxmIJ4AxP+A+D8OPA2IWZE19WJTuP7kTXSx2TBNpthsOHHr6f/vv35j02gD0jQfl5OwaADh5SBNd9AlVhy5/v/Bq4//bz97h03TU5CmD9hsATkN5EQscj+x2rT17B2wJpCNuGzC8NO5ey/+v/n09f+ei/dx+gkj9ECanr37jCsgbGDx1I8nUtEjGCVFTCSQIqajpwhsae8XrrQHAFft9XCZ35V/AAAAAElFTkSuQmCC) center no-repeat;
}
.CodeMirror-hint-button .hint-paste-button {
    display: inline-block;
    margin-top: 8px;
    font-size: .9em;
    font-family: Helvetica, sans-serif;
    font-weight: normal;
    color: #5f8299;
}
.CodeMirror-hint-replace {
    display: inline-block;
    width: 2em;
    margin-right: 8px;
    font-size: 1.3em;
    vertical-align: top;
}
.CodeMirror-hint-needle {
    text-decoration: underline;
}
.CodeMirror-hint-thumbnail {
    height: 31px;
    vertical-align: middle;
}
.CodeMirror-hint-translation {
    margin-left: 1em;
    color: #999;
}
.CodeMirror-hints-container .hints-handle:hover, .CodeMirror-hints-container .CodeMirror-hint-active .hints-handle, .CodeMirror-hints-container .CodeMirror-hint-active, .CodeMirror-hint.CodeMirror-hint-more.CodeMirror-hint-active, .CodeMirror-hints-container-windows .hints-handle:hover, .CodeMirror-hints-container-windows .CodeMirror-hint-active .hints-handle, .CodeMirror-hints-container-windows .CodeMirror-hint-active {
    background: #f3f6f8;
    background: linear-gradient(to bottom, #f3f6f8, #e9eff3);
}
.CodeMirror-hints-container-windows {
    font-family: "Consolas", "Source Code Pro", sans-serif;
}
.CodeMirror pre span.box {
    line-height: normal;
    display: inline;
}
.CodeMirror pre span.box.box-SubscriptBox-child-1, .CodeMirror pre span.box.box-SuperscriptBox-child-1 {
    line-height: 0;
}
.box-StyleBox.box-style-TI, .box-StyleBox.box-style-TR {
    font-weight: normal;
}
.box-StyleBox.box-style-TI {
    font-style: italic;
}
/*
    Footers
------------
    M-Online footer + file footer
*/
/* Ad Footer */
/*
placeholder for all common variables across cloud platform
*/
/*Ads*/
/*
Design notes (for n ads):
    to simulate infinite scroll in of ads: (n+1) divs are rendered to HTML (the first ad is duplicated at the end)
    the last keyframe at 100% is -n * adHeight, this allows for the seamless transition loop
*/
.infoWindow {
    height: 90px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 501; /* for some reason explorations in wpl have 500 index (TODO:: investigate if explorations need that z-index and fix)*/
}
.cssanimations .infoWindow {
    height: 0;
    animation: showBlock 0.6s 1 60s forwards;
}
.infoContainer {
    animation: rotateBlock 722.4s infinite 60s forwards;
}
.infoBlock {
    height: 90px;
    display: block;
    position: relative;
}
.infoBlock.info-teal {
    background: #2596aa;
}
.infoBlock.info-teal:hover {
    background: #2ca0b4;
}
.infoBlock.info-red {
    background: #f84a22;
}
.infoBlock.info-red:hover {
    background: #ff6131;
}
.infoBlock.info-purple {
    background: #ab56b0;
}
.infoBlock.info-purple:hover {
    background: #c066c5;
}
.infoBlock.info-orange {
    background: #f86f00;
}
.infoBlock.info-orange:hover {
    background: #ff8b2d;
}
.infoBlock.info-green {
    background: #14b998;
}
.infoBlock.info-green:hover {
    background: #1fcdaa;
}
.infoBlock.info-yellow {
    background: #fb9f1b;
}
.infoBlock.info-yellow:hover {
    background: #faac16;
}
.infoIcon {
    width: 90px;
    position: absolute;
    top: 0;
    left: 0;
}
.infoText {
    height: 90px;
    display: block;
    margin-left: 90px; /*width of .adIcon*/
    background: rgba(255, 255, 255, .2);
}
.infoText img {
    margin: 0 0 0 15px;
}
@media all and (max-width: 700px) {
    .infoText img {
        max-width: 442px;
        margin-top: 13px;
    }
}
@keyframes showBlock {
    0% {
        height: 0;
    }
    100% {
        height: 90px;
    }
}
@keyframes rotateBlock {
    0% {
        transform: translateY(0px);
    }
    24.91701244813278% {
        transform: translateY(0px);
    }
    25% {
        transform: translateY(-90px);
    }
    49.91701244813278% {
        transform: translateY(-90px);
    }
    50% {
        transform: translateY(-180px);
    }
    74.91701244813278% {
        transform: translateY(-180px);
    }
    75% {
        transform: translateY(-270px);
    }
    99.91701244813278% {
        transform: translateY(-270px);
    }
    100% {
        transform: translateY(-360);
    }
}
.cloudObjectFooter, #webFormsFooter, #apiFooter, #mathematicaOnlineFileFooter {
    height: 48px;
    width: 100%;
    position: absolute;
    bottom: 45px;
    box-shadow: 0 1px 13px 0 #111111;
    z-index: 510;
}
/* Monline footer */
.mfooter {
    width: 100%;
    padding: 13px 0;
    position: absolute;
    bottom: 0;
    font-size: 11px;
    text-align: left;
    color: #e8e8e8;
    background: #424242;
    background: linear-gradient(to bottom, #424242, #383838);
    box-shadow: 0 -1px 0 black, inset 0 1px 0 #6c6c6c;
}
.mfooter a {
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #D8D8D8;
}
/* Monline file footer */
.mfilefooter {
    height: 28px;
    width: 100%;
    padding: 10px 0;
    font-size: 11px;
    text-align: left;
    color: #e8e8e8;
    background: #424242;
    background: linear-gradient(to bottom, #424242, #383838);
    box-shadow: 0 -1px 0 black, inset 0 1px 0 #6c6c6c;
}
/* left is currently being used for ONLY footer menu
#filefooter-left-menu {
    float: left;
}

right is not currently being used at all
#filefooter-right-menu {
    width: 320px;
    margin-right: 20px;
    float: right;
}*/
.filefootermenu {
    margin-left: 7px;
}
.filefootermenu .mbutton {
    margin-left: 10px;
}
#prereleaseAgreement {
    margin-left: 40px;
    float: left;
}
#prereleaseAgreement > div {
    padding:0 7px;
}
/* Button menu */
.mbutton-menu {
    font-size: 0px;
    font-weight: 400;
    border: 1px solid #222222;
    border-radius: 3px;
    cursor: pointer;
    z-index: 1000;
}
.mbutton-menu > div {
    font-size: 12px;
    vertical-align: middle;
}
.gray-button-menu {
    width: 85px;
    margin-top: 2px;
    position: absolute;
    background: #bbbbbb;
    background: linear-gradient(to bottom, #bbb, #939393);
    box-shadow: 0 0 13px rgba(0, 0, 0, .54), inset 0 1px 0 rgba(255, 255, 255, .35);
    border: 1px solid black;
    border-radius: 3px;
    z-index: 400;
}
.gray-button-menu-txt {
    padding: 4px 6px;
    color: #2a2a2a;
    text-shadow: 0 1px 0 #ffffff;
    border-radius: 3px;
}
.gray-button-menu-txt:hover {
    padding: 4px 6px;
    font-size: 12px;
    vertical-align: middle;
    background: #939393;
    background: linear-gradient(to bottom, #939393, #777);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .29);
}
.gray-button-menu-txt span {
    padding-left: 14px;
}
.footer-menu-header-right-button {
    height: 22px !important;
    margin-top: 3px;
    margin-right: 5px;
    float: right;
    line-height: 22px !important;
}
.footer-menu-header-left-button {
    height: 22px !important;
    margin-top: 3px;
    position: absolute;
    left: 5px;
    line-height: 22px !important;
}
/*
    jScrollPane - http://jscrollpane.kelvinluck.com
---------------------------------------------------
    CSS Styles that are needed by jScrollPane for it to operate correctly.
 */

.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspCap {
    display: none;
}

.jspTrack {
    background: none repeat scroll 0 0 transparent;
    position: relative;
}

.jspDrag {
    background: none repeat scroll 0 0 #999999;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    border-radius: 10px;
}

#notebook .jspDrag {
    color: #949494;
}

#notebook .jspDrag, #reportSidebar .jspDrag {
    background-color: #c5c5c5 !important;
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d;
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}

#prereleaseAgreementText .jspVerticalBar {
    right: 10px;
}

#prereleaseAgreementText .jspVerticalBar .jspDrag {
    background: #c9c9c9;
}

#consoleRowList .jspVerticalBar {
    margin-right: 3px;
}

#consoleRowList .jspVerticalBar .jspDrag {
    background: #7f7f7f !important;
}

.jspVerticalBar *, .jspHorizontalBar * {
    margin: 0;
    padding: 0;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 5px;
    width: 10px;
    height: 100%;
    background: none;
    padding-top: 5px;
}

.jspVerticalBar .jspArrow {
    height: 16px;
}

.jspVerticalBar .jspArrow:focus {
    outline: none;
}

#dialogHolder .jspVerticalBar {
    padding:0;
    background: #f8f8f8;
}

#apiMethodDocumentationHolder .jspVerticalBar {
    right: 10px;
    background: #f8f8f8;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 7px;
    left: 0;
    width: 100%;
    height: 10px;
    background: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner {
    margin: 0 -3px 0 0;
}
/*
    jQuery Colorpicker styles
*/

.ui-colorpicker, .ui-dialog.ui-colorpicker {
    display: inline-block;
    width: auto;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 12px;
}

.ui-colorpicker.ui-dialog {
    padding: 0px;
}

.ui-colorpicker table {
    font-size: 100%;
    margin: 0;
}

.ui-colorpicker table td {
    vertical-align: top;
}

.ui-colorpicker input[type="number"] {
    -moz-appearance: textfield;
}

.ui-colorpicker ::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.ui-colorpicker ::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.ui-colorpicker > .ui-dialog-content {
    padding: 12px 0px 0px 12px;
    margin-right: 15px;
}

.close-button {
    position: absolute;
    cursor: pointer;
    right: 11px;
    top: 11px;
}

.ui-colorpicker-inline {
    position: static;
}

.ui-colorpicker-buttonset {
    float: left;
    margin-left: .4em;
}

.ui-colorpicker-buttonset .ui-button {
    margin: .5em 0 .5em 0;
    cursor: pointer;
}

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

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

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

.ui-colorpicker-padding-left {
    padding-left: 12px;
}

.ui-colorpicker-padding-top {
    padding-top: 12px;
}

.ui-colorpicker-border {
    border: 1px solid #898989;
    display: inline-block;
}

/* Bar & map */

.ui-colorpicker-map > *, .ui-colorpicker-bar > * {
    position: absolute;
    cursor: crosshair;
}

.ui-colorpicker-map-pointer, .ui-colorpicker-bar-pointer {
    position: absolute;
}

/* Map */

.ui-colorpicker-map, .ui-colorpicker-map > * {
    display: block;
    width: 256px;
    height: 256px;
    overflow: hidden;
}

.ui-colorpicker-map-layer-1, .ui-colorpicker-map-layer-2 {
    background: url(/National_Library/20160521004321oe_/https://lab.open.wolframcloud.com/dist/images/map-54bbff799c2cab5ced4026363beb08c8.png) no-repeat;
}

.ui-colorpicker-map-layer-alpha {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAGElEQVQoU2M4AwX/oYBhgARgDJjEAAkAAPQn5YE/VQKTAAAAAElFTkSuQmCC);
}

.ui-colorpicker-map-pointer {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAAmklEQVQoz4WRuw2DQBAFJ6IDMgogowg6uBaogDpogYzgUnogJ72ESuCkcYBtyZblexuO9vPewq2agcjBxUFkoOYloWcNziZPk7NBVnqfvG/2ybw52lnZOeZtstnp77HrpIutvKt1mWSlhiGYtw+I2OYtyABx1vELIo6zRDiSdj9wl+SA69TqB65OuYrdhd2Fywu+C6kVM//zsQf+FNi8BHYXiAAAAABJRU5ErkJggg==) no-repeat;
}

/* Bar */

.ui-colorpicker-bar, .ui-colorpicker-bar > * {
    display: block;
    width: 20px;
    height: 256px;
    overflow: hidden;
    background-repeat: repeat-x;
}

.ui-colorpicker-bar-layer-1, .ui-colorpicker-bar-layer-2, .ui-colorpicker-bar-layer-3, .ui-colorpicker-bar-layer-4 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAA84CAYAAADKKOIFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAORJREFUeNrt2skKwkAQANHqFuL//24gtAe3CCqJcWOmLo9o90mxGDVZUAkDDbEnJ5IcoTEYmmM3kTA2xgCNsZsgGZsDIgGSKk5X3A4WXS0dxJqVFwerVn5Avm/5xemqweblf3/uPcufe7c2L3+NLR/JpYNVLVkweLIcETbRJtpEm2gTTw+rZjmsLEBEpDNmTaRsoojYxHMTw3OiiNjE6zkxbKKI2MT7vydSICLSG/fvxbGJItJ5E8NzoojI7JwYNlFEbOKD787HW3NERPriwf2Jvjgi0nUTCZsoInL5j8Vzooj0zgHd/awktx2X3QAAAABJRU5ErkJggg==) repeat-x;
}

.ui-colorpicker-bar-layer-alpha {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAAAAADhZOFXAAAAFklEQVQYV2M4AwT/gYABDwNEgDh4GAASQDlhv5ZidAAAAABJRU5ErkJggg==);
}

.ui-colorpicker-bar-layer-alphabar {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAEACAQAAAAZsJ6/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABxlJREFUaN69WruuJLcOrBKUOHTo0JlTo///EwZwejOnDp05owNJfKvP7uLCu8HBzHS3KJJVLFJNIQAAn/UHj4Dh8/47sS8EsC6xz+Gfv/BySb3w9d/8rAvl2X/3Z7Xts406T+Tr8vyepcOFcr+N8lPyI/rPdenLU+uF/DE/6vNn67fzWTA+Xz5RQP/b29J8t1E0VmH/lJ+LbQICn33Z87I0OzfNvMTN5TPuzT3LLhfwzY+GJXbZ880hvLo/onDcnU/5BQJesJL8eNAsb5k0nRNG8qX42+cFf8wR8rheMY62qe0e12ysZO/HlyTuE1cSxxGg/Bo5JvnxcNJeWkoOlm8m0CRam7ijtWvkfLJ89FxO9SONH29OEedX+qVt8biRFBmP5qHeC7j+bS3xbfw4GgsLpYzys3SpXCOzbGRAOMD5WU+gcg4TBzlcs+PDzBkzLCNtdvLkYyyb0t9C+f21XsujNqJlyCYfR02A5maZwI4MS1KkOjPWh2PLZydtyEf4Xdtu82eFqyQCkUIoPJGRCxZ99jjOIWg47nD9Rs7U7Emw78BLn7iiaKk7D/zIZ4PqA/WjYFgOLPfA4Yb3MsxAcKm0ZSI1u/onytx+4gca886PrLJQzHe+pMzGKha4stsMC1MQgCxcA9R8NM4hRHFe8tGWP35wJe6EL4Yx/tV8HG6HTOBfifvsp2jMEWqiPOy4J/sz+bFm4tkQI7iMG0Qtjl7cumf5cTvls3949o2nnvsS5xfM+akOj7k4nCGOpCwGI/DZ2DEHuPKRqh3oeoYR/LrhavusNYKeHyOp0LlreA6Hyxaf33TBkIVrATcH8SPKQcZJ+sT4VPgljfZ6iDITf+YeSZrqfMJUPtxbcZ8bPyIETEK81zpBFjIkb6Qarlgj8UKuhgOYm7sPjnnq87Mv/oSqYFnCS72W6QzmS3M2bNc5fSVojM2PxtV89j6TZmNks+HYIe2+ptko8MVy+AgMNtrc4fLjwvH+cfvR6g6j5JIm2hrnUwsR0JxpfxzuGYFbbRPirAc4n/Wkk4/H1qN1eWridMwVWZu5xKEkGULabtt9ZKg5hJTAXLrH6orpHHng+NLJGataUihlb4YX5ePjDshQS0YQRAycS3A+K0jGOUP5UTBMo3kOz7YF3eyTAmVT9ERKc2rp/91Gp9YVpBhvOHyGH+NEFWWMK16bMQlpFpakqdvjSer/Wgt3DYTjoOXXvfeHh8NHaFJ87hxvAOPIa5TEKmQ6NT1ZNL2Pj0xXA5fO2U94NsN9dkhnC4PYI233eFkwXC30Ko0YnnFzW0b9FuDSPcDQ+U6tiYj9zHAAkPKtYsbb6ajJnD9Tfke1K06wq3Y4fLgX270XP+KrAgONRCJMsrBW6hE7m5kYAiHqw+ue4eY9XpNt8fmI9YW+7sfgMbak0CWSrvWQmOFeqVhRjatawnrWTvcopZjfKk/QOHyEciZBbMF0j4RLL33S1B7Bev+xtcSZDTSaIsfF0WF1D5y7zaNjqnUSdh1zCJD52Ta53su07ulnlCmieJV2Epdaey+r6XudsVnRNjSUCk71GQfXhCiuPXZs3uM4HEU7e0/Q8+NIYEhFKnaaLEpKb/Vz3Kgf4ea4jFNXNB2h+BD6rxgILw0BEQDG4GrjHo2xhDqzYjw2dkJ/zcu4if2MNAo58UkROquYCF6hmn5kmJPR6SDVZhKIzk9QHKd5khLflqRNOpJiwYq/QfnRcCypn5HckiK0ehG2Og5jSa1Q3m7nCt5mS9zP0P5aNP8Wd5sOGr58IFnrudIJTYbeX2LBPGpvuGoQi6bVWZru2c8LOuj4cUTMMPE3XLfAuJksEJBrIUpNhcsqnfcgzaKoOF+2Su00UQLqRnZ9k4tErzqnkFYF+I7dYcNiDDuDe1DnZggyS6Iynyn4Efrihy5BbVfOOR71c1w4zsGOsZ7JzQYpkaoZ5+G530IgQh5tJkkGV7XLufuXeAZ3eljafHwmtHj14wHRnl/n9rGcc0ma5wU/xDqzbFvcneaRs2EbNPNXyX2hlBHOpfEZRfNof02Nqc0p1pmwgP5cgamTZu0TclL0xxDS7xqXU8PQX7+etc8vDgDT0pcffSDny4FdwA7lD8c54mbML+8BsC5o38xSxvsyJ7cXBhgq7dY9x7aDa1Gti40d8cpeSgEO4MizvdHQACLjokkOhyfK/1TniPaF7XlhbaLYhDLMzV7PXmtzdsmgqRrsLR8Zz69viSb9ewDSR302urY98aH8GWyRux87pXN9D4D3TdhmYnXuI40zx43c3eGat9ckSkjvuGb3zoeky0ZJEVL+6v22e602HzsX4Y1SWgB/93tS38CPXz+RcWbf+1K+fqEq1jCh/H3xI4IOx/zq9THwFsLXF1juJGBVIfiRl5jjh18j+64LL1uj/POj75v9/238L/LxRy+U91v+BV82L4ExjVBDAAAAAElFTkSuQmCC);
}

.ui-colorpicker-bar-pointer {
    display: inline-block;
    width: 20px;
    height: 7px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAHCAYAAAAIy204AAAAOElEQVQoz2MoKcr6j4x3797NQApG1w8WQAakGIpNL4YgsYbi0odVAi7JwIAV49VDcxdSJQypGcsAJbt0CtC2YrIAAAAASUVORK5CYII=) no-repeat;
}

/* Preview */

.ui-colorpicker-preview {
    text-align: center;
}

.ui-colorpicker-preview-initial {
    cursor: pointer;
}

.ui-colorpicker-preview-initial, .ui-colorpicker-preview-current {
    width: 51px;
    height: 51px;
    display: inline-block;
}

.ui-colorpicker-hsv-h .ui-colorpicker-unit {
    padding-left: 6px;
}

.ui-colorpicker-hsv-s .ui-colorpicker-unit {
    padding-left: 3px;
}

.ui-colorpicker-hsv-v .ui-colorpicker-unit {
    padding-left: 3px;
}

.ui-colorpicker-preview-initial-alpha, .ui-colorpicker-preview-current-alpha {
    width: 50px;
    height: 20px;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAF0lEQVQYV2M4AwL/QYCBFCaYBPNJYQIARDVZp8cWONEAAAAASUVORK5CYII=) repeat;
}

/* Inputs */

.ui-colorpicker-rgb label, .ui-colorpicker-hsv label, .ui-colorpicker-hsl label, .ui-colorpicker-lab label, .ui-colorpicker-cmyk label, .ui-colorpicker-alpha label {
    width: 1.5em;
    display: inline-block;
}

.ui-colorpicker-number {
    width: 53px;
}

/* Hex */

.ui-colorpicker-hex {
    margin: 0 0 0 28px;
}

.ui-colorpicker-hex-input {
	width: 53px;
}

.ui-widget-content.ui-colorpicker {
    background-color: white;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0px 4px rgba(0, 0, 0, .1);
}

.ui-colorpicker input {
    margin: 4px 0px 0px -2px;
    border-radius: 3px;
    border: 1px solid #a6a6a6;
    padding: 1px 7px;
    border-radius: 3px;
}

.ui-colorpicker input:active{
    border-color:#333333;
}

.ui-colorpicker input:focus {
    border-color:#333333;
}

/* Swatches */

.ui-colorpicker-swatches {
    width: 84px;
    height: 256px;
    overflow: auto;
    background-color: #f8f8f8;
}

.ui-colorpicker-swatch {
    cursor: pointer;
    float: left;
    width: 11px;
    height: 11px;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

.colorpicker-buttonset {
    margin: 24px 24px 0px 0px;
    float: right;
}

.colorpicker-red-button-text {
    text-shadow: 0px -1px 0px #601111;
    color: white;
}

.colorpicker-grey-button-text {
    text-shadow: 0 -1px 0 black;
    color: white;
}

.ui-colorpicker-map-container {
	padding-left: 30px;
}

.colorpicker-buttonpane {
  height: 62px;
  border-top: 1px solid #DCDCDC;
  margin-top: 24px;
}
/*
    jQuery editable styles
*/

.meditable {
    margin: 0 0;
}

.editable-overlay {
    width:100%;
    height:100%;
    z-index: 530;
    position: fixed;
    top:0;
    left: 0;
    bottom:0;   
}

.editable-field-parent {
    position:absolute !important;  
}

.editable-form-field {
  display:table-cell;  
}

.null-text {
	font-style: italic;
	color:#c8c8c8;	
}

.editable-form.textarea {
    padding-left: 0;
}

.editable-form.text, .editable-form input[type="text"] {
    height:23px;
    color:#777777;
    vertical-align: middle;
}

.editable-form input[type="text"] {
    width:99%;
    margin:0;
    display:block;
    border: none;
    font-size: 13px;
    font-weight:normal;
    font-family: Arial;
    padding: 0px;
    background-color: #f8f8f8;
    background: linear-gradient(to bottom, #f8f8f8 0%,#e8e8e8 100%);
}

.userDisplayName .editable-form {
    border: 1px solid #000000;
}

.edit-form-active {
    position:absolute
}

.editable-form-options {
    display:table-cell;
    vertical-align: middle;
    border-left: 1px solid #C8C8C8;
}

.editable-form-options.pressed{
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, .27);
    vertical-align: middle;
}

.editable-form-options-save, .editable-form-options-cancel{
    display:table-cell; 
    cursor:pointer;
    padding: 0 0 0 5px;
}

.editable-form-options-cancel {
    border-left: 1px solid #c8c8c8; 
}

.editable-form-option {
    height:23px;
    color:#777777;
    vertical-align: middle;
}

.editable-field-blackborder {
    text-shadow: 0 1px 0 white;
    background-color: #f8f8f8;
    background: linear-gradient(to bottom, #f8f8f8 0%,#e8e8e8 100%);
    border:1px solid black;
    padding: 0 5px 0 9px;
    border-radius: 3px;
	cursor:pointer;
	
}

.editable-field-transparent:hover {
	border:1px solid #ABABAB;
	padding: 0 5px 0 9px;
    border-radius: 3px;
}

.editable-field:hover, .editable-field-active:hover, div.editIconHover {
    cursor:pointer;
}

.editable-form, .editable-field-active {
    text-shadow: 0 1px 0 white;
    background-color: #f8f8f8;
    background: linear-gradient(to bottom, #f8f8f8 0%,#e8e8e8 100%);
    border:1px solid #c8c8c8;
    padding: 0 5px 0 9px;
    border-radius: 3px;
	cursor:pointer;
}

div.editIcon {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAQAAAD8x0bcAAAApUlEQVQoz2P4z0AY4pTIVCSoKNMy61NmLwFFJScz/wPhBJyKMs0yr9463vk/+//GXTgUZVpmf878n/PyzuVLf/8nYFUEUZIJNGVS+X9vrG5CKDnx9384Vt8BlXyDK4nFGk4IJcfQlMAVZfJ098OVJOAI8bzZC9fsAyrCpgSuqPRj5v+Fa579x6YEqihTaPbnM/+fVvzXwhfBQv8XAb0sSnIqoI0iACgdWgoBmNC5AAAAAElFTkSuQmCC) no-repeat scroll 6px 1px rgba(0, 0, 0, 0);
    display: inline-block;
    float: right;
    height: 21px;
    margin-top: 2px;
    padding-left: 5px;
    vertical-align: middle;
    width: 22px;
}
/* --------------------------------------------------*/
/* Variables with a particular meaning to Bootstrap (but could also be used elsewhere).*/
/* As such, they cannot be renamed.*/
/* --------------------------------------------------*/
/* --------------------------------------------------*/
/* Custom variables.*/
/* These are not directly used by Bootstrap, although they could be used by some of our Bootstrap overrides.*/
/* --------------------------------------------------*/
/* keep this value in sync with value of MOBILE_BREAKPOINT in:*/
/* javascript/components/deployedView/DeployedFooter.js*/
._3h2hoTWVpBps5F_W24gXs3 {
    padding: 0 14px;
    float: left;
}
._2TNXEXpoFDmskXnyGww99B {
    padding-top: 6px;
}
._3v70DlsmKU0DP-Ff6Cvkw {
    width: auto;
    min-width: 67px;
    padding: 7px 4px 7px 6px;
    margin: 5px 4px 5px 3px;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 3px;
    font-weight: 400;
    line-height: 15px;
    display: inline-block;
}
._3v70DlsmKU0DP-Ff6Cvkw._3PYhPDACCGEBmmut5zO07m {
    cursor: pointer;
}
._3v70DlsmKU0DP-Ff6Cvkw._3PYhPDACCGEBmmut5zO07m:hover {
    border-color: #a6a6a6;
}
._3v70DlsmKU0DP-Ff6Cvkw._3PYhPDACCGEBmmut5zO07m:hover ._2aBG2JP13ocPwj0q-QKoqp {
    display: inline-block;
}
._3v70DlsmKU0DP-Ff6Cvkw._1FfulEg_3fABOaXo6Yol2o {
    font-style: italic;
}
._2aBG2JP13ocPwj0q-QKoqp {
    position: relative;
    top: -1px;
    vertical-align: middle;
    display: none;
    margin-left: 20px;
    width: 15px;
    height: 15px;
}
._2F4hQShjwyTo77S0K0AobF {
    padding: 2px 4px 2px 6px;
    border: 1px solid #898989;
    border-radius: 3px 3px 0 0;
    background: #fff;
    margin: 6px 0 6px 3px;
    display: inline-block;
    position: relative;
}
.mnxb8arW6iFygC2gY2K8C {
    background: #fff;
    height: 22px;
    width: 164px;
    display: inline-block;
    margin-right: 48px;
    font-weight: 400;
    cursor: pointer;
    border: none;
    border-radius: 3px 3px 0 0;
}
.PW7MAiVV1k3wcxMe13_BA, .EOhToeSZX0-ANQNSc5U93 {
    display: inline-block;
    position: absolute;
    cursor: pointer;
    width: 20px;
    height: 14px;
    top: 6px;
}
.PW7MAiVV1k3wcxMe13_BA svg, .EOhToeSZX0-ANQNSc5U93 svg {
    max-height: 100%;
}
.PW7MAiVV1k3wcxMe13_BA {
    right: 24px;
}
.EOhToeSZX0-ANQNSc5U93 {
    right: 2px;
}
._7SC7olpb8YWt8ApapWAAl {
    position: relative;
    display: inline-block;
    left: 6px;
    opacity: 0.7;
    margin-right: 8px;
}
._7SC7olpb8YWt8ApapWAAl ._2F0T25hDt1jyrMShWwKLK4 {
    margin-left: 11px;
    white-space: nowrap;
    color: #898989;
    font-weight: 400;
    font-size: 10px;
}
._2sOEIKtfXYjRlGTJ2ZLQIz svg {
    width: 16px;
    height: 10px;
}
._1QF67IOkVwXUkYuOCa4dw4 {
    background-color: #ececec;
    border: 1px solid #b3b3b3;
    border-radius: 0;
    color: #444;
    font-size: 12px;
    padding: 11px;
    max-width: 100%;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    display: inline-block;
    left: -999em;
    margin: 0;
    overflow: hidden;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: -999em;
    transition: opacity 0.3s ease-out;
    z-index: 1060;
}
._1MHGr04Z0D0ci3HKzVDkaJ {
    line-height: 13px;
    padding: 9px 12px;
}
._8QATtiFouF-LMs1L280st {
    margin-top: -2px;
    vertical-align: middle;
    display: inline-block;
}

._8QATtiFouF-LMs1L280st > div {
    height: 18px;
    width: 18px;
    position: relative;
}

._8QATtiFouF-LMs1L280st > div._3Ff29x8ORkpt0QGHksWlTe {
    height: 20px;
    width: 20px;
}

._8QATtiFouF-LMs1L280st + div {
    display: inline-block;
}

._2Tuw45GeoSnbliM_c5C0JH {
    background: url(/National_Library/20160521004321oe_/https://lab.open.wolframcloud.com/dist/images/txt-icon-5a9f0e4cd6dbd3573d696663bd49d907.png);
}

._3nvOdDu-Shm34Jk4cr_RXF {
    background: url(/National_Library/20160521004321oe_/https://lab.open.wolframcloud.com/dist/images/txt-share-icon-b35dbb87add46d1e5ba86596fed55aa8.png);
}

._3Watg7z3CCE-L1RvSpy2ZC {
    background: url(/National_Library/20160521004321oe_/https://lab.open.wolframcloud.com/dist/images/html-icon-2b8e15ad2b8c61e9622eae4b97e17cbb.png);
}

.LuSKX2C9-jG1k5aP5pcDZ {
    background: url(/National_Library/20160521004321oe_/https://lab.open.wolframcloud.com/dist/images/html-share-icon-069bce75781005ea925e6ed043a0414d.png);
}

._1QPXaZDwoEFGCJplq9NqUG {
    background: url(/National_Library/20160521004321oe_/https://lab.open.wolframcloud.com/dist/images/cdf-icon-110ffd1a96479806c46edbd872133ad7.png);
}

._3faIS3wyMuz3-rlbXCXTnQ {
    background: url(/National_Library/20160521004321oe_/https://lab.open.wolframcloud.com/dist/images/cdf-share-icon-1b5329a24131e73bce693eec2145c51a.png);
}

._38heDSJLAbeShqeSSYLyHD {
    background: url(/National_Library/20160521004321oe_/https://lab.open.wolframcloud.com/dist/images/nb-icon-51d85c234bdaf88fea35d16bfad28948.png);
}

._2r9euhPaIGLpedvsAsRws8 {
    background: url(/National_Library/20160521004321oe_/https://lab.open.wolframcloud.com/dist/images/nb-share-icon-bf7ab59e02d0df963e76b1144d41dc18.png);
}

._1NxQLguc0lk-neQmCigGB1 {
    background: url(/National_Library/20160521004321oe_/https://lab.open.wolframcloud.com/dist/images/wl-icon-f040ea3bd13eead2617f2e8fa0d76cf3.png);
}

.ol---TQ5DHp2ect8ToAih {
    background: url(/National_Library/20160521004321oe_/https://lab.open.wolframcloud.com/dist/images/wl-share-icon-a35a336199a1118bd885711aab85be85.png);
}

.F_GiJJXeb52t3MO7zIrpG {
    background: url(/National_Library/20160521004321oe_/https://lab.open.wolframcloud.com/dist/images/css-icon-58251d281c2bfdf03ddde12ebe08dfb3.png);
}

._2kBak-Auslwj2E6_7JU5hA {
    background: url(/National_Library/20160521004321oe_/https://lab.open.wolframcloud.com/dist/images/css-share-icon-5a6ff44e7e93a982f04d291442de9707.png);
}

._1Ajn7jIC-YI4HM-uu3TAq1 {
    background: url(/National_Library/20160521004321oe_/https://lab.open.wolframcloud.com/dist/images/xml-icon-ab3ced2f543df71529832bb4f590c43e.png);
}

._2SJCnhcN7xwxlFL0Xyc9HS {
    background: url(/National_Library/20160521004321oe_/https://lab.open.wolframcloud.com/dist/images/xml-share-icon-0cc16ff606d2061340981a03faa2eafb.png);
}

._2bRBQNgzj7udhGgQ40EHq {
    background: url(/National_Library/20160521004321oe_/https://lab.open.wolframcloud.com/dist/images/js-icon-11d49b4ef60f3d5c0f52d44efb10f8d2.png);
}

._2p_6G5mNBHqq3M55ZALIbB {
    background: url(/National_Library/20160521004321oe_/https://lab.open.wolframcloud.com/dist/images/js-share-icon-8fe04150f20946eabe8bb0bf30a52d88.png);
}

._1WDPbge_ddOqFD2ugUWLRq {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAsCAYAAABhVUjwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGRTdGMTE3NDA3MjA2ODExOEMxNEU5OTY1QjhGNjIyOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFNTYyN0E5QkUwNzgxMUUyOEEyNzg5MzdEOENCMDQ3MiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFNTYyN0E5QUUwNzgxMUUyOEEyNzg5MzdEOENCMDQ3MiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTdFRUM2ODE2QjIwNjgxMTgwODM5NUI1RTJEQkRFOEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkU3RjExNzQwNzIwNjgxMThDMTRFOTk2NUI4RjYyMjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6rJwZDAAABkklEQVRYw+2WzUoCURTHfZKeoIWMrprZufcNkhRSyH0m+QG5CaFMF0K4cxluwhcIIQmGIp3G1PwmUyTTJ+h0z4W5FJRnmKiFzOIHcw5/fvde5gx3HADg+AscttgWr4PY6XT+ivUV5xlggneGytgwK4blckmSTCYhl8vhAg+MTVPixeKNBHOTyQtks2eGXCHF8/krCea63TYnkznBWmPIK8Wz2YwEc7pe52jaPaRSR9hTV4qn0wlJLHYIsrwFLpcEkiRBIpHgi60Uj8fPpmi1mjAaDUVNijFMMRwOIB6PQ7FYFD1SPBj0vlCpXEG1ei3qfr8L0egBF4VCQdEnxb3ek0BVb8Dj8YCiKFAuX/IpiET2uSQQ8EO7/SiypLjTaXHwjXu9XvG1ud1u8Pm2+bPfvwPNpi6yCCnGXSDB4C4Pp9PHbFZP2QS4hBQXNXIGpBh3ghQK5/zYRl0qXUA4vMfn1uh9hhQ3GpolSLGu1yxBivGoViDF9fqdJUhxrXZrCUps9gb5jrx9S/+z2P4ptMW2+Gc+AKCLmvHT8zKnAAAAAElFTkSuQmCC);
}

._1pi5FsN79OatNbILRamAY6 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAqCAYAAAHE/ktGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfxJREFUeNpiYEACjCCis7PzPJAyYMCQ+Q8EIJoJKiiIouT/YaP/AAGEIgAy6T3CBJhumFEKcCmAAMJAQI3/MQQxzccGgAYLwGzC0A4QQAxUAEC3JSCZ2UC8TpQwBAsAAbrjFZA5DUA8H0U7ks0glfeZ0Oy4DyIAAogRbzhCQXl5OZrtqJ4EGf8BiN+DFDKhSc5HSigfgAo+YHUklihQgLmRiUBg3WegOkBPvsgS86H0e3y6+7GlKZLSAEAAkZZWCEUfAzHxDANMeOIaxdcsWOK6EIgFgFgRn4kPgRgUROeREwSKG4HYAEsYNsDyJhOS7y5gcWo9VjdihJ3tOUZi0+N/BpoBjOyOoQA5++NTSDAKsSZcmImgcgSpZFTAGddAIA9UAMrTCkCnCWI1EQgciIpCoAkH8EUh0b4mOgoBAoy2iJg8RkgPE5kWzwfiAJJSBFSjAAhjyc8PgRlsAzY9LARqBFDi2ADNxo7Q/A4yDGcRyELAMEVYYQEUAxl2EcifgKbckSqRAkwqAtACG47JjhRoOQNyeSOSUCNGgiXWhaDyHFqV1KNJNTKSXePRLXfQFBBTShDSw0SmxQXYCjyyXIjensOrB1kSWnC/B5XNSE0VFMOINhDJMAUk/nl0w6ByDjhLYpCBGA1YPFkP1JREr6Vpm/WITTYgX9At6wEAvw9lGsYXn6wAAAAASUVORK5CYII=);
}

.BTUSIgScB4DubsCzLHHp9 {
    background: url(/National_Library/20160521004321oe_/https://lab.open.wolframcloud.com/dist/images/wl-icon-f040ea3bd13eead2617f2e8fa0d76cf3.png) no-repeat 0 0;
}

._3h7-GjIu-wOnAer8MFQWez {
    background: url(/National_Library/20160521004321oe_/https://lab.open.wolframcloud.com/dist/images/wl-share-icon-a35a336199a1118bd885711aab85be85.png) no-repeat 0 0;
}

._1h_66NOwLcGhopZOlkz7xE, ._3MEZCzRv8b9t9zid9sYn6I, ._3DpSCigllZQhWeI9bhTPSw, ._1V4GJwVGQtXOkl7zj83Gmz {
    background: url(/National_Library/20160521004321oe_/https://lab.open.wolframcloud.com/dist/images/template-nb-icon-d802a29e6e7729a313fee8c82e9a8ea9.png) no-repeat 0 0;
}

/* Menubar styles */
._20AGdJyDHZmpN-S_RutcGm {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    position: relative;
    border-radius: 3px;
    border: 1px solid transparent;
}
._20AGdJyDHZmpN-S_RutcGm:not(.rp0y45gW_vOZA_90LgssX):not(._1rDb1uWM0_o9-Y4ayZNZt8):hover, ._20AGdJyDHZmpN-S_RutcGm:not(.rp0y45gW_vOZA_90LgssX):not(._1rDb1uWM0_o9-Y4ayZNZt8):focus {
    border-color: #a6a6a6;
}
._20AGdJyDHZmpN-S_RutcGm:not(.rp0y45gW_vOZA_90LgssX):not(._1rDb1uWM0_o9-Y4ayZNZt8):hover > a, ._20AGdJyDHZmpN-S_RutcGm:not(.rp0y45gW_vOZA_90LgssX):not(._1rDb1uWM0_o9-Y4ayZNZt8):focus > a {
    outline: none;
}
._20AGdJyDHZmpN-S_RutcGm.rp0y45gW_vOZA_90LgssX a, ._20AGdJyDHZmpN-S_RutcGm.rp0y45gW_vOZA_90LgssX:hover a{
    color: #b8b8b8;
    cursor: default;
    opacity: .5;
    border: none;
}
._20AGdJyDHZmpN-S_RutcGm > a {
    height: 26px;
    padding: 0 10px;
    line-height: 26px;
    color: #646464;
    display: block;
}
._20AGdJyDHZmpN-S_RutcGm a {
    font-weight: 400;
    font-size: 12px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    white-space: nowrap;
}
._1rDb1uWM0_o9-Y4ayZNZt8 {
    background: #fff;
    border-color: #e5e5e5;
}
._1rDb1uWM0_o9-Y4ayZNZt8:hover, ._1rDb1uWM0_o9-Y4ayZNZt8:focus {
    border-color: #e5e5e5;
}
._1rDb1uWM0_o9-Y4ayZNZt8 > a {
    color: #646464;
}
._1rDb1uWM0_o9-Y4ayZNZt8 > ._3uzIrNJlCi69iK_To21lg8 {
    display: block;
}
._2nRC5R2C4GFVxiM8Adl5xd {
    margin: 4px;
}
._2nRC5R2C4GFVxiM8Adl5xd a {
    display: block;
    min-height: 20px;
    position: relative;
    padding: 4px 16px 4px 6px;
    color: #898989;
    line-height: 20px;
    border-radius: 2px;
}
._2nRC5R2C4GFVxiM8Adl5xd a div {
    display: inline-block;
}
._2nRC5R2C4GFVxiM8Adl5xd.rp0y45gW_vOZA_90LgssX a, ._2nRC5R2C4GFVxiM8Adl5xd.rp0y45gW_vOZA_90LgssX:hover a{
    color: #b8b8b8;
    cursor: default;
    opacity: .5;
}
._2nRC5R2C4GFVxiM8Adl5xd:hover > a, ._2nRC5R2C4GFVxiM8Adl5xd:focus > a {
    background-color: #e5e5e5;
    outline: none;
}
._2nRC5R2C4GFVxiM8Adl5xd:active > a {
    color: #fff;
    background-color: #898989;
}
._2nRC5R2C4GFVxiM8Adl5xd:active > a .UiaIfyrOAo60mym1VoQ3_ path {
    fill: #ffffff;
}
._2nRC5R2C4GFVxiM8Adl5xd:active > a .UiaIfyrOAo60mym1VoQ3_ .backgroundPath {
    fill: none;
}
._2nRC5R2C4GFVxiM8Adl5xd > ._3uzIrNJlCi69iK_To21lg8 {
    top: -5px;
    left: 100%;
    right: auto;
    margin-top: 0;
}
._2nRC5R2C4GFVxiM8Adl5xd > ._3uzIrNJlCi69iK_To21lg8.Xt9ZEnY-IKFGWCVtx7zYG {
    right: 100%;
    left: auto;
}
._2nRC5R2C4GFVxiM8Adl5xd svg {
    max-height: 100%;
    top: 2px;
}
._2nRC5R2C4GFVxiM8Adl5xd span {
    display: inline-block;
    vertical-align: middle;
}
._2nRC5R2C4GFVxiM8Adl5xd .UiaIfyrOAo60mym1VoQ3_ {
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle;
    min-width: 18px;
    height: 20px;
    width: 20px;
}
._3SR4ddZM5dupvBrIeAfk4D {
    position: relative;
}
._3SR4ddZM5dupvBrIeAfk4D:active > a {
    color: #898989;
    background-color: #e5e5e5;
}
._3SR4ddZM5dupvBrIeAfk4D:active > a .UiaIfyrOAo60mym1VoQ3_ path {
    fill: #898989;
}
._3Scl9kEV531yurfY-2s8SJ {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 9px;
    height: 12px;
}
._3uzIrNJlCi69iK_To21lg8 {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    margin: 2px 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
    text-align: left;
}
._36c51NeP6Exp6jgq4_vJkr {
    height: 1px;
    margin-bottom: 4px;
    background-color: #e5e5e5;
}
.nKhz7Q0SFKAW3f5zrTesG {
    margin: 11px 15px 0 13px;
    cursor: pointer;
    position: relative;
    display: inline-block;
}
.nKhz7Q0SFKAW3f5zrTesG svg {
    width: 20px;
    height: 20px;
}
._1b3XwVNlrp__DF3B_qzVAv {
    color: #646464;
    font-size: 11px;
    padding: 13px;
    border-radius: 3px;
    line-height: 1.5;
    white-space: nowrap;
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
    display: inline-block;
    left: -999em;
    margin: 0;
    overflow: hidden;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: -999em;
    transition: opacity 0.3s ease-out;
    z-index: 1060;
}
._5DCodebohURX7UbaYgRCh {
    float: right;
    margin: 14px 12px 9px 0;
    cursor: pointer;
}

._1bLv1adTXxE1UfX04BanfA {
    display: block;
    height: 12px;
    width: 14px;
}

._2_nqHcLm5s0tLg5q7dDBbT {
    display: none;
}