/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *  user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

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

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

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

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

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

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

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

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

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0; }

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

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

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

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *  Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 * 4. Improves appearance and consistency in all browsers.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

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

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *  and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *  `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

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

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

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

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

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

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

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

/* Neat 1.7.0
 * http://neat.bourbon.io
 * Copyright 2012-2014 thoughtbot, inc.
 * MIT License */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

.highlight .c {
  color: #586E75; }

/* Comment */
.highlight .err {
  color: #93A1A1; }

/* Error */
.highlight .g {
  color: #93A1A1; }

/* Generic */
.highlight .k {
  color: #859900; }

/* Keyword */
.highlight .l {
  color: #93A1A1; }

/* Literal */
.highlight .n {
  color: #93A1A1; }

/* Name */
.highlight .o {
  color: #859900; }

/* Operator */
.highlight .x {
  color: #CB4B16; }

/* Other */
.highlight .p {
  color: #93A1A1; }

/* Punctuation */
.highlight .cm {
  color: #586E75; }

/* Comment.Multiline */
.highlight .cp {
  color: #859900; }

/* Comment.Preproc */
.highlight .c1 {
  color: #586E75; }

/* Comment.Single */
.highlight .cs {
  color: #859900; }

/* Comment.Special */
.highlight .gd {
  color: #2AA198; }

/* Generic.Deleted */
.highlight .ge {
  color: #93A1A1;
  font-style: italic; }

/* Generic.Emph */
.highlight .gr {
  color: #DC322F; }

/* Generic.Error */
.highlight .gh {
  color: #CB4B16; }

/* Generic.Heading */
.highlight .gi {
  color: #859900; }

/* Generic.Inserted */
.highlight .go {
  color: #93A1A1; }

/* Generic.Output */
.highlight .gp {
  color: #93A1A1; }

/* Generic.Prompt */
.highlight .gs {
  color: #93A1A1;
  font-weight: bold; }

/* Generic.Strong */
.highlight .gu {
  color: #CB4B16; }

/* Generic.Subheading */
.highlight .gt {
  color: #93A1A1; }

/* Generic.Traceback */
.highlight .kc {
  color: #CB4B16; }

/* Keyword.Constant */
.highlight .kd {
  color: #268BD2; }

/* Keyword.Declaration */
.highlight .kn {
  color: #859900; }

/* Keyword.Namespace */
.highlight .kp {
  color: #859900; }

/* Keyword.Pseudo */
.highlight .kr {
  color: #268BD2; }

/* Keyword.Reserved */
.highlight .kt {
  color: #DC322F; }

/* Keyword.Type */
.highlight .ld {
  color: #93A1A1; }

/* Literal.Date */
.highlight .m {
  color: #2AA198; }

/* Literal.Number */
.highlight .s {
  color: #2AA198; }

/* Literal.String */
.highlight .na {
  color: #93A1A1; }

/* Name.Attribute */
.highlight .nb {
  color: #B58900; }

/* Name.Builtin */
.highlight .nc {
  color: #268BD2; }

/* Name.Class */
.highlight .no {
  color: #CB4B16; }

/* Name.Constant */
.highlight .nd {
  color: #268BD2; }

/* Name.Decorator */
.highlight .ni {
  color: #CB4B16; }

/* Name.Entity */
.highlight .ne {
  color: #CB4B16; }

/* Name.Exception */
.highlight .nf {
  color: #268BD2; }

/* Name.Function */
.highlight .nl {
  color: #93A1A1; }

/* Name.Label */
.highlight .nn {
  color: #93A1A1; }

/* Name.Namespace */
.highlight .nx {
  color: #555; }

/* Name.Other */
.highlight .py {
  color: #93A1A1; }

/* Name.Property */
.highlight .nt {
  color: #268BD2; }

/* Name.Tag */
.highlight .nv {
  color: #268BD2; }

/* Name.Variable */
.highlight .ow {
  color: #859900; }

/* Operator.Word */
.highlight .w {
  color: #93A1A1; }

/* Text.Whitespace */
.highlight .mf {
  color: #2AA198; }

/* Literal.Number.Float */
.highlight .mh {
  color: #2AA198; }

/* Literal.Number.Hex */
.highlight .mi {
  color: #2AA198; }

/* Literal.Number.Integer */
.highlight .mo {
  color: #2AA198; }

/* Literal.Number.Oct */
.highlight .sb {
  color: #586E75; }

/* Literal.String.Backtick */
.highlight .sc {
  color: #2AA198; }

/* Literal.String.Char */
.highlight .sd {
  color: #93A1A1; }

/* Literal.String.Doc */
.highlight .s2 {
  color: #2AA198; }

/* Literal.String.Double */
.highlight .se {
  color: #CB4B16; }

/* Literal.String.Escape */
.highlight .sh {
  color: #93A1A1; }

/* Literal.String.Heredoc */
.highlight .si {
  color: #2AA198; }

/* Literal.String.Interpol */
.highlight .sx {
  color: #2AA198; }

/* Literal.String.Other */
.highlight .sr {
  color: #DC322F; }

/* Literal.String.Regex */
.highlight .s1 {
  color: #2AA198; }

/* Literal.String.Single */
.highlight .ss {
  color: #2AA198; }

/* Literal.String.Symbol */
.highlight .bp {
  color: #268BD2; }

/* Name.Builtin.Pseudo */
.highlight .vc {
  color: #268BD2; }

/* Name.Variable.Class */
.highlight .vg {
  color: #268BD2; }

/* Name.Variable.Global */
.highlight .vi {
  color: #268BD2; }

/* Name.Variable.Instance */
.highlight .il {
  color: #2AA198; }

/* Literal.Number.Integer.Long */
@font-face {
  font-family: "earthdata-icon-library";
  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAABz0AA4AAAAAMvgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABRAAAABsAAAAccgVljUdERUYAAAFgAAAAHQAAACAAXwAET1MvMgAAAYAAAABKAAAAYEE7XpdjbWFwAAABzAAAAEIAAAFCAA/022N2dCAAAAIQAAAABAAAAAQAEQFEZ2FzcAAAAhQAAAAIAAAACP//AANnbHlmAAACHAAAGAkAACp4unRsH2hlYWQAABooAAAALgAAADYG+wM7aGhlYQAAGlgAAAAcAAAAJAPxAcVobXR4AAAadAAAADoAAABsCr4Dy2xvY2EAABqwAAAAZgAAAGbr/uS8bWF4cAAAGxgAAAAfAAAAIACsAoRuYW1lAAAbOAAAAPgAAAJYbHyeXXBvc3QAABwwAAAAxAAAAf5tV1rVeJxjYGBgZACCM7aLzoPoS48fxkHpeABVkghlAHicY2BkYGDgA2IJBhBgYmAEQkMgZgHzGAAGZQBkAAAAeJxjYGFiYPzCwMrAwOjDmMbAwOAOpb8ySDK0MDAwMbBxMsCBAILJEJDmmsJw4CPTRwPGA/8PMOgxHmRwAAozIilRYGAEADtCDGgAAHicY2BgYGaAYBkGRgYQsAHyGMF8FgYFIM0ChED+R4P//4Ek0////IxQlQyMbAwwJgMjE5BgYkAFjAzDHgAAcKwG3AAAABEBRAAAAAH//wACeJy1Wn2MJEd176ruruqP+eiZ6enemdmd2Znend7bPe/NZ7fvbu/OH/ik89kE1rFNuMMG23DnAx8QJ/iARDksYrADsjHEmFw+/iAIcCQTLGITKVEsJVKEFUURGEVgk8igiCSAEUoiIoj28nvVvV93Z/JX7ra7q6tevffq1av31aNxraJp2mfYrZquSW31y0zbt/aMNLQfjb4szJfXntE5mtqXdeo2qfsZKdj/rD3DqH9cGVficSWqfPSBd7yD3brxJxU2BjZDYxef5xr7K83VQi3SVjQtTTosKDOxj/XTxbxxhCWh3utPklFQ94UU1Z7wg1Ey+X1dv0PXI11/i66zoq5/ES+c437Pmd994htPnLxmMP+Fc+e+cO5bCiIiaH5zBqbrX9D1jQuAeuLM0UdaPvu7cwQKnrimKZ6e10ragqaxjGRE5MejQCYTMNQrs5huwgezoyOM/dAHsckZQvY7NzIWMYN9+Gqm8x7nb0E7YguDydFHZv0nXnzixOmsH+Po19kdeGiK7uLFf2EvsQuQ7pymVUeBL0A07PWnRDlM+1FP1P1gPEpj8blnz59/9vxP5rq92VrFrrRX16aDbkV67MJ5GvmDbrvdlZGVDFamVk9AzppmY00XtLLW0fZpRzRtEcuKur3+IQbs3VEQX/Ke/h/jXHPlxoJ0Xclelu5ZvDyuXs5K95hjbRxTL89Zzn2utfGcejlmudcsUotup7Za71iwHMdasFTLdS163S2PDunFQi736aS/wnpibmsDODaAJ36J9VbZ5DAbBeyTZtMsmwmhchO0mqZ5qml6ZvPUzQfefu7tB+j21bJAd/IocfFoYppNUTZPo6d5+lgOceDAZTwsKuJprgI8J87ofTw6zHby8PilaM0tgse2mHj6MgbNnPXbtpm4XA58U/UikoMfHGQyV8TdcvjULrI7GbppWw47qe4S2C+QQ84D31T/OvEwSg6xUIlj915csrItGtt78eeXyyhndicPZa168Xn2Ks4l2R8X7zXYjBY4irSxlmoHodW/pN2vaeF4GtEV73jWLnnGW2qUsb4TPr1kLK1kmj+tTJKD0D/cRsEcG2+3cFrW1+85efKezfvXT548e/Lky+vruN8jjKphmriJr6uOs+vrtnpVA2eD8sbZchCUF1q1aq11Vt0XykFrfX29evLkyer6xsvr5+lWPXlhnRDR7T/Qv76ebr0HG58kHOw+TKy1tv4CnCOmPaetshNsXSviBWvpQXsn2CbszgmnLM6b5nlRdtg1FzXpollCj6vmfQ7zjmXzFnxoXCaCUYexY2oKTf5bBS6ZmrtDT3xtHuclvYK13KUexQdNsw1teNObcGub5oOi9OKWXtz8IDrnhLj9diHm0HxQ/NkVdXIHrS2CV6C1tAuVAPKvbpEaXsIERv/htWllR36TjLyc1k8y/DuY//E2qQz9zmXvJPXaMtw8beEl63rvFstbON+9Re2D26vNufnIFdfV0PZs2reeFFuLImpwOLvOAFl/sm8PF0zT3vNkJtDP7DEt3XCPDXobr/YGgx6r9gbPPYyDXLD2fCaj/eQek5l/uD08IB3bpE+eFt4dZFbYdJxG6nBN+8rCRfVxPcpps4dperLfvq5Ui6rdeHX//icVwgsZ5aeuW/a8Nb66Z3jdUxkZ8iX6Fh2XfZP75F3bm+Y6CbG0wWE2TbDMJASNwyyd9vrxQE56IgbIdJXFg1XeK7HhMhdD0YuSuB8l/Xg8wcgqyYqCBFhBWcJLEA6AOpKiH+O/pGuEa5KAArxEFKQgkLTZOEjikQIR4aAEElitBNYkQ9nmYSDRXxeBBA9BDFkAOE3qqywScpSOknESpkGI+XWA8BgbJ4Nx4AdpICdhQJ1MImBAtATeUoEuLDvEH1CKIZ5+G5zEfSxwOmjzoWjzcZtFowAw9Tbr8LZSNti3MEh7bY6+MJkCVTIVkAhbg+lLaHYMzgZi2BtikYd1WkeJ0/qBFzoaY72jJEimg6g/DBLgGvTTIFWswLwCOVHpH+KAT9IBSScepRD8MMHUMcgRhiCZTA+zYZpE1AE5HWBj8C6TFPLox5NVHuGC+giESX3aN3DB6v0knpR4T6AdTfpTWhHEJELar7/ZOgo/Nhln3DRc2xSMSYZ4kukG4zpH9IZ/nHMCQLhmGDrX0TIE42V0GRbBKwBMQSeXnDmWjQ7gwAy8mYxQCdx1gxCbXDdx0Zilm5JbAANFg2OU0xSHc2ESQkwpFoHFZDaNQ6joNQxu8j1NoqjrvCCIK2KAG4bhANagfmJKXbibtBDgNdAwwAitxCA4i+tgxrC4g1UTeshAN2wirSuqhMGg1TFDp17MdDjQKFGQXPBXAE5OkHJTRnomDZAikkIJj2d3ArUJTACJCaTEKuQjzOTgHjRMgJkZCkIvaFwnKrRmI9sMoUaIM4Nd2LJ0b2amrqt9gKQFQRiKLx2AiiGu8BBbJHi6dJIHbTtIcqEoMmFI7BymMsPMNMEkyUu1NMkz0QDKkNgu0hGWIWb5dMYsJRqueg2ohw42TJ1nPcDLwiV6QjjMMqkDOCzbZUaRMZc0ARrDSSeAH2JnooAV0L5DKcCchWU6pFxcbRC3MWaYei4WgFqGrVRU0BueIENKoaPDUDzygskdMxemkgRtE7QkezV0F1uDTqzVVJsnDCUwEnC2j3Q0Mu70TMUvOnuVcmRnI9NcxSLJUMkeDBIBvQT1knR4LM41c8suh9qidot2p/ZueCHY494qh+XgSHsGbRGrDqbSoDY7grC3xLJECGc4pJNd99s6InDMWdUnh3W4sZgiuWlUJ98xvsx7VbphIagXy+FMQegF3TGkzus1zwucaqUcOp3GTTN75xZbiNAKo5lixa0EgVuJ2jW34hXsIv5K71xYqOHvvp3+7p6gLtxasVjDgbexT5a0Pl0JZzrlSqM5f7Ba7c+0ImbLQlkvW41ywS/YOlK3ammmVCwWCm6xXqyEpfPVxcXq6tO73CTyt/bFr7Pvsqe1oXZUu0d7D/JkLLnuk1WDq6IUMSVDOJ2klKrS62GGvCCCIUf6WuIxDG0yJSMJUyhIXmEmLzgwTk5oCKtdAsY2T+Ft65DddDwdf7/abFZL/huu6l/ruY1g8fW2LYpi5UC9GqzNn1tarAclx/FLy24oy3a1Uy2EsiQK1YbndZoe4lIhPM4dx7TL7fnQ8+cXfnboUHttrf2C49fChbAxE3VnWlU/jEuhWagWnBJLV8K9XrXWqC41613HqVSrtuXNVfoLoWtX5ortubD8M6vcrMqSAztehAWVzHC9ZsXvePbPO0eOdA6Tvw8v/iP7N/ZFaNVx7b3QKYqh4JbI18CPZQpFy44hCwQ6Y8pb4gwIkVbelxIAaaJSPHJTYWJQJBxRDA1Zx1mLoukx4mJEATJULfaMddAqFCyy1bAZnmtI6DuOkW0dsAqutWx9bbPxWoBMm1me6UXhwZlGo9GLZg7OXPK+XsBUm5N5sSREgOnwAMwG1oOWXLa+mT/d14C7cMPMnhmg7UVAiOfuV8SGZ3E2H1f1iJByvr6quqRYPwKnvhIA5RDHVtZWVtZ+zT5tVv2qedq+9QO3/oB6Vo51/O84+Pcdv3Po1luBrwodfhU6LLXuNj6KviBDdeRx4ke0OzJEanL83ptuuvefgnLZvWt8ZOl4Mj+fHH8jHgt3uX9KQ8eRNbl3LeS9eCwdGd/lUkx5ViO+H87yFnXwVbqDXUHUup3lbGQZDNIfmnPxp+xx7cJ2rkPbSsaCPb6ZE1GS84mtfEnJ56c5ndals5JL6O7E4e5kYhvh3dvs7IjLV5DZKu2l05urZ7ytpHJbfUN1312FuE+Mx0I0hLTMyQT2CM3Le85uudDf+kVgec+Hr5yrDLRrIHqBaEzIrFAVUliIRy+GrQ6xvzFCXnqATzLR8RWSChx8WfUrrUbEF68N7GaxPFu34PRE2+/tkXJ5NH/10lyJVW/daXZZVepu4Bi1qIHIpTtb8roVyepduM5q2GQtv3fVYMbUCzfutqlM62g2e4U9AJtKnCNGLukZeylMKj1W2SHIVllVHP+8DkcrTNgrSK73Hrpt+PprnMI14/bAdnCK55f9oBYUorv360m81OrMuu0WOz5bM6zFG1837SzzpYVZbohxl7mFPWGzvjLWXbefzAmvW9Wzmtf/n06xvAb4ANZNdQCpzl2dEq6sqpcVM1JaI1X3DN0y7x/2vkYy+1pveL/K79iJjRcQPYj7B9T9At0G9wtuArer7b34PHuRPa/ZWhkWY0U7pJ3Q7tZ+U3sY5+pLquII8U4JP9zLZLQIDw3vfJDjAV6mYCKCvig1hnqQuSaAaZaATiPF8SGqu6gxqs9kyek00X0MTEb1mq8ysF5Mxh27RqnEiBKegI0liJI9H3fYZQhSxUE82eIgrY/ZAVcKId23NZsbP2z/SntuvdGwpWANbhSL3ge4WS4XGo1iqWzytzURhhXHllurFRDJ+T7C6adnZv7eMhre9MWp19QtNCuTrLnxvblo1ig5Vts/gym+Y1nwhq711qaNeLAJ9CWv+ZZDNXGb9ItFf6XZ/OzH34Uo3z79npJwK639vuV5h/+y5Hlyxijrjt+YC51y2QmH9LAQ7NV8f833N350Xc8LuRA89OZfd323krUr82zPr958c31pbub4ndnEUejCzIZvvY+o3PveknSr3o6cuaQF2kjTatALiEzmAUY/L1CbkzSS27Vp5Vtjmcl1o4bA2qwWy97NqmDN5tgiLzabi91mo+h7Qc2qdRb9OtNruulbRqXuVetPqgp21Cx7taVuu1+1a1Vn3q3U9kLHroY/d8HTr+O5H3HQx7SvaN/Qvq29ov2r9qr2X9rPEXpacE8Bm2ULbJkNWIojfD07xt7Abmd3srez+9j97P3sPPsIe5R9mv0R+zz7EnuW/QX7a/YC+wb7Nvse+wH7T/YzBLI2r/I9fB+f8qN8HdpLWSf0R4QIndqU3eJcUjpO6tXmJbYPuethk1QO8ZYu09FwENQHaybFWMMxpAPNilb52Bd+iBayYSgyrMkkjsYqFT7IlvkQ2XIk2mwYIdWdJulYjmMhI2TdkziDCseASiYKKlVQoJiDxVOofl8EIem89JGA12G4sBEZo7Hfm4xH9XDXgzoveZH0Eqi+UX5XXaNgKLehk51vmxD1rGsbT9bOsY2DYQobsEl9VE+pE2LaiSjdRjROcsaCLQbS/BnuwLM9riaPdr6Aclxm43o63sfybryH9SNsH8+n0nhI49nkzWGmZ691OQ5hIGJWQuAsI3nYGB/mqSkQ6aWhKLPkCFOqsY/lihCndC6UswjqrJEy1ptfHu6ZN0t2lZsVqRtlYbaq3bK7tHi0YgjdaTR+snrcTmt7m4uVuWuLstG9//QDncFcQ9d9U8yaRZsyy0CKu5Agsx6vGCoHrZeQHQfIvwLkf6ZtVJEW2k8Ks8e9HKBo8oAy6YBKBszWKwQxa+hOrWa6XC8K7lQsW5dVWXMDz3Krr0Pq5iJQbCJ3W9Z1D4+6YczggVQP/YJS24hzSU/Ktw3DR/oXGoZpAEKvAPIQOqosS/puQjvS9Tt1HTN4iS7KQUs0fZFuKo1tUh+R9HSV7SO1pqxTMiEYlgAyWfvzpiqpoEXXbZSkZwP3mKaOh0T2e5XpLwRXV28wT6wx5s3HtRXm3Hjoqo3HKrbhFsalInP9z2Z70uzfkIv/Y2eeOHPvTcfe9bZwb3+8r7O4cr1bLwS6WcRmFW2r290/36xU3hhbwVzFKix3GnpVeBBdeV/gtZf3h93qm5exXKQ7FtJqQ7JGA4leUGZWRZhCF0Mm21UD6fs+B6G3Cb9ClQ+3UkRYxWrIzI1VbAeSdIncGBaTmb5ebEpRriCL9gITCT4ahgyQN+tuU5jSLn8KE0Lk3gvc4DNo22jPoF2mracCCl1UZZpRFQBI9zfVh0eDV/GUeHq4HBqkGbNoFNFRwdOjjgKgCPIoQWW5PTJ+Gl4iauh1qaMGEC+nElMdRap9EKsAkNlGMfEVqpvkAwNu6lsDG9/TEU1kA6xX6UZBXNyrH0xZtdMuzcnV1eVP2Bg131QsyEIlzrbHr74h34m3Hj9z5vjxM++8Eb7BRFaxzv6Zrap8ZVm7VjsGq438YoVKu5d8vTSn5OhxZinAgGkNOjC/FB1Mkzy8QD8Z3CBVQcp4ygoBaxTESwVr44xK2J6wChvfn+VOYXZhljG7NPehDnNEYaZYbM9U2o7tcPnYqYX2D2u1Rbb6FZpCt88/FHfDmWD40FKvETQmfME3mdWoOq7+21Okbs3TjcZ99+3wvU2tRxmAkYU0k1QVqUcqFQ18KmRKnn8Ml1hGOD7MKLzqqyx/jkXsqjcvLR3yKhWv015aQrvdyV+Kj5069dipV/gSNqblmcISXqCz1VbFO7QbMH9h7z9FM5YXg6jmsxVW8yxxx+7vtKG2l76X74zBtkMwqYr58FFR9u0sJU7ZC5VNeorJvPmQML2WZOBtFcbNE6x+KYRq3ryX+bUoWPzgHcLyasSL2PENnWLQDvz8cyQ99dsBf1NUC3noQm3KQsmZ9KcDOYF7FnGvHwkqxvfjNUq1RuQ8J73YD+qQeR1RImx7f7pK1eoxpq3xcW8yhRNL4kFMFe4kFlPAJ+loPAiTeEKRABX5o0GEviCk2GgKbEl/PID370X99ABVpeEt4K5CfxikkxS7G9EsX9RFPMI2D9Af0sZPaOuPsH46SoiPAQIJ5d2DejQKovAAGybDkRI5TYALJWJjP/J7AzHsS/pIMKiL4SiFex0HctAbYmFlhsE6Ve17foTOcDQUQ9rIoQiJslC1kkG8zKZiKoKhiCdYD+Q2iAYiGgEWhFWcPpJ+NMvqg/EEdFUMRO8h8Q63LeQaS4Z9+tZCchwEwxEO5AQsB2I8mKQDApxSBsJOqIjxoafOnXvq3MZ/v++WW953yzuPjkZHR3dn1WfySWTlyG6q6iuVQ1XlUVfFXSpc61mFOqt3U9Mtq6rqZiXWVDVPVTFX0zZNZ1bBzerFuip1Zoh1I4fKSu+qDm3ktV8FseOhnGNWFN4siVNJNJu8CZMzkMMzMv35PyMvsCsqNMYjekVAn5WvqVut18y+PBgtFTezpXMksf23kMAeG5HApKr6KumopSvcuioXK+mQj9iUGlciMRQvGVmCKdt5g2+tdPPBt5uGWucmoBJivlI9+zyRDWQV53xftr+u6JtS2ZRHXkbO7hmoKllnM7Zwc0vku5mTpnH6ylIxFBQpCDdzLnMiXFc11d224p2vbSfCVX2YxpSNSniIrBXLsC5knLVkiFDQD2XWhLdIg7CetcIUPiUNsxamxojd0/BK2v3v3Cxas+ac05J2T8y6s2bXES23Zc7Omr0W560etdAh7a45686ZPVu2nDnq7LYYa3WvoAFXcV2anu3N9z2LzdfsynzHs2vzXHr9eXRXbN8zbbNcsz289ZY8i3fQ7nYB1OGWt9TzaKTmGY5BFta8RGbXa6d/gdSG4wmcqSrckxuIkaiTLe2Te+hQ/Up9Z6RfV9VTglRl60kyVYDIJ0MCqRMIrFQUXFFo+z+6WHIkHQXsre1K13aK3FVf2xBUFGeeKpbUNxZm122lQmXGFswrSOpRbtY9s+AatsUNy7Kk9CA6ZhSYXSxzxHXcQgDpCGfW8fSyaRZ0+jZlmsIQxaJwGH2CQajnSi+4XE4dxCOvKackfw/X9CH0Q9avtM5fDsrloPzI1TfUV67AvFOm4d8wiq3K1TcEKy1Nu5SHjhZrhy/ngQri9SxdUYFFf9szYkN69GmAPubqEbZiF1vfoi8cBYtbEOo+xeH7Bl2bFe0iYkup6wW7yOxdnN6tlwxDWJYwjKLBf0/x/fFeWCnVyjOulO5MuVb2wivJ7vbL+RY5n5v8hlmFtK9+2JP/3ASZ8ByDv1NlUgR4qrKTZvWlEK7qEGbsWtN3l9vt5balVvMj5vswFF3O532ojT/P9XlokepEg3phk3zq6/Jd65xvE5oH1PpuZ7w1C0C3B2CHzjAiad5z8TbbgnVyeuSTED7OusDbc9glvwMsb698wc+ilZzjjUdOnD9x4nxG+QI1T2g7f08ht2fmMzJQwr+wBVPb/p2hOV3hc/wgn/7xsx/60LPn2YnqS7XaS9X8B4XHarWFWm1HXCqzX4Jt0ogmiLJx9eaYf5DVo+w5mupbfaNpzsfjdss5Ydutlm2ftxecxMFfxpv9uG2v2idw2WyVmjaW9L9WbpXGAAAAeJxjYGRgYADiHWXnO+L5bb4yyDMxgMClxw/jEfT/A0wMjAeAXA4GsDQAbHIMvgAAeJxjYGRgYDz4/wCDHhMDCABJRgZUwAIAULMCunicY2JgEGQAAiYIZgRSqmAMgUIM2xmWwnkwKMcgzpAHlMsDQ5CIPJBmYNABsxUx1IOgCoMqAJ2kCJAAAAAAACoAKgAqAHQAsADeATgBegG8Af4CQALcAvgDEgNIA34DtAPqBCoEXgcqB74IVgj4CSAJVAluCYgJtgoKCmgKsgrgCxAL+AxCD1APthAMEFISaBMCE5YT2BQ0FLQU0hTkFQIVPAAAeJxjYGRgYDBiCmawYAABJiBmZACJOTDogQQAFbwBMwB4nK2QQWrDMBBFvxI7UOiiq9ClDhCJsQNdZN8seoBsi5KYxGAsULTJotfoJXqbnqhf7mwK7aIQGzHPX/9rRgZwj3cYlMdgCa88o/6qPEeLT+UKS7NWrvFgBuUF9Q86TXVHZTWlCs/wiGflOY4YlCusTK1cw5oX5QX1N3QISMg4MxFYAxx6HBAxkgbynvvFcwW6kPL5GHJw/SGObuj3KSTqfwZ+2raTKU814cTelvf1ENYN139m+U40zDtdwq8nNolj3sZ06mzrxW7s7zNzo2kdX2mYuclP2PGYhAvNJWY5T5nIT7XcELsuXfo4WpHGi4i9Td8vLu5skXicXc1JNkMBFEXRf74ioq6CICISZYL/XpRNROaio2d+ZkZWnJbbOWvdzi7KYrqf76I5CcX/5fQtKZlhljnmqbFAnUWWWGaFVdZYZ4NNttimwQ677NFknwMOaXFEm2M6nNClxylnnHPBJVf0GXDNDbdUta/Pj3FUaYf2zt7bB/ton+yzfbGv9s2O7Lsd/zV0I6x+6Id+6Id+6Id+6Id+6Id+6Id+6Kd+6qd+6qd+6qd+6qd+6qd+6qd+6qd+6g+rXwACbqU=") format("woff");
  font-weight: normal;
  font-style: normal; }
.ed-icon {
  display: inline-block;
  font: normal normal normal 14px/1 "earthdata-icon-library";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ed-check-o:before {
  content: "\f102"; }

.ed-check:before {
  content: "\f103"; }

.ed-collection:before {
  content: "\f104"; }

.ed-fa-align-left:before {
  content: "\f105"; }

.ed-fa-arrow-circle-down:before {
  content: "\f106"; }

.ed-fa-arrow-circle-left:before {
  content: "\f107"; }

.ed-fa-arrow-circle-right:before {
  content: "\f108"; }

.ed-fa-arrow-circle-up:before {
  content: "\f109"; }

.ed-fa-calendar:before {
  content: "\f10a"; }

.ed-fa-caret-left:before {
  content: "\f10b"; }

.ed-fa-caret-right:before {
  content: "\f10c"; }

.ed-fa-chevron-circle-down:before {
  content: "\f10d"; }

.ed-fa-chevron-circle-left:before {
  content: "\f10e"; }

.ed-fa-chevron-circle-right:before {
  content: "\f10f"; }

.ed-fa-chevron-circle-up:before {
  content: "\f110"; }

.ed-fa-circle-o:before {
  content: "\f12d"; }

.ed-fa-circle:before {
  content: "\f12e"; }

.ed-fa-external-link-square:before {
  content: "\f111"; }

.ed-fa-facebook-square:before {
  content: "\f112"; }

.ed-fa-globe:before {
  content: "\f113"; }

.ed-fa-google-plus-square:before {
  content: "\f114"; }

.ed-fa-google-plus:before {
  content: "\f115"; }

.ed-fa-info-circle:before {
  content: "\f130"; }

.ed-fa-link:before {
  content: "\f116"; }

.ed-fa-map-marker:before {
  content: "\f117"; }

.ed-fa-minus-circle:before {
  content: "\f12f"; }

.ed-fa-search:before {
  content: "\f118"; }

.ed-fa-sort-asc:before {
  content: "\f119"; }

.ed-fa-sort-desc:before {
  content: "\f11a"; }

.ed-fa-sort:before {
  content: "\f11b"; }

.ed-fa-times-circle:before {
  content: "\f11c"; }

.ed-fa-twitter-square:before {
  content: "\f11d"; }

.ed-fa-twitter:before {
  content: "\f11e"; }

.ed-fa-unsorted:before {
  content: "\f11f"; }

.ed-fa-video-camera:before {
  content: "\f120"; }

.ed-fa-youtube:before {
  content: "\f121"; }

.ed-granule:before {
  content: "\f122"; }

.ed-nasa:before {
  content: "\f123"; }

.ed-nrt:before {
  content: "\f124"; }

.ed-required-o:before {
  content: "\f125"; }

.ed-required:before {
  content: "\f126"; }

.ed-sd-badge-atmosphere:before {
  content: "\f127"; }

.ed-sd-badge-cryosphere:before {
  content: "\f128"; }

.ed-sd-badge-humans:before {
  content: "\f129"; }

.ed-sd-badge-land:before {
  content: "\f12a"; }

.ed-sd-badge-ocean:before {
  content: "\f12b"; }

.ed-sd-badge-solar:before {
  content: "\f12c"; }

/*
 * Colors
 * ========================================
 * Organized from light to dark (top to bottom)
 **/
.bright-red {
  background: #e74c3c; }

.dark-green {
  background: #189c54; }

.default-black {
  background: #323232; }

.dolphin-grey {
  background: #95a5a6; }

.light-blue {
  background: #ecf1f5; }

.light-green {
  background: #20ce6f; }

.light-grey {
  background: #ecf0f1; }

.medium-blue {
  background: #b5cede; }

.midnight-blue {
  background: #2c3e50; }

.ocean-blue {
  background: #2276ac; }

.royal-purple {
  background: #673285; }

.sky-blue {
  background: #7ab5da; }

body {
  color: #323232;
  font-size: 1em;
  line-height: 1.4em; }

.wrap {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .wrap:after {
    content: "";
    display: table;
    clear: both; }

img {
  max-width: 100%; }

a:link, a:visited {
  color: #2276ac;
  text-decoration: none; }
  a:link.ext:after, a:visited.ext:after {
    display: inline-block;
    padding-left: 0.3em;
    font-size: 0.9em;
    font-family: "Earthdata-Icon-Library";
    content: "\f111"; }

/* Heading Styles
===========================================*/
h1 {
  font-size: 2.2em; }

h2 {
  font-size: 1.6em;
  padding-bottom: .2em;
  font-weight: normal;
  border-bottom: 1px solid #cbcbcb; }

h3 {
  font-size: 1.4em;
  margin: .5em 0; }

h4 {
  font-size: 1.2em;
  font-weight: normal;
  color: #95a5a6;
  margin: 1.2em 0 0 0; }

h5, h6 {
  font-size: 1em; }

h6 {
  font-weight: normal; }

/* Text Styles
===========================================*/
blockquote {
  border-left: 5px solid #e5e5e5;
  padding: .2em 1em;
  margin: 1em 0 1em 1em; }

p.highlight {
  font-size: 1.4em;
  line-height: 1.4em;
  padding: 0 0 1em 0;
  color: #95a5a6;
  border-bottom: 1px solid #ccd4d5;
  clear: both; }

/* List Styles
===========================================*/
/* Display list items without a bullet */
.no-bullet {
  list-style: none; }

/* Display list items horizontally*/
.inline {
  padding-left: 0; }
  .inline li {
    display: inline; }

.earthdata .gutter {
  max-width: 95%;
  margin-left: auto;
  margin-right: auto; }
  .earthdata .gutter:after {
    content: "";
    display: table;
    clear: both; }

.about {
  padding: 2em 0; }
  .about h2 {
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    color: #95a5a6;
    font-size: 1.8em; }
  .about p {
    font-size: 1.2em;
    line-height: 1.3em; }
  .about .wrap div {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
    .about .wrap div:last-child {
      margin-right: 0; }

.section-body {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%; }
  .section-body:last-child {
    margin-right: 0; }

.home-search {
  position: relative;
  top: 2em; }
  .home-search button {
    border: none; }

.explore {
  height: 450px; }

.masthead-logo {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 65.88078%; }
  .masthead-logo:last-child {
    margin-right: 0; }

nav.supermenu {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%; }
  nav.supermenu:last-child {
    margin-right: 0; }

footer {
  background: #2276ac;
  color: #fff; }
  footer a:link, footer a:visited {
    color: #fff; }
  footer .social {
    text-align: center; }

.links ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 2em 0;
  font-size: .8em;
  line-height: 1.4em; }
.links h4 {
  margin: 1em 0 .4em 0;
  text-transform: uppercase;
  font-weight: bold; }
.links .column {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 23.23176%; }
  .links .column:last-child {
    margin-right: 0; }

.feed-section, .collab-section {
  padding: 1.5em 0;
  background: #fff; }
  .feed-section ul, .collab-section ul {
    margin: 0; }
  .feed-section h3, .collab-section h3 {
    font-size: 1.8em;
    color: #95a5a6;
    text-align: center;
    text-transform: uppercase; }
    .feed-section h3 em, .collab-section h3 em {
      font-style: normal;
      font-weight: 100; }

.collab-section {
  margin: 2em 0;
  clear: both; }
  .collab-section h3 {
    margin: 0;
    padding: 1em 0; }
  .collab-section .links {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    list-style-type: none; }
    .collab-section .links:last-child {
      margin-right: 0; }
    .collab-section .links li {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 40.29137%;
      margin-bottom: .5em; }
      .collab-section .links li:last-child {
        margin-right: 0; }

footer {
  clear: both;
  background: rgba(34, 118, 172, 0.9);
  color: #fff; }
  footer .social {
    text-align: center; }
  footer a:link, footer a:visited {
    color: #fff;
    font-size: 0.9em; }
  footer .links .column {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%; }
    footer .links .column:last-child {
      margin-right: 0; }

.search-layout, .page {
  background: #fff url("../images/baltimore.jpg") no-repeat top right; }
  .search-layout header, .page header {
    padding: 0 0 2em 0;
    box-shadow: inset 0 60px 55px -10px rgba(0, 0, 0, 0.45); }
  .search-layout .search, .page .search {
    margin: 0 1.618em 2em 1.618em;
    text-align: right; }
  .search-layout .search-results, .search-layout .basic-page, .search-layout article, .page .search-results, .page .basic-page, .page article {
    background: #fff; }
  .search-layout article, .page article {
    padding: 1.618em; }
    .search-layout article h2, .page article h2 {
      color: #323232;
      padding: 0;
      margin: 0 0 1em 0;
      font-weight: bold;
      font-size: 2.2em;
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 82.94039%;
      margin-right: 0; }
      .search-layout article h2:last-child, .page article h2:last-child {
        margin-right: 0; }
  .search-layout .sidebar, .page .sidebar {
    background: #fff;
    box-shadow: 0 0 55px -10px rgba(0, 0, 0, 0.45);
    position: relative;
    z-index: 100; }
  .search-layout h2, .page h2 {
    border-style: none;
    margin: 0;
    padding: 1em;
    background-color: #fff;
    color: #95a5a6; }
    .search-layout h2 i, .page h2 i {
      padding-right: .5em; }

.search-layout .sidebar h2 {
  padding: 1em;
  font-weight: 100;
  border-style: none;
  margin: 0; }

.split {
  display: table;
  width: 100%;
  table-layout: fixed; }
  .split .split-col {
    display: table-cell;
    width: 50%; }

.col-2 {
  width: 100%; }
  .col-2 .sidebar {
    display: table-cell;
    width: 25%;
    margin-right: 0; }
  .col-2 .content {
    display: table-cell;
    width: 75%;
    background-color: #fff;
    vertical-align: top; }

.col-3 {
  display: table;
  width: 100%;
  table-layout: fixed; }
  .col-3 .col {
    display: table-cell;
    width: 33.33333%; }

.eui-layout .container {
  max-width: 95%;
  margin-left: auto;
  margin-right: auto; }
  .eui-layout .container:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (max-width: 1100px) {
    .eui-layout .container {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto; }
      .eui-layout .container:after {
        content: "";
        display: table;
        clear: both; } }
  .eui-layout .container.container-fixed {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto; }
    .eui-layout .container.container-fixed:after {
      content: "";
      display: table;
      clear: both; }
.eui-layout .masthead {
  background-color: #2276ac;
  background-image: -webkit-linear-gradient(#2276ac, #1f6d9f);
  background-image: linear-gradient(#2276ac, #1f6d9f);
  padding: 1em;
  min-height: 100px; }
.eui-layout .sidebar {
  background: #d8e5ee;
  padding: 1em; }
.eui-layout .content {
  padding: 1em; }
.eui-layout.sidebar-right .sidebar {
  display: table-cell;
  width: 25%; }
  @media screen and (max-width: 800px) {
    .eui-layout.sidebar-right .sidebar {
      display: table-cell;
      width: 33.33333%; } }
.eui-layout.sidebar-right .content {
  display: table-cell;
  width: 75%; }
  @media screen and (max-width: 800px) {
    .eui-layout.sidebar-right .content {
      display: table-cell;
      width: 66.66667%; } }
  @media screen and (max-width: 600px) {
    .eui-layout.sidebar-right .content {
      display: table-cell;
      width: 100%; } }
.eui-layout.sidebar-right.microframe .sidebar {
  float: right; }
.eui-layout.sidebar-right.microframe .content {
  margin: 0;
  float: left;
  display: block; }
.eui-layout.sidebar-left .sidebar {
  display: table-cell;
  width: 25%; }
  @media screen and (max-width: 800px) {
    .eui-layout.sidebar-left .sidebar {
      display: table-cell;
      width: 33.33333%; } }
.eui-layout.sidebar-left .content {
  display: table-cell;
  width: 75%;
  float: right; }
  @media screen and (max-width: 800px) {
    .eui-layout.sidebar-left .content {
      display: table-cell;
      width: 66.66667%; } }
  @media screen and (max-width: 600px) {
    .eui-layout.sidebar-left .content {
      display: table-cell;
      width: 100%; } }
.eui-layout.sidebar-left.microframe .sidebar {
  float: left; }
.eui-layout.sidebar-left.microframe .content {
  margin: 0;
  float: right;
  display: block; }
.eui-layout.dashboard .widgets {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  flex-flow: row wrap; }
  .eui-layout.dashboard .widgets > * {
    background: #ecf0f1;
    border-radius: 3px;
    padding: 1em;
    margin-bottom: 2%;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 23%;
    -moz-flex: 0 0 23%;
    -ms-flex: 0 0 23%;
    flex: 0 0 23%; }
    .eui-layout.dashboard .widgets > *:nth-child(4n) {
      margin-right: 0; }
    .eui-layout.dashboard .widgets > *:nth-child(4n+1) {
      clear: left; }
    .eui-layout.dashboard .widgets > *:last-child {
      margin-right: 0; }
  @media screen and (max-width: 950px) {
    .eui-layout.dashboard .widgets > * {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%;
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 48%;
      -moz-flex: 0 0 48%;
      -ms-flex: 0 0 48%;
      flex: 0 0 48%; }
      .eui-layout.dashboard .widgets > *:last-child {
        margin-right: 0; }
      .eui-layout.dashboard .widgets > *:nth-child(2n) {
        margin-right: 0; }
      .eui-layout.dashboard .widgets > *:nth-child(2n+1) {
        clear: left; } }
  @media screen and (max-width: 600px) {
    .eui-layout.dashboard .widgets > * {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%;
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0;
      -webkit-flex: 0 0 100%;
      -moz-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%; }
      .eui-layout.dashboard .widgets > *:last-child {
        margin-right: 0; }
      .eui-layout.dashboard .widgets > *:nth-child(1n) {
        margin-right: 0; }
      .eui-layout.dashboard .widgets > *:nth-child(1n+1) {
        clear: left; } }
.eui-layout.dashboard.dashboard-flex .widgets > * {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0 23%;
  -moz-flex: 1 0 23%;
  -ms-flex: 1 0 23%;
  flex: 1 0 23%; }
@media screen and (max-width: 950px) {
  .eui-layout.dashboard.dashboard-flex .widgets > * {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 48%;
    -moz-flex: 1 0 48%;
    -ms-flex: 1 0 48%;
    flex: 1 0 48%; } }
@media screen and (max-width: 600px) {
  .eui-layout.dashboard.dashboard-flex .widgets > * {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; } }
.eui-layout.dashboard .sidebar {
  clear: both; }
.eui-layout footer {
  padding: 1em; }

.microframe {
  background: #f5f7f7;
  width: 300px;
  height: 200px;
  margin: 0 10px;
  border-radius: 3px;
  border: 1px solid #e6ebed;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  display: inline-block; }
  .microframe:before {
    content: "\25CF \25CF \25CF";
    font-size: 10px;
    padding: 2px 5px 3px 5px;
    line-height: 10px;
    color: #95a5a6;
    display: block;
    background-color: #ecf0f1;
    background-image: -webkit-linear-gradient(#ecf0f1, #dde4e6);
    background-image: linear-gradient(#ecf0f1, #dde4e6); }
  .microframe .container.container-fixed {
    width: 250px;
    margin: 0 auto; }
    .microframe .container.container-fixed .content {
      width: 250px; }
  .microframe .container .content {
    float: none;
    position: inherit;
    margin: 0; }
  .microframe header {
    background: #2276ac;
    height: 30px; }
  .microframe .sidebar {
    background: #d8e5ee;
    height: 153px;
    width: 80px; }
  .microframe .content {
    background: #fff;
    height: 153px; }
  .microframe header *, .microframe section * {
    display: none; }
  .microframe section .widgets {
    display: block;
    float: left;
    margin: 0;
    padding: 10px 22px; }
    .microframe section .widgets li {
      display: inline-block;
      width: 55px;
      height: 55px;
      font-size: 0;
      background: #d8e5ee; }

form fieldset {
  margin: 0;
  padding: 0;
  border: none; }
form input {
  margin: .3em 0;
  padding: .6em; }
  form input:focus {
    outline: none;
    box-shadow: inset 0 0 0.2em #2c3e50; }
  form input::-webkit-input-placeholder {
    font-weight: 100;
    color: #95a5a6; }
  form input::-moz-placeholder {
    font-weight: 100;
    color: #95a5a6; }
  form input:-moz-placeholder {
    font-weight: 100;
    color: #95a5a6; }
  form input:-ms-input-placeholder {
    font-weight: 100;
    color: #95a5a6; }
form input[type=text] {
  border: 1px solid #b2b2b2; }
form input[type=password] {
  border: 1px solid #b2b2b2; }
form input[type=radio] {
  margin-right: .6em; }
form input[type=checkbox] {
  margin-right: .6em; }
form input.long-field {
  width: 100%; }
form textarea {
  width: 100%;
  margin: .3em 0;
  border: 1px solid #b2b2b2; }
  form textarea:focus {
    outline: none;
    box-shadow: inset 0 0 0.2em #2c3e50; }
form select {
  width: 300px;
  margin: .3em 0;
  background: #fff;
  border: 0.1em solid #b2b2b2;
  border-radius: 0; }
form option {
  padding: .3em; }
form label {
  line-height: 2em; }

button {
  color: white; }

.btn {
  display: inline-block;
  padding: 0.5em 1em;
  text-align: center;
  vertical-align: middle;
  border: 1px solid rgba(50, 50, 50, 0.2);
  color: white;
  transition: background 0.15s ease-in-out; }
  .btn:link, .btn:visited {
    color: white; }

input.btn:focus {
  border: 3px solid #ecf1f5;
  border-radius: 4px; }

.btn-default {
  color: #323232;
  background: #ecf0f1;
  border: 1px solid rgba(50, 50, 50, 0.15); }
  .btn-default:visited {
    color: #323232; }
  .btn-default:hover {
    background: #d7e0e2; }

.btn-green {
  background-color: #20ce6f; }
  .btn-green:hover {
    background-color: #1baf5e; }

.btn-blue {
  background-color: #2276ac; }
  .btn-blue:hover {
    background-color: #1a5981; }

.btn-sm {
  font-size: 0.8em;
  padding: 0.2em 0.7em; }

.btn-lg {
  font-size: 1.2em;
  padding: 0.6em 1.1em; }

.btn-round {
  border-radius: 4px; }

.btn-disabled {
  opacity: 0.65; }

table {
  border: 1px solid #323232;
  width: 100%;
  background: #fff; }
  table tr:nth-child(2n+2) {
    background: #f1f1f1; }
  table th {
    padding: 0.5em;
    border: 1px solid #989898;
    background-color: #cbcbcb;
    text-align: left; }
  table td {
    padding: 0.5em;
    border: 1px solid #989898; }
  table img {
    border: none;
    padding: 0;
    display: block; }

table[data-sortable] {
  border-collapse: collapse;
  border-spacing: 0; }
  table[data-sortable] th:not([data-sorted="true"]):after {
    font-family: 'Earthdata-Icon-Library';
    content: "\f11b";
    position: relative;
    right: 3px;
    bottom: 3px;
    color: #989898;
    font-size: 0.8em; }
  table[data-sortable] th:not([data-sortable="false"]) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    cursor: pointer; }
    table[data-sortable] th:not([data-sortable="false"]):hover {
      background-color: #c6c6c6; }
  table[data-sortable] th:after {
    content: "";
    display: inline-block;
    vertical-align: inherit;
    height: 0;
    width: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent;
    margin-right: 1px;
    margin-left: 10px;
    float: right; }
  table[data-sortable] th[data-sorted="true"]:after {
    visibility: visible;
    content: ""; }
  table[data-sortable] th[data-sorted-direction="descending"]:after {
    border-top-color: inherit;
    margin-top: 8px; }
  table[data-sortable] th[data-sorted-direction="ascending"]:after {
    border-bottom-color: inherit;
    margin-top: 3px; }

#nav-content {
  background-color: rgba(50, 50, 50, 0.85);
  height: 3.4em; }

#nav-content {
  background-color: rgba(50, 50, 50, 0.85);
  height: 3.4em; }

/* top-of-page nav bar */
nav.supermenu {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 1em;
  font-weight: 300;
  float: right;
  position: relative;
  /* all nav links are white, all the time */
  /* styles common to all ul and li elements in the nav hierarchy */ }
  nav.supermenu a:link, nav.supermenu a:visited {
    color: #fff; }
  nav.supermenu ul, nav.supermenu li {
    padding: 0;
    margin: 0; }
  nav.supermenu ul {
    list-style: none; }
  nav.supermenu > ul li {
    vertical-align: top; }
  nav.supermenu > ul > li {
    display: table-cell;
    /* highlight and display sub-menus on hover */ }
    nav.supermenu > ul > li > a {
      text-transform: uppercase;
      display: block;
      padding: 1em; }
    nav.supermenu > ul > li > ul {
      padding: 0;
      background: rgba(0, 0, 0, 0.9);
      box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.25);
      display: none;
      position: absolute;
      top: 54px;
      z-index: 100;
      border-radius: 3px; }
      nav.supermenu > ul > li > ul a:hover {
        color: #cccccc; }
      nav.supermenu > ul > li > ul > li > ul > li > a {
        font-weight: 700; }
      nav.supermenu > ul > li > ul li {
        margin: 0 0 8px;
        border-radius: 3px; }
      nav.supermenu > ul > li > ul > li {
        display: inline-block;
        margin: 0;
        padding: 1em;
        border-radius: 3px; }
      nav.supermenu > ul > li > ul ul ul > li {
        font-size: 0.8em;
        margin: 0; }
    nav.supermenu > ul > li:hover {
      background: rgba(0, 0, 0, 0.9); }
      nav.supermenu > ul > li:hover > ul {
        display: block; }

.masthead-logo {
  padding: .5em 0 .5em 0; }
  .masthead-logo h1 {
    margin: 0; }
    .masthead-logo h1 .badge {
      font-size: 0.4em;
      padding: 0.4em;
      background: #fff;
      color: #2276ac; }
    .masthead-logo h1 a:link {
      overflow: hidden;
      height: 50px;
      width: 215px;
      background-repeat: no-repeat;
      display: inline-block;
      -webkit-transition: background-image 0.1s linear;
      -moz-transition: background-image 0.1s linear;
      transition: background-image 0.1s linear; }
      .masthead-logo h1 a:link:before {
        content: "";
        display: block;
        width: 0;
        height: 100%; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        .masthead-logo h1 a:link {
          background-size: auto 50px; } }
  .masthead-logo.application-logo a:link, .masthead-logo.application-logo a:visited {
    color: #fff;
    padding: 23px 0 5px 70px;
    font-weight: 100;
    font-size: 0.8em;
    overflow: inherit;
    height: inherit; }
  .masthead-logo.earthdata-logo a:link {
    overflow: hidden;
    font-size: 0;
    background-image: url(../images/nasa-logo.png); }
    .masthead-logo.earthdata-logo a:link:before {
      content: "";
      display: block;
      width: 0;
      height: 100%; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      .masthead-logo.earthdata-logo a:link {
        background-image: url(../images/nasa-logo_2x.png); } }
  .masthead-logo.earthdata-logo a:hover {
    background-image: url(../images/nasa-logo_hover.png); }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      .masthead-logo.earthdata-logo a:hover {
        background-image: url(../images/nasa-logo_hover_2x.png); } }

.poi.container {
  position: relative;
  overflow: hidden;
  background: #ecf0f1; }
  .poi.container div.point {
    position: absolute;
    margin: -16px 0 0 -16px;
    padding: 0; }
    .poi.container div.point div.marker {
      width: 32px;
      height: 32px;
      background: #24c75b;
      -moz-background-clip: padding-box;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: solid 10.66667px rgba(20, 90, 20, 0.5);
      border-radius: 16px;
      z-index: 1000;
      position: relative; }
    .poi.container div.point .callout {
      visibility: hidden;
      width: 320px;
      position: absolute;
      top: -50%;
      left: 16px;
      padding: 0;
      background: rgba(0, 0, 0, 0.6);
      color: #fff;
      font-size: 0.75em;
      z-index: 1;
      border-radius: 2px;
      opacity: 0;
      -webkit-transition: opacity 0.25s ease-in-out;
      -moz-transition: opacity 0.25s ease-in-out;
      transition: opacity 0.25s ease-in-out; }
      .poi.container div.point .callout:before {
        content: " ";
        z-index: 999;
        position: absolute;
        left: -24px;
        top: 8px;
        width: 24px;
        height: 48px;
        background: rgba(0, 0, 0, 0.6);
        border-radius: 24px 0 0 24px; }
      .poi.container div.point .callout div.callout-content, .poi.container div.point .callout div.data-options {
        padding: 10px 10px 10px 32px; }
      .poi.container div.point .callout.right {
        left: -304px; }
        .poi.container div.point .callout.right div.callout-content, .poi.container div.point .callout.right div.data-options {
          padding: 10px 32px 10px 20px; }
        .poi.container div.point .callout.right:before {
          left: auto;
          right: -24px;
          width: 24px;
          height: 48px;
          background: rgba(0, 0, 0, 0.6);
          border-radius: 0 24px 24px 0; }
      .poi.container div.point .callout.bottom {
        top: -101px; }
        .poi.container div.point .callout.bottom div.callout-content, .poi.container div.point .callout.bottom div.data-options {
          padding: 10px 32px 10px 20px; }
        .poi.container div.point .callout.bottom:before {
          top: 93px; }
    .poi.container div.point div.data-options {
      background-color: rgba(0, 0, 0, 0.75);
      padding: .2em 1em;
      border-bottom-left-radius: 2px;
      border-bottom-right-radius: 2px; }
      .poi.container div.point div.data-options a {
        color: #95a5a6; }
      .poi.container div.point div.data-options i {
        margin-right: .4em; }
    .poi.container div.point:hover div.marker:before, .poi.container div.point:active div.marker:before, .poi.container div.point.visible div.marker:before {
      content: " ";
      margin: 0;
      padding: 0; }
    .poi.container div.point:hover div.callout, .poi.container div.point:active div.callout, .poi.container div.point.visible div.callout {
      display: block;
      visibility: visible;
      z-index: 999;
      opacity: 1; }

input.search-home {
  margin: 0px;
  width: 25em;
  border: none;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  float: left; }
  input.search-home:focus {
    outline: none;
    box-shadow: inset 0 0 0.2em #2c3e50; }

.btn.search-home {
  padding: .6em 1em;
  border: none;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }

ul.select-bar {
  width: 100%;
  padding: 20px 0 20px 0;
  background: #2c3e50;
  list-style-type: none;
  text-align: center;
  margin: 0; }
  ul.select-bar li {
    display: inline-block;
    margin: 0 10px 0 10px;
    color: rgba(255, 255, 255, 0.5); }
    ul.select-bar li:hover {
      color: white; }
    ul.select-bar li a:link, ul.select-bar li a:visited {
      color: inherit; }
  ul.select-bar li.active {
    color: white; }

pre {
  border: solid #cbd7e3 1px;
  background-color: #ecf1f5;
  padding: 1em;
  border-radius: 5px;
  line-height: 1.4em; }

.super-bullet {
  margin: 1em 0; }
  .super-bullet .super-bullet-icon, .super-bullet .super-bullet-image {
    display: table-cell;
    vertical-align: middle; }
    .super-bullet .super-bullet-icon i, .super-bullet .super-bullet-image i {
      background: #95a5a6;
      border-radius: 50%;
      height: 4em;
      width: 4em;
      display: block;
      padding-top: 1.5em;
      color: #fff;
      margin-right: 1em; }
    .super-bullet .super-bullet-icon img, .super-bullet .super-bullet-image img {
      border: none;
      border-radius: 50%;
      background: #95a5a6;
      margin-right: 1em;
      padding: 2px;
      width: 4em;
      height: 4em;
      max-width: inherit;
      display: block; }
  .super-bullet .super-bullet-content {
    display: table-cell;
    padding-right: 1em; }
    .super-bullet .super-bullet-content h4 {
      margin: 0 0 .2em 0;
      font-weight: bold; }
    .super-bullet .super-bullet-content p {
      margin: 0; }
  .super-bullet .ed-fa-align-left {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
  .super-bullet a:link, .super-bullet a:visited {
    color: #323232; }
    .super-bullet a:link:hover, .super-bullet a:visited:hover {
      color: #7f7f7f; }

.feed-section {
  padding: 1.4em 0; }
  .feed-section .feed-grid {
    display: inline-block; }
    .feed-section .feed-grid ul {
      display: block;
      margin: 0;
      padding: 0; }
    .feed-section .feed-grid li {
      float: left;
      list-style: none;
      width: 50%;
      padding: 1em 0em; }

.ed-icon.ed-icon-lg {
  font-size: 2em; }

.feature-grid-row {
  display: table;
  width: 100%; }
  .feature-grid-row a, .feature-grid-row a:visited {
    color: #fff;
    height: 250px;
    vertical-align: top;
    background-size: cover;
    background-position: center; }
    .feature-grid-row a:hover *, .feature-grid-row a:visited:hover * {
      color: #fff; }
  .feature-grid-row h3 {
    margin: 0;
    padding: 1.2em 1.8em 0 1.8em;
    font-size: 0.9em;
    min-height: 100px;
    font-weight: bold;
    position: absolute;
    width: 100%;
    z-index: 200;
    bottom: 0;
    -webkit-transition: min-height 0.7s ease;
    -moz-transition: min-height 0.7s ease;
    transition: min-height 0.7s ease; }
    .feature-grid-row h3 .ed-icon {
      text-align: center;
      display: table;
      vertical-align: middle;
      background-color: #2276ac;
      font-size: 2.4em;
      padding: 0;
      margin: -35px auto 10px auto;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
      line-height: 1.1em; }
  .feature-grid-row p {
    z-index: 300;
    padding: 0 1.8em 1.2em 1.8em;
    margin: 115px 0 0 0;
    position: relative;
    font-size: 0.8em;
    line-height: 1.6em;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease; }
  .feature-grid-row .story {
    text-align: center;
    position: relative;
    display: table-cell;
    width: 33.33333%; }
    .feature-grid-row .story:after {
      content: "";
      background: #000;
      opacity: 0.8;
      left: 0;
      bottom: 0;
      right: 0;
      position: absolute;
      height: 100px;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
    .feature-grid-row .story:hover h3 {
      min-height: 220px;
      background: none; }
    .feature-grid-row .story:hover p {
      visibility: visible;
      opacity: 1; }
    .feature-grid-row .story:hover:after {
      height: 250px; }
  @media screen and (max-width: 800px) {
    .feature-grid-row .story {
      display: block;
      width: 100%; }
      .feature-grid-row .story:after {
        height: 250px;
        opacity: 0.6; }
      .feature-grid-row .story h3 {
        position: inherit;
        background: none; }
        .feature-grid-row .story h3 .ed-icon {
          margin: 10px auto 10px auto; }
      .feature-grid-row .story:hover h3 {
        min-height: 100px;
        background: none; }
      .feature-grid-row .story p {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
        visibility: visible;
        opacity: 1;
        margin-top: 10px; } }

.badge {
  display: inline-block;
  vertical-align: middle;
  background: #2276ac;
  color: #fff;
  padding: 0.6em;
  text-transform: uppercase;
  line-height: 0.8em;
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
  border-radius: 4px;
  -webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  transition: background 0.2s linear; }
  .badge.badge-sm {
    font-size: 0.6em;
    font-weight: bold; }
  .badge.badge-md {
    font-size: 0.8em; }
  .badge.badge-lg {
    font-size: 1em; }
  .badge:hover {
    color: #fff;
    background: #1a5981; }

div.flyout-container {
  position: absolute;
  right: 0;
  top: 100px;
  font-size: 1em;
  background-color: black;
  color: white;
  z-index: 1010; }
  div.flyout-container div.flyout-tab, div.flyout-container > ul {
    display: table-cell; }
  div.flyout-container div.flyout-tab {
    vertical-align: middle;
    padding: 15px;
    background-color: #b3241c;
    cursor: pointer; }
    div.flyout-container div.flyout-tab div.flyout-tab-nub {
      position: absolute;
      top: 0;
      height: 100%;
      margin-left: -25px;
      padding: 15px 4px;
      background-color: #871b15;
      color: #b3241c; }
  div.flyout-container ul {
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0; }
    div.flyout-container ul li {
      display: table-cell;
      margin: 0;
      padding: 15px;
      vertical-align: middle; }
  div.flyout-container ul.flyout-details-visible {
    display: table-cell; }
    div.flyout-container ul.flyout-details-visible i {
      opacity: .5; }
    div.flyout-container ul.flyout-details-visible .link {
      background-color: #20ce6f; }
      div.flyout-container ul.flyout-details-visible .link a, div.flyout-container ul.flyout-details-visible .link i {
        color: #fff;
        opacity: 1; }

div.breadcrumb {
  margin: 0 0 2em 0; }
  div.breadcrumb ol {
    padding: 0; }
  div.breadcrumb li {
    display: inline;
    padding-right: .5em;
    font-weight: lighter; }
  div.breadcrumb li:after {
    font-family: "Earthdata-Icon-Library";
    content: "\f10f";
    padding-left: 1em;
    font-size: .8em; }
  div.breadcrumb li:last-child {
    font-weight: bold; }
  div.breadcrumb li:last-child::after {
    content: ""; }

.banner {
  padding: 0.75em 1em;
  text-align: center; }
  .banner .banner-message {
    margin: 0; }
  .banner:not(.banner-dismissible) .dismiss {
    display: none; }
  .banner .dismiss {
    padding-left: 0.3em; }
  .banner.banner-danger {
    border: 0px solid #e4b9b9;
    border-top: 3px solid #e4b9b9;
    background-color: #f2dede;
    color: #963b3b; }
    .banner.banner-danger a {
      color: #a84242;
      transition: color 0.15s ease-in-out; }
      .banner.banner-danger a:visited {
        color: #a84242; }
      .banner.banner-danger a:hover {
        color: #8b3737; }
      .banner.banner-danger a:active {
        color: #8b3737; }
  .banner.banner-info {
    border: 0px solid #9ecdeb;
    border-top: 3px solid #9ecdeb;
    background-color: #c8e3f4;
    color: #1f6d9e; }
    .banner.banner-info a {
      color: #247bb3;
      transition: color 0.15s ease-in-out; }
      .banner.banner-info a:visited {
        color: #247bb3; }
      .banner.banner-info a:hover {
        color: #1d6491; }
      .banner.banner-info a:active {
        color: #1d6491; }
  .banner.banner-success {
    border: 0px solid #c0e2b4;
    border-top: 3px solid #c0e2b4;
    background-color: #dff0d9;
    color: #509139; }
    .banner.banner-success a {
      color: #5aa340;
      transition: color 0.15s ease-in-out; }
      .banner.banner-success a:visited {
        color: #5aa340; }
      .banner.banner-success a:hover {
        color: #4a8635; }
      .banner.banner-success a:active {
        color: #4a8635; }
  .banner.banner-warn {
    border: 0px solid #f7ecb6;
    border-top: 3px solid #f7ecb6;
    background-color: #fcf8e4;
    color: #caac17; }
    .banner.banner-warn a {
      color: #e1c019;
      transition: color 0.15s ease-in-out; }
      .banner.banner-warn a:visited {
        color: #e1c019; }
      .banner.banner-warn a:hover {
        color: #bda115; }
      .banner.banner-warn a:active {
        color: #bda115; }
  .banner.banner-floating {
    border-width: 3px 1px 1px 1px; }

img {
  border: 1px solid #95a5a6;
  padding: 5px;
  display: inline-block; }

figure {
  margin: 0;
  display: table; }

figcaption {
  display: table-caption;
  caption-side: bottom;
  background: #ecf0f1;
  border: 1px solid #dae0e0;
  font-size: .9em;
  padding: .3em 1em; }

figure.img-full {
  display: block; }
  figure.img-full img {
    width: 100%;
    height: auto; }

img.img-full {
  width: 100%;
  height: auto; }

figure.img-left, img.img-left {
  float: left;
  margin: 1em 1em 1em 0; }

figure.img-right, img.img-right {
  float: right;
  margin: 0 0 1em 1em; }

figure.img-middle {
  margin: 0 auto;
  display: table; }
  figure.img-middle figcaption {
    display: table-caption;
    caption-side: bottom;
    margin: 0 auto; }

img.img-middle {
  display: block;
  margin: 0 auto; }

.social {
  padding: 2em 0; }
  .social a {
    display: inline-block;
    margin: 0 1em; }

.accordion .bar {
  padding: 0;
  margin: 0; }
  .accordion .bar .chevron-toggle {
    font-style: normal;
    font-size: 1.3em;
    float: right;
    opacity: .5;
    padding: 0 .5em;
    font-family: "Earthdata-Icon-Library";
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
    .accordion .bar .chevron-toggle:after {
      content: "\f110"; }
  .accordion .bar .closed {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  .accordion .bar li {
    list-style: none;
    padding: 0; }
    .accordion .bar li > a.js-accordion-trigger {
      color: #fff;
      font-weight: 200;
      padding: 1em;
      display: block;
      background-color: #2c3e50;
      box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.2);
      position: relative;
      z-index: 9999; }
      .accordion .bar li > a.js-accordion-trigger:hover {
        background-color: #304357; }
  .accordion .bar .submenu {
    display: block;
    padding: 0 .5em;
    max-height: 600px;
    overflow: auto; }
    .accordion .bar .submenu ul {
      margin: .5em 0; }
    .accordion .bar .submenu li {
      list-style-type: disc; }
  .accordion .bar .is-closed {
    display: none;
    padding-bottom: 0; }

.content-capsule {
  display: table;
  width: 100%;
  border-bottom: solid 1px #95a5a6;
  margin: 1em 0; }
  .content-capsule a:hover {
    opacity: .8; }
  .content-capsule .cc-thumb,
  .content-capsule .cc-content {
    display: table-cell;
    vertical-align: top; }
  .content-capsule .content-actions {
    display: none; }
  .content-capsule .thumb-container {
    width: 150px;
    height: 100px;
    display: block;
    text-align: center;
    color: #fff; }
    .content-capsule .thumb-container i, .content-capsule .thumb-container p {
      display: none; }
    .content-capsule .thumb-container ul {
      padding: 0;
      margin-top: .8em; }
    .content-capsule .thumb-container li {
      list-style: none;
      text-align: left;
      font-size: .8em; }
      .content-capsule .thumb-container li:before {
        font-family: "Earthdata-Icon-Library";
        color: #2276ac;
        content: "\f10f";
        padding-right: .5em;
        margin-left: 6px;
        position: relative; }
    .content-capsule .thumb-container.no-thumb {
      background: #323232;
      border: 0.6em solid #252525;
      padding: .4em .2em 0; }
      .content-capsule .thumb-container.no-thumb img {
        display: none; }
      .content-capsule .thumb-container.no-thumb i, .content-capsule .thumb-container.no-thumb p {
        display: inline-block;
        opacity: .3; }
      .content-capsule .thumb-container.no-thumb i {
        font-size: 1.5em; }
      .content-capsule .thumb-container.no-thumb p {
        font-size: .9em;
        margin: .3em; }
  .content-capsule .cc-thumb > img {
    width: 150px;
    height: auto;
    display: block;
    max-width: 150px; }
  .content-capsule h3 {
    margin: 0 0 0 0.8em;
    padding-top: .2em;
    color: #323232;
    display: inline-block; }
  .content-capsule .cc-content .content-link {
    display: block;
    margin: 0.6em 0.8em; }
  .content-capsule .cc-content p {
    margin: 0 0 0.8em 0.8em;
    font-size: 1em; }
  .content-capsule .cc-content .cc-meta-detail {
    font-size: .9em;
    color: #95a5a6;
    display: inline-block; }
  .content-capsule .cc-content .cc-meta i {
    vertical-align: middle; }
  .content-capsule.dataset {
    border: none; }
    .content-capsule.dataset .content-actions {
      display: inline; }
    .content-capsule.dataset .optional-links,
    .content-capsule.dataset .content-link,
    .content-capsule.dataset .content-description,
    .content-capsule.dataset .ed-icon {
      display: none; }
    .content-capsule.dataset .cc-content h3 {
      margin: .5em 0; }

.search-article {
  display: table;
  width: 100%; }
  .search-article .search-thumb,
  .search-article .article-content {
    display: table-cell;
    vertical-align: top; }
  .search-article .thumb-placeholder {
    width: 150px;
    height: 150px;
    display: block;
    text-align: center;
    color: #fff;
    background: #323232;
    border: 0.6em solid #252525; }
    .search-article .thumb-placeholder i {
      padding-top: .4em; }
    .search-article .thumb-placeholder i, .search-article .thumb-placeholder p {
      opacity: .3; }
  .search-article .search-thumb > img {
    width: 150px;
    height: auto;
    display: block;
    max-width: 150px; }
  .search-article .article-content {
    width: 100%;
    border-bottom: solid 1px #95a5a6;
    padding: 0.8em 0.8em 0 0.8em; }
    .search-article .article-content h3 {
      display: inline; }
    .search-article .article-content a {
      padding-left: .8em; }
      .search-article .article-content a:before {
        font-family: "Earthdata-Icon-Library";
        content: "\f10f";
        padding-right: .8em; }

.share-bar {
  font-size: 1.6em;
  float: right; }
  .share-bar a {
    display: inline-block;
    text-align: right;
    margin: 0;
    padding: 5px;
    color: #95a5a6; }
    .share-bar a:visited {
      color: #95a5a6; }
    .share-bar a:active, .share-bar a:hover {
      color: #798d8f; }

.sidebar-container {
  background: #ecf0f1;
  padding: 1em;
  margin: 1em 1em 2em 1em;
  border-bottom: 1px solid #cfd9db; }
  .sidebar-container ul {
    padding: 0; }
  .sidebar-container li {
    list-style: none; }
  .sidebar-container .extended-content {
    display: none;
    padding: 0;
    margin: 1em 0; }
    .sidebar-container .extended-content p {
      margin: 0; }
  .sidebar-container .toggle-extended-content {
    background: #ecf0f1;
    padding: 3px 5px;
    border-radius: 30px;
    margin: 0 auto -30px auto;
    width: 28px;
    display: block;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .sidebar-container .toggle-extended-content:hover {
      background: #cfd9db; }
    .sidebar-container .toggle-extended-content i {
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;
      font-size: 1.2em; }
    .sidebar-container .toggle-extended-content a.open i {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }

.hero {
  height: 450px;
  padding-top: 8em;
  color: #fff;
  text-align: center;
  background: #ecf0f1;
  /* Add a background image instead of the default color */
  /* background: url("../images/ocean.jpg") no-repeat left top; */
  background-size: cover; }
  .hero h2 {
    color: #fff;
    background: none;
    line-height: 1.2;
    margin: .3em;
    padding: 0;
    font-size: 4em;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.2), 0px 18px 23px rgba(0, 0, 0, 0.1); }
  .hero p {
    text-shadow: 0 0 10px #323232;
    font-style: italic; }

.callout-box {
  padding: .5em 1em;
  width: 350px; }
  .callout-box h3 {
    position: relative;
    padding: .5em .5em .5em 0;
    background-color: rgba(231, 76, 60, 0.85);
    border-right: 8px solid rgba(168, 35, 21, 0.85);
    box-shadow: -1.5em 0 0 0 rgba(231, 76, 60, 0.85);
    color: #fff;
    font-weight: 200;
    font-size: 1.5em; }
  .callout-box .callout-content {
    background-color: rgba(255, 255, 255, 0.85);
    padding: 1em; }
  .callout-box .dark {
    background-color: rgba(50, 50, 50, 0.1); }
  .callout-box ul {
    padding: 0; }
  .callout-box li {
    list-style: none;
    padding: .5em 0; }
    .callout-box li a, .callout-box li:visited {
      color: #323232; }
      .callout-box li a:hover, .callout-box li:visited:hover {
        color: #656565; }

.pagination {
  list-style-type: none;
  padding: 0;
  font-size: .8em; }
  .pagination li {
    display: inline-block; }
  .pagination a:link, .pagination a:visited {
    color: #fff;
    display: block;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
    background-color: #95a5a6;
    padding: 2px 8px;
    border-radius: 2px;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out; }
    .pagination a:link.active-page, .pagination a:visited.active-page {
      background-color: #2c3e50;
      color: #fff; }
      .pagination a:link.active-page:hover, .pagination a:visited.active-page:hover {
        background-color: #2c3e50; }
    .pagination a:link:hover, .pagination a:visited:hover {
      background-color: #798d8f; }

.nested-item-picker {
  position: relative;
  max-height: 400px;
  left: 48px; }
  .nested-item-picker .item-path {
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left top 0;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: left top 0;
    transform: rotate(90deg);
    transform-origin: left top 0;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 400px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
    .nested-item-picker .item-path > li a {
      display: inline-block;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #fff;
      display: block;
      width: 400px;
      background-color: #2276ac;
      padding: .75em;
      border-bottom: 1px solid #1a5981;
      border-top: 1px solid #2c93d5;
      -webkit-transition: background 0.15s linear;
      -moz-transition: background 0.15s linear;
      transition: background 0.15s linear; }
      .nested-item-picker .item-path > li a:hover {
        background-color: #1e6797; }
  .nested-item-picker .item-list-pane {
    width: 400px;
    height: 400px;
    border: 1px solid #95a5a6;
    background-color: #fff;
    position: relative;
    top: -48px; }
    .nested-item-picker .item-list-pane ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .nested-item-picker .item-list-pane ul li:nth-child(2n+2) {
        background-color: #ecf0f1; }
    .nested-item-picker .item-list-pane a {
      display: block;
      padding: .5em;
      color: #323232;
      -webkit-transition: background 0.15s linear;
      -moz-transition: background 0.15s linear;
      transition: background 0.15s linear; }
      .nested-item-picker .item-list-pane a:not(.list-title):hover {
        background-color: rgba(181, 206, 222, 0.4); }
      .nested-item-picker .item-list-pane a:not(.list-title):after {
        font-family: FontAwesome;
        content: '\f054';
        float: right;
        color: rgba(50, 50, 50, 0.25); }
        .nested-item-picker .item-list-pane a:not(.list-title):after:hover {
          color: #323232; }
      .nested-item-picker .item-list-pane a.final-option:after {
        content: ''; }
      .nested-item-picker .item-list-pane a:not(.list-title):hover:after {
        color: #92b7ce; }
      .nested-item-picker .item-list-pane a.final-option-selected, .nested-item-picker .item-list-pane a.final-option-selected:hover {
        color: #189c54;
        background-color: rgba(32, 206, 111, 0.1); }
        .nested-item-picker .item-list-pane a.final-option-selected:after, .nested-item-picker .item-list-pane a.final-option-selected:hover:after {
          color: #189c54;
          font-family: Earthdata-Icon-Library;
          content: "\f101"; }

/*
 * Datepicker for Bootstrap v1.6.0-dev (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 *
 * Modified with NASA EUI Styles
 */
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  direction: ltr; }
  .datepicker > div {
    display: none; }
  .datepicker table {
    border: 0;
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .datepicker table tr {
      background: #fff; }
  .datepicker th {
    background: white; }
  .datepicker td, .datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border: none; }

.datepicker-inline {
  width: 220px; }

.datepicker.datepicker-rtl {
  direction: rtl; }
  .datepicker.datepicker-rtl table tr td span {
    float: right; }

.datepicker-dropdown {
  top: 0;
  left: 0; }
  .datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #999999;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute; }
  .datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-top: 0;
    position: absolute; }
  .datepicker-dropdown.datepicker-orient-left:before {
    left: 6px; }
  .datepicker-dropdown.datepicker-orient-left:after {
    left: 7px; }
  .datepicker-dropdown.datepicker-orient-right:before {
    right: 6px; }
  .datepicker-dropdown.datepicker-orient-right:after {
    right: 7px; }
  .datepicker-dropdown.datepicker-orient-bottom:before {
    top: -7px; }
  .datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px; }
  .datepicker-dropdown.datepicker-orient-top:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999999; }
  .datepicker-dropdown.datepicker-orient-top:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #ffffff; }

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent; }

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eeeeee;
  cursor: pointer; }

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999; }

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default; }

.datepicker table tr td.highlighted {
  background: #d9edf7; }

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #eaf3f9;
  color: #000; }

.datepicker table tr td.today:hover {
  background-color: #deecf6; }

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #eaf3f9; }

.datepicker table tr td.today:hover:hover {
  color: #000; }

.datepicker table tr td.today.active:hover {
  color: #fff; }

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee; }

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  border-color: #f3e97a #f3e97a #edde34; }

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a; }

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9; }

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #2c3e50;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080; }

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9; }

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #2c3e50;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #2c3e50; }

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9; }

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.datepicker table tr td span:hover {
  background: #eeeeee; }

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default; }

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #2c3e50; }

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9; }

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999; }

.datepicker .datepicker-switch {
  width: 145px; }

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer; }

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eee; }

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle; }

.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer; }

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px; }

.input-daterange input {
  text-align: center; }

.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px; }

.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0; }

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px; }

/*
 * Bootstrap 2.3.2 Dropdown Menu
 */
.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle {
  *margin-bottom: -3px; }

.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid black;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: ""; }

.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px; }

.dropdown-menu {
  position: absolute;
  background-color: white;
  top: 100%;
  left: 0;
  z-index: 300;
  display: none;
  float: left;
  min-width: 160px;
  margin: 2px 0 0;
  list-style: none;
  border: 1px solid #ccc;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box; }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: red;
    white-space: nowrap; }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  text-decoration: none;
  color: red; }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: red;
  text-decoration: none;
  outline: 0; }

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #eee; }

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  cursor: default; }

.open {
  *z-index: 300; }
  .open > .dropdown-menu {
    display: block; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 290; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid black;
  content: ""; }
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px; }

.dropdown-submenu {
  position: relative; }

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px; }

.dropdown-submenu:hover > .dropdown-menu {
  display: block; }

.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px; }

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  margin-top: 5px;
  margin-right: -10px; }

.dropdown-submenu:hover > a:after {
  border-left-color: red; }

.dropdown-submenu.pull-left {
  float: none; }
  .dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px; }

.dropdown .dropdown-menu .nav-header {
  padding-left: 20px;
  padding-right: 20px; }

.typeahead {
  z-index: 1051;
  margin-top: 2px; }

#lean_overlay {
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #323232;
  display: none; }

.modal-content {
  width: 800px;
  display: none;
  padding: 30px;
  background: white;
  border-radius: 8px; }

/* 508 compliance screen reader classes
===========================================*/
.sr-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }