/* Framework Mixins */
/* 
UX 2.0 Color palette definitions 
http://svn/websvn-2.0/wsvn/ui-art/trunk/UX/Development/StyleGuide/UIStyleGuide.pdf
*/
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* disabled buttons */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* titles */
/* background; not active */
/* border */
/* border */
/* text */
/* links */
/* logo, login in page */
/* logo hover, login in page hover */
/* basic white */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/*
 * Utilities for handling and normal and hi-res sprites.
 *
 * Suppose you have a set of icons called "foo".  Create two
 * directories in the Compass image directory called "foo_1x" and
 * "foo_2x".  The same filenames should appear in both directories.
 * 1x is for standard resolution and 2x is for double-density.  Then
 * do this:
 *
 *   $foo_sprite: rbt-create-sprite("foo");
 *
 *   .someElementWithSpriteBackground {
 *     @include rbt-sprite($foo_sprite, "imageName");
 *   }
 *
 * The rbt-sprite mixin will set the width and height CSS attributes
 * as well as everything needed to display the background image.
 */
/* Make an element completely transparent. */
/* Make an element completely opaque. */
* html {
  font-size: 93.75%;
}

html {
  font-size: 15px;
  line-height: 1.6em;
}

/* OpenSans */
@font-face {
  font-family: "OpenSans";
  src: url(/static/fonts/OpenSans_400.eot);
  src: url(/static/fonts/OpenSans_400.eot?#iefix) format('eot'), url(/static/fonts/OpenSans_400.woff) format('woff');
  font-weight: 400;
  font-style: normal;
}

/* OpenSans, italic */
@font-face {
  font-family: "OpenSans";
  src: url(/static/fonts/OpenSans_400italic.eot);
  src: url(/static/fonts/OpenSans_400italic.eot?#iefix) format('eot'), url(/static/fonts/OpenSans_400italic.woff) format('woff');
  font-weight: 400;
  font-style: italic;
}

/* OpenSans, bold */
@font-face {
  font-family: "OpenSans";
  src: url(/static/fonts/OpenSans_700.eot);
  src: url(/static/fonts/OpenSans_700.eot?#iefix) format('eot'), url(/static/fonts/OpenSans_700.woff) format('woff');
  font-weight: 700;
  font-style: normal;
}

/* OpenSans, bold, italic */
@font-face {
  font-family: "OpenSans";
  src: url(/static/fonts/OpenSans_700italic.eot);
  src: url(/static/fonts/OpenSans_700italic.eot?#iefix) format('eot'), url(/static/fonts/OpenSans_700italic.woff) format('woff');
  font-weight: 700;
  font-style: italic;
}

/* OpenSans, semibold */
@font-face {
  font-family: "OpenSans";
  src: url(/static/fonts/OpenSans_600.eot);
  src: url(/static/fonts/OpenSans_600.eot?#iefix) format('eot'), url(/static/fonts/OpenSans_600.woff) format('woff');
  font-weight: 600;
  font-style: normal;
}

/* DIN Engschrift Std */
@font-face {
  font-family: "DIN";
  src: url(/static/fonts/din1.eot);
  src: url(/static/fonts/din1.eot?#iefix) format('eot'), url(/static/fonts/din1.woff) format('woff');
  font-weight: 400;
  font-style: normal;
}

/* Antonio */
@font-face {
  font-family: "Anto";
  src: url(/static/fonts/anto-regular.eot);
  src: url(/static/fonts/anto-regular.eot?#iefix) format('eot'), url(/static/fonts/anto-regular.woff) format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Anto";
  src: url(/static/fonts/anto-bold.eot);
  src: url(/static/fonts/anto-bold.eot?#iefix) format('eot'), url(/static/fonts/anto-bold.woff) format('woff');
  font-weight: 600;
  font-style: normal;
}

/* SourceCodePro */
@font-face {
  font-family: "SourceCodePro";
  src: url(/static/fonts/SourceCodePro-Regular.eot);
  src: url(/static/fonts/SourceCodePro-Regular.eot?#iefix) format('eot'), url(/static/fonts/SourceCodePro-Regular.otf.woff) format('woff');
  font-weight: 400;
}

body {
  color: #545b5b;
  font-family: 'OpenSans';
  font-size: 14px;
  line-height: 20px;
  text-rendering: optimizeLegibility;
}

p {
  margin-top: 1.6em;
  margin-bottom: 1.6em;
}

/* Used for page title */
h1 {
  font-size: 30px;
  font-family: 'OpenSans';
  color: #2b3d4f;
}

/* Used for module title */
h2 {
  font-size: 22px;
  font-family: 'OpenSans';
  color: #2b3d4f;
}

ul {
  list-style: disc inside none;
}

blockquote {
  padding: 0 2em;
}

em {
  font-style: italic;
}

strong {
  font-weight: 700;
}

tt {
  padding: 0 0.25em;
  background-color: rgba(0, 0, 0, 0.08);
  border: 0.07407407em solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 0.14814815em;
  -moz-border-radius: 0.14814815em;
  -ms-border-radius: 0.14814815em;
  -o-border-radius: 0.14814815em;
  border-radius: 0.14814815em;
  font-family: "SourceCodePro";
}

a {
  color: #545b5b;
  border-bottom: 1px dotted #545b5b;
  text-decoration: none;
}
a:hover {
  color: #bcc2c7;
  border-bottom: 1px solid #bcc2c7;
}

.hint, .hintSmall {
  color: #95a5a6;
  font-style: italic;
}

.hintSmall {
  font-size: 10px;
  padding: 0 0 0 3px;
}

/* this is imported by base */
/*
 * Utilities for handling and normal and hi-res sprites.
 *
 * Suppose you have a set of icons called "foo".  Create two
 * directories in the Compass image directory called "foo_1x" and
 * "foo_2x".  The same filenames should appear in both directories.
 * 1x is for standard resolution and 2x is for double-density.  Then
 * do this:
 *
 *   $foo_sprite: rbt-create-sprite("foo");
 *
 *   .someElementWithSpriteBackground {
 *     @include rbt-sprite($foo_sprite, "imageName");
 *   }
 *
 * The rbt-sprite mixin will set the width and height CSS attributes
 * as well as everything needed to display the background image.
 */
/* Make an element completely transparent. */
/* Make an element completely opaque. */
/* Framework Mixins */
/* 
UX 2.0 Color palette definitions 
http://svn/websvn-2.0/wsvn/ui-art/trunk/UX/Development/StyleGuide/UIStyleGuide.pdf
*/
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* disabled buttons */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* titles */
/* background; not active */
/* border */
/* border */
/* text */
/* links */
/* logo, login in page */
/* logo hover, login in page hover */
/* basic white */
/* Old color presets 
  This is all garbage that should go away once the transition to the new 
  style guide is complete.
*/
table {
  border-collapse: separate;
}

label,
span.label {
  vertical-align: middle;
}

label.inlinePre,
span.label.inlinePre {
  margin-right: 10px;
}

span.continuation {
  margin-left: 1.28431373em;
}

.invalid {
  background-color: #fae7ea !important;
}

.modified {
  border: 1px solid #16a085 !important;
}

input[type=text],
input[type=password],
textarea {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  outline: 0;
  padding: 3px 5px;
  margin: 0;
  /* override browser default margins */
  width: 150px;
  /* default width */
  border: 1px solid #95a5a6;
  background-color: white;
  color: #545b5b;
  font-family: 'OpenSans';
  font-size: 14px;
  line-height: 20px;
  /* override default input element line height for some browsers
   * (Chrome 31) */
  line-height: 20px;
  /* needed by Webkit for some reason; otherwise defaults to auto,
   * even though it should inherit from body (2013/03) */
  text-rendering: optimizeLegibility;
  transition: border 0.1s ease-out, box-shadow 0.1s ease-out, background-color 0.1s ease-out;
}

textarea {
  overflow: auto;
}

.yui3-rbt-form-textarea {
  display: inline-block;
}

.yui3-rbt-form-textarea-focused textarea {
  /* (26,188,156) = #1abc9c */
  -webkit-box-shadow: 0 0 0.25em 0.25em rgba(26, 188, 156, 0.4);
  -moz-box-shadow: 0 0 0.25em 0.25em rgba(26, 188, 156, 0.4);
  box-shadow: 0 0 0.25em 0.25em rgba(26, 188, 156, 0.4);
  border-color: #1abc9c !important;
}
.yui3-rbt-form-textarea-focused textarea.invalid {
  /* (192,57,43) = #c0392b */
  -webkit-box-shadow: 0 0 0.25em 0.25em rgba(192, 57, 43, 0.4);
  -moz-box-shadow: 0 0 0.25em 0.25em rgba(192, 57, 43, 0.4);
  box-shadow: 0 0 0.25em 0.25em rgba(192, 57, 43, 0.4);
  border-color: #c0392b !important;
}

.yui3-rbt-form-textarea-disabled textarea {
  background-color: #dde1e2;
  color: #95a5a6;
  border-color: #bcc2c7;
}

.yui3-rbt-form-textfield-focused input,
.yui3-rbt-form-password-focused input {
  /* (26,188,156) = #1abc9c */
  -webkit-box-shadow: 0 0 0.25em 0.25em rgba(26, 188, 156, 0.4);
  -moz-box-shadow: 0 0 0.25em 0.25em rgba(26, 188, 156, 0.4);
  box-shadow: 0 0 0.25em 0.25em rgba(26, 188, 156, 0.4);
  border-color: #1abc9c !important;
}
.yui3-rbt-form-textfield-focused input.invalid,
.yui3-rbt-form-password-focused input.invalid {
  /* (192,57,43) = #c0392b */
  -webkit-box-shadow: 0 0 0.25em 0.25em rgba(192, 57, 43, 0.4);
  -moz-box-shadow: 0 0 0.25em 0.25em rgba(192, 57, 43, 0.4);
  box-shadow: 0 0 0.25em 0.25em rgba(192, 57, 43, 0.4);
  border-color: #c0392b !important;
}

.yui3-rbt-form-textfield-disabled input,
.yui3-rbt-form-password-disabled input {
  background-color: #dde1e2;
  color: #95a5a6;
  border-color: #bcc2c7;
}

/* IE8/9 placeholer */
.yui3-rbt-ie-placeholder {
  position: absolute;
  padding-left: 0 0.25em;
  border: 2px solid transparent;
  color: #999999;
  font-size: 0.75em;
  margin-left: 3px;
}

span.staticField {
  padding-left: 0.33888889em;
  font-family: "OpenSans";
  font-size: 0.75em;
  /* this is a bit hacky; for some reason making the font size 0.75
   * messes up the vertical rhythm in FF when a staticField is used in
   * a table */
  line-height: 0;
}

fieldset legend {
  font-size: 20px;
  color: #2b3d4f;
  font-weight: 400;
  padding-top: 15px;
  padding-bottom: 10px;
}

table.form tr.textarea > td {
  vertical-align: middle;
}
table.form td {
  vertical-align: baseline;
  padding-bottom: 5px;
}
table.form td:first-child {
  padding-right: 10px;
}

div.indent {
  padding-left: 2.75em;
}

div.buttonContainer {
  margin: 12px 0 0 0;
}

input[type=text].ipv4,
textarea.ipv4 {
  width: 9.6em;
}

input[type=text].ipv4Prefix {
  width: 1.8em;
}

input[type=text].ipv6,
textarea.ipv6 {
  width: 24em;
}

input[type=text].ipv6Prefix {
  width: 2.4em;
}

input[type=text].mtu {
  width: 3.6em;
}

input[type=text].port {
  width: 3.1em;
}

input[type=text].hostname {
  width: 11.3em;
}

input[type=text].email,
textarea.email {
  width: 18em;
}

input[type=text].timeUnit {
  /* for number of sec/min/hour/day fields */
  width: 3.1em;
}

/* checkbox */
/*Hide the checkbox off-screen*/
.yui3-rbt-form-checkbox-content,
.yui3-rbt-form-radiobutton-content {
  position: absolute;
  left: -10000px;
}

.yui3-rbt-form-checkbox img,
.yui3-rbt-form-radiobutton img {
  vertical-align: middle;
}

.yui3-rbt-form-checkbox-focused,
.yui3-rbt-form-radiobutton-focused {
  outline: 0;
}

/* select */
.yui3-rbt-form-select {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  display: inline-block;
  font-family: "OpenSans";
  padding: 3px 5px;
  background-color: white;
  border: 1px solid #95a5a6;
  transition: border 0.1s ease-out, box-shadow 0.1s ease-out, background-color 0.1s ease-out;
}
.yui3-rbt-form-select input.yui3-rbt-form-select-input {
  width: 124px;
  background-color: white;
  border: 0em;
  padding: 0px;
}
.yui3-rbt-form-select input.yui3-rbt-form-select-input:hover {
  cursor: pointer;
}
.yui3-rbt-form-select span.yui3-rbt-form-select-arrow-container {
  float: right;
  margin-right: 3px;
}
.yui3-rbt-form-select span.yui3-rbt-form-select-arrow-container span.yui3-rbt-form-select-arrow {
  display: inline-block;
  vertical-align: middle;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-top: 0.6em solid #545b5b;
}
.yui3-rbt-form-select span.yui3-rbt-form-select-arrow-container span.yui3-rbt-form-select-arrow.expanded {
  border-top: none;
  border-bottom: 0.6em solid #545b5b;
}
.yui3-rbt-form-select .yui3-aclist-hidden {
  display: none;
}
.yui3-rbt-form-select .yui3-aclist .yui3-aclist-content {
  position: relative;
  cursor: default;
  z-index: 1;
  left: -0.35em;
}
.yui3-rbt-form-select .yui3-aclist .yui3-aclist-content ul.yui3-aclist-list {
  position: relative;
  top: 3px;
  left: -1px;
  list-style: none outside none;
  border: 1px solid #bcc2c7;
  line-height: 1.1em;
  max-width: 300px;
  max-height: 300px;
  overflow-y: auto;
}
.yui3-rbt-form-select .yui3-aclist .yui3-aclist-content ul.yui3-aclist-list li.yui3-aclist-item {
  background-color: white;
  min-height: 1.1em;
  padding: 0.5em 0.25em;
}
.yui3-rbt-form-select .yui3-aclist .yui3-aclist-content ul.yui3-aclist-list li.yui3-aclist-item-hover {
  background-color: #ebeff1;
}
.yui3-rbt-form-select .yui3-aclist-aria {
  display: none;
}

.yui3-rbt-form-select-focused {
  outline: 0;
  /*@include rbt-shadow();*/
}

.yui3-rbt-form-select-modified {
  border: 1px solid #16a085;
}

.yui3-rbt-form-select-disabled {
  background-color: #dde1e2;
  border-color: #bcc2c7;
}
.yui3-rbt-form-select-disabled input.yui3-rbt-form-select-input {
  background-color: #dde1e2;
  color: #95a5a6;
}
.yui3-rbt-form-select-disabled span.yui3-rbt-form-select-arrow-container {
  background-color: #dde1e2;
}
.yui3-rbt-form-select-disabled span.yui3-rbt-form-select-arrow-container span.yui3-rbt-form-select-arrow {
  border-top: 0.6em solid #95a5a6;
}
.yui3-rbt-form-select-disabled input.yui3-rbt-form-select-input:hover {
  cursor: default;
}

.yui3-rbt-form-select:hover {
  cursor: pointer;
}

.yui3-rbt-form-select-disabled:hover {
  cursor: default;
}

/* submit button */
/* Bounding box for a button group */
.yui3-rbt-button-group,
.yui3-rbt-submit-button {
  margin: 1em 0em;
}

.yui3-rbt-button-group-error-anchor,
.yui3-rbt-submit-button-error-anchor {
  display: inline-block;
  height: 1.2em;
  width: 1.2em;
  margin-left: 12px;
  margin-bottom: 2px;
  vertical-align: bottom;
  cursor: help;
  /* Normal and hi-res backgrounds use the same element dimensions and
   * background size.  The only differences are the image itself and
   * the position. */
  width: 18px;
  height: 18px;
  background-image: url('/static/images/base_1x-s2c7ec15f17.png');
  background-position: 0 -166px;
  background-repeat: no-repeat;
  background-size: 24px 436px;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (-webkit-min-device-pixel-ratio: 2) {
  .yui3-rbt-button-group-error-anchor,
  .yui3-rbt-submit-button-error-anchor {
    background-image: url('/static/images/base_2x-s445d443491.png');
    /* Read out the background position and divide the dimensions by 2
     * because the position is in screen pixels.  We can't just use
     * the 1x numbers because Compass may generate different layouts
     * for the 1x and 2x sprites. */
    background-position: 0 -186px;
  }
}

.yui3-rbt-button-group-action-anchor,
.yui3-rbt-submit-button-action-anchor {
  display: inline-block;
  height: 1.2em;
  width: 1.2em;
  margin-left: 12px;
  margin-bottom: 2px;
  vertical-align: bottom;
  cursor: help;
  /* Normal and hi-res backgrounds use the same element dimensions and
   * background size.  The only differences are the image itself and
   * the position. */
  width: 18px;
  height: 18px;
  background-image: url('/static/images/base_1x-s2c7ec15f17.png');
  background-position: 0 -148px;
  background-repeat: no-repeat;
  background-size: 24px 436px;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (-webkit-min-device-pixel-ratio: 2) {
  .yui3-rbt-button-group-action-anchor,
  .yui3-rbt-submit-button-action-anchor {
    background-image: url('/static/images/base_2x-s445d443491.png');
    /* Read out the background position and divide the dimensions by 2
     * because the position is in screen pixels.  We can't just use
     * the 1x numbers because Compass may generate different layouts
     * for the 1x and 2x sprites. */
    background-position: 0 -144px;
  }
}

.yui3-rbt-button-group-button,
.yui3-rbt-submit-button-submit-button,
.yui3-rbt-submit-button-reset-button {
  transition: border 0.1s ease-out, box-shadow 0.1s ease-out, background-color 0.1s ease-out;
  outline: none;
  font-family: 'OpenSans';
  font-weight: 400;
  font-size: 16px;
  border: 0em;
  padding: 5px 30px;
  /* remove the dotted focus indicator in FF */
}
.yui3-rbt-button-group-button::-moz-focus-inner,
.yui3-rbt-submit-button-submit-button::-moz-focus-inner,
.yui3-rbt-submit-button-reset-button::-moz-focus-inner {
  border: 0;
}

.yui3-rbt-button-group-button,
.yui3-rbt-submit-button-submit-button {
  background-color: #2b3d4f;
  color: white;
  margin-right: 8px;
  /* Giving a 1px border of the same color to preserve matching heights in buttons */
  border: 1px solid #2b3d4f;
}

.yui3-rbt-submit-button-reset-button {
  background-color: white;
  color: #545b5b;
  border: 1px solid #2b3d4f;
}

.yui3-rbt-button-group-focused,
.yui3-rbt-submit-button-focused {
  outline: 0;
}

.yui3-rbt-button-group-button[disabled],
.yui3-rbt-button-group-button[disabled]:hover,
.yui3-rbt-submit-button-submit-button[disabled],
.yui3-rbt-submit-button-submit-button[disabled]:hover {
  background-color: #b4c6d6;
  color: white;
  cursor: default;
  border: 1px solid #b4c6d6;
}

.yui3-rbt-submit-button-reset-button[disabled],
.yui3-rbt-submit-button-reset-button[disabled]:hover {
  background-color: white;
  color: #dde1e2;
  cursor: default;
  border: 1px solid #b4c6d6;
}

.yui3-rbt-button-group-button:hover,
.yui3-rbt-submit-button-submit-button:hover {
  background-color: #4c638c;
  color: white;
  cursor: pointer;
  border: 1px solid #4c638c;
}

.yui3-rbt-submit-button-reset-button:hover {
  background-color: #ebeff1;
  color: #545b5b;
  cursor: pointer;
  border: 1px solid #2b3d4f;
}

/* uploader */
.yui3-rbt-form-uploader .yui3-rbt-file-percent,
.yui3-rbt-form-filefield .yui3-rbt-file-percent {
  padding-left: 0.5em;
}
.yui3-rbt-form-uploader input.yui3-rbt-file-field,
.yui3-rbt-form-filefield input.yui3-rbt-file-field {
  width: 24em;
  transition: border 0.1s ease-out, box-shadow 0.1s ease-out, background-color 0.1s ease-out;
}
.yui3-rbt-form-uploader input:hover,
.yui3-rbt-form-filefield input:hover {
  cursor: pointer;
}
.yui3-rbt-form-uploader a:hover,
.yui3-rbt-form-filefield a:hover {
  cursor: pointer;
}
.yui3-rbt-form-uploader .yui3-rbt-file-link,
.yui3-rbt-form-filefield .yui3-rbt-file-link {
  text-decoration: underline;
  margin-left: 0.5em;
  font-size: 0.75em;
}
.yui3-rbt-form-uploader .yui3-rbt-file-link:hover,
.yui3-rbt-form-filefield .yui3-rbt-file-link:hover {
  cursor: pointer;
}

.yui3-rbt-form-filefield-content {
  display: none;
  z-index: 1;
}

.yui3-rbt-form-uploader-focused,
.yui3-rbt-form-filefield-focused {
  outline: 0;
}
.yui3-rbt-form-uploader-focused input.yui3-rbt-file-field,
.yui3-rbt-form-filefield-focused input.yui3-rbt-file-field {
  /* (26,188,156) = #1abc9c */
  -webkit-box-shadow: 0 0 0.25em 0.25em rgba(26, 188, 156, 0.4);
  -moz-box-shadow: 0 0 0.25em 0.25em rgba(26, 188, 156, 0.4);
  box-shadow: 0 0 0.25em 0.25em rgba(26, 188, 156, 0.4);
  border-color: #1abc9c !important;
}
.yui3-rbt-form-uploader-focused input.yui3-rbt-file-field.invalid,
.yui3-rbt-form-filefield-focused input.yui3-rbt-file-field.invalid {
  /* (192,57,43) = #c0392b */
  -webkit-box-shadow: 0 0 0.25em 0.25em rgba(192, 57, 43, 0.4);
  -moz-box-shadow: 0 0 0.25em 0.25em rgba(192, 57, 43, 0.4);
  box-shadow: 0 0 0.25em 0.25em rgba(192, 57, 43, 0.4);
  border-color: #c0392b !important;
}

.yui3-rbt-form-uploader-disabled,
.yui3-rbt-form-filefield-disabled {
  color: #95a5a6;
  cursor: default;
}
.yui3-rbt-form-uploader-disabled .yui3-rbt-file-field,
.yui3-rbt-form-filefield-disabled .yui3-rbt-file-field {
  background-color: #dde1e2;
  border-color: #bcc2c7;
}
.yui3-rbt-form-uploader-disabled .yui3-rbt-file-field:hover,
.yui3-rbt-form-filefield-disabled .yui3-rbt-file-field:hover {
  cursor: default;
}
.yui3-rbt-form-uploader-disabled .yui3-rbt-file-link:hover,
.yui3-rbt-form-filefield-disabled .yui3-rbt-file-link:hover {
  cursor: default;
}

/* datepicker */
.yui3-rbt-form-datepicker-focused {
  outline: 0;
}
.yui3-rbt-form-datepicker-focused input {
  /* (26,188,156) = #1abc9c */
  -webkit-box-shadow: 0 0 0.25em 0.25em rgba(26, 188, 156, 0.4);
  -moz-box-shadow: 0 0 0.25em 0.25em rgba(26, 188, 156, 0.4);
  box-shadow: 0 0 0.25em 0.25em rgba(26, 188, 156, 0.4);
  border-color: #1abc9c !important;
}
.yui3-rbt-form-datepicker-focused input.invalid {
  /* (192,57,43) = #c0392b */
  -webkit-box-shadow: 0 0 0.25em 0.25em rgba(192, 57, 43, 0.4);
  -moz-box-shadow: 0 0 0.25em 0.25em rgba(192, 57, 43, 0.4);
  box-shadow: 0 0 0.25em 0.25em rgba(192, 57, 43, 0.4);
  border-color: #c0392b !important;
}

.yui3-rbt-form-datepicker-disabled input {
  color: #95a5a6;
  background-color: #dde1e2;
  border-color: #bcc2c7;
}

input.yui3-rbt-form-datepicker-content {
  width: 6.5em;
}

/* spinner */
@-webkit-keyframes show-spinner-circle {
  from {
    transform: scale(0.001);
  }

  to {
    transform: scale(1);
  }
}

@keyframes show-spinner-circle {
  from {
    transform: scale(0.001);
  }

  to {
    transform: scale(1);
  }
}

@-webkit-keyframes flow-spinner-circle {
  to {
    transform: translateX(12px);
  }
}

@keyframes flow-spinner-circle {
  to {
    transform: translateX(12px);
  }
}

.yui3-rbt-loading-test,
.yui3-rbt-loading {
  position: relative;
  margin-left: 6px;
  padding-right: 32px;
}
.yui3-rbt-loading-test .circle,
.yui3-rbt-loading .circle {
  top: 5px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #FF671B;
  position: absolute;
}
.yui3-rbt-loading-test .circle1, .yui3-rbt-loading-test .circle2,
.yui3-rbt-loading .circle1,
.yui3-rbt-loading .circle2 {
  left: 0;
}
.yui3-rbt-loading-test .circle3,
.yui3-rbt-loading .circle3 {
  left: 12px;
}
.yui3-rbt-loading-test .circle4,
.yui3-rbt-loading .circle4 {
  left: 24px;
}

.yui3-rbt-loading .circle {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.yui3-rbt-loading .circle1 {
  -webkit-animation-name: show-spinner-circle;
  -moz-animation-name: show-spinner-circle;
  animation-name: show-spinner-circle;
}
.yui3-rbt-loading .circle2, .yui3-rbt-loading .circle3 {
  -webkit-animation-name: flow-spinner-circle;
  -moz-animation-name: flow-spinner-circle;
  animation-name: flow-spinner-circle;
}
.yui3-rbt-loading .circle4 {
  -webkit-animation-name: show-spinner-circle;
  -moz-animation-name: show-spinner-circle;
  animation-name: show-spinner-circle;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}

/* this is imported by base */
/* Framework Mixins */
/* 
UX 2.0 Color palette definitions 
http://svn/websvn-2.0/wsvn/ui-art/trunk/UX/Development/StyleGuide/UIStyleGuide.pdf
*/
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* disabled buttons */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* titles */
/* background; not active */
/* border */
/* border */
/* text */
/* links */
/* logo, login in page */
/* logo hover, login in page hover */
/* basic white */
/*
 * Utilities for handling and normal and hi-res sprites.
 *
 * Suppose you have a set of icons called "foo".  Create two
 * directories in the Compass image directory called "foo_1x" and
 * "foo_2x".  The same filenames should appear in both directories.
 * 1x is for standard resolution and 2x is for double-density.  Then
 * do this:
 *
 *   $foo_sprite: rbt-create-sprite("foo");
 *
 *   .someElementWithSpriteBackground {
 *     @include rbt-sprite($foo_sprite, "imageName");
 *   }
 *
 * The rbt-sprite mixin will set the width and height CSS attributes
 * as well as everything needed to display the background image.
 */
/* Make an element completely transparent. */
/* Make an element completely opaque. */
.yui3-datatable {
  padding-bottom: 25px;
}

.yui3-rbttable-table {
  font-size: 14px;
  border-collapse: collapse;
}
.yui3-rbttable-table thead th.yui3-rbttable-header {
  background-color: #ebeff1;
  text-align: left;
  padding: 5px 15px;
  line-height: 15px;
}
.yui3-rbttable-table thead th.web3-align-right-text {
  text-align: right;
}
.yui3-rbttable-table thead th.web3-align-left-text {
  text-align: left;
}
.yui3-rbttable-table thead th.web3-align-center-text {
  text-align: center;
}
.yui3-rbttable-table thead th.web3-padding-just-one {
  padding: 5px 30px 5px 10px;
}
.yui3-rbttable-table thead th.web3-padding-first {
  padding: 5px 15px 5px 10px;
}
.yui3-rbttable-table thead th.web3-padding-move {
  padding: 5px 10px 5px 0px;
}
.yui3-rbttable-table thead th.web3-padding-delete {
  padding: 5px 0px 5px 0px;
}
.yui3-rbttable-table thead th.web3-padding-just-one-delete-move {
  padding: 5px 10px 5px 0px;
}
.yui3-rbttable-table thead th.web3-padding-last-text {
  padding: 5px 30px 5px 15px;
}
.yui3-rbttable-table tr.yui3-rbttable-even,
.yui3-rbttable-table tr.yui3-rbttable-odd {
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}
.yui3-rbttable-table tr.yui3-rbttable-even td.yui3-rbttable-cell.yui3-delete-row .yui3-delete-row-button span,
.yui3-rbttable-table tr.yui3-rbttable-odd td.yui3-rbttable-cell.yui3-delete-row .yui3-delete-row-button span {
  background-position: center left;
  opacity: 0;
  -webkit-transition: background-position 250ms ease-in-out, opacity 250ms linear;
  -moz-transition: background-position 250ms ease-in-out, opacity 250ms linear;
  -o-transition: background-position 250ms ease-in-out, opacity 250ms linear;
  transition: background-position 250ms ease-in-out,  opacity 250ms linear;
  background-image: url(/static/images/table/svg/table_deleteRow.svg);
}
.yui3-rbttable-table tr.yui3-rbttable-even td.yui3-rbttable-cell.yui3-move-row .yui3-drag-handle span,
.yui3-rbttable-table tr.yui3-rbttable-odd td.yui3-rbttable-cell.yui3-move-row .yui3-drag-handle span {
  background-position: center left;
  opacity: 0;
  -webkit-transition: background-position 250ms ease-in-out, opacity 250ms linear;
  -moz-transition: background-position 250ms ease-in-out, opacity 250ms linear;
  -o-transition: background-position 250ms ease-in-out, opacity 250ms linear;
  transition: background-position 250ms ease-in-out,  opacity 250ms linear;
  background-image: url("/static/images/table/svg/table_moveRow.svg");
}
.yui3-rbttable-table tr.yui3-rbttable-even:not(.yui3-details-pane):hover,
.yui3-rbttable-table tr.yui3-rbttable-odd:not(.yui3-details-pane):hover {
  background-color: #fce6c4;
  cursor: default;
  /* turn on the delete button for the hover state */
  /* turn on the move button for the hover state */
}
.yui3-rbttable-table tr.yui3-rbttable-even:not(.yui3-details-pane):hover td.yui3-rbttable-cell.yui3-delete-row .yui3-delete-row-button span,
.yui3-rbttable-table tr.yui3-rbttable-odd:not(.yui3-details-pane):hover td.yui3-rbttable-cell.yui3-delete-row .yui3-delete-row-button span {
  background-position: center right;
  opacity: 1;
}
.yui3-rbttable-table tr.yui3-rbttable-even:not(.yui3-details-pane):hover td.yui3-rbttable-cell.yui3-delete-row .yui3-delete-row-button:hover span,
.yui3-rbttable-table tr.yui3-rbttable-odd:not(.yui3-details-pane):hover td.yui3-rbttable-cell.yui3-delete-row .yui3-delete-row-button:hover span {
  background-repeat: no-repeat;
  background-image: url(/static/images/table/svg/table_deleteRow_hover.svg);
}
.yui3-rbttable-table tr.yui3-rbttable-even:not(.yui3-details-pane):hover td.yui3-rbttable-cell.yui3-move-row .yui3-drag-handle span,
.yui3-rbttable-table tr.yui3-rbttable-odd:not(.yui3-details-pane):hover td.yui3-rbttable-cell.yui3-move-row .yui3-drag-handle span {
  background-position: center right;
  opacity: 1;
}
.yui3-rbttable-table tr.yui3-rbttable-even:not(.yui3-details-pane):hover td.yui3-rbttable-cell.yui3-move-row .yui3-drag-handle:hover span,
.yui3-rbttable-table tr.yui3-rbttable-odd:not(.yui3-details-pane):hover td.yui3-rbttable-cell.yui3-move-row .yui3-drag-handle:hover span {
  background-repeat: no-repeat;
  background-image: url("/static/images/table/svg/table_moveRow_hover.svg");
}
.yui3-rbttable-table td.web3-align-right-text {
  text-align: right;
}
.yui3-rbttable-table td.web3-align-left-text {
  text-align: left;
}
.yui3-rbttable-table td.web3-align-center-text {
  text-align: center;
}
.yui3-rbttable-table td.yui3-rbttable-cell {
  line-height: 15px;
  border-bottom: 1px solid #bcc2c7;
  /* hack to get dotted underline to render right on <a> tags */
  padding: 5px 15px;
  vertical-align: middle;
  /* link inside a table */
}
.yui3-rbttable-table td.yui3-rbttable-cell a {
  position: relative;
  top: -2px;
}
.yui3-rbttable-table td.yui3-rbttable-cell a:hover {
  color: #95a5a6;
  border-bottom: 1px #95a5a6 solid;
}
.yui3-rbttable-table td.web3-padding-just-one {
  padding: 5px 30px 5px 10px;
}
.yui3-rbttable-table td.web3-padding-first {
  padding: 5px 15px 5px 10px;
}
.yui3-rbttable-table td.web3-padding-move {
  padding: 5px 10px 5px 0px;
}
.yui3-rbttable-table td.web3-padding-delete {
  padding: 5px 0px 5px 0px;
}
.yui3-rbttable-table td.web3-padding-just-one-delete-move {
  padding: 5px 10px 5px 0px;
}
.yui3-rbttable-table td.web3-padding-last-text {
  padding: 5px 30px 5px 15px;
}
.yui3-rbttable-table tfoot.yui3-rbttable-foot {
  display: none;
}

.yui3-rbttable-caption {
  /* disabled because this renders below the add button and we want it to 
  be above it */
  display: none;
}

/* drag proxy style */
.yui3-dd-proxy .yui3-rbttable-cell {
  border: none;
  width: 100%;
}

/* dropped proxy style */
/* dropped proxy style */
.yui3-dd-proxy-dropped {
  position: absolute;
}

/* animated proxy style */
.yui3-dd-proxy-moving {
  position: absolute;
}
.yui3-dd-proxy-moving .yui3-rbttable-cell {
  border-bottom: 0.06666667em solid transparent !important;
}

/* The use of !important is necessary to fix the CSS and override the transition/hover effects */
.yui3-table-row-delete-modified .yui3-rbttable-cell {
  background-color: #fce6c4;
}
.yui3-table-row-delete-modified .yui3-rbttable-cell .yui3-drag-handle span,
.yui3-table-row-delete-modified .yui3-rbttable-cell .yui3-drag-handle span:hover {
  /* fix widget css */
  opacity: 1 !important;
  background-position: center right !important;
  background-repeat: no-repeat;
  background-image: url(/static/images/table/svg/table_moveRow.svg) !important;
}
.yui3-table-row-delete-modified .yui3-rbttable-cell .yui3-delete-row-button span,
.yui3-table-row-delete-modified .yui3-rbttable-cell .yui3-delete-row-button span:hover {
  /* fix widget css */
  opacity: 1 !important;
  background-position: center right !important;
  background-repeat: no-repeat;
  background-image: url(/static/images/table/svg/table_deleteRow_hover.svg) !important;
}

/* The use of !important is necessary to fix the CSS and override the transition/hover effects */
.yui3-table-row-move-modified .yui3-rbttable-cell {
  background-color: #fce6c4;
}
.yui3-table-row-move-modified .yui3-rbttable-cell .yui3-drag-handle span,
.yui3-table-row-move-modified .yui3-rbttable-cell .yui3-drag-handle span:hover {
  /* fix widget css */
  opacity: 1 !important;
  background-position: center right !important;
  background-repeat: no-repeat;
  background-image: url(/static/images/table/svg/table_moveRow_hover.svg) !important;
}
.yui3-table-row-move-modified .yui3-rbttable-cell .yui3-delete-row-button span,
.yui3-table-row-move-modified .yui3-rbttable-cell .yui3-delete-row-button span:hover {
  /* fix widget css */
  opacity: 1 !important;
  background-position: center right !important;
  background-repeat: no-repeat;
  background-image: url(/static/images/table/svg/table_deleteRow.svg) !important;
}

.yui3-table-row-move-error .yui3-rbttable-cell,
.yui3-table-row-delete-error .yui3-rbttable-cell {
  background-color: #fce6c4;
}

.yui3-dd-proxy .yui3-rbttable-cell,
.yui3-dd-clicked .yui3-rbttable-cell,
.yui3-details-pane-selected .yui3-rbttable-cell {
  background-color: #fce6c4;
}

.yui3-rbttable-message {
  display: none;
}

.yui3-rbttable-message-visible > .yui3-rbttable-content > table > tbody.yui3-rbttable-message {
  display: block;
  display: table-row-group;
}

.yui3-rbttable-message-content {
  border: 0 none;
  border-bottom: 1px solid #bcc2c7;
  font-style: italic;
  text-align: center;
}

.yui3-rbttable-sortable-column {
  z-index: 1;
}

.yui3-rbttable-sortable-column:focus,
.yui3-rbttable-sortable-column:active {
  /* So the focus ring isn't masked by the surrounding elements */
  z-index: 2;
}

.yui3-rbttable-sortable-column {
  cursor: pointer;
}

.yui3-rbttable-sort-liner {
  display: inline-block;
  height: 100%;
  white-space: nowrap;
  outline: none;
}

.yui3-rbttable-sort-indicator {
  width: 6px;
  height: 12px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  padding-left: 10px;
  vertical-align: middle;
  background-image: url(/static/images/table/svg/table_sortNone.svg);
}

th.yui3-rbttable-sorted .yui3-rbttable-sort-indicator {
  background-image: url(/static/images/table/svg/table_sortUp.svg);
}

th.yui3-rbttable-sorted-desc .yui3-rbttable-sort-indicator {
  background-image: url(/static/images/table/svg/table_sortDown.svg);
}

/* table details pane */
tr.yui3-details-pane > td {
  border-bottom: 1px solid #bcc2c7;
  padding: 14px 0;
}

td.yui3-details-col.yui3-rbttable-cell {
  width: 10px;
  /* makes Chrome happy */
  /* inserts a spacer div to ensure table height is consistent when no detail arrow is present */
}
td.yui3-details-col.yui3-rbttable-cell .yui3-details-button-spacer {
  min-height: 23px;
}
td.yui3-details-col.yui3-rbttable-cell .yui3-details-button-wrapper {
  padding: 8px 8px 5px;
  /* increases the click area */
}
td.yui3-details-col.yui3-rbttable-cell .yui3-details-button-wrapper .yui3-details-button.closed {
  background-repeat: no-repeat;
  background-position: center;
  width: 10px;
  height: 10px;
  background-image: url(/static/images/table/svg/table_detailPaneClosed.svg);
}
td.yui3-details-col.yui3-rbttable-cell .yui3-details-button-wrapper .yui3-details-button.open {
  background-repeat: no-repeat;
  background-position: center;
  width: 10px;
  height: 10px;
  background-image: url(/static/images/table/svg/table_detailPaneOpen.svg);
}

tr.yui3-details-pane-selected td {
  background-color: #fce6c4;
}

/* table add pane */
.yui3-add-button-row {
  /*width: 5em;*/
  vertical-align: middle;
  font-size: 14px;
  display: inline-block;
}
.yui3-add-button-row:hover {
  cursor: pointer;
  color: #95a5a6;
}
.yui3-add-button-row:hover .yui3-add-button-open,
.yui3-add-button-row:hover .yui3-add-button-closed {
  background-image: url(/static/images/table/svg/table_addRow_hover.svg);
}
.yui3-add-button-row .yui3-add-button-text {
  display: inline-block;
}
.yui3-add-button-row .yui3-add-button-open,
.yui3-add-button-row .yui3-add-button-closed {
  display: inline-block;
  padding: 4px 8px 2px 0;
  background-repeat: no-repeat;
  background-position: center left;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-bottom: 4px;
  /* helps align the button with text without doing a display relative which breaks IE8 */
  background-image: url(/static/images/table/svg/table_addRow.svg);
}

.yui3-add-pane-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 20;
}

.yui3-add-pane-wrapper {
  padding: 20px;
  position: absolute;
  z-index: 21;
  background-color: white;
  min-width: 550px;
  -webkit-box-shadow: 0 0 0.31372549em 0.07843137em rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 0.31372549em 0.07843137em rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0.31372549em 0.07843137em rgba(0, 0, 0, 0.25);
  /* add pane title */
}
.yui3-add-pane-wrapper .yui3-add-pane {
  position: relative;
  float: left;
  /* 
  Remove the padding on the bottom of the button so it doesn't make the 
  add pane look asymmetrical from top to bottom. There should only be one
  submit button in an add pane so this shouldnt cause any issues    */
}
.yui3-add-pane-wrapper .yui3-add-pane .buttonContainer {
  margin-bottom: 0;
}
.yui3-add-pane-wrapper h2.add-pane-title {
  margin-bottom: 30px;
}
.yui3-add-pane-wrapper fieldset {
  margin-bottom: 25px;
}
.yui3-add-pane-wrapper fieldset legend {
  font-size: 20px;
  color: #545b5b;
  margin-bottom: 20px;
  padding: 0;
}
.yui3-add-pane-wrapper fieldset:last-of-type {
  margin-bottom: 20px;
}
.yui3-add-pane-wrapper .yui3-add-pane-close {
  background-image: url(/static/images/table/svg/table_deleteRow.svg);
  width: 10px;
  height: 10px;
  background-position: center;
  background-repeat: no-repeat;
  float: right;
  cursor: pointer;
  margin-left: 20px;
}
.yui3-add-pane-wrapper .yui3-add-pane-close:not(.disabled):hover {
  background-image: url(/static/images/table/svg/table_deleteRow_hover.svg);
}
.yui3-add-pane-wrapper .yui3-add-pane-close.disabled {
  opacity: 0.25;
}

/* table delete column */
td.yui3-rbttable-cell.yui3-delete-row {
  width: 50px;
}
td.yui3-rbttable-cell.yui3-delete-row .yui3-rbttable-div .yui3-delete-row-button {
  width: 40px;
  cursor: pointer;
  padding: 8px 5px 5px;
}
td.yui3-rbttable-cell.yui3-delete-row .yui3-rbttable-div .yui3-delete-row-button span {
  background-repeat: no-repeat;
  display: block;
  height: 10px;
}

/* table move column */
td.yui3-move-row.yui3-rbttable-cell {
  width: 50px;
}
td.yui3-move-row.yui3-rbttable-cell .yui3-rbttable-div .yui3-drag-handle {
  width: 40px;
  padding: 8px 5px 5px;
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
td.yui3-move-row.yui3-rbttable-cell .yui3-rbttable-div .yui3-drag-handle span {
  background-repeat: no-repeat;
  display: block;
  height: 10px;
}

/* datatable detail pane open state */
.yui3-rbttable-state-detail-pane-open > .yui3-add-button-row,
.yui3-rbttable-state-pending > .yui3-add-button-row,
.yui3-rbttable-disabled > .yui3-add-button-row {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  opacity: 0.25;
  cursor: default;
}
.yui3-rbttable-state-detail-pane-open > .yui3-add-button-row:hover,
.yui3-rbttable-state-pending > .yui3-add-button-row:hover,
.yui3-rbttable-disabled > .yui3-add-button-row:hover {
  color: inherit;
  cursor: inherit;
}
.yui3-rbttable-state-detail-pane-open > .yui3-add-button-row:hover .yui3-add-button-open,
.yui3-rbttable-state-detail-pane-open > .yui3-add-button-row:hover .yui3-add-button-closed,
.yui3-rbttable-state-pending > .yui3-add-button-row:hover .yui3-add-button-open,
.yui3-rbttable-state-pending > .yui3-add-button-row:hover .yui3-add-button-closed,
.yui3-rbttable-disabled > .yui3-add-button-row:hover .yui3-add-button-open,
.yui3-rbttable-disabled > .yui3-add-button-row:hover .yui3-add-button-closed {
  background-image: url(/static/images/table/svg/table_addRow.svg);
}
.yui3-rbttable-state-detail-pane-open > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even > td.yui3-rbttable-cell.yui3-delete-row > .yui3-rbttable-div > .yui3-delete-row-button,
.yui3-rbttable-state-detail-pane-open > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd > td.yui3-rbttable-cell.yui3-delete-row > .yui3-rbttable-div > .yui3-delete-row-button,
.yui3-rbttable-state-detail-pane-open > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even:hover > td.yui3-rbttable-cell.yui3-delete-row > .yui3-rbttable-div > .yui3-delete-row-button,
.yui3-rbttable-state-detail-pane-open > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd:hover > td.yui3-rbttable-cell.yui3-delete-row > .yui3-rbttable-div > .yui3-delete-row-button,
.yui3-rbttable-state-pending > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even > td.yui3-rbttable-cell.yui3-delete-row > .yui3-rbttable-div > .yui3-delete-row-button,
.yui3-rbttable-state-pending > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd > td.yui3-rbttable-cell.yui3-delete-row > .yui3-rbttable-div > .yui3-delete-row-button,
.yui3-rbttable-state-pending > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even:hover > td.yui3-rbttable-cell.yui3-delete-row > .yui3-rbttable-div > .yui3-delete-row-button,
.yui3-rbttable-state-pending > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd:hover > td.yui3-rbttable-cell.yui3-delete-row > .yui3-rbttable-div > .yui3-delete-row-button,
.yui3-rbttable-disabled > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even > td.yui3-rbttable-cell.yui3-delete-row > .yui3-rbttable-div > .yui3-delete-row-button,
.yui3-rbttable-disabled > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd > td.yui3-rbttable-cell.yui3-delete-row > .yui3-rbttable-div > .yui3-delete-row-button,
.yui3-rbttable-disabled > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even:hover > td.yui3-rbttable-cell.yui3-delete-row > .yui3-rbttable-div > .yui3-delete-row-button,
.yui3-rbttable-disabled > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd:hover > td.yui3-rbttable-cell.yui3-delete-row > .yui3-rbttable-div > .yui3-delete-row-button {
  cursor: default !important;
}
.yui3-rbttable-state-detail-pane-open > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even > td.yui3-rbttable-cell.yui3-delete-row > .yui3-rbttable-div > .yui3-delete-row-button > span,
.yui3-rbttable-state-detail-pane-open > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd > td.yui3-rbttable-cell.yui3-delete-row > .yui3-rbttable-div > .yui3-delete-row-button > span,
.yui3-rbttable-state-detail-pane-open > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even:hover > td.yui3-rbttable-cell.yui3-delete-row > .yui3-rbttable-div > .yui3-delete-row-button > span,
.yui3-rbttable-state-detail-pane-open > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd:hover > td.yui3-rbttable-cell.yui3-delete-row > .yui3-rbttable-div > .yui3-delete-row-button > span,
.yui3-rbttable-state-pending > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even > td.yui3-rbttable-cell.yui3-delete-row > .yui3-rbttable-div > .yui3-delete-row-button > span,
.yui3-rbttable-state-pending > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd > td.yui3-rbttable-cell.yui3-delete-row > .yui3-rbttable-div > .yui3-delete-row-button > span,
.yui3-rbttable-state-pending > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even:hover > td.yui3-rbttable-cell.yui3-delete-row > .yui3-rbttable-div > .yui3-delete-row-button > span,
.yui3-rbttable-state-pending > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd:hover > td.yui3-rbttable-cell.yui3-delete-row > .yui3-rbttable-div > .yui3-delete-row-button > span,
.yui3-rbttable-disabled > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even > td.yui3-rbttable-cell.yui3-delete-row > .yui3-rbttable-div > .yui3-delete-row-button > span,
.yui3-rbttable-disabled > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd > td.yui3-rbttable-cell.yui3-delete-row > .yui3-rbttable-div > .yui3-delete-row-button > span,
.yui3-rbttable-disabled > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even:hover > td.yui3-rbttable-cell.yui3-delete-row > .yui3-rbttable-div > .yui3-delete-row-button > span,
.yui3-rbttable-disabled > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd:hover > td.yui3-rbttable-cell.yui3-delete-row > .yui3-rbttable-div > .yui3-delete-row-button > span {
  background-image: none !important;
}
.yui3-rbttable-state-detail-pane-open > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even > td.yui3-rbttable-cell.yui3-move-row > .yui3-rbttable-div > .yui3-drag-handle,
.yui3-rbttable-state-detail-pane-open > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd > td.yui3-rbttable-cell.yui3-move-row > .yui3-rbttable-div > .yui3-drag-handle,
.yui3-rbttable-state-detail-pane-open > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even:hover > td.yui3-rbttable-cell.yui3-move-row > .yui3-rbttable-div > .yui3-drag-handle,
.yui3-rbttable-state-detail-pane-open > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd:hover > td.yui3-rbttable-cell.yui3-move-row > .yui3-rbttable-div > .yui3-drag-handle,
.yui3-rbttable-state-pending > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even > td.yui3-rbttable-cell.yui3-move-row > .yui3-rbttable-div > .yui3-drag-handle,
.yui3-rbttable-state-pending > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd > td.yui3-rbttable-cell.yui3-move-row > .yui3-rbttable-div > .yui3-drag-handle,
.yui3-rbttable-state-pending > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even:hover > td.yui3-rbttable-cell.yui3-move-row > .yui3-rbttable-div > .yui3-drag-handle,
.yui3-rbttable-state-pending > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd:hover > td.yui3-rbttable-cell.yui3-move-row > .yui3-rbttable-div > .yui3-drag-handle,
.yui3-rbttable-disabled > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even > td.yui3-rbttable-cell.yui3-move-row > .yui3-rbttable-div > .yui3-drag-handle,
.yui3-rbttable-disabled > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd > td.yui3-rbttable-cell.yui3-move-row > .yui3-rbttable-div > .yui3-drag-handle,
.yui3-rbttable-disabled > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even:hover > td.yui3-rbttable-cell.yui3-move-row > .yui3-rbttable-div > .yui3-drag-handle,
.yui3-rbttable-disabled > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd:hover > td.yui3-rbttable-cell.yui3-move-row > .yui3-rbttable-div > .yui3-drag-handle {
  cursor: default !important;
}
.yui3-rbttable-state-detail-pane-open > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even > td.yui3-rbttable-cell.yui3-move-row > .yui3-rbttable-div > .yui3-drag-handle > span,
.yui3-rbttable-state-detail-pane-open > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd > td.yui3-rbttable-cell.yui3-move-row > .yui3-rbttable-div > .yui3-drag-handle > span,
.yui3-rbttable-state-detail-pane-open > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even:hover > td.yui3-rbttable-cell.yui3-move-row > .yui3-rbttable-div > .yui3-drag-handle > span,
.yui3-rbttable-state-detail-pane-open > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd:hover > td.yui3-rbttable-cell.yui3-move-row > .yui3-rbttable-div > .yui3-drag-handle > span,
.yui3-rbttable-state-pending > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even > td.yui3-rbttable-cell.yui3-move-row > .yui3-rbttable-div > .yui3-drag-handle > span,
.yui3-rbttable-state-pending > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd > td.yui3-rbttable-cell.yui3-move-row > .yui3-rbttable-div > .yui3-drag-handle > span,
.yui3-rbttable-state-pending > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even:hover > td.yui3-rbttable-cell.yui3-move-row > .yui3-rbttable-div > .yui3-drag-handle > span,
.yui3-rbttable-state-pending > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd:hover > td.yui3-rbttable-cell.yui3-move-row > .yui3-rbttable-div > .yui3-drag-handle > span,
.yui3-rbttable-disabled > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even > td.yui3-rbttable-cell.yui3-move-row > .yui3-rbttable-div > .yui3-drag-handle > span,
.yui3-rbttable-disabled > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd > td.yui3-rbttable-cell.yui3-move-row > .yui3-rbttable-div > .yui3-drag-handle > span,
.yui3-rbttable-disabled > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even:hover > td.yui3-rbttable-cell.yui3-move-row > .yui3-rbttable-div > .yui3-drag-handle > span,
.yui3-rbttable-disabled > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd:hover > td.yui3-rbttable-cell.yui3-move-row > .yui3-rbttable-div > .yui3-drag-handle > span {
  background-image: none !important;
}

.yui3-rbttable-state-pending > .yui3-rbttable-content {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.yui3-rbttable-state-pending > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even,
.yui3-rbttable-state-pending > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd,
.yui3-rbttable-state-pending > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-even:hover,
.yui3-rbttable-state-pending > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr.yui3-rbttable-odd:hover {
  background-color: inherit;
}
.yui3-rbttable-state-pending > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-data > tr > td.yui3-details-col .yui3-details-button {
  cursor: default;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  opacity: 0.25;
}

.yui3-rbttable-state-detail-pane-open > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-columns > tr > th,
.yui3-rbttable-state-pending > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-columns > tr > th {
  cursor: default;
}
.yui3-rbttable-state-detail-pane-open > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-columns > tr > th > .yui3-rbttable-sort-liner,
.yui3-rbttable-state-pending > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-columns > tr > th > .yui3-rbttable-sort-liner {
  cursor: default;
}
.yui3-rbttable-state-detail-pane-open > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-columns > tr > th > .yui3-rbttable-sort-liner > .yui3-rbttable-sort-indicator,
.yui3-rbttable-state-pending > .yui3-rbttable-content > .yui3-rbttable-table > .yui3-rbttable-columns > tr > th > .yui3-rbttable-sort-liner > .yui3-rbttable-sort-indicator {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  opacity: 0.25;
}

/* paginator */
div.yui3-paginator-container {
  text-align: center;
}

.yui3-paginator {
  margin-top: 10px;
  margin-bottom: 15px;
}
.yui3-paginator li {
  display: inline;
}
.yui3-paginator li img {
  vertical-align: middle;
}
.yui3-paginator li.hover {
  cursor: pointer;
}
.yui3-paginator li.paginator-current {
  margin: 0px 8px;
  font-size: 11px;
}
.yui3-paginator li.paginator-prev {
  margin-left: 5px;
}
.yui3-paginator li.paginator-next {
  margin-right: 5px;
}
.yui3-paginator li.disabled {
  pointer-events: none;
}

div.yui3-rbttable-state-pending div.yui3-paginator-container {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  opacity: 0.25;
}
div.yui3-rbttable-state-pending div.yui3-paginator-container li {
  pointer-events: none;
}

/* yui3 client side paginator override rules */
/*
YUI 3.14.0 (build a01e97d)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
.yui3-datatable-paginator-wrapper {
  border: 0;
  padding: 0;
}

.yui3-datatable-paginator {
  padding: 6px 0;
  white-space: nowrap;
  border-color: #cbcbcb;
  font-size: 12px;
}
.yui3-datatable-paginator form {
  text-align: center;
  margin: 0 2em;
}
.yui3-datatable-paginator .yui3-paginator-content {
  position: relative;
}
.yui3-datatable-paginator yui3-paginator-page-select {
  position: absolute;
  right: 0;
  top: 0;
}
.yui3-datatable-paginator .yui3-datatable-paginator-group {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.yui3-datatable-paginator .yui3-datatable-paginator-group input {
  width: 3em;
  height: 20px;
  margin: 0 8px 0 2px;
}
.yui3-datatable-paginator .yui3-datatable-paginator-control {
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 0 .2em;
  text-align: center;
  text-decoration: none;
}
.yui3-datatable-paginator .yui3-datatable-paginator-control .yui3-datatable-paginator-control-disabled,
.yui3-datatable-paginator .yui3-datatable-paginator-control .yui3-datatable-paginator-control-disabled:hover {
  cursor: default;
}
.yui3-datatable-paginator .yui3-datatable-paginator-per-page {
  text-align: right;
  display: none;
}
.yui3-datatable-paginator button {
  background-color: #2b3d4f;
  color: white;
  font-size: 12px;
  margin-right: 8px;
  /* Giving a 1px border of the same color to preserve matching heights in buttons */
  border: 1px solid #2b3d4f;
}
.yui3-datatable-paginator button:hover {
  color: #bdc7db;
  background-color: #b4c6d6;
  color: white;
  cursor: default;
  border: 1px solid #b4c6d6;
}
.yui3-datatable-paginator button[disabled],
.yui3-datatable-paginator button[disabled]:hover {
  background-color: #b4c6d6;
  color: white;
  cursor: default;
  border: 1px solid #b4c6d6;
}

#yui3-css-stamp.skin-sam-datatable-paginator {
  display: none;
}

/* Framework Mixins */
/* 
UX 2.0 Color palette definitions 
http://svn/websvn-2.0/wsvn/ui-art/trunk/UX/Development/StyleGuide/UIStyleGuide.pdf
*/
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* disabled buttons */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* titles */
/* background; not active */
/* border */
/* border */
/* text */
/* links */
/* logo, login in page */
/* logo hover, login in page hover */
/* basic white */
.yui3-rbt-popup-base {
  position: absolute;
  z-index: 100;
}
.yui3-rbt-popup-base .rbt-popup-content {
  font-size: 12px;
  line-height: 16px;
}

.yui3-rbt-anchored-message {
  max-width: 340px;
  padding: 4px 10px;
}
.yui3-rbt-anchored-message img {
  position: absolute;
  top: 100%;
  line-height: 0;
  vertical-align: top;
}

.yui3-rbt-anchored-message-error {
  color: white;
  background-color: #bf382a;
}

.yui3-rbt-anchored-message-info {
  background-color: #2b3d4f;
  color: white;
}

.yui3-rbt-tooltip {
  background-color: white;
  border: 1px solid #bcc2c7;
  color: #545b5b;
  max-width: 340px;
  padding: 4px 10px;
}

.yui3-rbt-anchored-message-hidden,
.yui3-rbt-tooltip-hidden {
  display: none;
}

.yui3-rbt-tooltip-anchor {
  position: relative;
  top: 2px;
  margin-left: 4px;
}

.yui3-rbt-confirmation {
  position: absolute;
  z-index: 1;
  white-space: nowrap;
  background-color: white;
  -webkit-box-shadow: 5px 5px 3px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 5px 5px 3px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 5px 5px 3px 0px rgba(0, 0, 0, 0.25);
  border: 1px solid #bcc2c7;
}
.yui3-rbt-confirmation .yui3-rbt-confirmation-arrow {
  height: 25px;
  overflow: hidden;
  position: absolute;
  width: 25px;
}
.yui3-rbt-confirmation .yui3-rbt-confirmation-arrow:after {
  background: white;
  border: 1px solid #bcc2c7;
  box-shadow: 5px 0 3px 0 rgba(0, 0, 0, 0.25);
  content: "";
  height: 10px;
  left: -7px;
  overflow: hidden;
  position: absolute;
  width: 10px;
  transform: rotate(55deg) skewY(-25deg);
}
.yui3-rbt-confirmation input[type=button] {
  border: 1px solid #2b3d4f;
  font-size: 16px;
  font-family: 'OpenSans';
  padding: 5px 15px;
}
.yui3-rbt-confirmation input[type=button]:hover {
  cursor: pointer;
}
.yui3-rbt-confirmation input.yui3-rbt-confirmation-cancel {
  background-color: white;
  color: #545b5b;
  margin: 5px 2.5px 5px 5px;
}
.yui3-rbt-confirmation input.yui3-rbt-confirmation-cancel:hover {
  background-color: #ebeff1;
}
.yui3-rbt-confirmation input.yui3-rbt-confirmation-confirm {
  background-color: #2b3d4f;
  color: white;
  margin: 5px 5px 5px 2.5px;
}
.yui3-rbt-confirmation input.yui3-rbt-confirmation-confirm:hover {
  background-color: #4c638c;
}

div.toast-container {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  top: -22px;
}

div.toast-align-wrapper {
  display: inline-block;
  -moz-box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.25);
  background-color: #c4e7e0;
  border: 1px solid #16a085;
  padding: 0 10px;
  color: #16a085;
  font-size: 14px;
}

span.toast-icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url("/static/images/toast/checkmark.png");
  background-image: url("/static/images/toast/checkmark.svg"), none;
  background-repeat: no-repeat;
  margin-right: 3px;
  vertical-align: middle;
}

span.toast-text a {
  color: #16a085;
  text-decoration: none;
  border-bottom: 1px #16a085 dotted;
}

span.toast-text a:hover {
  color: #1abc9c;
  border-bottom: 1px #1abc9c solid;
  cursor: pointer;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* Framework Mixins */
/* 
UX 2.0 Color palette definitions 
http://svn/websvn-2.0/wsvn/ui-art/trunk/UX/Development/StyleGuide/UIStyleGuide.pdf
*/
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* disabled buttons */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* titles */
/* background; not active */
/* border */
/* border */
/* text */
/* links */
/* logo, login in page */
/* logo hover, login in page hover */
/* basic white */
/* popover CSS */
/*! Copied from http://cdn.alloyui.com/2.0.0/aui-css/css/bootstrap.css
 *
 * Bootstrap v2.3.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
/* line 6, ../../../../alloy-bootstrap/lib/_popovers.scss */
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: white;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: .375em;
  -webkit-box-shadow: 0 0 0.5em 0.25em rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 0.5em 0.25em rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0.5em 0.25em rgba(0, 0, 0, 0.1);
  white-space: normal;
}

/* line 28, ../../../../alloy-bootstrap/lib/_popovers.scss */
.popover.top {
  margin-top: -10px;
}

/* line 29, ../../../../alloy-bootstrap/lib/_popovers.scss */
.popover.right {
  margin-left: 10px;
}

/* line 30, ../../../../alloy-bootstrap/lib/_popovers.scss */
.popover.bottom {
  margin-top: 10px;
}

/* line 31, ../../../../alloy-bootstrap/lib/_popovers.scss */
.popover.left {
  margin-left: -10px;
}

/* line 34, ../../../../alloy-bootstrap/lib/_popovers.scss */
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

/* line 44, ../../../../alloy-bootstrap/lib/_popovers.scss */
.popover-title:empty {
  display: none;
}

/* line 49, ../../../../alloy-bootstrap/lib/_popovers.scss */
.popover-content {
  padding: 9px 9px;
}

/* line 58, ../../../../alloy-bootstrap/lib/_popovers.scss */
.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

/* line 66, ../../../../alloy-bootstrap/lib/_popovers.scss */
.popover .arrow {
  border-width: 11px;
}

/* line 69, ../../../../alloy-bootstrap/lib/_popovers.scss */
.popover .arrow:after {
  border-width: 10px;
  content: "";
}

/* line 75, ../../../../alloy-bootstrap/lib/_popovers.scss */
.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}

/* line 82, ../../../../alloy-bootstrap/lib/_popovers.scss */
.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: white;
}

/* line 89, ../../../../alloy-bootstrap/lib/_popovers.scss */
.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
}

/* line 96, ../../../../alloy-bootstrap/lib/_popovers.scss */
.popover.right .arrow:after {
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: white;
}

/* line 103, ../../../../alloy-bootstrap/lib/_popovers.scss */
.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}

/* line 110, ../../../../alloy-bootstrap/lib/_popovers.scss */
.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: white;
}

/* line 118, ../../../../alloy-bootstrap/lib/_popovers.scss */
.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

/* line 125, ../../../../alloy-bootstrap/lib/_popovers.scss */
.popover.left .arrow:after {
  right: 1px;
  border-right-width: 0;
  border-left-color: white;
  bottom: -10px;
}

/* line 5, ../../../../alloy-bootstrap/lib/_popovers-alloy.scss */
.popover-hidden {
  display: none;
}

/*! Alloy UI datepicker CSS
 *  Adapted from alloy-2.0.0/src/aui-datepicker/assets/aui-datepicker-core.css
 *
 *  # Software License Agreement (BSD License)
 *
 *  ## Copyright (c) 2013, Liferay Inc.
 *  All rights reserved.
 *
 *  Redistribution and use of this software in source and binary forms, with or without modification, are
 *  permitted provided that the following conditions are met:
 *
 *  * Redistributions of source code must retain the above
 *  copyright notice, this list of conditions and the
 *    following disclaimer.
 *
 *  * Redistributions in binary form must reproduce the above
 *    copyright notice, this list of conditions and the
 *    following disclaimer in the documentation and/or other
 *    materials provided with the distribution.
 *
 *  * The name of Liferay Inc. may not be used to endorse or promote products
 *    derived from this software without specific prior
 *    written permission of Liferay Inc.
 *
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED
 * WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A
 * PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR
 * TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF
 * ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */
.datepicker-popover div.yui3-calendar-content {
  /* yui3 calendar fix for chrome */
  font-size: 13px;
  border: none;
  background: none;
  padding: 0;
  color: #545b5b;
}
.datepicker-popover div.yui3-calendar-content .yui3-calendar-pane {
  display: block;
  background-color: white;
}
.datepicker-popover div.yui3-calendar-content .yui3-calendar-pane .yui3-calendar-grid td {
  line-height: 18px;
}
.datepicker-popover div.yui3-calendar-content .yui3-g [class*="yui3-u"] {
  font-family: OpenSans;
  font-weight: 400;
}
.datepicker-popover div.yui3-calendar-content .yui3-calendar-header {
  padding-bottom: 5px;
}
.datepicker-popover div.yui3-calendar-content .yui3-calendar-header .yui3-calendar-header-label {
  font-weight: 600;
  font-size: 14px;
}
.datepicker-popover div.yui3-calendar-content .yui3-calendar-header a {
  outline: none;
  width: 0;
  height: 0;
  background: none;
  position: relative;
  top: 6px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.datepicker-popover div.yui3-calendar-content .yui3-calendar-header a:hover {
  background: none;
}
.datepicker-popover div.yui3-calendar-content .yui3-calendar-header a.yui3-calendarnav-prevmonth {
  border-right: 10px solid #2980b9;
}
.datepicker-popover div.yui3-calendar-content .yui3-calendar-header a.yui3-calendarnav-prevmonth:hover {
  border-right: 10px solid #3498db;
}
.datepicker-popover div.yui3-calendar-content .yui3-calendar-header a.yui3-calendarnav-nextmonth {
  border-left: 10px solid #2980b9;
}
.datepicker-popover div.yui3-calendar-content .yui3-calendar-header a.yui3-calendarnav-nextmonth:hover {
  border-left: 10px solid #3498db;
}
.datepicker-popover div.yui3-calendar-content .yui3-calendar-grid .yui3-calendar-day, .datepicker-popover div.yui3-calendar-content .yui3-calendar-grid .yui3-calendar-weekday {
  font-weight: 600;
}
.datepicker-popover div.yui3-calendar-content .yui3-calendar-grid td {
  line-height: 18px;
  border: 1px solid #e7e7e7;
}
.datepicker-popover div.yui3-calendar-content .yui3-calendar-grid td:hover {
  background: none repeat scroll 0 0 #3498db;
}
.datepicker-popover div.yui3-calendar-content .yui3-calendar-grid td.yui3-calendar-day-selected {
  background: none repeat scroll 0 0 #cce6f6;
  color: #545b5b;
}
.datepicker-popover div.yui3-calendar-content .yui3-calendar-grid td.yui3-calendar-day-selected:hover {
  background: none repeat scroll 0 0 #3498db;
  color: white;
}

.datepicker-popover.popover {
  max-width: none;
}

/* Framework Mixins */
/* 
UX 2.0 Color palette definitions 
http://svn/websvn-2.0/wsvn/ui-art/trunk/UX/Development/StyleGuide/UIStyleGuide.pdf
*/
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* disabled buttons */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* a:link; solid line for graphs */
/* not active; graph fill */
/* a:hover */
/* titles */
/* background; not active */
/* border */
/* border */
/* text */
/* links */
/* logo, login in page */
/* logo hover, login in page hover */
/* basic white */
.module-header-status {
  display: inline-block;
  font-size: 32px;
  cursor: pointer;
}
.module-header-status a {
  border-bottom: none;
}
.module-header-status .hostname {
  font-family: 'Anto';
  transition: color 0.5s ease-out;
}
.module-header-status .hostname.healthy {
  color: #545b5b;
}
.module-header-status .hostname.healthy-hover {
  color: #bcc2c7;
}
.module-header-status .hostname.needs-attention {
  color: #27ae60;
}
.module-header-status .hostname.needs-attention-hover {
  color: #2ecc71;
}
.module-header-status .hostname.degraded {
  color: #f39c12;
}
.module-header-status .hostname.degraded-hover {
  color: #f1c40f;
}
.module-header-status .hostname.critical {
  color: #bf382a;
}
.module-header-status .hostname.critical-hover {
  color: #e74b3b;
}
.module-header-status .health-status {
  position: relative;
  padding-left: 20px;
  margin: 0 5px;
}
.module-header-status .health-status .svg {
  position: absolute;
  left: 0px;
  top: 13px;
}

.module-header-info .username {
  color: #f16722;
}
.module-header-info .divider {
  padding: 0 3px;
}
.module-header-info a {
  font-weight: 700;
  color: #545b5b;
  border-bottom: none;
}
.module-header-info a:hover {
  color: #bcc2c7;
  border-bottom: none;
  text-decoration: none;
}
.module-header-info .system-info span.spacer {
  color: #f16722;
  padding: 0 3px;
}
.module-header-info .user-info {
  padding-left: 15px;
}

.module-header-menu .submenu {
  position: absolute;
  white-space: nowrap;
  font-size: 12px;
  padding: 10px 15px 10px 15px;
  line-height: 20px;
  background-color: #2b3d4f;
}
.module-header-menu .submenu .menuArrow {
  position: absolute;
  display: 'inline-block';
  top: -7px;
}
.module-header-menu .submenu .column {
  display: inline-block;
  width: 140px;
  margin-right: 1em;
  vertical-align: top;
  white-space: normal;
}
.module-header-menu .submenu .column:last-child {
  margin-right: 0;
}
.module-header-menu .submenu .column .sectionHeader {
  margin: 18px 0 4px 0;
  color: white;
  font-weight: 700;
  text-transform: uppercase;
}
.module-header-menu .submenu .column .sectionHeader:first-child {
  margin-top: 0;
}
.module-header-menu .submenu .column ul {
  list-style-type: none;
  list-style-position: outside;
}
.module-header-menu .submenu .column ul li {
  padding: 4px 0;
  line-height: 13px;
  color: rgba(255, 255, 255, 0.35);
}
.module-header-menu .submenu .column ul li a {
  color: white;
  display: inline-block;
  text-decoration: none;
  border-bottom: none;
}
.module-header-menu .submenu .column ul li a:hover {
  text-decoration: underline;
  border-bottom: none;
}
.module-header-menu .submenu .column ul li a.active {
  color: #f16722;
  border-bottom: none;
}

.module-header-toolbar {
  display: inline-block;
  float: right;
  line-height: 26px;
}
.module-header-toolbar ul.icons {
  float: right;
}
.module-header-toolbar ul.icons li {
  padding: 0 0 0 5px;
  display: inline-block;
}
.module-header-toolbar ul.icons li a {
  border-bottom: none;
  cursor: pointer;
  color: #545b5b;
  font-size: 14px;
  display: block;
}
.module-header-toolbar ul.icons li a:hover {
  color: #bcc2c7;
}
.module-header-toolbar ul.icons li a .icon {
  vertical-align: middle;
  margin-right: 5px;
}
.module-header-toolbar ul.icons li a.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  opacity: 0.25;
}
.module-header-toolbar ul.icons li a.disabled:hover {
  cursor: default;
  color: #545b5b;
  text-decoration: none;
}
.module-header-toolbar ul.icons li a.calendar .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/calendar.svg");
}
.module-header-toolbar ul.icons li a.calendar:hover .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/calendar_hover.svg");
}
.module-header-toolbar ul.icons li a.calendar.disabled:hover .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/calendar.svg");
}
.module-header-toolbar ul.icons li a.help .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/help.svg");
}
.module-header-toolbar ul.icons li a.help:hover .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/help_hover.svg");
}
.module-header-toolbar ul.icons li a.help.disabled:hover .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/help.svg");
}
.module-header-toolbar ul.icons li a.info .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/info.svg");
}
.module-header-toolbar ul.icons li a.info:hover .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/info_hover.svg");
}
.module-header-toolbar ul.icons li a.info.disabled:hover .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/info.svg");
}
.module-header-toolbar ul.icons li a.refresh .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/refresh.svg");
}
.module-header-toolbar ul.icons li a.refresh:hover .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/refresh_hover.svg");
}
.module-header-toolbar ul.icons li a.refresh.disabled:hover .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/refresh.svg");
}
.module-header-toolbar ul.icons li a.restart {
  color: #16a085;
  opacity: 0.25;
}
.module-header-toolbar ul.icons li a.restart .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/restart.svg");
}
.module-header-toolbar ul.icons li a.restart:hover {
  color: #1abc9c;
  opacity: 1;
}
.module-header-toolbar ul.icons li a.restart:hover .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/restart_hover.svg");
}
.module-header-toolbar ul.icons li a.restart.disabled {
  color: #dde1e2;
  opacity: 1;
}
.module-header-toolbar ul.icons li a.restart.disabled .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/restart_disable.svg");
}
.module-header-toolbar ul.icons li a.restart.disabled:hover .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/restart_disable.svg");
}
.module-header-toolbar ul.icons li a.restart-enabled-no-anim {
  color: #545b5b;
  opacity: 1;
}
.module-header-toolbar ul.icons li a.restart-enabled-no-anim .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/restart_no_anim.svg");
}
.module-header-toolbar ul.icons li a.restart-enabled-no-anim:hover {
  color: #dde1e2;
}
.module-header-toolbar ul.icons li a.restart-enabled-no-anim:hover .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/restart_no_anim_hover.svg");
}
.module-header-toolbar ul.icons li a.save {
  color: #16a085;
  opacity: 0.25;
}
.module-header-toolbar ul.icons li a.save .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/save.svg");
}
.module-header-toolbar ul.icons li a.save:hover {
  color: #1abc9c;
  opacity: 1;
}
.module-header-toolbar ul.icons li a.save:hover .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/save_hover.svg");
}
.module-header-toolbar ul.icons li a.save.disabled {
  color: #dde1e2;
  opacity: 1;
}
.module-header-toolbar ul.icons li a.save.disabled .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/save_disable.svg");
}
.module-header-toolbar ul.icons li a.save.disabled:hover .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/save_disable.svg");
}
.module-header-toolbar ul.icons li a.search .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/search.svg");
}
.module-header-toolbar ul.icons li a.search:hover .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/search_hover.svg");
}
.module-header-toolbar ul.icons li a.search.disabled:hover .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/search.svg");
}
.module-header-toolbar ul.icons li a.search-glass .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("/static/images/toolbar/svg/search_glass.svg");
}

/* this file should go away */
.yui3-rbt-field {
  position: relative;
}

html {
  background-color: white;
}

.clear-fix:after {
  content: "";
  display: table;
  clear: both;
}

.breadCrumbs {
  padding: 7px 0 0 25px;
  display: inline-block;
  float: left;
}
.breadCrumbs h1 {
  float: left;
  font-size: 14px;
  color: #545b5b;
}
.breadCrumbs a {
  border-bottom: 1px dashed #CCC;
  color: #545b5b;
  font-size: 14px;
  text-decoration: none;
}
.breadCrumbs a:hover {
  border-bottom: 1px solid;
  color: #bcc2c7;
}
.breadCrumbs div.breadcrumb {
  background-image: url("/static/images/breadcrumb/png/arrow.png");
  background-image: url("/static/images/breadcrumb/svg/arrow.svg"), none;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  height: 10px;
  padding: 0px 5px;
  width: 10px;
}

#center {
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  width: 100%;
  min-width: 700px;
  max-width: 1600px;
}

#responsive-container {
  margin-left: auto;
  margin-right: auto;
}

#topInfo {
  display: table;
  width: 100%;
}
#topInfo > div {
  display: table-row;
  height: 80px;
}
#topInfo > div .column {
  display: table-cell;
  vertical-align: bottom;
  word-wrap: break-word;
  padding-bottom: 9px;
  color: #545b5b;
  font-size: 12px;
}
#topInfo > div .left {
  padding-left: 5px;
  white-space: nowrap;
  /* hostname / product */
}
#topInfo > div .left .product-name-divider {
  font-size: 18px;
  margin-right: 3px;
}
#topInfo > div .left .product-name {
  font-size: 14px;
}
#topInfo > div .left .product-name sup {
  vertical-align: super;
  text-transform: uppercase;
  font-size: 7px;
  color: #bcc2c7;
  padding-right: 5px;
}
#topInfo > div .right {
  padding-right: 25px;
  text-align: right;
}
#topInfo > div .right .rvbd-logo {
  padding: 5px 0;
  line-height: 0;
}
#topInfo > div .right .rvbd-logo img {
  /* nude the logo over a little so the trademark is off to the side */
  position: relative;
  left: 3px;
}

#header {
  position: relative;
  background-color: #2b3d4f;
}
#header .menu {
  font-size: 15px;
  text-align: right;
  line-height: 25px;
  text-transform: uppercase;
  font-family: 'OpenSans';
  font-weight: 600;
  position: relative;
}
#header .menu .menuItem {
  transition: color 0.15s ease-out;
}
#header .menu a.menuItem, #header .menu span.menuItem, #header .menu span.dummy {
  display: inline-block;
  /* so that we can control the height */
  padding: 0 18px;
  color: white;
  vertical-align: top;
  /* otherwise it aligns at the baseline */
}
#header .menu a.menuItem {
  border-bottom: none;
  text-decoration: none;
}
#header .menu span.menuItem {
  cursor: default;
}
#header .menu .menuItem.selected,
#header .menu .menuItem.active,
#header .menu .menuItem.active.selected.override,
#header .menu .menuItem:hover {
  color: #f16722;
}
#header .menu .menuItem.active.override {
  color: white;
}

.module {
  padding: 10px 10px 15px;
  margin: 10px;
  background-color: white;
  border: 1px solid #bcc2c7;
}

#topInfo,
#submenuContainer {
  position: relative;
}

#submenuContainer {
  z-index: 10;
}

#content {
  padding: 0 2px;
  background-color: #FFFFFF;
  /* scss for the login page */
  /* end login page scss */
}
#content .rvbd-logo-container {
  padding-bottom: 10px;
}
#content .pageTitleContainer {
  padding: 24px 10px 10px 17px;
  margin: 0 -2px 25px -2px;
  border-bottom: 1px solid #95a5a6;
}
#content h1.pageTitle {
  color: #2b3d4f;
  float: left;
  font-size: 30px;
}
#content h2.moduleTitle {
  font-size: 22px;
  color: #2b3d4f;
  margin-bottom: 10px;
}
#content hr {
  height: 0.06666667em;
  margin: 0.8em 0;
  border: none;
  border-top: 0.06666667em solid rgba(0, 0, 0, 0.1);
}
#content .moduleNarrow {
  width: 310px;
}
#content .moduleNormal {
  width: 630px;
}
#content .moduleWide {
  width: 950px;
}
#content div#bottomMargin {
  margin-top: 0.8em;
  border-top: 1px solid transparent;
}
#content div.alert {
  margin: 0px 10px 10px 10px;
  padding: 10px;
  font-family: 'OpenSans';
  border-style: solid;
  border-width: 1px 1px 1px 14px;
}
#content div.alert.normal {
  border-color: #bcc2c7;
}
#content div.alert.normal .title {
  color: #545b5b;
}
#content div.alert.critical {
  border-color: #bf382a;
}
#content div.alert.critical .title {
  color: #bf382a;
}
#content div.alert.corrective {
  border-color: #27ae60;
}
#content div.alert.corrective .title {
  color: #27ae60;
}
#content div.alert .title {
  font-weight: 700;
  font-size: 14px;
  margin: 0px 0px 5px 0px;
}
#content div.alert .text {
  color: #545b5b;
  font-size: 12px;
}

#footer {
  display: none;
}