/**
 * Shows an element immediately.
 *
 * This shows using the ``visibility`` property.
 */
@keyframes rbws-anim-show-immediate {
  0%,
  100% {
    visibility: visible;
  }
}
/**
 * Hides an element immediately.
 *
 * This hides using the ``visibility`` property.
 */
@keyframes rbws-anim-hide-immediate {
  0%,
  100% {
    visibility: hidden;
  }
}
/**
 * Shows an element for the duration of the animation.
 *
 * This will show the animation immediately, and then hide it again once the
 * animation completes.
 *
 * This shows/hides using the ``visibility`` property.
 */
@keyframes rbws-anim-show-while-animating {
  0%,
  99% {
    visibility: visible;
  }
  100% {
    visibility: hidden;
  }
}
/**
 * Hides an element for the duration of the animation.
 *
 * This will hide the animation immediately, and then show it again once the
 * animation completes.
 *
 * This shows/hides using the ``visibility`` property.
 */
@keyframes rbws-anim-hide-while-animating {
  0%,
  99% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
/*# sourceMappingURL=animations.css.map */
.btn,
input[type="button"],
input[type="submit"] {
  background: #1E76D9;
  border: 0;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 10pt;
  font-weight: normal;
  padding: 0.8em 1em;
  line-height: normal;
  border-radius: 10px;
}
#content .btn,
#content input[type="button"],
#content input[type="submit"] {
  font-weight: normal;
}
.btn:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
  text-decoration: none;
}
.btn:active,
input[type="button"]:active,
input[type="submit"]:active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:focus,
input[type="button"]:focus,
input[type="submit"]:focus {
  text-decoration: underline;
}
.btn.disabled,
input[type="button"].disabled,
input[type="submit"].disabled {
  cursor: default;
  background: #666666;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  opacity: 0.65;
  box-shadow: none;
}
.btn[disabled],
input[type="button"][disabled],
input[type="submit"][disabled] {
  cursor: default;
  background: #666666;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  opacity: 0.65;
  box-shadow: none;
}
.btn.large,
input[type="button"].large,
input[type="submit"].large {
  font-size: 130%;
  line-height: normal;
  padding: 9px 14px 9px;
}
.btn.small,
input[type="button"].small,
input[type="submit"].small {
  padding: 7px 9px 7px;
  font-size: 11px;
}
.btn.danger,
input[type="button"].danger,
input[type="submit"].danger {
  color: white !important;
  background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
button.btn::-moz-focus-inner,
input[type=submit].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
/*# sourceMappingURL=buttons.css.map */
/**
 * A component for a set of Call-To-Actions.
 *
 * This is used in splash areas and at the bottom of tours to provide some
 * actions used to direct users toward a destination.
 *
 * These can contain one or more actions, optionally separated by text.
 *
 * Structure:
 *     <div class="rbws-c-cta">
 *      <a class="rbws-c-cta__action" href="...">...</a>
 *      ...
 *     </div>
 */
.rbws-c-cta {
  font-size: 16px;
  /**
   * A Call-To-Action button/link.
   *
   * Structure:
   *     <a class="rbws-c-cta__action" href="...">text...</a>
   */
}
.rbws-c-cta__action {
  background: #1E76D9;
  border: 0;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 10pt;
  font-weight: normal;
  padding: 0.8em 1em;
  line-height: normal;
  border-radius: 10px;
  font-size: inherit;
  margin: 1em;
  text-align: center;
}
#content .rbws-c-cta__action {
  font-weight: normal;
}
.rbws-c-cta__action:hover {
  text-decoration: none;
}
.rbws-c-cta__action:active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.rbws-c-cta__action:focus {
  text-decoration: underline;
}
.rbws-c-cta__action.disabled {
  cursor: default;
  background: #666666;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  opacity: 0.65;
  box-shadow: none;
}
.rbws-c-cta__action[disabled] {
  cursor: default;
  background: #666666;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  opacity: 0.65;
  box-shadow: none;
}
.rbws-c-cta__action.large {
  font-size: 130%;
  line-height: normal;
  padding: 9px 14px 9px;
}
.rbws-c-cta__action.small {
  padding: 7px 9px 7px;
  font-size: 11px;
}
.rbws-c-cta__action.danger {
  color: white !important;
  background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.rbws-c-cta__action:first-child {
  margin-left: 0;
}
@media only screen and (max-width: 900px) {
  .rbws-c-cta {
    margin-top: 2em;
    text-align: center;
  }
  .rbws-c-cta .rbws-c-cta__action {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
}
/*# sourceMappingURL=cta.css.map */
/**
 * A comment region shown over an image or document.
 *
 * Structure:
 *     <div class="rbws-c-comment-region"></div>
 */
.rbws-c-comment-region {
  border: 1px #B8EA79 solid;
  position: absolute;
}
.rbws-c-comment-region:after {
  background: #B8EA79;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 6px;
  height: 6px;
}
.rbws-c-comment-region:before {
  background: #B8EA79;
  content: "1";
  display: block;
  font-size: 11px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  line-height: 22px;
}
/*# sourceMappingURL=comment-region.css.map */
/**
 * A comment spanning rows of text.
 *
 * Structure:
 *     <div class="rbws-c-comment-row-flag"></div>
 */
.rbws-c-comment-row-flag {
  background: #D1F5A9;
  border: 1px #599304 solid;
  border-radius: 4px;
  box-sizing: border-box;
  color: #7D7D7D;
  font-size: 10px;
  padding: 2px;
  position: absolute;
  width: 20px;
  height: 20px;
  box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.15);
  text-align: center;
  vertical-align: top;
}
.rbws-c-comment-row-flag:before {
  content: "1";
}
/*# sourceMappingURL=comment-row-flag.css.map */
input[type="email"],
input[type="text"],
input[type="number"],
input[type="password"],
input[type="url"],
#card-element,
.CodeMirror {
  border: 1px #AAA solid;
  display: inline-block;
  border-radius: 6px;
  box-sizing: border-box;
  font-size: inherit;
  margin: 0;
  padding: 6px;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  input[type="email"],
  input[type="text"],
  input[type="number"],
  input[type="password"],
  input[type="url"],
  #card-element,
  .CodeMirror {
    padding: 10px;
  }
}
input[type="email"],
input[type="text"],
input[type="number"],
input[type="password"],
input[type="url"] {
  /* Turn off the inner shadow and other styles on input fields. */
  -webkit-appearance: none;
}
#content p + .form-wrapper,
#content .form-wrapper + p {
  margin-top: 2em;
}
#content .errorlist,
#content .has-errors {
  color: #DD0000;
}
#content .errorlist {
  margin: 0;
  padding: 0;
}
#content .errorlist li {
  display: block;
  font-weight: normal;
  margin: 0 0 1em 0;
}
#content .form-wrapper {
  /*
     * Because of the complexity of decent layouts on CSS, we do a bunch of
     * things below to get the form and labels to align nicely. However, the
     * browser ends up rendering the input fields past the allocated area on
     * the page, and into the #content padding.
     *
     * To make this at least appear correct, we need to add back the
     * @labels-margin-right and enable border-box sizing to the fields.
     */
  margin: 0 0.5em 0 0;
  /*
     * IE7 doesn't like what we're trying to pull, and it doesn't work so
     * well on mobile, so change the layout so that we're more vertical.
     */
  margin-left: 16.5em;
  margin-right: 0.5em;
  /*
   * IE7 doesn't like what we're trying to pull, and it doesn't work so
   * well on mobile, so change the layout so that we're more vertical.
   */
}
#content .form-wrapper.vertical-form,
.ie7 #content .form-wrapper {
  margin: 0;
}
#content .form-wrapper.vertical-form form fieldset > p,
.ie7 #content .form-wrapper form fieldset > p {
  margin-left: 0;
}
#content .form-wrapper.vertical-form form > .field-row:first-child,
.ie7 #content .form-wrapper form > .field-row:first-child {
  margin-top: 0;
}
#content .form-wrapper.vertical-form form > .field-row:first-child label,
.ie7 #content .form-wrapper form > .field-row:first-child label {
  margin-top: 0;
}
#content .form-wrapper.vertical-form form .field-row,
.ie7 #content .form-wrapper form .field-row {
  overflow: visible;
  text-align: left;
}
#content .form-wrapper.vertical-form form .field-row > label,
.ie7 #content .form-wrapper form .field-row > label {
  color: black;
  display: block;
  font-weight: normal;
  margin: 1.5em 0 0.5em 0.5em;
  text-align: left;
}
#content .form-wrapper.vertical-form form .field-row > label,
.ie7 #content .form-wrapper form .field-row > label,
#content .form-wrapper.vertical-form form .field-row > .help,
.ie7 #content .form-wrapper form .field-row > .help {
  /*
             * We use pixels in order to align these, since both use
             * different font sizes.
             */
  margin-left: 5px;
}
#content .form-wrapper.vertical-form form .field-row textarea,
.ie7 #content .form-wrapper form .field-row textarea,
#content .form-wrapper.vertical-form form .field-row ul,
.ie7 #content .form-wrapper form .field-row ul,
#content .form-wrapper.vertical-form form .field-row .CodeMirror,
.ie7 #content .form-wrapper form .field-row .CodeMirror {
  display: block;
}
#content .form-wrapper.vertical-form form fieldset > p,
.ie7 #content .form-wrapper form fieldset > p {
  margin-left: 0;
}
#content .form-wrapper.vertical-form form .field-inputs,
.ie7 #content .form-wrapper form .field-inputs {
  margin-right: 0;
}
#content .form-wrapper.vertical-form form .field-row,
.ie7 #content .form-wrapper form .field-row {
  margin: 0.5em 0;
}
#content .form-wrapper.vertical-form form .field-row > input[type=checkbox],
.ie7 #content .form-wrapper form .field-row > input[type=checkbox] {
  display: inline;
  margin-left: 0;
}
#content .form-wrapper.vertical-form form .field-row > label,
.ie7 #content .form-wrapper form .field-row > label {
  width: auto;
}
body.has-sidebar #content .form-wrapper.vertical-form form .field-row,
body.has-sidebar .ie7 #content .form-wrapper form .field-row {
  margin-right: 0;
}
#content .form-wrapper.vertical-form form .field-row .errorlist,
.ie7 #content .form-wrapper form .field-row .errorlist {
  margin-left: 0;
}
#content .form-wrapper form fieldset {
  border: 0;
  margin: 2em 0 0 0;
  padding: 0;
}
#content .form-wrapper form fieldset:first-child {
  margin-top: 0;
}
#content .form-wrapper form fieldset > p {
  color: #777777;
}
#content .form-wrapper form h3 {
  margin-top: 0;
  font-size: 120%;
  font-weight: normal;
}
#content .form-wrapper form .buttons-row {
  margin-top: 0.5em;
}
#content .form-wrapper form .buttons-row .btn {
  font-size: 11pt;
  margin-left: 0;
  -webkit-appearance: none;
}
#content .form-wrapper form .field-row {
  margin: 0 0 1em 0;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  /* Restore styles overridden above. */
}
#content .form-wrapper form .field-row > label {
  display: inline-block;
  font-weight: bold;
  margin: 0.4em 0.5em 0 0;
  vertical-align: top;
  text-align: right;
}
#content .form-wrapper form .field-row > *,
#content .form-wrapper form .field-row .field-inputs * {
  white-space: normal;
}
#content .form-wrapper form .field-row > span.value {
  display: inline-block;
  margin: 0.4em 0 0 0;
  vertical-align: top;
}
#content .form-wrapper form .field-row select {
  margin-top: 0.5em;
}
#content .form-wrapper form .field-row textarea,
#content .form-wrapper form .field-row .CodeMirror {
  display: inline-block;
}
#content .form-wrapper form .field-row ul {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#content .form-wrapper form .field-row ul li {
  list-style: none;
  margin: 2em 0 0 0;
  padding: 0;
}
#content .form-wrapper form .field-row ul li:first-child {
  margin-top: 0.4em;
}
#content .form-wrapper form .field-row ul li p {
  margin-bottom: 0;
}
#content .form-wrapper form .field-row ul li .radio-item-description {
  color: #777777;
  font-size: 90%;
  margin-left: 2em;
  margin-bottom: 0.5em;
}
#content .form-wrapper form .field-row ul li .radio-item-description a {
  font-weight: normal;
}
#content .form-wrapper form .field-row ul li .radio-item-description a:hover {
  text-decoration: underline;
}
#content .form-wrapper form .field-row .CodeMirror {
  margin: 0;
  box-sizing: border-box;
}
#content .form-wrapper form .field-row .selectboxit-container .selectboxit-options {
  display: none;
}
#content .form-wrapper form .field-row .selectboxit-container .selectboxit-options .selectboxit-option {
  margin: 0;
}
#content .form-wrapper form .field-row .help {
  color: #333;
  margin: 0 0 0.5em 0;
  font-size: 80%;
}
#content .form-wrapper form .field-row .errorlist {
  display: block;
  margin: 0;
}
#content .form-wrapper form .field-row .errorlist li {
  margin: 0.5em 0;
}
#content .form-wrapper form .field-row-radio-select {
  color: #333;
}
#content .form-wrapper form .field-row-radio-select ul {
  margin: 1em 0 2em 0;
}
#content .form-wrapper form .field-row-radio-select ul li {
  margin: 0;
  padding: 0;
}
#content .form-wrapper form .field-row-radio-select ul li label {
  border: 1px #CCC solid;
  border-radius: 6px;
  display: block;
  margin: 0.5em 0;
  padding: 6px;
}
#content .form-wrapper form .field-row-radio-select ul li label .radio-value {
  display: inline-block;
  vertical-align: text-top;
}
#content .form-wrapper form .field-row-radio-select ul li label .radio-value p {
  color: green;
  font-size: 90%;
}
#content .form-wrapper form .field-row-hidden {
  display: none;
}
#content .form-wrapper form .field-inputs {
  display: inline-block;
}
#content .form-wrapper form .submit-row {
  margin-top: 2em;
}
@media only screen and (max-width: 480px) {
  #content .form-wrapper form fieldset > p {
    margin-left: 0;
  }
  #content .form-wrapper form > .field-row:first-child {
    margin-top: 0;
  }
  #content .form-wrapper form > .field-row:first-child label {
    margin-top: 0;
  }
  #content .form-wrapper form .field-row {
    overflow: visible;
    text-align: left;
  }
  #content .form-wrapper form .field-row > label {
    color: black;
    display: block;
    font-weight: normal;
    margin: 1.5em 0 0.5em 0.5em;
    text-align: left;
  }
  #content .form-wrapper form .field-row > label,
  #content .form-wrapper form .field-row > .help {
    /*
             * We use pixels in order to align these, since both use
             * different font sizes.
             */
    margin-left: 5px;
  }
  #content .form-wrapper form .field-row textarea,
  #content .form-wrapper form .field-row ul,
  #content .form-wrapper form .field-row .CodeMirror {
    display: block;
  }
  #content .form-wrapper form .field-row {
    margin-top: 1em;
  }
}
#content .form-wrapper form .field-inputs {
  margin-right: 17.5em;
  position: relative;
}
#content .form-wrapper form .field-inputs .fa {
  color: #4C451D;
  width: 16px;
  text-align: center;
  font-size: 16px;
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 1;
}
#content .form-wrapper form .field-inputs .fa + input:first-of-type,
#content .form-wrapper form .field-inputs .fa + .multifield-input input:first-of-type {
  padding-left: 32px;
}
@media only screen and (max-width: 480px) {
  #content .form-wrapper form .field-inputs .fa {
    font-size: 19px;
    top: 10px;
    left: 10px;
  }
  #content .form-wrapper form .field-inputs .fa + input:first-of-type,
  #content .form-wrapper form .field-inputs .fa + .multifield-input input:first-of-type {
    padding-left: 39px;
  }
}
#content .form-wrapper form .field-inputs .multifield-input {
  border: 1px #AAA solid;
  border-radius: 6px;
  box-sizing: border-box;
  margin: 0;
  width: 100%;
}
#content .form-wrapper form .field-inputs .multifield-input input,
#content .form-wrapper form .field-inputs .multifield-input select {
  background: transparent;
  border: 0;
  margin: 0;
}
#content .form-wrapper form .field-inputs .multifield-input .selectboxit-btn {
  background: transparent;
  border: 0;
  border-radius: 0 6px 6px 0;
}
#content .form-wrapper form .field-row {
  margin-left: -16.5em;
  margin-right: 15.5em;
  overflow: visible;
}
#content .form-wrapper form .field-row > label {
  width: 16em;
}
#content .form-wrapper form .field-row > input[type=checkbox] {
  font-size: inherit;
  margin-left: 17em;
  text-align: right;
}
#content .form-wrapper form .field-row > input[type=checkbox] + label {
  display: inline;
  font-weight: normal;
  width: auto;
}
body.has-sidebar #content .form-wrapper form .field-row {
  margin-right: 16em;
  overflow: visible;
}
#content .form-wrapper form .field-row .errorlist {
  margin-left: 17em;
}
#content .form-wrapper.vertical-form,
.ie7 #content .form-wrapper {
  margin: 0;
}
#content .form-wrapper.vertical-form form fieldset > p,
.ie7 #content .form-wrapper form fieldset > p {
  margin-left: 0;
}
#content .form-wrapper.vertical-form form .field-inputs,
.ie7 #content .form-wrapper form .field-inputs {
  margin-right: 0;
}
#content .form-wrapper.vertical-form form .field-row,
.ie7 #content .form-wrapper form .field-row {
  margin: 0.5em 0;
}
#content .form-wrapper.vertical-form form .field-row > input[type=checkbox],
.ie7 #content .form-wrapper form .field-row > input[type=checkbox] {
  display: inline;
  margin-left: 0;
}
#content .form-wrapper.vertical-form form .field-row > label,
.ie7 #content .form-wrapper form .field-row > label {
  width: auto;
}
body.has-sidebar #content .form-wrapper.vertical-form form .field-row,
body.has-sidebar .ie7 #content .form-wrapper form .field-row {
  margin-right: 0;
}
#content .form-wrapper.vertical-form form .field-row .errorlist,
.ie7 #content .form-wrapper form .field-row .errorlist {
  margin-left: 0;
}
@media only screen and (max-width: 480px) {
  #content .form-wrapper {
    margin: 0;
  }
  #content .form-wrapper form fieldset > p {
    margin-left: 0;
  }
  #content .form-wrapper form .field-inputs {
    margin-right: 0;
  }
  #content .form-wrapper form .field-row {
    margin: 0.5em 0;
  }
  #content .form-wrapper form .field-row > input[type=checkbox] {
    display: inline;
    margin-left: 0;
  }
  #content .form-wrapper form .field-row > label {
    width: auto;
  }
  body.has-sidebar #content .form-wrapper form .field-row {
    margin-right: 0;
  }
  #content .form-wrapper form .field-row .errorlist {
    margin-left: 0;
  }
}
#content .selectboxit-container * {
  font-family: inherit;
  font-size: inherit;
}
#content .selectboxit-container .selectboxit-options {
  border-color: #AAA;
  border-radius: 0 0 6px 6px;
}
#content .selectboxit-container .selectboxit-options a {
  font-weight: normal;
}
@media only screen and (max-width: 480px) {
  #content .selectboxit-container span,
  #content .selectboxit-container .selectboxit-options a {
    height: 35px;
    line-height: 35px;
  }
}
.CodeMirror {
  padding: 0;
  white-space: inherit !important;
}
.CodeMirror .CodeMirror-lines {
  padding: 6px 0;
}
.CodeMirror .CodeMirror-lines pre {
  padding: 0 6px;
}
/* Sales-related forms */
#card-errors {
  color: #DD0000;
  margin: 1em 0;
}
#purchase-summary {
  line-height: 2em;
  margin-top: 2em;
}
#purchase-summary label {
  display: inline-block;
  font-size: 110%;
  vertical-align: top;
}
#purchase-summary #purchase-total {
  color: green;
  display: inline-block;
  font-size: 120%;
  line-height: 1.5;
  margin-left: 0.5em;
}
#purchase-summary #purchase-total .purchase-total-extra {
  font-size: 80%;
}
/*# sourceMappingURL=forms.css.map */
/**
 * A list of integrations, with icons.
 *
 * This is arranged as wrapping rows of icons with labels beneath each.
 *
 * Structure:
 *     <ul class="rbws-c-integrations-list">
 *      <li class="rbws-c-integrations-list__integration">...</li>
 *      ...
 *     </ul>
 */
#content .rbws-c-integrations-list {
  list-style: none;
  margin: 3em auto 0 auto;
  padding: 0;
  max-width: 50em;
  text-align: center;
  /**
   * An integration in the list.
   *
   * Structure:
   *     <li class="rbws-c-integrations-list__integration">
   *      <a href="...">
   *       <img class="rbws-c-integrations-list__integration-icon" ...>
   *       <span class="rbws-c-integrations-list__integration-name">...</span>
   *      </a>
   *     </li>
   */
  /**
   * The icon for an integration.
   *
   * Accessibility Notes:
   *     Each of these should have ``aria-hidden="true"``, so that screen
   *     readers will ignore them and just look at the integration names.
   *
   * Structure:
   *     <img class="rbws-c-integrations-list__integration-icon"
   *          aria-hidden="true"
   *          ...>
   */
  /**
   * The name of an integration.
   *
   * Structure:
   *     <span class="rbws-c-integrations-list__integration-name">...</span>
   */
}
#content .rbws-c-integrations-list__integration {
  display: inline-block;
  margin: 2em 0;
  padding: 0;
  text-align: center;
  vertical-align: top;
  width: 9em;
}
#content .rbws-c-integrations-list__integration-name {
  display: block;
  font-weight: normal;
  margin-top: 0.5em;
}
#content .rbws-c-integrations-list__integration-name {
  display: block;
  font-weight: normal;
  margin-top: 0.5em;
}
@media only screen and (max-width: 480px) {
  #content .rbws-c-integrations-list {
    text-align: center;
  }
  #content .rbws-c-integrations-list .rbws-c-integrations-list__integration {
    margin-left: 1em;
    margin-right: 1em;
  }
}
/*# sourceMappingURL=integrations-list.css.map */
/**
 * Top page header bar, containing branding and navigation.
 *
 * Structure:
 *     <header class="rbws-c-page-headerbar" role="banner">
 *      <div class="rbws-c-page-headerbar__branding">...</div>
 *      <nav class="rbws-c-page-headerbar__nav">...</nav>
 *     </header>
 */
.rbws-c-page-headerbar {
  background: #B1D5FF;
  display: block;
  height: 70px;
  line-height: 70px;
  padding-left: 55px;
  padding-right: 55px;
  position: relative;
  vertical-align: middle;
  /**
   * Branding section of the header bar.
   *
   * This contains the logo and "Review Board".
   *
   * Accessibility Notes:
   *     Since this only holds the link, we want to use
   *     ``role="presentation"`` to remove the section from screen readers.
   *
   * Structure:
   *     <div class="rbws-c-page-headerbar__branding" role="presentation">
   *      <a class="rbws-c-page-headebar__home-link" ...>...</a>
   *     </div>
   */
  /**
   * A link that takes the user back to the home page on the site.
   *
   * Accessibility Notes:
   *     This should contain an ``aria-label``, and the children inside
   *     should contain ``aria-hidden="true"``.
   *
   * Structure:
   *     <a class="rbws-c-page-headerbar__home-link"
   *        href="/"
   *        aria-label="Review Board">
   *      <img class="rbws-c-page-headerbar__logo" ...>
   *      <h1 class="rbws-c-page-headerbar__title" ...>...</h1>
   *     </a>
   */
  /**
   * The main page logo.
   *
   * Accessibility Notes:
   *     This should use an empty string for alt text, and set
   *     ``aria-hidden="true"``.
   *
   * Structure:
   *     <img class="rbws-c-page-headerbar__logo"
   *          src="..." alt="" aria-hidden="true">
   */
  /**
   * Site navigation section of the header bar.
   *
   * Accessibility Notes:
   *     This should use an empty string for alt text, and set
   *     ``aria-hidden="true"``.
   *
   * Structure:
   *     <nav class="rbws-c-page-headerbar__nav" aria-hidden="true">
   *      <a class="rbws-c-page-headerbar__nav-item" ...>...</a>
   *      ...
   *     </nav>
   */
  /**
   * A navigation item in the navigation area.
   *
   * Structure:
   *     <a class="rbws-c-page-headerbar__nav-item" href="...">...</a>
   */
  /**
   * Main page title.
   *
   * Structure:
   *     <h1 class="rbws-c-page-headerbar__title" aria-label="Main pageA>"
   *      <a href="...">...</a>
   *      ...
   *     </h1>
   */
}
.rbws-c-page-headerbar:before {
  content: "";
  width: 55px;
  height: 76px;
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  background-image: url("../images/header-deco-left.ba555460d3d5.png");
}
@media all and (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .rbws-c-page-headerbar:before {
    background-image: url("../images/header-deco-left@2x.2cedd2e6df0f.png");
    background-size: 55px 76px;
  }
}
.rbws-c-page-headerbar:after {
  content: "";
  width: 55px;
  height: 76px;
  display: block;
  position: absolute;
  right: 0;
  top: 8px;
  background-image: url("../images/header-deco-right.c9c2b279f0d9.png");
}
@media all and (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .rbws-c-page-headerbar:after {
    background-image: url("../images/header-deco-right@2x.ed4e7ee40724.png");
    background-size: 55px 76px;
  }
}
.rbws-c-page-headerbar__branding {
  display: inline-block;
  position: relative;
}
.rbws-c-page-headerbar__home-link {
  display: inline-block;
}
.rbws-c-page-headerbar__logo {
  display: inline-block;
  margin-top: 6px;
}
.rbws-c-page-headerbar__nav {
  display: block;
  float: right;
  font-size: 120%;
  height: 70px;
}
.rbws-c-page-headerbar__nav-item {
  display: inline-block;
  color: inherit;
  padding: 0 1.3em;
  font-weight: normal;
  text-transform: uppercase;
}
.rbws-c-page-headerbar__title {
  background: transparent;
  border: 0;
  display: inline;
  font-size: inherit;
  font-weight: normal;
  margin: 0 0 0 123px;
  padding: 0;
  overflow: visible;
}
@media only screen and (max-width: 900px) {
  .rbws-c-page-headerbar {
    line-height: normal;
    height: auto;
  }
  .rbws-c-page-headerbar .rbws-c-page-headerbar__branding {
    text-align: center;
    width: auto;
    height: 75%;
  }
  .rbws-c-page-headerbar .rbws-c-page-headerbar__logo {
    position: relative;
    margin-right: 40px;
  }
  .rbws-c-page-headerbar .rbws-c-page-headerbar__nav {
    font-size: 12px;
    float: none;
    height: auto;
    padding: 0;
    line-height: 3em;
    text-align: center;
  }
  .rbws-c-page-headerbar .rbws-c-page-headerbar__nav-item {
    padding: 0 1em;
  }
  .rbws-c-page-headerbar .rbws-c-page-headerbar__title {
    margin-left: 0;
  }
}
/*# sourceMappingURL=page-headerbar.css.map */
/**
 * A slideshow for navigating and cycling between content.
 *
 * Slideshows can automatically cycle between content periodically, up to
 * a maximum number of time. Users can choose to navigate to specific pages,
 * which will turn off the automatic navigation.
 *
 * An animation will play when transitioning slides. This defaults to a
 * sliding animation. If the user's system/browser preferences is set to
 * prefer reduced motion, it will instead be a simple fade.
 *
 * This is meant to be used with the :js:class:`RBWS.UI.SlideshowView` view,
 * for event handling and automatic cycling.
 *
 * DOM Attributes:
 *     aria-label (string):
 *         Set to a label describing this slideshow.
 *
 *     aria-roledescription (string):
 *         Set to ``carousel``.
 *
 * Modifiers:
 *     -is-auto-cycled:
 *         If set, the slidshow will automatically cycle between content.
 *
 * Structure:
 *     <div class="rbws-c-slideshow"
 *          aria-label="..."
 *          aria-roledescription="carousel">
 *      <nav class="rbws-c-slideshow__nav">
 *       ...
 *      </nav>
 *      <ul class="rbws-c-slideshow__slides ..." ...>
 *       ...
 *      </ul>
 *     </div>
 */
#content .rbws-c-slideshow {
  overflow-x: hidden;
  /**
   * The navigation links for the slideshow.
   *
   * Structure:
   *     <nav class="rbws-c-slideshow__nav">
   *      <a class="rbws-c-slideshow__nav-item" ...>...</a>
   *      ...
   *     </nav>
   */
  /**
   * A navigation link pointing to a particular slide.
   *
   * DOM Attributes:
   *     aria-controls (string):
   *         The ID of the ``rbws-c-slideshow__slides`` element.
   *
   *     aria-selected (boolean):
   *         ``true`` for the current slide's navigation item and ``false``
   *         for all others.
   *
   *     href (string):
   *         The anchor name pointing to ID of the corresponding
   *         ``rbws-c-slideshow__slide`` element.
   *
   *     id (string):
   *         A unique ID that can be referenced by the
   *         ``rbws-c-slideshow__slide`` element.
   *
   * Structure:
   *     <a id="nav_id..."
   *        class="rbws-c-slideshow__nav-item"
   *        href="#slide-id..."
   *        aria-controls="slides_id..."
   *        aria-selected="true|false">
   *      title...
   *     </a>
   */
  /**
   * A slide.
   *
   * The content within the slide will be scrollable along the X axis, if it
   * doesn't fit. Only one slide is ever shown at a time.
   *
   * DOM Attributes:
   *     aria-hidden (boolean):
   *         ``false`` for the current slide, and ``true`` for all others.
   *
   *     aria-labelledby (string):
   *         The ID of the corresponding ``rbws-c-slideshow__nav-item``
   *         element.
   *
   *     aria-roledescription (string):
   *         Set to ``slide``.
   *
   *     id (string):
   *         A unique ID that can referenced by the
   *         ``rbws-c-slideshow__nav-item`` element.
   *
   *     role (string):
   *         Set to ``group``.
   *
   *     data-last-animation (string, optional):
   *         The name of the last animation that would play on a slide, if
   *         the slide contains animations. Cycling will only occur after
   *         the named animation has ended.
   *
   * Structure:
   *     <li id="slide_id..."
   *         class="rbws-c-slideshow__slide"
   *         role="group"
   *         aria-hidden="true|false"
   *         aria-roledescription="slide"
   *         aria-labelledby="nav_id...">
   *      <div class="rbws-c-slideshow__slide-content">
   *       ...
   *      </div>
   *     </li>
   */
  /**
   * The displayed content within a slide.
   *
   * Structure:
   *     <div class="rbws-c-slideshow__slide-content">
   *      ...
   *     </div>
   */
  /**
   * The collection of slides.
   *
   * DOM Attributes:
   *     aria-live (string):
   *         Set to ``off``. This will then be managed automatically by
   *         the JavaScript side.
   *
   *     id (string):
   *         A unique ID that can be referenced by
   *         ``rbws-c-slideshow__nav-item``'s ``aria-controls=`` attribute.
   *
   * Structure:
   *     <ul id="..."
   *         class="rbws-c-slideshow__slides ..."
   *         aria-live="off">
   *      <li class="rbws-c-slideshow__slide ...">...</li>
   *      ...
   *     </ul>
   */
}
#content .rbws-c-slideshow__nav {
  font-size: 120%;
  margin: 1em 0 0.5em 0;
  text-align: center;
}
#content .rbws-c-slideshow__nav-item {
  color: blue;
  display: inline-block;
  border-bottom: 2px transparent solid;
  font-weight: normal;
  margin: 1em;
  text-align: center;
  padding-bottom: 3px;
}
#content .rbws-c-slideshow__nav-item[aria-selected="true"] {
  border-bottom-color: blue;
}
@media only screen and (max-width: 480px) {
  #content .rbws-c-slideshow__nav-item {
    margin: 0.5em;
  }
}
#content .rbws-c-slideshow__slide {
  display: inline-block;
  flex: 0 0 100%;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  position: relative;
  width: 100%;
  height: 100%;
  transition: 0.4s ease-in-out opacity;
}
#content .rbws-c-slideshow__slide[aria-hidden="true"] {
  opacity: 0;
}
#content .rbws-c-slideshow__slide[aria-hidden="false"] {
  opacity: 1;
}
#content .rbws-c-slideshow__slide-content {
  display: inline-block;
  margin: 0 auto;
  position: relative;
}
#content .rbws-c-slideshow__slides {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  transition: 0.4s ease-in-out all;
  will-change: transform;
}
@media (prefers-reduced-motion) {
  #content .rbws-c-slideshow__slides {
    transition: none;
  }
}
/*# sourceMappingURL=slideshow.css.map */
/**
 * A decorated splash area at the top of a page.
 *
 * This is used to provide an image, text, and possible actions. It's intended
 * for the front page and for product pages.
 *
 * Structure:
 *     <header class="rbws-c-splash">
 *      <div class="rbws-c-splash__backdrop"></div>
 *      <div class="rbws-c-splash__content">...</div>
 *     </header>
 */
#page-header .rbws-c-splash {
  background: linear-gradient(#B1D5FF, #FEFEFE);
  padding: 60px;
  padding-bottom: 0;
  /**
   * A visual backdrop for the splash area.
   *
   * Structure:
   *     <div class="rbws-c-splash__backdrop"></div>
   */
  /**
   * The main content area.
   *
   * Structure:
   *     <div class="rbws-c-splash__content">
   *      <div class="rbws-c-splash__text">...</div>
   *     </div>
   */
  /**
   * The header text.
   *
   * Structure:
   *     <h1 class="rbws-c-splash__header">...</h1>
   */
  /**
   * The main text area.
   *
   * Structure:
   *     <div class="rbws-c-splash__text">
   *      <h1 class="rbws-c-splash__header">...</h1>
   *      <p>...</p>
   *      ...
   *     </div>
   */
}
#page-header .rbws-c-splash__image {
  flex: none;
  margin-right: 1em;
  vertical-align: top;
}
#page-header .rbws-c-splash__content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0 auto;
  max-width: 80em;
}
#page-header .rbws-c-splash__header {
  font-size: 14pt;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-align: left;
}
#page-header .rbws-c-splash__text {
  font-size: 140%;
  line-height: 2;
  text-align: left;
}
#page-header .rbws-c-splash__text > ul {
  list-style-type: "▶ ";
  margin-left: 0;
  padding-left: 2ch;
}
#page-header .rbws-c-splash__text a {
  font-weight: normal;
}
@media only screen and (max-width: 900px) {
  #page-header .rbws-c-splash .rbws-c-splash__image {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  #page-header .rbws-c-splash {
    padding: 20px;
  }
  #page-header .rbws-c-splash .rbws-c-splash__header {
    text-align: center;
  }
}
/*# sourceMappingURL=splash.css.map */
/**
 * A blinking cursor animation.
 */
@keyframes rbws-anim-terminal-cursor-blink {
  50% {
    opacity: 0;
  }
}
/*
 * An animation that hides the element for the duration of the animation.
 *
 * This is used by the final blinking cursor, hiding it for the length of
 * the entire typing simulation. It's named as such in order to provide a
 * standard name that can be referenced for ``animationend`` events to know
 * when a typing sequence is done.
 */
@keyframes rbws-anim-terminal-end {
  0%,
  99% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
/**
 * An animation for a cursor on an output line.
 */
@keyframes rbws-anim-terminal-output-cursor-visibility {
  99% {
    margin-left: 0;
    visibility: visible;
  }
  100% {
    margin-left: -2ch;
    visibility: hidden;
  }
}
/**
 * A simulation of a terminal, for demonstrations.
 *
 * This is used to demonstrate a sequence of commands and output the way it'd
 * look on a real terminal.
 *
 * It can also demonstrate this through animated typing, by making use of
 * ``-is-animated`` and ``#rbws-ns-ui.terminal.add-typing-animation()``.
 *
 * Modifiers:
 *     -is-animated:
 *         Whether this terminal will animate simulated typing.
 *
 * Structure:
 *     <div class="rbws-c-terminal">
 *      <div class="rbws-c-terminal__line">...</div>
 *      ...
 *     </div>
 */
.rbws-c-terminal {
  background: #020538;
  border-radius: 8px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  color: #E9E9E9;
  font-family: monospace;
  line-height: 1.5;
  max-width: 80ch;
  margin: 8px auto;
  padding: 1ch;
  text-align: left;
  /*
   * We want to take advantage of modern browser support for scalable fonts,
   * so that the terminal renders without wrapping in just about any width.
   * Not all browsers support this, so we're going to set a fallback font size,
   * then a modern vw-based size, and try to clamp based on the viewport
   * resolution.
   *
   * Ideally, we'd just use `max(size, max-size)` and call it a day, but all
   * attempts (as of April 22, 2021) on modern browsers are failing.
   */
  font-size: 16px;
  font-size: 1.8vw;
  /* Cap the width. */
  /**
   * A final blinking cursor.
   *
   * This should be placed on the last line containing a prompt.
   *
   * Structure:
   *     <span class="rbws-c-terminal__cursor"></span>
   */
  /**
   * Inputted text on a line.
   *
   * Structure:
   *     <span class="rbws-c-terminal__input">...</span>
   */
  /**
   * A line of content.
   *
   * This should not contain any unwanted whitespace.
   *
   * Modifiers:
   *     -is-output:
   *         The line contains simulated outputted text.
   *
   * Structure:
   *     <div class="rbws-c-terminal__line -is-output">...</div>
   *
   *     <pre class="rbws-c-terminal__line -is-output">...</pre>
   *
   *     <pre class="rbws-c-terminal__line"><span
   *      class="rbws-c-terminal__prompt">...</span><span
   *      class="rbws-c-terminal__input">...</span></span></pre>
   */
  /**
   * A simulated prompt.
   *
   * Structure:
   *     <span class="rbws-c-terminal__prompt">...</span>
   */
}
@media only screen and (min-width: 888.88888889px) {
  .rbws-c-terminal {
    font-size: 16px;
  }
}
@media only screen and (max-width: 800px) {
  .rbws-c-terminal {
    font-size: 14.4px;
    /* If vw-based font sizes are supported, keep using them. */
    font-size: 1.8vw;
  }
}
@media only screen and (max-width: 711.11111111px) {
  .rbws-c-terminal {
    font-size: 12.8px;
    /* If vw-based font sizes are supported, keep using them. */
    font-size: 1.8vw;
  }
}
@media only screen and (max-width: 622.22222222px) {
  .rbws-c-terminal {
    font-size: 11.2px;
    /* If vw-based font sizes are supported, keep using them. */
    font-size: 1.8vw;
  }
}
@media only screen and (max-width: 533.33333333px) {
  .rbws-c-terminal {
    font-size: 9.6px;
    /* If vw-based font sizes are supported, keep using them. */
    font-size: 1.8vw;
  }
}
@media only screen and (max-width: 444.44444444px) {
  .rbws-c-terminal {
    font-size: 8px;
    /* If vw-based font sizes are supported, keep using them. */
    font-size: 1.8vw;
  }
}
@media only screen and (max-width: 355.55555556px) {
  .rbws-c-terminal {
    font-size: 6.4px;
    /* If vw-based font sizes are supported, keep using them. */
    font-size: 1.8vw;
  }
}
.rbws-c-terminal.-is-animated .rbws-c-terminal__cursor::after {
  visibility: hidden;
}
.rbws-c-terminal.-is-animated .rbws-c-terminal__input {
  width: 0;
  overflow: hidden;
  white-space: nowrap;
}
.rbws-c-terminal.-is-animated .rbws-c-terminal__line.-is-output,
.rbws-c-terminal.-is-animated .rbws-c-terminal__prompt {
  visibility: hidden;
}
.rbws-c-terminal.-is-animated .rbws-c-terminal__line:first-child .rbws-c-terminal__prompt {
  visibility: visible;
}
.rbws-c-terminal__cursor:after {
  content: " _";
  display: inline;
}
.rbws-c-terminal__input {
  display: inline-block;
  vertical-align: top;
  margin-left: 1ch;
}
.rbws-c-terminal__input:before {
  content: " ";
  display: inline;
}
.rbws-c-terminal__line {
  line-height: inherit;
}
pre.rbws-c-terminal__line {
  /* Undo some default styles. */
  background: inherit;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  white-space: pre-wrap;
}
.rbws-c-terminal__line:empty {
  height: 1.5em;
}
.rbws-c-terminal__line a,
.rbws-c-terminal__line a:link,
.rbws-c-terminal__line a:visited {
  font-weight: normal !important;
  color: inherit;
  text-decoration: none;
}
.rbws-c-terminal__line a:hover,
.rbws-c-terminal__line a:link:hover,
.rbws-c-terminal__line a:visited:hover {
  text-decoration: underline !important;
}
.rbws-c-terminal__prompt {
  background: #BBDAFE;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  color: black;
  padding: 0 1ch 0 0;
  position: relative;
}
/*# sourceMappingURL=terminal.css.map */
/**
 * A product/feature tour.
 *
 * This is a grouping of sections designed to walk visitors through the
 * features or capabilities of a product.
 *
 * Structure:
 *     <div class="rbws-c-tour">
 *      <section class="rbws-c-tour__section">...</section>
 *      ...
 *     </div>
 */
.rbws-c-tour {
  /**
   * The main header for a section.
   *
   * Accessibility Notes:
   *     This should contain an ``id`` attribute, so that
   *     ``.rbws-c-tour__section`` can use ``aria-labelledby=`` to point to it.
   *
   * Structure:
   *     <h2 class="rbws-c-tour__header">...</h2>
   */
  /**
   * A section in the tour.
   *
   * This should contain headers followed by any elements relevant to the
   * section.
   *
   * Accessibility Notes:
   *     This should use ``aria-labelledby=``, pointing to the section's
   *     ``.rbws-c-tour__header``.
   *
   * Structure:
   *     <section class="rbws-c-tour__section"
   *              id="..."
   *              aria-labelledby="...">
   *      <h3 class="rbws-c-tour__header" id="...">...</h3>
   *      <h4 class="rbws-c-tour__subheader">...</h4>
   *
   *      ...
   *     </section>
   */
  /**
   * A screenshot in the tour.
   *
   * This will scale down until it reaches a minimum width, at which point
   * it will offer a horizontal scrollbar. Specific images may want to
   * use an inline style to override the minimum width, if appropriate for
   * that image.
   *
   * Accessibility Notes:
   *     This must contain an ``alt`` attribute.
   *
   * Structure:
   *     <img class="rbws-c-tour__screenshot" ...>
   */
  /**
   * The container for a screenshot in the tour.
   *
   * Structure:
   *     <div class="rbws-c-tour__screenshot-container">
   *      <div class="rbws-c-tour__screenshot-overlay">...</div>
   *      <img class="rbws-c-tour__screenshot" ...>
   *     </div>
   */
  /**
   * An overlay for a screenshot.
   *
   * Overlays can provide additional content on top of a screenshot, such as
   * animations or interactive elements.
   *
   * Through :js:class:`RBWS.UI.TourView`, They will be scaled automatically
   * to match the screenshot's dimensions whenever needed.
   *
   * Structure:
   *     <div class="rbws-c-tour__screenshot-overlay">
   *      ...
   *     </div>
   */
  /**
   * The sub-header for a section.
   *
   * Structure:
   *     <h3 class="rbws-c-tour__subheader">...</h3>
   */
}
.rbws-c-tour__header {
  font-size: 20px;
  font-weight: normal;
  margin: 0 0 1em 0;
  padding: 0;
  text-align: center;
}
.rbws-c-tour__section {
  padding: 2em;
  text-align: center;
}
.rbws-c-tour__section > img,
.rbws-c-tour__section > p {
  margin-left: auto;
  margin-right: auto;
}
.rbws-c-tour__section > p {
  max-width: 47em;
  text-align: justify;
}
.rbws-c-tour__section > p.intro {
  margin-bottom: 3em;
}
.rbws-c-tour__screenshot {
  display: inline-block;
  min-width: 700px;
  max-width: 100%;
  height: auto;
  position: relative;
}
.rbws-c-tour__screenshot-container {
  display: block;
  margin-bottom: 2em;
  overflow-x: auto;
  position: relative;
}
.rbws-c-tour__screenshot-overlay {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
  transform-origin: top left;
}
.rbws-c-tour__subheader {
  color: #555;
  font-size: 15px;
  font-weight: normal;
  margin: 3em 0 1em 0;
  padding: 0;
  text-align: center;
}
.rbws-c-tour__subheader + p {
  margin-top: 3em;
}
.rbws-c-tour__header + .rbws-c-tour__subheader {
  margin-top: 1em;
}
@media only screen and (max-width: 480px) {
  .rbws-c-tour {
    padding: 1em 0;
  }
  .rbws-c-tour img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .rbws-c-tour .rbws-c-tour__section {
    padding: 1em;
  }
}
/*# sourceMappingURL=tour.css.map */
body {
  background: #FEFEFE;
  color: black;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 9pt;
  margin: 0;
}
a {
  color: #0000EE;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/* For browsers that don't support HTML5, we need to default the display. */
footer,
header,
nav {
  display: block;
  margin: 0;
  padding: 0;
}
h1 {
  margin: 2em 0 1em 0;
  font-size: 16pt;
  font-weight: normal;
}
h1:first-child {
  margin-top: 0;
}
h2 {
  margin-top: 3em;
  font-size: 14pt;
  font-weight: normal;
}
#content > h2:first-child {
  margin-top: 0;
}
h3 {
  margin-top: 2.5em;
  margin-bottom: 0;
  font-size: 11.5pt;
  font-weight: normal;
}
h4 {
  margin-top: 3em;
  margin-bottom: 0;
  font-size: 10pt;
  font-weight: normal;
}
h2 + .section h3 {
  margin-top: 1.5em;
}
img {
  border: 0;
}
pre {
  background: #F6FCFF;
  border: 1px #A1A5AD solid;
  border-radius: 8px;
  margin: 1.5em 0;
  overflow: auto;
  padding: 0.8em;
}
blockquote {
  border-left: 2px #cacdc6 solid;
  line-height: 2em;
  margin-left: 0;
  padding-left: 1em;
}
.gravatar,
.gravatar-retina {
  float: left;
  margin-right: 1em;
}
.paginator {
  margin-top: 2em;
  text-align: center;
}
.paginator a {
  border: 1px #aaada6 solid;
  color: black;
  font-weight: normal;
  padding: 0.2em 0.5em;
}
.paginator a:hover {
  background: #e6e6e6;
  text-decoration: none;
}
.paginator .current-page {
  font-weight: bold;
  padding: 0.2em 0.5em;
}
.paginator .page-count {
  margin-left: 1em;
}
#account_banner {
  background: #B1D5FF;
  color: #555;
  margin: 0;
  padding: 0.6em 1.5em;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
}
#account_banner #account_actions {
  float: right;
}
#account_banner a {
  color: inherit;
  font-weight: normal;
  margin-left: 1em;
}
#account_banner ul {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
#account_banner ul:first-child li:first-child {
  margin-left: 0;
}
#account_banner ul li {
  display: inline;
  margin: 0 0 0 1em;
  padding: 0;
}
#container #auth_container {
  margin: 2em 0 0;
  text-align: center;
}
#container #auth_container input[type="email"],
#container #auth_container input[type="password"],
#container #auth_container input[type="text"] {
  width: 16em;
}
#container #auth_container #messages {
  margin: 0 auto;
  text-align: left;
  width: 40em;
}
#container #auth_container .auth-button-container {
  width: 16em;
}
#container #auth_container .auth-button-container input {
  font-size: 120%;
  margin: 0;
  padding: 0.6em;
  width: 100%;
  box-sizing: border-box;
}
#container #auth_container .auth-form-row {
  clear: both;
  margin: 1.5em 0;
  padding-left: 16em;
}
#container #auth_container .auth-form-row.auth-field-row:not(.checkbox-row) {
  padding-left: 0;
}
#container #auth_container .auth-form-row.auth-field-row:not(.checkbox-row) label {
  float: left;
  font-weight: normal;
  padding: 0.5em 1em 0.5em 0.5em;
  text-align: right;
  width: 16em;
  box-sizing: border-box;
}
#container #auth_container .auth-form-row.auth-field-row:not(.checkbox-row) .errorlist {
  display: block;
  list-style: none;
  margin: 0.5em 0 0 16em;
  width: 16em;
}
#container #auth_container .auth-form-row.auth-field-row:not(.checkbox-row) .errorlist li {
  font-weight: normal;
  font-size: 9pt;
}
#container #auth_container .auth-form-row.auth-field-row.checkbox-row input {
  vertical-align: top;
}
#container #auth_container .auth-form-row.auth-field-row.checkbox-row label {
  display: inline-block;
  width: 16em;
}
#container #auth_container .auth-header {
  margin: 0 0 1em 0;
}
#container #auth_container .auth-header h1 {
  font-size: 120%;
  margin: 1em 0;
  padding: 0;
}
#container #auth_container .auth-header p {
  color: #444;
  margin: 1em 0;
}
#container #auth_container .auth-header .errorbox {
  display: inline-block;
  text-align: center;
}
#container #auth_container .auth-header .errorbox .errorlist {
  text-align: left;
}
#container #auth_container .auth-links {
  list-style: none;
  margin-top: 3em;
  text-align: center;
}
#container #auth_container .auth-links a {
  font-weight: normal;
}
#container #auth_container .auth-section {
  display: inline-block;
  margin: 0 2em;
  text-align: left;
  vertical-align: top;
}
#container #auth_container .auth-section.main-auth-section {
  margin-left: -14em;
}
@media only screen and (max-width: 480px) {
  #container #auth_container .auth-form-row {
    padding-left: 0;
  }
  #container #auth_container .auth-form-row.auth-field-row label {
    display: block;
    float: none;
    text-align: left;
  }
  #container #auth_container .auth-section {
    margin: 0;
  }
  #container #auth_container .auth-section.main-auth-section {
    margin-left: 0;
  }
}
#container {
  position: relative;
  /*
   * We set the background here to the sidebar background in case we're showing
   * a sidebar. This is needed because the sidebar will float and may not reach
   * the full height of the container.
   */
  background: #FEFEFE;
}
#content {
  display: block;
  min-height: 20em;
  padding: 30px 60px 60px 60px;
  position: relative;
  font-size: 13px;
  zoom: 1;
}
#content:before,
#content:after {
  display: table;
  content: "";
}
#content:after {
  clear: both;
}
body.has-sidebar #content {
  border-right: 1px #E0E0E0 solid;
}
#content a {
  font-weight: bold;
}
#content a:hover {
  text-decoration: none;
}
#content dl dd {
  margin-left: 10px;
}
#content dl dt {
  margin-bottom: 6px;
}
#content ol {
  margin: 1em 0 2em 0;
}
#content ol li {
  margin: 1em 0;
}
#content p {
  line-height: 1.5em;
  text-align: justify;
}
#content td ul:first-child,
#content th ul:first-child {
  margin-top: 0;
}
#content ul {
  list-style: square;
  margin: 1em 0 2em 0;
}
#content ul li {
  margin: 1em 0;
}
#content ul li .testimonial {
  margin-top: 1em;
}
#content .banner {
  background: #FFFFE9;
  border: 1px #acac00 solid;
  border-radius: 10px;
  display: block;
  font-weight: normal;
  margin: 0 0 2em 0;
  padding: 1em 1.5em;
  overflow: hidden;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
#content .banner:hover {
  text-decoration: none;
}
#content .banner:hover h2 {
  text-decoration: underline;
}
#content .banner h2 {
  font-size: 130%;
  color: #0000CC;
  line-height: 29px;
  font-weight: bold;
  margin: 0 0 0.8em 0;
}
#content .banner p {
  color: #111;
  line-height: 20px;
  margin: 1em 0 0 0;
}
#content .buttons {
  margin: 2em 0;
}
@media only screen and (max-width: 480px) {
  #content {
    padding: 20px;
  }
  #content ul {
    padding-left: 1.5em;
  }
  #content ul li .testimonial {
    font-size: 80%;
    margin-top: 2em;
    margin-left: 0;
  }
}
#footer_mailing_list {
  padding: 1em;
  text-align: center;
}
#footer_mailing_list p {
  box-sizing: border-box;
  display: inline-block;
  font-size: 110%;
  margin: 0 0 1em 0;
  text-align: justify;
}
#footer_mailing_list .email-field {
  display: flex;
  justify-content: center;
}
#footer_mailing_list .email-field button {
  margin-left: 0.5em;
  padding: 0.5em 1em;
}
#footer_mailing_list .email-field input {
  margin: 0;
  max-width: 20em;
}
#footer_mailing_list .email-field label {
  align-self: center;
  margin-right: 0.5em;
  white-space: nowrap;
}
footer {
  text-align: center;
}
footer a {
  font-weight: normal;
}
footer nav {
  margin: 0;
  padding: 3em 0 0 0;
}
footer nav dl {
  display: inline-block;
  margin: 0 3em;
  text-align: left;
  vertical-align: top;
}
.ie7 footer nav dl {
  display: inline;
  zoom: 1;
}
footer nav dl dt {
  font-size: 16px;
  margin: 0;
  padding: 0;
}
footer nav dl dd {
  margin: 1.5em 0;
  padding: 0;
}
footer nav dl dd .fa {
  text-align: center;
  width: 12px;
}
@media only screen and (max-width: 480px) {
  footer nav {
    padding: 0;
  }
  footer nav dl {
    display: block;
    margin: 0 0 0.5em 0;
  }
  footer nav dl.opened dt:before {
    content: "▾ ";
  }
  footer nav dl.opened dd {
    max-height: 40px;
  }
  footer nav dl dt {
    margin: 0;
    padding: 0.5em;
    cursor: pointer;
    display: block;
  }
  footer nav dl dt:before {
    display: inline-block;
    content: "▸ ";
    padding-left: 0.5em;
    padding-right: 0.2em;
    width: 16px;
  }
  footer nav dl dd {
    display: block;
    max-height: 0;
    margin: 0;
    overflow: hidden;
    transition: max-height 0.25s linear;
  }
  footer nav dl dd a {
    display: inline-block;
    font-size: 120%;
    padding: 1em 0 1em 2.5em;
  }
}
footer .copyright {
  color: #333;
  font-size: 11px;
  margin: 0;
  padding: 3em 0 2em 0;
}
#messages {
  margin: 0 0 2em 0;
  padding: 0;
}
#messages li {
  background: #FFC 5px 0.3em no-repeat;
  border: 1px solid #cccc00;
  color: #333;
  display: block;
  font-size: 12px;
  margin: 0 0 3px 0;
  padding: 4px 5px 4px 25px;
}
#messages li.success {
  background-image: url("../images/success.b090772dc71a.png");
}
@media all and (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  #messages li.success {
    background-image: url("../images/success@2x.93095bc32844.png");
    background-size: 16px 16px;
  }
}
#navbar-deco {
  width: 100%;
  height: 6em;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
#navbar-groups {
  position: relative;
  z-index: 1;
}
#page-header {
  clear: both;
  overflow: hidden;
  /*
   * Ensure that this is always above #content and #sidebar, so that the
   * shadow will appear above it. Otherwise, it will be behind #content.
   */
  position: relative;
  z-index: 1;
}
#page-header > h1 {
  background: linear-gradient(#B1D5FF, #FEFEFE);
  font-size: 14pt;
  font-weight: normal;
  min-height: 2em;
  margin: 0;
  padding: 2em 1em 1em 1em;
  text-align: center;
}
#page-header > h1 a {
  color: inherit;
  font-weight: inherit;
}
#page-header nav {
  display: inline-block;
  float: right;
  height: 45px;
  margin-bottom: 1em;
  vertical-align: middle;
}
@media only screen and (max-width: 480px) {
  #page-header nav {
    display: block;
    float: none;
    height: auto;
    text-align: center;
  }
}
#page-header nav a {
  font-weight: normal !important;
  font-size: 14px;
  color: black;
  display: inline-block;
  padding: 1em 1em;
}
#page-header nav a.active {
  background: #FFFFFF;
  border-left: 1px #DDDDD0 solid;
  border-right: 1px #DDDDD0 solid;
}
@media only screen and (max-width: 480px) {
  #page-header nav a {
    font-size: 12px;
    padding: 0.8em 1em;
  }
  #page-header nav a.active {
    border-bottom: 1px #DDDDD0 solid;
  }
}
#page-social-badges {
  float: right;
  padding-right: 1.5em;
  padding-top: 2px;
  overflow: hidden;
  width: 16em;
}
#page-social-badges #___plusone_0 {
  float: right;
  width: 90px !important;
}
#page-social-badges .fb-like {
  float: right;
  width: 81px;
  height: 23px;
  margin-right: 2px;
}
#promotion-banner {
  background: #FFFFBB;
  border-bottom: 1px #DDDD66 solid;
  font-size: 110%;
  line-height: 2;
  padding: 0.8em;
  text-align: center;
}
#promotion-banner p {
  padding: 0;
  margin: 0;
}
#search-results iframe {
  width: 100%;
}
#sidebar {
  display: block;
  float: right;
}
@media only screen and (max-width: 480px) {
  #sidebar {
    float: none;
    position: relative;
    z-index: 2;
  }
}
#sidebar-button {
  display: none;
}
@media only screen and (max-width: 480px) {
  #sidebar-button {
    background: #DDDDDD;
    border-bottom: 1px #CCCCCC solid;
    color: #333;
    display: inline-block;
    padding: 0.5em 1em;
    text-align: right;
    position: relative;
    right: 0;
    float: right;
    z-index: 3;
    border-radius: 0 0 0 10px;
  }
  #sidebar-button:hover {
    text-decoration: none;
  }
  #sidebar-button.active {
    background: #FCFCFC;
    border-color: #E0E0E0;
  }
}
#sidebar-content {
  font-size: 11px;
  padding: 1.5em;
  /*
   * If the <li> is the first displayed item in this section of the
   * sidebar, don't add a margin above it.
   */
}
#sidebar-content a {
  font-weight: normal !important;
  color: #4444BB;
}
#sidebar-content a:hover {
  text-decoration: underline;
}
#sidebar-content p {
  line-height: 1.5em;
}
 > ul #sidebar-content:first-child li:first-child {
  margin-top: 0;
}
#sidebar-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#sidebar-content ul li {
  margin: 1em 0;
}
#sidebar-content ul ul {
  padding-left: 1.5em;
  padding-right: 0;
  list-style: square;
}
#sidebar-content .section {
  margin-bottom: 20px;
}
#sidebar-content .section:first-child .title {
  border-top: 0;
  margin-top: 0;
}
#sidebar-content .section .title {
  background: transparent;
  border: 0;
  color: black;
  font-size: 14px;
  font-weight: normal;
  margin: 2em 0 0 0;
  padding: 0;
}
#content .screenshot-slides {
  zoom: 1;
  display: none;
  margin-bottom: 4em;
  overflow: visible !important;
}
#content .screenshot-slides:before,
#content .screenshot-slides:after {
  display: table;
  content: "";
}
#content .screenshot-slides:after {
  clear: both;
}
#content .screenshot-slides img {
  /*
     * slides.js sets this, but it blurs the image on Chrome, and
     * doesn't seem necessary.
     */
  -webkit-backface-visibility: visible !important;
}
#content .screenshot-slides .slidesjs-container {
  border: 1px #CCCCCC solid;
}
#content .screenshot-slides .slidesjs-navigation {
  color: #333333;
  font-family: Helvetica;
  font-size: 14pt;
  margin-left: 0.3em;
}
#content .screenshot-slides .slidesjs-navigation:hover {
  text-decoration: none;
}
#content .screenshot-slides .slidesjs-pagination {
  float: right;
  list-style: none;
  margin: 6px 0 0;
}
#content .screenshot-slides .slidesjs-pagination li {
  float: left;
  margin: 0 1px;
}
#content .screenshot-slides .slidesjs-pagination li a {
  display: block;
  width: 13px;
  height: 0;
  padding-top: 13px;
  background: url("../images/slides-pagination.6fcbf012296b.png") 0 0;
  float: left;
  overflow: hidden;
}
#content .screenshot-slides .slidesjs-pagination li a.active,
#content .screenshot-slides .slidesjs-pagination li a:hover.active {
  background-position: 0 -13px;
}
#content .screenshot-slides .slidesjs-pagination li a.hover {
  background-position: 0 -26px;
}
/*
 * Magnific Popup zoom animation styles.
 */
.mfp-with-zoom.mfp-bg,
.mfp-with-zoom .mfp-container {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-backface-visibility: hidden;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}
.mfp-with-zoom.mfp-removing.mfp-bg,
.mfp-with-zoom.mfp-removing .mfp-container {
  opacity: 0;
}
/*
 * Set the default width of the sidebar for the page.
 */
#sidebar {
  width: 300px;
}
body.has-sidebar #content {
  margin-right: 300px;
}
@media only screen and (max-width: 480px) {
  #sidebar {
    display: none;
    width: auto;
  }
  body.has-sidebar #content {
    margin-right: 0;
    padding-top: 4em;
  }
}
/*# sourceMappingURL=common.css.map */
#downloads-os-selector {
  background: #FAFAFA;
  border: 1px #BBBBBB solid;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
#downloads-os-selector #downloads-os-list {
  background: #FFFFE9;
  border-bottom: 1px #BBBBBB solid;
  border-radius: 8px 8px 0 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
#downloads-os-selector #downloads-os-list li {
  display: inline-block;
  border-bottom: 1px #BBBBBB solid;
  border-left: 1px transparent solid;
  border-right: 1px transparent solid;
  margin: 0;
  padding: 0;
  margin-bottom: -1px;
}
#downloads-os-selector #downloads-os-list li:first-child {
  border-radius: 8px 0 0 0;
}
#downloads-os-selector #downloads-os-list li:first-child.active {
  border-left-color: transparent;
}
#downloads-os-selector #downloads-os-list li.active {
  background: #FAFAFA;
  border-color: #BBBBBB;
  border-bottom: 1px #FAFAFA solid;
}
#downloads-os-selector #downloads-os-list li a {
  display: inline-block;
  color: black;
  font-size: 120%;
  font-weight: normal;
  padding: 0.6em;
}
#downloads-os-selector #downloads-os-list li label {
  cursor: pointer;
}
@media only screen and (max-width: 480px) {
  #downloads-os-selector #downloads-os-list li.active label {
    display: inline-block;
  }
  #downloads-os-selector #downloads-os-list li label {
    display: none;
  }
}
#downloads-os-selector .download-os,
#downloads-os-selector .download-os-footer {
  padding: 1.5em;
}
#downloads-os-selector .download-os h2,
#downloads-os-selector .download-os-footer h2 {
  margin-bottom: 1em;
}
#downloads-os-selector .download-os h2:first-child,
#downloads-os-selector .download-os-footer h2:first-child {
  margin-top: 0;
}
#downloads-os-selector .download-os p:last-child,
#downloads-os-selector .download-os-footer p:last-child,
#downloads-os-selector .download-os pre:last-child,
#downloads-os-selector .download-os-footer pre:last-child,
#downloads-os-selector .download-os .buttons:last-child,
#downloads-os-selector .download-os-footer .buttons:last-child {
  margin-bottom: 0;
}
#downloads-os-selector .download-os-footer {
  padding-top: 0;
}
#downloads-pane {
  margin-top: 3em;
  position: relative;
}
#downloads-pane .downloads-section {
  margin: 1em 0;
}
#downloads-pane .downloads-section h2:first-child {
  margin-top: 0;
}
#downloads-pane .downloads-section h3 {
  margin-top: 2em;
}
#downloads-pane .downloads-section ul {
  list-style: none;
  margin: 2em 0 0 1em;
  padding: 0;
}
#downloads-pane .downloads-section ul li {
  margin-bottom: 2em;
}
#downloads-pane .downloads-section ul li .product-name {
  font-size: 120%;
}
#downloads-pane .downloads-section ul li .product-version {
  color: #333333;
}
#downloads-pane .downloads-section ul li .release-notes {
  display: block;
  font-weight: normal;
  margin-top: 1em;
}
#downloads-pane #main-downloads {
  margin-right: 24em;
}
@media only screen and (max-width: 480px) {
  #downloads-pane #main-downloads {
    margin-right: 0;
  }
}
#downloads-pane #other-downloads {
  width: 20em;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 480px) {
  #downloads-pane #other-downloads {
    position: relative;
    width: auto;
  }
  #downloads-pane #other-downloads h2 {
    margin-top: 3em;
  }
  #downloads-pane #other-downloads .product-name {
    font-size: 100%;
  }
}
/*# sourceMappingURL=downloads.css.map */
#content .integration-header {
  display: table;
  margin-bottom: 3em;
}
#content .integration-header a {
  color: inherit;
}
#content .integration-header a:hover .integration-name {
  text-decoration: underline;
}
#content .integration-header a .integration-summary {
  font-weight: normal;
}
#content .integration-header .fa-heart,
#content .integration-header .integration-icon,
#content .integration-header .integration-info {
  display: table-cell;
}
#content .integration-header .fa-heart {
  color: #D05555;
  font-size: 150%;
  line-height: 48px;
  padding: 0 0.8em;
  vertical-align: top;
  width: 20px;
}
#content .integration-header .integration-icon {
  vertical-align: top;
}
#content .integration-header .integration-info {
  padding-left: 0.8em;
}
#content .integration-header .integration-name {
  color: blue;
  margin: 0.1em 0 0.4em 0;
}
#content .integration-header .integration-summary {
  color: #444;
  font-size: 90%;
  margin: 0;
  text-align: left;
}
#content .integration-list > p {
  margin-top: 0;
}
#content .integration-list ul {
  margin: 3em 0 0 0;
  padding: 0;
}
#content .integration-list ul li {
  list-style: none;
  margin: 0 0 2em 0;
  padding: 0;
}
#content .integration-not-public {
  color: #990000;
  font-weight: bold;
  margin: 0 0 2em 0;
  text-align: center;
}
#content .integration-screenshots {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
}
#content .integration-screenshots li {
  margin: 0 0 2em 4em;
  padding: 0;
  text-align: right;
}
#content .integration-screenshots li a {
  border: 1px #AAA solid;
  display: inline-block;
  border-radius: 4px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  outline: 0;
  overflow: hidden;
}
@media only screen and (max-width: 480px) {
  #content .integration-screenshots {
    float: none;
    margin: 1em 0;
    text-align: center;
  }
  #content .integration-screenshots li {
    display: inline-block;
    margin: 1em;
  }
}
/*# sourceMappingURL=integrations.css.map */
#content .features {
  zoom: 1;
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  max-width: 72em;
}
#content .features:before,
#content .features:after {
  display: table;
  content: "";
}
#content .features:after {
  clear: both;
}
@media only screen and (max-width: 480px) {
  #content .features {
    padding-left: 0;
  }
}
#content .features > li {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 3em 0 0 0;
  display: block;
}
@media only screen and (max-width: 480px) {
  #content .features > li {
    padding: 0;
    width: auto;
  }
  #content .features > li.text-only .right,
  #content .features > li .left,
  #content .features > li .center {
    margin-top: 4em;
  }
  #content .features > li:first-child.text-only .right,
  #content .features > li:first-child .left,
  #content .features > li:first-child .center {
    margin-top: 0;
  }
}
#content .features > li:first-child {
  border-top: 0;
}
#content .features > li h3,
#content .features > li p {
  max-width: 100%;
  text-align: left;
}
#content .features > li .center,
#content .features > li .left,
#content .features > li .right {
  vertical-align: top;
  width: 49%;
  box-sizing: border-box;
  display: inline-block;
}
@media only screen and (max-width: 480px) {
  #content .features > li .center,
  #content .features > li .left,
  #content .features > li .right {
    display: block;
    width: auto;
  }
}
#content .features > li .center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 40em;
  width: auto;
}
@media only screen and (max-width: 480px) {
  #content .features > li .center {
    margin-left: 0;
    width: auto;
  }
}
#content .features > li .left {
  padding-right: 2em;
  text-align: right;
}
@media only screen and (max-width: 480px) {
  #content .features > li .left {
    padding-right: 0;
    width: auto;
  }
}
.ie7 #content .features > li .left {
  /*
           * IE7 doesn't support border-box, causing the padding to be factored
           * into the width incorrectly. We need to force a width there. IE8+ is
           * fine.
           */
  width: 430px;
}
#content .features > li .list-columns {
  margin: 1em 0;
  text-align: left;
}
@media only screen and (max-width: 480px) {
  #content .features > li .list-columns {
    width: auto;
    margin-bottom: 2em;
  }
}
#content .features > li .list-columns ul {
  float: left;
  padding: 0 50px 0 0;
}
@media only screen and (max-width: 480px) {
  #content .features > li .list-columns ul {
    float: none;
    padding: 0;
  }
}
#content .features > li .list-columns ul:last-child {
  padding-right: 0;
}
#content .features > li .list-columns li {
  clear: none;
  border: none;
  list-style: none;
  margin: 0;
  padding: 0.5em 0;
}
#content .features > li .right {
  padding-left: 1em;
}
@media only screen and (max-width: 480px) {
  #content .features > li .right {
    padding-left: 0;
  }
}
#content .features > li .screenshot {
  text-align: right;
}
@media only screen and (max-width: 480px) {
  #content .features > li .screenshot {
    text-align: center;
  }
}
#content .features > li h3 {
  color: #000044;
  font-size: 12pt;
  font-weight: normal;
  margin: 3em 0 0 0;
  padding: 0;
}
#content .features > li h3:first-child {
  margin-top: 0;
}
#content .features > li h3,
#content .features > li p {
  clear: both;
}
#content .features > li li {
  padding: 1em 0 0 0;
}
#content .features > li p {
  color: #444444;
  margin: 1em 0;
  padding: 0;
  text-align: justify;
}
#content .features .rbws-c-tour__screenshot {
  min-width: auto;
}
/*# sourceMappingURL=features.css.map */
.testimonial {
  background: transparent url("../images/quote_left.fedb7b6eef02.png") top left no-repeat;
  border: 0;
  margin: 4em 2em;
  padding: 0 0 0 2.5em;
  text-align: justify;
}
.testimonial .quote {
  background: transparent url("../images/quote_right.9e675875b907.png") bottom right no-repeat;
  padding-right: 2em;
}
.testimonial .source {
  margin-top: 0.5em;
  margin-right: 5em;
  text-align: right;
}
#get_started {
  margin: 0;
  overflow: hidden;
  text-align: center;
}
@media only screen and (max-width: 480px) {
  #get_started {
    margin-bottom: 4em;
  }
}
#get_started h1 {
  border: 0;
  background: transparent;
  margin-top: 0;
  text-align: center;
}
.get-button {
  background: #1E76D9;
  border: 0;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 10pt;
  font-weight: normal;
  padding: 0.8em 1em;
  line-height: normal;
  border-radius: 10px;
  font-size: 18px;
}
#content .get-button {
  font-weight: normal;
}
.get-button:hover {
  text-decoration: none;
}
.get-button:active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.get-button:focus {
  text-decoration: underline;
}
.get-button.disabled {
  cursor: default;
  background: #666666;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  opacity: 0.65;
  box-shadow: none;
}
.get-button[disabled] {
  cursor: default;
  background: #666666;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  opacity: 0.65;
  box-shadow: none;
}
.get-button.large {
  font-size: 130%;
  line-height: normal;
  padding: 9px 14px 9px;
}
.get-button.small {
  padding: 7px 9px 7px;
  font-size: 11px;
}
.get-button.danger {
  color: white !important;
  background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
/*# sourceMappingURL=landing.css.map */
.mailing-list-pane {
  float: left;
}
@media only screen and (max-width: 480px) {
  .mailing-list-pane {
    float: none;
    margin-bottom: 3em;
  }
}
.mailing-list-section {
  margin: 0 0 3em 0;
}
.mailing-list-section dd {
  margin: 0 0 2em 0;
}
.mailing-list-section dl {
  list-style: none;
  margin: 2em 0;
  padding: 0;
}
.mailing-list-section dt {
  margin: 1em 0;
  font-size: 110%;
}
.mailing-list-section h2 {
  margin: 0;
}
#announcements {
  width: 26em;
  margin-right: 5em;
}
@media only screen and (max-width: 480px) {
  #announcements {
    width: auto;
    margin: 0;
  }
}
#announcements h2 {
  margin-left: 0.5em;
}
@media only screen and (max-width: 480px) {
  #announcements h2 {
    margin-left: 0;
  }
}
#content ul.mailing-lislts li {
  margin-top: 2em;
}
#mc_embed_signup form {
  background: #FFF0B3;
  border: 1px #999999 solid;
  margin-top: 1em;
  padding: 1.5em;
  border-radius: 0.5em;
}
@media only screen and (max-width: 480px) {
  #mc_embed_signup form {
    background: transparent;
    border: 0;
    padding: 0;
  }
}
#mc_embed_signup input[type="submit"] {
  border: 0;
  clear: none;
  margin: 0;
  font-size: 11pt;
}
#mc_embed_signup .input-group strong {
  color: #333333;
}
@media only screen and (max-width: 480px) {
  #mc_embed_signup .mc-fields {
    float: none;
    width: 100%;
  }
}
#mc_embed_signup .mc-field-group {
  padding-bottom: 1.5em;
  width: 100%;
}
#mc_embed_signup .mc-field-group input {
  border-color: #999999;
  box-sizing: border-box;
}
@media only screen and (max-width: 480px) {
  #mc_embed_signup .mc-field-group {
    width: auto;
  }
}
/*# sourceMappingURL=mailing-lists.css.map */
#content #news_banner {
  color: #E0E0E0;
  float: left;
  margin: 0.5em 0.5em 0.5em 2em;
  vertical-align: middle;
}
#content #news_banner a {
  color: #d7e9fc;
  font-weight: normal;
}
#content #posts {
  display: block;
}
#content #posts > h2 {
  margin-bottom: 2em;
}
#content #posts > h2:first-child {
  margin-top: 0;
}
#content .blog-post {
  position: relative;
  margin-top: 4em;
  min-height: 8em;
}
#content .blog-post:first-child {
  margin-top: 0;
}
#content .blog-post-links {
  margin-left: 2em;
}
#content .blog-post-author {
  color: #555;
  margin-top: 0.5em;
  font-size: 8pt;
}
#content .blog-post-author a {
  font-weight: normal !important;
}
#content .blog-post-author a:hover {
  text-decoration: underline !important;
}
#content .blog-post-title {
  font-size: 21px;
  margin-bottom: 0.5em;
}
#content .blog-post-title a {
  border-bottom: 0;
  font-weight: normal;
}
#content .blog-post-contents {
  margin: 2em 0 3em 0;
}
#content .blog-post-contents img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
#content .blog-post-contents img.aligncenter {
  display: block;
  margin: 0 auto;
}
#content .blog-post-contents img.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
#content .blog-post-contents img.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
#content .video {
  margin: 2em 0;
  text-align: center;
}
/*# sourceMappingURL=news.css.map */
#get_powerpack,
#try_powerpack {
  margin: 0 auto;
  width: 52em;
}
@media only screen and (max-width: 480px) {
  #get_powerpack,
  #try_powerpack {
    width: auto;
  }
}
#get_powerpack form .btn,
#try_powerpack form .btn,
#get_powerpack form .field-row,
#try_powerpack form .field-row {
  width: 100%;
}
#get_powerpack form .btn,
#try_powerpack form .btn {
  margin-top: 1em;
}
#get_powerpack .errorlist,
#try_powerpack .errorlist {
  margin: 2em 0;
  padding: 0;
}
#get_powerpack .form-col-1,
#try_powerpack .form-col-1 {
  clear: left;
  float: left;
  width: 24em;
}
@media only screen and (max-width: 480px) {
  #get_powerpack .form-col-1,
  #try_powerpack .form-col-1 {
    float: none;
    width: auto;
  }
}
#get_powerpack .form-col-1 p,
#try_powerpack .form-col-1 p {
  margin-bottom: 1.5em;
}
#get_powerpack .form-col-1 p:first-child,
#try_powerpack .form-col-1 p:first-child {
  margin-top: 2.5em;
}
#get_powerpack .form-col-2,
#try_powerpack .form-col-2 {
  float: right;
  width: 24em;
}
@media only screen and (max-width: 480px) {
  #get_powerpack .form-col-2,
  #try_powerpack .form-col-2 {
    float: none;
    width: auto;
  }
}
#get_powerpack .form-col-span,
#try_powerpack .form-col-span {
  clear: left;
  zoom: 1;
}
#get_powerpack .form-col-span:before,
#try_powerpack .form-col-span:before,
#get_powerpack .form-col-span:after,
#try_powerpack .form-col-span:after {
  display: table;
  content: "";
}
#get_powerpack .form-col-span:after,
#try_powerpack .form-col-span:after {
  clear: both;
}
#get_powerpack .form-info,
#try_powerpack .form-info {
  margin-bottom: 2.5em;
}
#get_powerpack .legalese,
#try_powerpack .legalese {
  clear: both;
  font-size: 90%;
  padding-top: 4em;
  text-align: center;
}
#get_powerpack .legalese a,
#try_powerpack .legalese a {
  font-weight: normal;
}
#powerpack_install,
#powerpack_2_free_forever {
  width: 60em;
  margin: 0 auto;
  text-align: left;
}
@media only screen and (max-width: 480px) {
  #powerpack_install,
  #powerpack_2_free_forever {
    width: auto;
  }
}
#powerpack_install ol,
#powerpack_2_free_forever ol {
  margin: 2em 0 0 0;
  padding: 0 0 0 2em;
}
#powerpack_install ol li,
#powerpack_2_free_forever ol li {
  font-weight: bold;
  margin-top: 3em;
}
#powerpack_install ol p,
#powerpack_2_free_forever ol p {
  font-weight: normal;
  margin: 1em 0;
}
#powerpack_install ol pre,
#powerpack_2_free_forever ol pre {
  font-weight: normal;
  margin-left: 0;
}
@media only screen and (max-width: 480px) {
  #powerpack_install ol pre,
  #powerpack_2_free_forever ol pre {
    font-size: 80%;
  }
}
/*# sourceMappingURL=powerpack.css.map */
#support-comparison {
  border-collapse: collapse;
  margin: 4em auto;
}
#support-comparison td,
#support-comparison th {
  padding: 1em;
}
#support-comparison tbody td {
  background: #F9F9F9;
  border-bottom: 1px #E6E6E6 solid;
  text-align: center;
}
#support-comparison tbody th {
  background: #EEE;
  border-bottom: 1px #DDD solid;
  font-weight: normal;
  text-align: left;
}
#support-comparison tbody tr:first-child th {
  border-radius: 6px 0 0 0;
}
#support-comparison tbody tr:last-child th {
  border-radius: 0 0 0 6px;
  border-bottom: 0;
}
#support-comparison tfoot th {
  background: #EEE;
  font-size: 110%;
  text-align: center;
}
#support-comparison tfoot th:first-of-type {
  border-radius: 0 0 0 6px;
}
#support-comparison tfoot th:last-child {
  border-radius: 0 0 6px 0;
}
#support-comparison tfoot th a {
  color: white;
}
#support-comparison thead th {
  background: black;
  color: white;
  font-size: 110%;
  text-align: center;
}
#support-comparison thead th:first-of-type {
  border-radius: 6px 0 0 0;
}
#support-comparison thead th:last-child {
  border-radius: 0 6px 0 0;
}
#support-comparison .fa {
  font-size: 120%;
}
#support-comparison .fa-check {
  color: #009900;
}
#support-comparison .fa-times {
  color: #990000;
}
@media only screen and (max-width: 480px) {
  #support-comparison {
    margin: 1em 0;
  }
  #support-comparison,
  #support-comparison tr,
  #support-comparison td,
  #support-comparison tbody,
  #support-comparison tfoot,
  #support-comparison th,
  #support-comparison thead {
    display: block;
  }
  #support-comparison tbody td {
    text-align: left;
    vertical-align: middle;
  }
  #support-comparison tbody td:before {
    color: #8C4F02;
    display: inline-block;
    font-size: 90%;
    text-align: right;
    width: 6em;
    margin-right: 1em;
  }
  #support-comparison tbody td:nth-child(2):before {
    content: "Community";
  }
  #support-comparison tbody td:nth-child(3):before {
    content: "Basic";
  }
  #support-comparison tbody td:nth-child(4):before {
    content: "Premium";
  }
  #support-comparison tbody th {
    border-radius: 6px 6px 0 0;
    color: #333;
    font-weight: bold;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center;
  }
  #support-comparison tbody tr {
    border: 1px #DDD solid;
    border-radius: 6px;
    margin-top: 1em;
  }
  #support-comparison tbody tr td:last-child {
    border-bottom: 0;
    border-radius: 0 0 6px 6px;
  }
  #support-comparison tfoot th {
    display: none;
  }
  #support-comparison tfoot th:last-child {
    background: none;
    display: block;
  }
  #support-comparison thead {
    display: none;
  }
}
/*# sourceMappingURL=support.css.map */
.c, /* Comment */
.cm, /* Comment.Multiline */
.c1 /* Comment.Single */
{ color: #0000C0; font-style: italic }
.err { border: 1px solid #FF0000 } /* Error */
.k { font-weight: bold } /* Keyword */
.o { color: black; } /* Operator */
.cp { color: #612B00 } /* Comment.Preproc */
.gd { color: #A00000 } /* Generic.Deleted */
.ge { font-style: italic } /* Generic.Emph */
.gr { color: #FF0000 } /* Generic.Error */
.gh { color: #000080; font-weight: bold } /* Generic.Heading */
.gi { color: #005000 } /* Generic.Inserted */
.go { color: #808080 } /* Generic.Output */
.gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.gs { font-weight: bold } /* Generic.Strong */
.gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.gt { color: #0040D0 } /* Generic.Traceback */
.kc { font-weight: bold } /* Keyword.Constant */
.kd { font-weight: bold } /* Keyword.Declaration */
.kp { color: #AA22FF } /* Keyword.Pseudo */
.kr { font-weight: bold } /* Keyword.Reserved */
.kt { font-weight: bold } /* Keyword.Type */
.m { color: darkred; font-weight: bold; } /* Literal.Number */
.s { color: darkred; } /* Literal.String */
.na { color: #000080 } /* Name.Attribute */
.nb { font-weight: bold; } /* Name.Builtin */
.nc { color: black } /* Name.Class */
.no { color: #880000 } /* Name.Constant */
.nd { color: darkBlue; font-weight: bold} /* Name.Decorator */
.ni { color: #999999; font-weight: bold } /* Name.Entity */
.ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.nf { color: black } /* Name.Function */
.nl { color: black } /* Name.Label */
.nn { color: black } /* Name.Namespace */
.nt { color: #000080; font-weight: bold } /* Name.Tag */
.nv { color: black } /* Name.Variable */
.ow { font-weight: bold } /* Operator.Word */
.mf { color: darkred; font-weight: bold } /* Literal.Number.Float */
.mh { color: darkred; font-weight: bold } /* Literal.Number.Hex */
.mi { color: darkred; font-weight: bold } /* Literal.Number.Integer */
.mo { color: darkred; font-weight: bold } /* Literal.Number.Oct */
.sb { color: #BB4444 } /* Literal.String.Backtick */
.sc { color: #BB4444 } /* Literal.String.Char */
.sd { color: #0000C0; } /* Literal.String.Doc */
.s2 { color: #BB4444 } /* Literal.String.Double */
.se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.sh { color: #BB4444 } /* Literal.String.Heredoc */
.si { color: red; font-weight: bold } /* Literal.String.Interpol */
.sx { color: #008000 } /* Literal.String.Other */
.sr { color: #BB6688 } /* Literal.String.Regex */
.s1 { color: #BB4444 } /* Literal.String.Single */
.ss { color: #B8860B } /* Literal.String.Symbol */
.bp { color: darkred; font-weight: bold; } /* Name.Builtin.Pseudo */
.vc { color: #B8860B } /* Name.Variable.Class */
.vg { color: #B8860B } /* Name.Variable.Global */
.vi { color: #B8860B } /* Name.Variable.Instance */
.il { color: #666666 } /* Literal.Number.Integer.Long */
.cs { color: red; font-weight: bold; font-style: italic; }