@charset "UTF-8";
/**
 * Base
 */
/**
 * Globally used settings and variables
 */
/**
 * Use 'breakpoint' Gem with these, taking a "mobile-first" approach.
 *
 * Example:
 *
 * .some-selector {
 *   color: #000
 * }
 *
 * @include breakpoint($small-breakpoint) {
 *   .some-selector {
 *     color: #fff;
 *   }
 * }
 *
 * When the window or device is smaller than `$small-breakpoint` `color` will be #000,
 * otherwise it will be #fff.
 */
/**
 * App Settings (logged-in)
 */
/**
 * Sprint.ly colors!
 */
/**
 * Palette
 * This should be our entire palette, using color names (e.g. $light-gray) and NOT context-specific
 * names (e.g. $highlight-color)
 */
/**
 * Contextual Assignments
 * These should be context specific assignments of the colors above, e.g. $highlight-color: $lime;
 */
/**
 * Collection of mixins/functions to be reused throughout the site.
 */
/**
 * Use this mixin for any element that needs the Sprint.ly sprite image
 */
@import url(../css/vendor/fancybox/jquery.fancybox.css);
@-webkit-keyframes animate-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes animate-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes animate-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes animate-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes animate-pulse {
  from {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes animate-pulse {
  from {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes animate-pulse {
  from {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes animate-pulse {
  from {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/*
  html5doctor.com Reset Stylesheet
  v1.6.1
  Last Updated: 2010-09-17
  Author: Richard Clark - http://richclarkdesign.com 
  Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

body {
  background: #f6f8fa;
  height: auto;
  color: #323232;
  height: auto;
}

body,
input[type="text"],
textarea,
button {
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4 {
  color: #000000;
  margin-bottom: 22px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: lighter;
}

h1 {
  font-size: 44px;
  margin-bottom: 44px;
}

h2 {
  font-size: 34px;
}

h3 {
  font-size: 1.4em;
}

h4 {
  font-size: 1.2em;
}

button:focus {
  outline: none;
}

p {
  font-size: 14px;
  line-height: 21px;
}

a {
  text-decoration: none;
  color: #0366d6;
}
a:hover {
  text-decoration: underline;
}

code {
  word-break: break-all;
}

/**
 * Vendor (imported here so we can override them)
 */
/*! jQuery UI - v1.9.0 - 2012-10-05
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

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

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

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  zoom: 1;
}

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

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

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

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

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: .5em .5em .5em .7em;
  zoom: 1;
}

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

.ui-accordion .ui-accordion-noicons {
  padding-left: .7em;
}

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

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

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
  zoom: 1;
}

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

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

/* without this, the menu expands to 100% in IE6 */
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible;
}

/* the overflow property removes extra width in IE */
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2.2em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* reset extra padding in Firefox */
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em;
}

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

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

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

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

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

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

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

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

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

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

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

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

.ui-dialog {
  position: absolute;
  padding: .2em;
  width: 300px;
  overflow: hidden;
}

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

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

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

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

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

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

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

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

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

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

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
}

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

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

.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

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

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}

.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: .4em 0 .2em;
  line-height: 1.5;
}

.ui-menu .ui-state-disabled a {
  cursor: default;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: .2em;
  left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  position: static;
  float: right;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

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

.ui-resizable {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px;
}

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  z-index: 100;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}

/* more specificity required here to overide default borders */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}

/* vertical centre icon */
.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

/* TR overrides */
span.ui-spinner {
  background: none;
}

.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}

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

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

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

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

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

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

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

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

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  -o-box-shadow: 0 0 5px #aaa;
  -moz-box-shadow: 0 0 5px #aaa;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}

/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
  background-image: none;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
}

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

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

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url("/static/images/jquery-ui/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
  color: #222222;
}

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

.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc url("/static/images/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
  color: #222222;
  font-weight: bold;
}

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

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url("/static/images/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #555555;
}

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

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #dadada url("/static/images/jquery-ui/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}

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

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff url("/static/images/jquery-ui/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}

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

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url("/static/images/jquery-ui/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
  color: #363636;
}

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

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url("/static/images/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  color: #cd0a0a;
}

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

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

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

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

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

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url("/static/images/jquery-ui/ui-icons_222222_256x240.png");
}

.ui-widget-content .ui-icon {
  background-image: url("/static/images/jquery-ui/ui-icons_222222_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("/static/images/jquery-ui/ui-icons_222222_256x240.png");
}

.ui-state-default .ui-icon {
  background-image: url("/static/images/jquery-ui/ui-icons_888888_256x240.png");
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url("/static/images/jquery-ui/ui-icons_454545_256x240.png");
}

.ui-state-active .ui-icon {
  background-image: url("/static/images/jquery-ui/ui-icons_454545_256x240.png");
}

.ui-state-highlight .ui-icon {
  background-image: url("/static/images/jquery-ui/ui-icons_2e83ff_256x240.png");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("/static/images/jquery-ui/ui-icons_cd0a0a_256x240.png");
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -khtml-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -khtml-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -khtml-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -khtml-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa url("/static/images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30");
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url("/static/images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30");
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  box-sizing: border-box;
}
.select2-container .select2-choice {
  z-index: 1000;
  display: block;
  height: 26px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  border: 1px solid #aaaaaa;
  white-space: nowrap;
  line-height: 26px;
  color: #444444;
  text-decoration: none;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
  background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
  background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
  background-image: -o-linear-gradient(bottom, #eeeeee 0%, #ffffff 50%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  background-image: linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}
.select2-container .select2-choice > .select2-chosen {
  font-size: 13px;
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url("/static/images/select2.png") right top no-repeat;
  cursor: pointer;
  outline: 0;
}
.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}
.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #aaaaaa;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
}
.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/static/images/select2.png") no-repeat 0 1px;
}

.select2-drop {
  box-sizing: border-box;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  border-radius: 0 0 4px 4px;
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 2031;
  top: 100%;
  background: #ffffff;
  color: #000000;
  border: 1px solid #aaaaaa;
  border-top: 0;
}

.select2-search {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}
.select2-search input {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: .8em;
  border: 1px solid #aaaaaa;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #ffffff url("/static/images/select2.png") no-repeat 100% -22px;
  background: url("/static/images/select2.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: url("/static/images/select2.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url("/static/images/select2.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url("/static/images/select2.png") no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
  background: url("/static/images/select2.png") no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
  background: url("/static/images/select2.png") no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}
.select2-search input.select2-active {
  background: #ffffff url("/static/images/select2-spinner.gif") no-repeat 100%;
  background: url("/static/images/select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: url("/static/images/select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url("/static/images/select2-spinner.gif") no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url("/static/images/select2-spinner.gif") no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
  background: url("/static/images/select2-spinner.gif") no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
  background: url("/static/images/select2-spinner.gif") no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaaaaa;
  border-radius: 0 0 4px 4px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white));
  background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%);
  background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%);
  background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 90%);
  background-image: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 90%);
  background-image: linear-gradient(top, #eeeeee 0%, #ffffff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}

.select2-drop-undermask {
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99998;
  background-color: transparent;
  filter: alpha(opacity=0);
}

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99998;
  background-color: #ffffff;
  opacity: 0;
  filter: alpha(opacity=0);
}

.select2-drop-auto-width {
  border-top: 1px solid #aaaaaa;
  width: auto;
}
.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}

.select2-drop.select2-drop-above {
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  margin-top: 1px;
  border-top: 1px solid #aaaaaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
}
.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}

.select2-drop-active {
  border-top: none;
}

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #ffffff inset;
  -moz-box-shadow: 0 1px 0 #ffffff inset;
  box-shadow: 0 1px 0 #ffffff inset;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
  background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%);
  background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  background-image: linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border-top-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(0.5, #eeeeee));
  background-image: -webkit-linear-gradient(center top, white 0%, #eeeeee 50%);
  background-image: -moz-linear-gradient(center top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -ms-linear-gradient(bottom, #ffffff 0%, #eeeeee 50%);
  background-image: linear-gradient(bottom, #ffffff 0%, #eeeeee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
}

.select2-results {
  font-family: sans-serif;
  font-size: .8em;
  font-weight: lighter;
  color: #444;
  max-height: 200px;
  padding: 0 0 4px 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: transparent;
}
.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
}
.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}
.select2-results ul.select2-result-sub > li .select2-result-label {
  padding-left: 20px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 40px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 60px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 80px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 100px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 110px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 120px;
}
.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}
.select2-results li em {
  background: #feffde;
  font-style: normal;
}
.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select2-results .select2-highlighted {
  background: #3875d7;
  color: #ffffff;
}
.select2-results .select2-highlighted em {
  background: transparent;
}
.select2-results .select2-highlighted ul {
  background: white;
  color: #000000;
}
.select2-results .select2-disabled.select2-highlighted {
  color: #666666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-selected {
  display: none;
}

.select2-more-results.select2-active {
  background: #f4f4f4 url("/static/images/select2-spinner.gif") no-repeat 100%;
}

.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}

.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #dddddd;
  cursor: default;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}
.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}

.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0;
  position: relative;
  border: 1px solid #aaaaaa;
  cursor: text;
  overflow: hidden;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  min-height: 26px;
}
.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}
.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: transparent !important;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #ffffff url("/static/images/select2-spinner.gif") no-repeat 100% !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}

.select2-container-multi .select2-search-choice-close {
  left: 3px;
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi.select2-container-active .select2-choices {
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.select2-default {
  color: #999999;
}

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  background: url("/static/images/select2.png") right top no-repeat;
}

.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #dddddd;
  cursor: default;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #dddddd;
  background-image: none;
  background-color: #f4f4f4;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}

.select2-result {
  -webkit-transition: background-color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: background-color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: background-color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: background-color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: background-color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: rgba(120, 120, 120, 0);
}

.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  color: #2b92b6;
  font-weight: bold;
}
.select2-result-selectable.select2-highlighted .select2-match,
.select2-result-unselectable.select2-highlighted .select2-match {
  color: #ffffff;
}

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  border: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: absolute;
  outline: 0;
  left: 0px;
}

.select2-display-none {
  display: none;
}

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

/**********************************************
*  Application Specific Overrides - Tried to leave the CSS above as untouched as possible
***********************************************/
.item-card-selector.select2-drop {
  padding-top: 4px;
  border-radius: 4px;
  border: 1px solid #aaaaaa !important;
  margin-top: 5px;
}
.item-card-selector.select2-drop .arrow {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  width: 0px;
  height: 0px;
  pointer-events: none;
  left: 12px;
}
.item-card-selector.select2-drop .arrowBody {
  z-index: 40000;
}
.item-card-selector.select2-drop .arrowBorder {
  top: -6px;
  border-bottom: 5px solid #c3c3bf;
}
.item-card-selector.select2-drop .arrowBody {
  top: -5px;
  border-bottom: 5px solid white;
}
.item-card-selector.select2-drop-above {
  padding-top: 0px !important;
  margin-bottom: 30px;
}
.item-card-selector.select2-drop-above .arrowBorder {
  top: auto !important;
  bottom: -6px;
  border-top: 5px solid #c3c3bf;
  border-bottom: none;
}
.item-card-selector.select2-drop-above .arrowBody {
  top: auto !important;
  bottom: -5px;
  border-top: 5px solid white;
  border-bottom: none;
}
.item-card-selector .select2-search {
  width: initial;
}
.item-card-selector .select2-search .select2-input {
  padding-right: 15px;
}
.item-card-selector .select2-result {
  background-color: rgba(120, 120, 120, 0);
  padding-top: 3px;
  padding-bottom: 3px;
}
.item-card-selector .select2-highlighted {
  background-color: #787878;
}
.item-card-selector .select2-no-results {
  padding: 5px;
}

.item-dialog-selector,
.service-selector {
  color: #444;
}
.item-dialog-selector.select2-drop,
.service-selector.select2-drop {
  background-color: #E5E5DC;
  border: inherit;
}
.item-dialog-selector .select2-choice,
.service-selector .select2-choice {
  background-color: #E5E5DC;
  background-image: none !important;
  border: inherit;
}
.item-dialog-selector .select2-choice .select2-arrow,
.service-selector .select2-choice .select2-arrow {
  background-image: none;
  border-left: none;
}
.item-dialog-selector .select2-result,
.service-selector .select2-result {
  background-color: rgba(120, 120, 120, 0);
  padding-top: 3px;
  padding-bottom: 3px;
}
.item-dialog-selector .select2-highlighted,
.service-selector .select2-highlighted {
  background-color: #787878;
}
.item-dialog-selector .select2-default,
.service-selector .select2-default {
  color: #444;
}
.item-dialog-selector .select2-no-results,
.service-selector .select2-no-results {
  padding: 5px;
}

.group-assign-selector {
  font-size: 12px;
}
.group-assign-selector .select2-results {
  font-size: 12px;
}
.group-assign-selector .select2-input {
  font-size: 14px;
}

.item-dialog-selector {
  font-size: 13px;
}
.item-dialog-selector .select2-results {
  font-size: 13px;
}
.item-dialog-selector .select2-input {
  font-size: 14px;
}

.tipsy {
  font-size: 12px;
  line-height: 1.2em;
  padding: 5px;
  position: absolute;
  z-index: 100000;
}

.tipsy-inner {
  border-radius: 3px;
  background-color: #000;
  color: #FFF;
  max-width: 200px;
  padding: 8px 8px 8px 8px;
  text-align: left;
}

/* Uncomment for shadow */
.tipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  border: 5px dashed #000;
}

/* Rules to colour arrows */
.tipsy-arrow-n {
  border-bottom-color: #000;
}

.tipsy-arrow-s {
  border-top-color: #000;
}

.tipsy-arrow-e {
  border-left-color: #000;
}

.tipsy-arrow-w {
  border-right-color: #000;
}

.tipsy-n .tipsy-arrow {
  top: 0px;
  left: 50%;
  margin-left: -5px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
  right: 0;
  top: 50%;
  margin-top: -5px;
  border-left-style: solid;
  border-right: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
  left: 0;
  top: 50%;
  margin-top: -5px;
  border-right-style: solid;
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

/* Variables
================================================== */
/* Mixins
================================================== */
@-webkit-keyframes pg-pulse {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(0) translate(0);
    -moz-transform: rotate(0) scale(1) skew(0) translate(0);
    -o-transform: rotate(0) scale(1) skew(0) translate(0);
    -ms-transform: rotate(0) scale(1) skew(0) translate(0);
    transform: rotate(0) scale(1) skew(0) translate(0);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: rotate(0) scale(1.3) skew(0) translate(0);
    -moz-transform: rotate(0) scale(1.3) skew(0) translate(0);
    -o-transform: rotate(0) scale(1.3) skew(0) translate(0);
    -ms-transform: rotate(0) scale(1.3) skew(0) translate(0);
    transform: rotate(0) scale(1.3) skew(0) translate(0);
    border-radius: 20px;
    opacity: 0;
  }
}
@-moz-keyframes pg-pulse {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(0) translate(0);
    -moz-transform: rotate(0) scale(1) skew(0) translate(0);
    -o-transform: rotate(0) scale(1) skew(0) translate(0);
    -ms-transform: rotate(0) scale(1) skew(0) translate(0);
    transform: rotate(0) scale(1) skew(0) translate(0);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: rotate(0) scale(1.3) skew(0) translate(0);
    -moz-transform: rotate(0) scale(1.3) skew(0) translate(0);
    -o-transform: rotate(0) scale(1.3) skew(0) translate(0);
    -ms-transform: rotate(0) scale(1.3) skew(0) translate(0);
    transform: rotate(0) scale(1.3) skew(0) translate(0);
    border-radius: 20px;
    opacity: 0;
  }
}
@-ms-keyframes pg-pulse {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(0) translate(0);
    -moz-transform: rotate(0) scale(1) skew(0) translate(0);
    -o-transform: rotate(0) scale(1) skew(0) translate(0);
    -ms-transform: rotate(0) scale(1) skew(0) translate(0);
    transform: rotate(0) scale(1) skew(0) translate(0);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: rotate(0) scale(1.3) skew(0) translate(0);
    -moz-transform: rotate(0) scale(1.3) skew(0) translate(0);
    -o-transform: rotate(0) scale(1.3) skew(0) translate(0);
    -ms-transform: rotate(0) scale(1.3) skew(0) translate(0);
    transform: rotate(0) scale(1.3) skew(0) translate(0);
    border-radius: 20px;
    opacity: 0;
  }
}
@-o-keyframes pg-pulse {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(0) translate(0);
    -moz-transform: rotate(0) scale(1) skew(0) translate(0);
    -o-transform: rotate(0) scale(1) skew(0) translate(0);
    -ms-transform: rotate(0) scale(1) skew(0) translate(0);
    transform: rotate(0) scale(1) skew(0) translate(0);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: rotate(0) scale(1.3) skew(0) translate(0);
    -moz-transform: rotate(0) scale(1.3) skew(0) translate(0);
    -o-transform: rotate(0) scale(1.3) skew(0) translate(0);
    -ms-transform: rotate(0) scale(1.3) skew(0) translate(0);
    transform: rotate(0) scale(1.3) skew(0) translate(0);
    border-radius: 20px;
    opacity: 0;
  }
}
@keyframes pg-pulse {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(0) translate(0);
    -moz-transform: rotate(0) scale(1) skew(0) translate(0);
    -o-transform: rotate(0) scale(1) skew(0) translate(0);
    -ms-transform: rotate(0) scale(1) skew(0) translate(0);
    transform: rotate(0) scale(1) skew(0) translate(0);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: rotate(0) scale(1.3) skew(0) translate(0);
    -moz-transform: rotate(0) scale(1.3) skew(0) translate(0);
    -o-transform: rotate(0) scale(1.3) skew(0) translate(0);
    -ms-transform: rotate(0) scale(1.3) skew(0) translate(0);
    transform: rotate(0) scale(1.3) skew(0) translate(0);
    border-radius: 20px;
    opacity: 0;
  }
}
/* Page Guide
================================================== */
#pageGuideWrapper {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  font-size: 13px;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
}
#pageGuideWrapper #pageGuideToggle {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 3px 0 0 3px;
  clear: both;
  color: #444;
  cursor: pointer;
  display: block;
  float: right;
  font-size: 12px;
  height: 60px;
  line-height: 25px;
  padding: 34px 6px 6px 8px;
  position: fixed;
  text-align: left;
  text-decoration: none;
  top: 130px;
  right: -210px;
  width: 210px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
#pageGuideWrapper #pageGuideToggle:before {
  content: "i";
  position: absolute;
  left: 23px;
  top: 6px;
  height: 25px;
  width: 25px;
  font: 20px/26px "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: rgba(100, 150, 255, 0.25);
  border: 3px solid rgba(235, 235, 235, 0.95);
  border-radius: 15px;
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.3);
}
#pageGuideWrapper #pageGuideToggle div {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid rgba(255, 255, 255, 0.8);
  display: block;
  height: 48px;
  width: 135px;
  line-height: 16px;
  overflow: hidden;
  padding: 0 0 0 6px;
  position: absolute;
  right: 0;
  top: 6px;
}
#pageGuideWrapper #pageGuideToggle div span {
  display: block;
  margin: 0 0 0 -118px;
  width: 124px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
#pageGuideWrapper #pageGuideToggle a.pageguide-close {
  bottom: -25px;
  color: #444;
  opacity: 0;
  position: absolute;
  right: 5px;
  text-decoration: none;
  text-shadow: none;
}
#pageGuideWrapper #pageGuideToggle a.pageguide-close:hover {
  color: #2f7a93;
}
#pageGuideWrapper .pageguide-guide {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
#pageGuideWrapper .pageguide-guide li {
  background-color: #7b7b7b;
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15) 0 5px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15) 0 5px 0 rgba(0, 0, 0, 0.5);
  -o-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15) 0 5px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15) 0 5px 0 rgba(0, 0, 0, 0.5);
  -webkit-transition: min-height, max-height 0.1s ease-in-out;
  -moz-transition: min-height, max-height 0.1s ease-in-out;
  -o-transition: min-height, max-height 0.1s ease-in-out;
  -ms-transition: min-height, max-height 0.1s ease-in-out;
  transition: min-height, max-height 0.1s ease-in-out;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  opacity: 0;
  cursor: pointer;
  display: block;
  height: 46px;
  line-height: 48px;
  min-height: 0px;
  max-height: 0px;
  position: absolute;
  text-align: center;
  width: 50px;
  z-index: 1000;
  border-radius: 3px;
}
#pageGuideWrapper .pageguide-guide li.expanded {
  opacity: 0.5;
  height: 46px;
  min-height: 15px;
  max-height: 46px;
}
#pageGuideWrapper .pageguide-guide li.expanded:after {
  display: block;
}
#pageGuideWrapper .pageguide-guide li ins {
  background: none;
  color: #fff;
  display: block;
  font-size: 25px;
  overflow: hidden;
  text-decoration: none;
  width: 50px;
}
#pageGuideWrapper .pageguide-guide li div {
  display: none;
}
#pageGuideWrapper #pageGuideMessage {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 5px 5px 0 0;
  background-color: rgba(0, 0, 0, 0.85);
  -webkit-box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.4);
  bottom: 0;
  display: none;
  font-size: 16px;
  height: 0;
  margin: 0 5% 0 5%;
  padding: 10px;
  position: fixed;
  width: 90%;
  z-index: 1001;
}
#pageGuideWrapper #pageGuideMessage span {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: rgba(59, 154, 186, 0.95);
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 25px;
  height: 46px;
  left: 40px;
  line-height: 48px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 25px;
  width: 50px;
  cursor: pointer;
}
#pageGuideWrapper #pageGuideMessage .pageguide-step-title {
  font-size: 22px;
  margin: 20px 0 0 120px;
  position: relative;
}
#pageGuideWrapper #pageGuideMessage div.pageguide-content,
#pageGuideWrapper #pageGuideMessage .pageguide-video-text {
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  font-weight: 300;
  color: #fff;
  line-height: 22px;
  margin: 10px 90px 0 120px;
  position: relative;
}
#pageGuideWrapper #pageGuideMessage div.pageguide-content a,
#pageGuideWrapper #pageGuideMessage .pageguide-video-text a {
  color: #5aa5c8;
  margin-left: 4px;
}
#pageGuideWrapper #pageGuideMessage div.pageguide-content a:hover,
#pageGuideWrapper #pageGuideMessage .pageguide-video-text a:hover {
  color: #fff;
}
#pageGuideWrapper #pageGuideMessage .pageguide-video-text {
  font-size: 14px;
}
#pageGuideWrapper #pageGuideMessage .pageguide-close {
  background-color: #3b9aba;
  border-radius: 0 0 3px 3px;
  color: #fff;
  display: block;
  font-size: 12px;
  height: 24px;
  line-height: 26px;
  overflow: hidden;
  position: absolute;
  right: 50px;
  text-align: center;
  text-decoration: none;
  top: 0;
  width: 50px;
  cursor: pointer;
}
#pageGuideWrapper #pageGuideMessage .pageguide-back,
#pageGuideWrapper #pageGuideMessage .pageguide-fwd {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: transparent url("/static/../img/pageguide_arrow.png") 10px 4px no-repeat;
  display: block;
  height: 30px;
  overflow: hidden;
  text-indent: -999px;
  width: 30px;
  position: absolute;
  top: 34px;
  left: 10px;
  cursor: pointer;
}
#pageGuideWrapper #pageGuideMessage .pageguide-back {
  -webkit-transform: rotate(-180deg) scale(1) skew(0) translate(0);
  -moz-transform: rotate(-180deg) scale(1) skew(0) translate(0);
  -o-transform: rotate(-180deg) scale(1) skew(0) translate(0);
  -ms-transform: rotate(-180deg) scale(1) skew(0) translate(0);
  transform: rotate(-180deg) scale(1) skew(0) translate(0);
}
#pageGuideWrapper #pageGuideMessage .pageguide-fwd {
  left: 90px;
}

.pageguide-ready #pageGuideWrapper #pageGuideToggle.pageguide-toggle-close {
  right: -135px;
}
.pageguide-ready #pageGuideWrapper #pageGuideToggle.pageguide-toggle-open {
  right: 0;
}
.pageguide-ready #pageGuideWrapper #pageGuideToggle:hover {
  background-color: rgba(0, 0, 0, 0.2);
  right: 0;
}
.pageguide-ready #pageGuideWrapper #pageGuideToggle:hover div span {
  margin: 0;
}

.pageguide-open #pageGuideWrapper #pageGuideToggle {
  -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
  -o-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
  background-color: rgba(59, 154, 186, 0.9);
  color: #fff;
  right: 0;
}
.pageguide-open #pageGuideWrapper #pageGuideToggle a {
  opacity: 100;
}
.pageguide-open #pageGuideWrapper #pageGuideToggle div {
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}
.pageguide-open #pageGuideWrapper #pageGuideToggle div span {
  margin: 0;
}
.pageguide-open #pageGuideWrapper #pageGuideToggle:before {
  background-color: #5db0cb;
}
.pageguide-open #pageGuideWrapper #pageGuideToggle:hover {
  background-color: #83c2d8;
}
.pageguide-open #pageGuideWrapper #pageGuideToggle:hover div span {
  margin: 0;
}
.pageguide-open #pageGuideShadow {
  pointer-events: none;
}
.pageguide-open .pageguide-shadow {
  display: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(59, 154, 186, 0.15);
  -webkit-box-shadow: 0 0 1px 1px rgba(59, 154, 186, 0.35);
  -moz-box-shadow: 0 0 1px 1px rgba(59, 154, 186, 0.35);
  -o-box-shadow: 0 0 1px 1px rgba(59, 154, 186, 0.35);
  box-shadow: 0 0 1px 1px rgba(59, 154, 186, 0.35);
  border-radius: 3px;
}
.pageguide-open .pageguide-shadow.pageguide-shadow-active {
  display: block;
  opacity: 100;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-box-shadow: 0 0 1px 1px rgba(59, 154, 186, 0.35);
  -moz-box-shadow: 0 0 1px 1px rgba(59, 154, 186, 0.35);
  -o-box-shadow: 0 0 1px 1px rgba(59, 154, 186, 0.35);
  box-shadow: 0 0 1px 1px rgba(59, 154, 186, 0.35);
}
.pageguide-open .pageguide-shadow.pageguide-shadow-active .pageguide-shadow-pulse {
  opacity: 0;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: inherit;
  width: inherit;
  padding: inherit;
  background-color: rgba(59, 154, 186, 0.05);
  z-index: 500;
  pointer-events: none;
  -webkit-box-shadow: 0 0 5px 1px #3b9aba;
  -moz-box-shadow: 0 0 5px 1px #3b9aba;
  -o-box-shadow: 0 0 5px 1px #3b9aba;
  box-shadow: 0 0 5px 1px #3b9aba;
  -webkit-animation-name: pg-pulse;
  -webkit-animation-duration: 0.7s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-name: pg-pulse;
  -moz-animation-duration: 0.7s;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-timing-function: ease-out;
  -o-animation-name: pg-pulse;
  -o-animation-duration: 0.7s;
  -o-animation-iteration-count: 1;
  -o-animation-direction: normal;
  -o-animation-timing-function: ease-out;
  -ms-animation-name: pg-pulse;
  -ms-animation-duration: 0.7s;
  -ms-animation-iteration-count: 1;
  -ms-animation-direction: normal;
  -ms-animation-timing-function: ease-out;
  animation-name: pg-pulse;
  animation-duration: 0.7s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-out;
}

.markdown-body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 1.5;
  word-wrap: break-word;
}
.markdown-body::before {
  display: table;
  content: "";
}
.markdown-body::after {
  display: table;
  clear: both;
  content: "";
}
.markdown-body > *:first-child {
  margin-top: 0 !important;
}
.markdown-body > *:last-child {
  margin-bottom: 0 !important;
}
.markdown-body a:not([href]) {
  color: inherit;
  text-decoration: none;
}
.markdown-body .absent {
  color: #cb2431;
}
.markdown-body .anchor {
  float: left;
  padding-right: 4px;
  margin-left: -20px;
  line-height: 1;
}
.markdown-body .anchor:focus {
  outline: none;
}
.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body pre {
  margin-top: 0;
  margin-bottom: 16px;
}
.markdown-body hr {
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: #e1e4e8;
  border: 0;
}
.markdown-body blockquote {
  padding: 0 1em;
  color: #6a737d;
  border-left: 0.25em solid #dfe2e5;
}
.markdown-body blockquote > :first-child {
  margin-top: 0;
}
.markdown-body blockquote > :last-child {
  margin-bottom: 0;
}
.markdown-body kbd {
  display: inline-block;
  padding: 3px 5px;
  font-size: 11px;
  line-height: 10px;
  color: #444d56;
  vertical-align: middle;
  background-color: #fafbfc;
  border: solid 1px #c6cbd1;
  border-bottom-color: #959da5;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 #959da5;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
}
.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
  color: #1b1f23;
  vertical-align: middle;
  visibility: hidden;
}
.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
  text-decoration: none;
}
.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
  visibility: visible;
}
.markdown-body h1 tt,
.markdown-body h1 code,
.markdown-body h2 tt,
.markdown-body h2 code,
.markdown-body h3 tt,
.markdown-body h3 code,
.markdown-body h4 tt,
.markdown-body h4 code,
.markdown-body h5 tt,
.markdown-body h5 code,
.markdown-body h6 tt,
.markdown-body h6 code {
  font-size: inherit;
}
.markdown-body h1 {
  padding-bottom: 0.3em;
  font-size: 2em;
  border-bottom: 1px solid #eaecef;
}
.markdown-body h2 {
  padding-bottom: 0.3em;
  font-size: 1.5em;
  border-bottom: 1px solid #eaecef;
}
.markdown-body h3 {
  font-size: 1.25em;
}
.markdown-body h4 {
  font-size: 1em;
}
.markdown-body h5 {
  font-size: 0.875em;
}
.markdown-body h6 {
  font-size: 0.85em;
  color: #6a737d;
}

.markdown-body ul,
.markdown-body ol {
  padding-left: 2em;
}
.markdown-body ul.no-list,
.markdown-body ol.no-list {
  padding: 0;
  list-style-type: none;
}
.markdown-body ul ul,
.markdown-body ul ol,
.markdown-body ol ol,
.markdown-body ol ul {
  margin-top: 0;
  margin-bottom: 0;
}
.markdown-body li {
  word-wrap: break-all;
}
.markdown-body li > p {
  margin-top: 16px;
}
.markdown-body li + li {
  margin-top: 0.25em;
}
.markdown-body dl {
  padding: 0;
}
.markdown-body dl dt {
  padding: 0;
  margin-top: 16px;
  font-size: 1em;
  font-style: italic;
  font-weight: 600;
}
.markdown-body dl dd {
  padding: 0 16px;
  margin-bottom: 16px;
}

.markdown-body table {
  display: block;
  width: 100%;
  overflow: auto;
}
.markdown-body table th {
  font-weight: 600;
}
.markdown-body table th,
.markdown-body table td {
  padding: 6px 13px;
  border: 1px solid #dfe2e5;
}
.markdown-body table tr {
  background-color: #fff;
  border-top: 1px solid #c6cbd1;
}
.markdown-body table tr:nth-child(2n) {
  background-color: #f6f8fa;
}
.markdown-body table img {
  background-color: transparent;
}

.markdown-body img {
  max-width: 100%;
  box-sizing: content-box;
  background-color: #fff;
}
.markdown-body img[align=right] {
  padding-left: 20px;
}
.markdown-body img[align=left] {
  padding-right: 20px;
}
.markdown-body .emoji {
  max-width: none;
  vertical-align: text-top;
  background-color: transparent;
}
.markdown-body span.frame {
  display: block;
  overflow: hidden;
}
.markdown-body span.frame > span {
  display: block;
  float: left;
  width: auto;
  padding: 7px;
  margin: 13px 0 0;
  overflow: hidden;
  border: 1px solid #dfe2e5;
}
.markdown-body span.frame span img {
  display: block;
  float: left;
}
.markdown-body span.frame span span {
  display: block;
  padding: 5px 0 0;
  clear: both;
  color: #24292e;
}
.markdown-body span.align-center {
  display: block;
  overflow: hidden;
  clear: both;
}
.markdown-body span.align-center > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: center;
}
.markdown-body span.align-center span img {
  margin: 0 auto;
  text-align: center;
}
.markdown-body span.align-right {
  display: block;
  overflow: hidden;
  clear: both;
}
.markdown-body span.align-right > span {
  display: block;
  margin: 13px 0 0;
  overflow: hidden;
  text-align: right;
}
.markdown-body span.align-right span img {
  margin: 0;
  text-align: right;
}
.markdown-body span.float-left {
  display: block;
  float: left;
  margin-right: 13px;
  overflow: hidden;
}
.markdown-body span.float-left span {
  margin: 13px 0 0;
}
.markdown-body span.float-right {
  display: block;
  float: right;
  margin-left: 13px;
  overflow: hidden;
}
.markdown-body span.float-right > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: right;
}

.markdown-body code,
.markdown-body tt {
  padding: 0.2em 0.4em;
  margin: 0;
  font-size: 85%;
  background-color: rgba(27, 31, 35, 0.05);
  border-radius: 3px;
}
.markdown-body code br,
.markdown-body tt br {
  display: none;
}
.markdown-body del code {
  text-decoration: inherit;
}
.markdown-body pre {
  word-wrap: normal;
}
.markdown-body pre > code {
  padding: 0;
  margin: 0;
  font-size: 100%;
  word-break: normal;
  white-space: pre;
  background: transparent;
  border: 0;
}
.markdown-body .highlight {
  margin-bottom: 16px;
}
.markdown-body .highlight pre {
  margin-bottom: 0;
  word-break: normal;
}
.markdown-body .highlight pre,
.markdown-body pre {
  padding: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  background-color: #f6f8fa;
  border-radius: 3px;
}
.markdown-body pre code,
.markdown-body pre tt {
  display: inline;
  max-width: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  background-color: transparent;
  border: 0;
}

.markdown-body .csv-data td,
.markdown-body .csv-data th {
  padding: 5px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
}
.markdown-body .csv-data .blob-num {
  padding: 10px 8px 9px;
  text-align: right;
  background: #fff;
  border: 0;
}
.markdown-body .csv-data tr {
  border-top: 0;
}
.markdown-body .csv-data th {
  font-weight: 600;
  background: #f6f8fa;
  border-top: 0;
}

/**
 * Layouts
 */
/* 
 * Contains a grid system that can be used throughout the site.
 *
 * Markup Example:
 * <div class="grid">
 *   <div class="col4"> ... </div>
 *   <div class="col4"> ... </div>
 *   <div class="col4"> ... </div>
 *   <div class="col4"> ... </div>
 * </div>
 *
 * This is based from the 960 grid system and Twitter's Grid System.
 * For more information checkout: http://twitter.github.com/bootstrap/#grid-system
*/
.grid {
  margin-left: -25px;
}
.grid::before {
  display: table;
  content: "";
}
.grid::after {
  display: table;
  clear: both;
  content: "";
}
.grid [class^="col"] {
  display: inline;
  float: left;
  margin-left: 25px;
}
.grid .col1 {
  width: 39px;
}
.grid .col2 {
  width: 103px;
}
.grid .col3 {
  width: 167px;
}
.grid .col4 {
  width: 231px;
}
.grid .col5 {
  width: 295px;
}
.grid .col6 {
  width: 359px;
}
.grid .col7 {
  width: 423px;
}
.grid .col8 {
  width: 487px;
}
.grid .col9 {
  width: 551px;
}
.grid .col10 {
  width: 615px;
}
.grid .col11 {
  width: 679px;
}
.grid .col12 {
  width: 743px;
}
.grid .col13 {
  width: 807px;
}
.grid .col14 {
  width: 871px;
}
.grid .col15 {
  width: 935px;
}
.grid .col16 {
  width: 999px;
}
.grid .offset1 {
  margin-left: 79px;
}
.grid .offset2 {
  margin-left: 143px;
}
.grid .offset3 {
  margin-left: 207px;
}
.grid .offset4 {
  margin-left: 271px;
}
.grid .offset5 {
  margin-left: 335px;
}
.grid .offset6 {
  margin-left: 399px;
}
.grid .offset7 {
  margin-left: 463px;
}
.grid .offset8 {
  margin-left: 527px;
}
.grid .offset9 {
  margin-left: 591px;
}
.grid .offset10 {
  margin-left: 655px;
}
.grid .offset11 {
  margin-left: 719px;
}
.grid .offset12 {
  margin-left: 783px;
}
.grid .col1of3 {
  width: 316.33333px;
}
.grid .col2of3 {
  width: 657.66667px;
}
.grid .half {
  width: 487px;
  display: inline;
  float: left;
  margin-left: 25px;
}

.layout::before {
  display: table;
  content: "";
}
.layout::after {
  display: table;
  clear: both;
  content: "";
}
.layout .column {
  box-sizing: border-box;
  float: left;
}
.layout .column-two-thirds {
  width: 64%;
}
.layout .column-one-third {
  width: 33%;
}
.layout .column-one-third + .column-one-third + .column-one-third {
  width: 34%;
}
.layout .column-two-thirds + .column-one-third {
  padding-left: 30px;
  width: 36%;
}

/**
 * @todo (chrisforrette) Almost none of the code below seems to be truly layout-related, these should
 * probably be refactored into modules.
 */
#template {
  display: none;
}

#error {
  position: fixed;
  z-index: 5000000;
  width: 100%;
  height: 100%;
  top: 0px;
}
#error .wrapper {
  width: 525px;
  margin: 175px auto 0 auto;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
}
#error p {
  border-radius: 5px;
  border: 6px solid #fff;
  text-align: center;
  font-size: 17px;
  color: #fff;
  background-color: #D94949;
  padding: 13px;
  margin: 0px;
  cursor: pointer;
}

#loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  z-index: 5000000;
  background: #f6f8fa;
}
#loading .module {
  display: none;
}
#loading .row {
  width: 500px;
  margin: 50px auto 0 auto;
}
#loading .pulse {
  width: 33px;
  height: 33px;
  position: relative;
  top: 0px;
  background-image: url("/static/images/icons-sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -832px;
  vertical-align: middle;
  display: inline-block;
}
.retina #loading .pulse {
  background-image: url("/static/images/icons-sprite@2x.png");
  background-size: 80px 2000px;
}
#loading .pulse .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 33px;
  height: 33px;
  background-image: url("/static/images/icons-sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -869px;
}
.retina #loading .pulse .icon {
  background-image: url("/static/images/icons-sprite@2x.png");
  background-size: 80px 2000px;
}
#loading h2 {
  margin: 7px 0 0 0;
  font-size: 35px;
  text-align: center;
  padding: 10px 0;
}
#loading .progress {
  border-radius: 6px;
  width: 80%;
  height: 40px;
  border: 2px solid #175574;
  margin: 0 auto;
  overflow: hidden;
}
#loading .progress .mercury {
  width: 10%;
  background-color: #5A96AB;
  border: 2px solid #fff;
  border-radius: 5px;
  box-sizing: border-box;
  height: 100%;
  -webkit-transition: width 0.4s ease;
  -moz-transition: width 0.4s ease;
  -o-transition: width 0.4s ease;
  -ms-transition: width 0.4s ease;
  transition: width 0.4s ease;
  display: inline-block;
  vertical-align: middle;
}

#loading_pulse {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  z-index: 5000000;
}
#loading_pulse .spinner_row {
  position: fixed;
  top: 30%;
  width: 100%;
}
#loading_pulse .spinner_container {
  margin: 0px auto;
  background-color: #454545;
  border-radius: 8px;
  width: 60px;
  height: 60px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.35);
  position: relative;
}
#loading_pulse .spinjs {
  position: absolute;
  top: 30px;
  left: 30px;
}

#logged-out-default .column {
  width: 490px;
  min-height: 300px;
  float: left;
}
#logged-out-default .column.left {
  margin-right: 20px;
}

#logged-out-default #container,
#logged-in-default #container,
#logged-in-flex #container {
  width: 1000px;
  min-width: 1000px;
  margin: 0 auto;
}
#logged-out-default #container #header,
#logged-in-default #container #header,
#logged-in-flex #container #header {
  width: 1000px;
  margin: 0 auto 0px auto;
}
#logged-out-default #container #header .content,
#logged-in-default #container #header .content,
#logged-in-flex #container #header .content {
  position: relative;
  border-bottom: 1px dashed #A0A0A0;
  margin-bottom: 30px;
  padding-bottom: 20px;
}
#logged-out-default #container #header .logo,
#logged-in-default #container #header .logo,
#logged-in-flex #container #header .logo {
  position: relative;
  top: 50px;
  width: 216px;
  float: left;
}
#logged-out-default #container #header .logo a,
#logged-in-default #container #header .logo a,
#logged-in-flex #container #header .logo a {
  width: 235px;
  height: 68px;
  display: block;
  background: url("/static/images/sprintly_black.png") no-repeat;
}
#logged-out-default #container #ohai,
#logged-in-default #container #ohai,
#logged-in-flex #container #ohai {
  position: absolute;
  top: 14px;
  right: 0;
  padding-top: 8px;
  background: #d8d7ce;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #c6c5be;
  font-size: 13px;
  color: #454545;
  border-radius: 4px;
}
#logged-out-default #container #ohai .wrapper,
#logged-in-default #container #ohai .wrapper,
#logged-in-flex #container #ohai .wrapper {
  position: relative;
  height: 20px;
}
#logged-out-default #container #ohai .wrapper .arrow,
#logged-in-default #container #ohai .wrapper .arrow,
#logged-in-flex #container #ohai .wrapper .arrow {
  position: absolute;
  bottom: -10px;
  right: 104px;
  height: 10px;
  width: 17px;
  background: url("/static/images/arrow2.png");
}
#logged-out-default #container #ohai .wrapper ul,
#logged-in-default #container #ohai .wrapper ul,
#logged-in-flex #container #ohai .wrapper ul {
  list-style: none outside none;
}
#logged-out-default #container #ohai .wrapper ul li,
#logged-in-default #container #ohai .wrapper ul li,
#logged-in-flex #container #ohai .wrapper ul li {
  float: left;
  border-right: 2px groove rgba(115, 115, 114, 0.25);
  padding: 0 6px;
}
#logged-out-default #container #ohai .wrapper ul li a,
#logged-in-default #container #ohai .wrapper ul li a,
#logged-in-flex #container #ohai .wrapper ul li a {
  color: #21718D;
}
#logged-out-default #container #ohai .wrapper ul li.last,
#logged-in-default #container #ohai .wrapper ul li.last,
#logged-in-flex #container #ohai .wrapper ul li.last {
  border: none;
}
#logged-out-default #container #main-nav,
#logged-in-default #container #main-nav,
#logged-in-flex #container #main-nav {
  float: right;
  margin-right: -18px;
  padding-top: 50px;
  margin-top: 12px;
}
#logged-out-default #container #main-nav ul,
#logged-in-default #container #main-nav ul,
#logged-in-flex #container #main-nav ul {
  list-style: none outside none;
}
#logged-out-default #container #main-nav ul li.no-products,
#logged-in-default #container #main-nav ul li.no-products,
#logged-in-flex #container #main-nav ul li.no-products {
  width: 100%;
  height: 52px;
}
#logged-out-default #container #main-nav ul li.no-products h2,
#logged-in-default #container #main-nav ul li.no-products h2,
#logged-in-flex #container #main-nav ul li.no-products h2 {
  margin-top: 10px;
  margin-right: 15px;
  color: #454545;
}
#logged-out-default #container #main-nav ul li.no-products a,
#logged-in-default #container #main-nav ul li.no-products a,
#logged-in-flex #container #main-nav ul li.no-products a {
  color: #20718F;
}
#logged-out-default #container #main-nav ul li.no-products a:hover,
#logged-in-default #container #main-nav ul li.no-products a:hover,
#logged-in-flex #container #main-nav ul li.no-products a:hover {
  background: transparent;
}
#logged-out-default #container #main-nav ul li.pricing,
#logged-out-default #container #main-nav ul li.signup,
#logged-out-default #container #main-nav ul li.login,
#logged-in-default #container #main-nav ul li.pricing,
#logged-in-default #container #main-nav ul li.signup,
#logged-in-default #container #main-nav ul li.login,
#logged-in-flex #container #main-nav ul li.pricing,
#logged-in-flex #container #main-nav ul li.signup,
#logged-in-flex #container #main-nav ul li.login {
  background-color: transparent;
  margin-top: -13px;
}
#logged-out-default #container #main-nav ul li.pricing .button-icon,
#logged-out-default #container #main-nav ul li.signup .button-icon,
#logged-out-default #container #main-nav ul li.login .button-icon,
#logged-in-default #container #main-nav ul li.pricing .button-icon,
#logged-in-default #container #main-nav ul li.signup .button-icon,
#logged-in-default #container #main-nav ul li.login .button-icon,
#logged-in-flex #container #main-nav ul li.pricing .button-icon,
#logged-in-flex #container #main-nav ul li.signup .button-icon,
#logged-in-flex #container #main-nav ul li.login .button-icon {
  background-image: url("/static/images/icons-nav.png");
  background-repeat: no-repeat;
  display: block;
  height: 52px;
  text-align: center;
  padding-top: 60px;
  height: 20px;
}
#logged-out-default #container #main-nav ul li.pricing a:hover,
#logged-out-default #container #main-nav ul li.signup a:hover,
#logged-out-default #container #main-nav ul li.login a:hover,
#logged-in-default #container #main-nav ul li.pricing a:hover,
#logged-in-default #container #main-nav ul li.signup a:hover,
#logged-in-default #container #main-nav ul li.login a:hover,
#logged-in-flex #container #main-nav ul li.pricing a:hover,
#logged-in-flex #container #main-nav ul li.signup a:hover,
#logged-in-flex #container #main-nav ul li.login a:hover {
  background-color: transparent;
}
#logged-out-default #container #main-nav ul li.pricing a,
#logged-in-default #container #main-nav ul li.pricing a,
#logged-in-flex #container #main-nav ul li.pricing a {
  background-position: center 0px;
}
#logged-out-default #container #main-nav ul li.pricing:hover a,
#logged-in-default #container #main-nav ul li.pricing:hover a,
#logged-in-flex #container #main-nav ul li.pricing:hover a {
  background-position: center -80px;
}
#logged-out-default #container #main-nav ul li.signup a,
#logged-in-default #container #main-nav ul li.signup a,
#logged-in-flex #container #main-nav ul li.signup a {
  background-position: center -160px;
}
#logged-out-default #container #main-nav ul li.signup:hover a,
#logged-in-default #container #main-nav ul li.signup:hover a,
#logged-in-flex #container #main-nav ul li.signup:hover a {
  background-position: center -240px;
}
#logged-out-default #container #main-nav ul li.login a,
#logged-in-default #container #main-nav ul li.login a,
#logged-in-flex #container #main-nav ul li.login a {
  background-position: center -320px;
}
#logged-out-default #container #main-nav ul li.login:hover a,
#logged-in-default #container #main-nav ul li.login:hover a,
#logged-in-flex #container #main-nav ul li.login:hover a {
  background-position: center -400px;
}
#logged-out-default #container #main-nav ul li.dashnav a.link,
#logged-in-default #container #main-nav ul li.dashnav a.link,
#logged-in-flex #container #main-nav ul li.dashnav a.link {
  background-image: url("/static/images/dashboard00.png");
}
#logged-out-default #container #main-nav ul li.dashnav a.link:hover,
#logged-out-default #container #main-nav ul li.dashnav a.selected-nav,
#logged-in-default #container #main-nav ul li.dashnav a.link:hover,
#logged-in-default #container #main-nav ul li.dashnav a.selected-nav,
#logged-in-flex #container #main-nav ul li.dashnav a.link:hover,
#logged-in-flex #container #main-nav ul li.dashnav a.selected-nav {
  background-image: url("/static/images/dashboard01.png");
}
#logged-out-default #container #main-nav ul li.sprintly a.link,
#logged-in-default #container #main-nav ul li.sprintly a.link,
#logged-in-flex #container #main-nav ul li.sprintly a.link {
  background-image: url("/static/images/sprintly00.png");
}
#logged-out-default #container #main-nav ul li.sprintly a.link:hover,
#logged-out-default #container #main-nav ul li.sprintly a.selected-nav,
#logged-in-default #container #main-nav ul li.sprintly a.link:hover,
#logged-in-default #container #main-nav ul li.sprintly a.selected-nav,
#logged-in-flex #container #main-nav ul li.sprintly a.link:hover,
#logged-in-flex #container #main-nav ul li.sprintly a.selected-nav {
  background-image: url("/static/images/sprintly01.png");
}
#logged-out-default #container #main-nav ul li.mine a.link,
#logged-in-default #container #main-nav ul li.mine a.link,
#logged-in-flex #container #main-nav ul li.mine a.link {
  background-image: url("/static/images/mine00.png");
}
#logged-out-default #container #main-nav ul li.mine a.link:hover,
#logged-out-default #container #main-nav ul li.mine a.selected-nav,
#logged-in-default #container #main-nav ul li.mine a.link:hover,
#logged-in-default #container #main-nav ul li.mine a.selected-nav,
#logged-in-flex #container #main-nav ul li.mine a.link:hover,
#logged-in-flex #container #main-nav ul li.mine a.selected-nav {
  background-image: url("/static/images/mine01.png");
}
#logged-out-default #container #main-nav ul li.mine .nmbr,
#logged-in-default #container #main-nav ul li.mine .nmbr,
#logged-in-flex #container #main-nav ul li.mine .nmbr {
  position: absolute;
  top: -9px;
  left: 59px;
  background: url("/static/images/nmbr.png");
  width: 25px;
  height: 25px;
  text-align: center;
  color: #fff;
  padding: 0;
  min-width: 25px;
  line-height: 25px;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, serif;
}
#logged-out-default #container #main-nav ul li.people a.link,
#logged-in-default #container #main-nav ul li.people a.link,
#logged-in-flex #container #main-nav ul li.people a.link {
  background-image: url("/static/images/people00.png");
}
#logged-out-default #container #main-nav ul li.people a.link:hover,
#logged-out-default #container #main-nav ul li.people a.selected-nav,
#logged-in-default #container #main-nav ul li.people a.link:hover,
#logged-in-default #container #main-nav ul li.people a.selected-nav,
#logged-in-flex #container #main-nav ul li.people a.link:hover,
#logged-in-flex #container #main-nav ul li.people a.selected-nav {
  background-image: url("/static/images/people01.png");
}
#logged-out-default #container #main-nav ul span.text,
#logged-in-default #container #main-nav ul span.text,
#logged-in-flex #container #main-nav ul span.text {
  display: block;
  padding-top: 7px;
  width: 80px;
  font-size: 15px;
  color: #454545;
  text-align: center;
}
#logged-out-default #container #main-nav ul a:hover,
#logged-in-default #container #main-nav ul a:hover,
#logged-in-flex #container #main-nav ul a:hover {
  text-decoration: none;
  background-color: #20718F;
}
#logged-out-default #container #main-nav ul li,
#logged-in-default #container #main-nav ul li,
#logged-in-flex #container #main-nav ul li {
  float: left;
  position: relative;
  padding-left: 10px;
  width: 80px;
  padding-bottom: 10px;
}
#logged-out-default #container #main-nav ul li a.link,
#logged-in-default #container #main-nav ul li a.link,
#logged-in-flex #container #main-nav ul li a.link {
  display: block;
  width: 44px;
  height: 44px;
  background-color: #ccccc3;
  margin: 0 auto;
  border-radius: 22px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#logged-out-default #container #main-nav ul li .dd,
#logged-in-default #container #main-nav ul li .dd,
#logged-in-flex #container #main-nav ul li .dd {
  z-index: 99999999;
  display: none;
  position: absolute;
  background: #f9f9f3;
  border-radius: 10px;
  width: 142px;
  top: 77px;
  left: 15px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  border-top: 1px solid #fff;
}
#logged-out-default #container #main-nav ul li .dd .wrapper,
#logged-in-default #container #main-nav ul li .dd .wrapper,
#logged-in-flex #container #main-nav ul li .dd .wrapper {
  position: relative;
}
#logged-out-default #container #main-nav ul li .dd .wrapper .arrow,
#logged-in-default #container #main-nav ul li .dd .wrapper .arrow,
#logged-in-flex #container #main-nav ul li .dd .wrapper .arrow {
  position: absolute;
  width: 19px;
  height: 11px;
  background: url("/static/images/arrow-projects-list.png");
  top: -10px;
  left: 25px;
}
#logged-out-default #container #main-nav ul li .dd .wrapper h4,
#logged-in-default #container #main-nav ul li .dd .wrapper h4,
#logged-in-flex #container #main-nav ul li .dd .wrapper h4 {
  padding: 14px 14px 0 14px;
  font-size: 13px;
  color: #393939;
  font-weight: normal;
}
#logged-out-default #container #main-nav ul li .dd .wrapper h4.no_products,
#logged-in-default #container #main-nav ul li .dd .wrapper h4.no_products,
#logged-in-flex #container #main-nav ul li .dd .wrapper h4.no_products {
  margin-bottom: 15px;
}
#logged-out-default #container #main-nav ul li .dd .wrapper .manage-btn,
#logged-in-default #container #main-nav ul li .dd .wrapper .manage-btn,
#logged-in-flex #container #main-nav ul li .dd .wrapper .manage-btn {
  display: block;
  position: relative;
  background: #dfeeec;
  width: 114px;
  height: 32px;
  line-height: 32px;
  padding: 0 14px;
  margin: 0;
  font-size: 13px;
  text-align: left;
  color: #20718F;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
#logged-out-default #container #main-nav ul li .dd .wrapper .manage-btn:hover,
#logged-in-default #container #main-nav ul li .dd .wrapper .manage-btn:hover,
#logged-in-flex #container #main-nav ul li .dd .wrapper .manage-btn:hover {
  text-decoration: none;
  background: #d5e5e3;
}
#logged-out-default #container #main-nav ul li .dd .wrapper ul li.dd-item,
#logged-in-default #container #main-nav ul li .dd .wrapper ul li.dd-item,
#logged-in-flex #container #main-nav ul li .dd .wrapper ul li.dd-item {
  width: auto;
  padding: 0;
  margin: 0px 14px;
  display: block;
  float: none;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
}
#logged-out-default #container #main-nav ul li .dd .wrapper ul li.dd-item a,
#logged-in-default #container #main-nav ul li .dd .wrapper ul li.dd-item a,
#logged-in-flex #container #main-nav ul li .dd .wrapper ul li.dd-item a {
  line-height: 32px;
  padding: 0px;
  display: block;
  background: transparent;
  padding: 0;
  margin: 0;
  text-align: left;
  font-size: 13px;
  color: #20718F;
}
#logged-out-default #container #main-nav ul li .dd .wrapper ul li a:hover,
#logged-in-default #container #main-nav ul li .dd .wrapper ul li a:hover,
#logged-in-flex #container #main-nav ul li .dd .wrapper ul li a:hover {
  text-decoration: none;
  color: #a3c4cd;
  background: transparent;
}
#logged-out-default #container #main-nav ul li .dd .wrapper ul li.dd-last,
#logged-in-default #container #main-nav ul li .dd .wrapper ul li.dd-last,
#logged-in-flex #container #main-nav ul li .dd .wrapper ul li.dd-last {
  border-bottom: 0;
}
#logged-out-default #view_content,
#logged-in-default #view_content,
#logged-in-flex #view_content {
  width: 1000px;
  margin: 0 auto;
  min-height: 250px;
}
#logged-out-default #footer,
#logged-in-default #footer,
#logged-in-flex #footer {
  background-image: url("/static/images/bg-footer.jpg");
  background-repeat: repeat-x;
  background-position: center top;
  background-color: #878e7a;
  width: 100%;
  min-height: 431px;
  clear: both;
  margin-top: 42px;
  clear: both;
}
#logged-out-default #footer .content,
#logged-in-default #footer .content,
#logged-in-flex #footer .content {
  width: 1000px;
  min-width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}
#logged-out-default #footer .copyright,
#logged-in-default #footer .copyright,
#logged-in-flex #footer .copyright {
  color: #edede4;
  font-size: 13.23px;
  margin-top: 329px;
  margin-bottom: 39px;
  float: right;
}
#logged-out-default #footer .copyright p,
#logged-in-default #footer .copyright p,
#logged-in-flex #footer .copyright p {
  margin-bottom: 10px;
}
#logged-out-default #footer .copyright p a,
#logged-in-default #footer .copyright p a,
#logged-in-flex #footer .copyright p a {
  color: #edede4;
  font-weight: bold;
}

#logged-in-default #notifications,
#logged-in-flex #notifications {
  top: 53px;
}
#logged-in-default #container,
#logged-in-flex #container {
  width: 100%;
  padding-top: 68px;
}
#logged-in-default #logged-in-header,
#logged-in-flex #logged-in-header {
  background-color: #333333;
  border-bottom: solid 1px #000000;
  top: 0px;
  position: fixed;
  width: 100%;
  z-index: 2030;
  height: 53px;
}
#logged-in-default #logged-in-header .content,
#logged-in-flex #logged-in-header .content {
  width: 1000px;
  margin: 0px auto;
  height: 53px;
}
#logged-in-default #logged-in-header h2#no_products,
#logged-in-flex #logged-in-header h2#no_products {
  float: left;
  font-size: 16px;
  color: #fff;
  line-height: 52px;
}
#logged-in-default #logged-in-header .search,
#logged-in-flex #logged-in-header .search {
  position: relative;
  float: right;
  line-height: 53px;
  margin-right: 20px;
  width: 120px;
  -webkit-transition: width 0.15s ease-out;
  -moz-transition: width 0.15s ease-out;
  -o-transition: width 0.15s ease-out;
  -ms-transition: width 0.15s ease-out;
  transition: width 0.15s ease-out;
}
#logged-in-default #logged-in-header .search .icon-search,
#logged-in-flex #logged-in-header .search .icon-search {
  position: absolute;
  top: 17px;
  left: 8px;
}
#logged-in-default #logged-in-header .search label,
#logged-in-flex #logged-in-header .search label {
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  font-size: 14px;
  color: #7E7E78;
  top: 3px;
  left: 31px;
  line-height: 47px;
  cursor: text;
  pointer-events: none;
}
#logged-in-default #logged-in-header .search input,
#logged-in-flex #logged-in-header .search input {
  box-sizing: border-box;
  width: 100%;
  background: #222222;
  border: none;
  border-radius: 15px;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  height: 27px;
  padding: 6px 20px 5px 31px;
  color: #fff;
  font-size: 14px;
  margin-top: -5px;
}
#logged-in-default #logged-in-header .search input:focus,
#logged-in-flex #logged-in-header .search input:focus {
  outline-width: 0;
}
#logged-in-default #logged-in-header .search .ui-autocomplete,
#logged-in-flex #logged-in-header .search .ui-autocomplete {
  border-radius: 0 0 5px 5px;
  border: solid 1px #000000;
  border-top: none;
  padding-top: 0px;
  font-size: 14px;
  width: 350px;
  border: 0px;
  max-height: 100px;
  overflow-x: hidden;
  overflow-y: auto;
}
#logged-in-default #logged-in-header .search .ui-autocomplete li.ui-menu-item,
#logged-in-flex #logged-in-header .search .ui-autocomplete li.ui-menu-item {
  width: 100%;
  border-radius: 0;
  background: none;
  padding: 0px;
  margin: 0px;
  border-bottom: 1px dashed #73736E;
  height: auto;
}
#logged-in-default #logged-in-header .search .ui-autocomplete li.ui-menu-item a,
#logged-in-flex #logged-in-header .search .ui-autocomplete li.ui-menu-item a {
  min-height: 28px;
}
#logged-in-default #logged-in-header .search .ui-autocomplete li.ui-menu-item a:before,
#logged-in-flex #logged-in-header .search .ui-autocomplete li.ui-menu-item a:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 4px;
  height: 16px;
  width: 16px;
  padding: 0;
}
#logged-in-default #logged-in-header .search .ui-autocomplete li.ui-menu-item .user-avatar img,
#logged-in-flex #logged-in-header .search .ui-autocomplete li.ui-menu-item .user-avatar img {
  float: left;
  width: 20px;
  height: 20px;
}
#logged-in-default #logged-in-header .search .ui-autocomplete .global-button,
#logged-in-flex #logged-in-header .search .ui-autocomplete .global-button {
  padding: 5px;
  background: none;
}
#logged-in-default #logged-in-header .search .ui-autocomplete .global-button .view-all,
#logged-in-flex #logged-in-header .search .ui-autocomplete .global-button .view-all {
  background-color: #86413F;
  line-height: 25px;
  padding: 0px;
  margin: 8px;
  text-align: center;
  display: block;
  width: 310px;
  border: none;
  color: #EAE8DF;
  border-radius: 4px;
}
#logged-in-default #logged-in-header .search .ui-autocomplete .global-button .view-all:hover,
#logged-in-flex #logged-in-header .search .ui-autocomplete .global-button .view-all:hover {
  color: #fff;
}
#logged-in-default #logged-in-header .search .ui-autocomplete li.backlog a:before,
#logged-in-flex #logged-in-header .search .ui-autocomplete li.backlog a:before {
  background: url("/static/images/icons-sprite.png") 0px -80px no-repeat;
}
#logged-in-default #logged-in-header .search .ui-autocomplete li.current a:before,
#logged-in-flex #logged-in-header .search .ui-autocomplete li.current a:before {
  background: url("/static/images/icons-sprite.png") 0px -96px no-repeat;
}
#logged-in-default #logged-in-header .search .ui-autocomplete li.accepted a:before,
#logged-in-flex #logged-in-header .search .ui-autocomplete li.accepted a:before {
  background: url("/static/images/icons-sprite.png") 0px -128px no-repeat;
}
#logged-in-default #logged-in-header .search .ui-autocomplete li.complete a:before,
#logged-in-flex #logged-in-header .search .ui-autocomplete li.complete a:before {
  background: url("/static/images/icons-sprite.png") 0px -112px no-repeat;
}
#logged-in-default #logged-in-header .search .ui-autocomplete li.someday a:before,
#logged-in-flex #logged-in-header .search .ui-autocomplete li.someday a:before {
  background: url("/static/images/icons-sprite.png") 0px -64px no-repeat;
}
#logged-in-default #logged-in-header .search .ui-autocomplete li.story a,
#logged-in-flex #logged-in-header .search .ui-autocomplete li.story a {
  color: #82AC3D;
}
#logged-in-default #logged-in-header .search .ui-autocomplete li.task a,
#logged-in-flex #logged-in-header .search .ui-autocomplete li.task a {
  color: #CCCBC3;
}
#logged-in-default #logged-in-header .search .ui-autocomplete li.test a,
#logged-in-flex #logged-in-header .search .ui-autocomplete li.test a {
  color: #36A7BF;
}
#logged-in-default #logged-in-header .search .ui-autocomplete li.defect a,
#logged-in-flex #logged-in-header .search .ui-autocomplete li.defect a {
  color: #EB474C;
}
#logged-in-default #logged-in-header .search .ui-autocomplete a,
#logged-in-flex #logged-in-header .search .ui-autocomplete a {
  background-color: none;
  display: block;
  width: auto;
  padding: 10px 0;
  line-height: 18px !important;
}
#logged-in-default #logged-in-header .search .ui-autocomplete a span,
#logged-in-flex #logged-in-header .search .ui-autocomplete a span {
  opacity: .5;
}
#logged-in-default #logged-in-header .ui-widget-content,
#logged-in-flex #logged-in-header .ui-widget-content {
  background: none;
}
#logged-in-default #logged-in-header .dropdown,
#logged-in-default #logged-in-header .ui-autocomplete,
#logged-in-flex #logged-in-header .dropdown,
#logged-in-flex #logged-in-header .ui-autocomplete {
  display: none;
  list-style-type: none;
  background-color: #333333;
  border: solid 1px #000000;
  border-top: none;
  min-width: 200px;
  width: 100%;
  border-radius: 0 0 5px 5px;
  position: absolute;
  top: 54px;
  left: -12px;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  padding-bottom: 5px;
}
#logged-in-default #logged-in-header .dropdown li,
#logged-in-default #logged-in-header .ui-autocomplete li,
#logged-in-flex #logged-in-header .dropdown li,
#logged-in-flex #logged-in-header .ui-autocomplete li {
  position: relative;
  padding: 0px;
  margin: 0px;
  line-height: 17px;
  float: none;
}
#logged-in-default #logged-in-header .dropdown li a,
#logged-in-default #logged-in-header .dropdown li button,
#logged-in-default #logged-in-header .ui-autocomplete li a,
#logged-in-default #logged-in-header .ui-autocomplete li button,
#logged-in-flex #logged-in-header .dropdown li a,
#logged-in-flex #logged-in-header .dropdown li button,
#logged-in-flex #logged-in-header .ui-autocomplete li a,
#logged-in-flex #logged-in-header .ui-autocomplete li button {
  padding: 10px 0;
}
#logged-in-default #logged-in-header .dropdown li a.ui-state-focus,
#logged-in-default #logged-in-header .dropdown li button.ui-state-focus,
#logged-in-default #logged-in-header .ui-autocomplete li a.ui-state-focus,
#logged-in-default #logged-in-header .ui-autocomplete li button.ui-state-focus,
#logged-in-flex #logged-in-header .dropdown li a.ui-state-focus,
#logged-in-flex #logged-in-header .dropdown li button.ui-state-focus,
#logged-in-flex #logged-in-header .ui-autocomplete li a.ui-state-focus,
#logged-in-flex #logged-in-header .ui-autocomplete li button.ui-state-focus {
  text-decoration: underline;
  font-weight: normal;
}
#logged-in-default #logged-in-header .dropdown li:last-child,
#logged-in-default #logged-in-header .ui-autocomplete li:last-child,
#logged-in-flex #logged-in-header .dropdown li:last-child,
#logged-in-flex #logged-in-header .ui-autocomplete li:last-child {
  border: 0px;
}
#logged-in-default #logged-in-header .dropdown li:last-child:last-child a, #logged-in-default #logged-in-header .dropdown li:last-child:last-child button,
#logged-in-default #logged-in-header .ui-autocomplete li:last-child:last-child a,
#logged-in-default #logged-in-header .ui-autocomplete li:last-child:last-child button,
#logged-in-flex #logged-in-header .dropdown li:last-child:last-child a,
#logged-in-flex #logged-in-header .dropdown li:last-child:last-child button,
#logged-in-flex #logged-in-header .ui-autocomplete li:last-child:last-child a,
#logged-in-flex #logged-in-header .ui-autocomplete li:last-child:last-child button {
  border-radius: 0 0 5px 5px;
}
#logged-in-default #logged-in-header .dropdown .global-button,
#logged-in-default #logged-in-header .ui-autocomplete .global-button,
#logged-in-flex #logged-in-header .dropdown .global-button,
#logged-in-flex #logged-in-header .ui-autocomplete .global-button {
  padding: 0;
}
#logged-in-default #logged-in-header .dropdown .global-button a,
#logged-in-default #logged-in-header .ui-autocomplete .global-button a,
#logged-in-flex #logged-in-header .dropdown .global-button a,
#logged-in-flex #logged-in-header .ui-autocomplete .global-button a {
  line-height: 25px;
  padding: 0px;
  margin-top: 5px;
  margin-bottom: 0px;
  text-align: center;
  display: block;
  background-color: #385A66;
  border-radius: 4px;
}
#logged-in-default #logged-in-header .dropdown .global-button a:hover,
#logged-in-default #logged-in-header .ui-autocomplete .global-button a:hover,
#logged-in-flex #logged-in-header .dropdown .global-button a:hover,
#logged-in-flex #logged-in-header .ui-autocomplete .global-button a:hover {
  color: #fff;
}
#logged-in-default #logged-in-header .dropdown,
#logged-in-flex #logged-in-header .dropdown {
  border-top: 1px solid #000000;
  top: 53px;
}
#logged-in-default #logged-in-header ul.with-icons li .user-avatar,
#logged-in-default #logged-in-header ul.with-icons li .unassigned,
#logged-in-flex #logged-in-header ul.with-icons li .user-avatar,
#logged-in-flex #logged-in-header ul.with-icons li .unassigned {
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  height: 24px;
  width: 24px;
}
#logged-in-default #logged-in-header ul.with-icons li .user-avatar img,
#logged-in-default #logged-in-header ul.with-icons li .unassigned img,
#logged-in-flex #logged-in-header ul.with-icons li .user-avatar img,
#logged-in-flex #logged-in-header ul.with-icons li .unassigned img {
  border-radius: 3px;
}
#logged-in-default #logged-in-header ul.with-icons li .unassigned,
#logged-in-flex #logged-in-header ul.with-icons li .unassigned {
  background: #474747 url("/static/images/unassigned_icon.png") no-repeat center !important;
  border-radius: 3px;
}
#logged-in-default #logged-in-header ul.with-icons li a,
#logged-in-flex #logged-in-header ul.with-icons li a {
  padding: 8px 10px 10px 45px !important;
}
#logged-in-default #logged-in-header .has-sublinks,
#logged-in-flex #logged-in-header .has-sublinks {
  list-style-type: none;
}
#logged-in-default #logged-in-header ul.links,
#logged-in-flex #logged-in-header ul.links {
  line-height: 53px;
  list-style-type: none;
}
#logged-in-default #logged-in-header ul.links li.link a,
#logged-in-default #logged-in-header ul.links li.link button,
#logged-in-flex #logged-in-header ul.links li.link a,
#logged-in-flex #logged-in-header ul.links li.link button {
  color: #eaeaea;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  padding-right: 16px;
}
#logged-in-default #logged-in-header ul.links li.link a:hover,
#logged-in-default #logged-in-header ul.links li.link button:hover,
#logged-in-flex #logged-in-header ul.links li.link a:hover,
#logged-in-flex #logged-in-header ul.links li.link button:hover {
  color: #5895b5;
}
#logged-in-default #logged-in-header ul.links li.link .sublink,
#logged-in-flex #logged-in-header ul.links li.link .sublink {
  margin-left: 0;
}
#logged-in-default #logged-in-header ul.links li.link .sublink a,
#logged-in-flex #logged-in-header ul.links li.link .sublink a {
  padding: 5px 0 5px 35px;
}
#logged-in-default #logged-in-header ul.links li.link .guide,
#logged-in-flex #logged-in-header ul.links li.link .guide {
  margin-top: 10px;
}
#logged-in-default #logged-in-header ul.links li.link .guide:hover,
#logged-in-flex #logged-in-header ul.links li.link .guide:hover {
  background-color: inherit;
}
#logged-in-default #logged-in-header ul.links li.link .guide #pageGuideMenuToggle,
#logged-in-flex #logged-in-header ul.links li.link .guide #pageGuideMenuToggle {
  display: inline-block;
  width: 100%;
}
#logged-in-default #logged-in-header ul.links li.link .guide a,
#logged-in-flex #logged-in-header ul.links li.link .guide a {
  cursor: pointer;
}
#logged-in-default #logged-in-header ul.links li.link .guide .icon,
#logged-in-flex #logged-in-header ul.links li.link .guide .icon {
  position: relative;
  top: 2px;
  left: -1px;
}
#logged-in-default #logged-in-header ul.links li.guide:hover,
#logged-in-flex #logged-in-header ul.links li.guide:hover {
  background-color: #2e2e2e;
}
#logged-in-default #logged-in-header ul.links li.link:hover .link,
#logged-in-flex #logged-in-header ul.links li.link:hover .link {
  color: #5895b5;
}
#logged-in-default #logged-in-header ul.links li.has-dropdown,
#logged-in-flex #logged-in-header ul.links li.has-dropdown {
  position: relative;
  padding-right: 25px;
}
#logged-in-default #logged-in-header ul.links li.has-dropdown .link .icon-menu-arrow-down,
#logged-in-flex #logged-in-header ul.links li.has-dropdown .link .icon-menu-arrow-down {
  left: auto;
  position: absolute;
  right: 0px;
  top: 21px;
}
#logged-in-default #logged-in-header ul.links li.has-dropdown li a,
#logged-in-default #logged-in-header ul.links li.has-dropdown li button,
#logged-in-flex #logged-in-header ul.links li.has-dropdown li a,
#logged-in-flex #logged-in-header ul.links li.has-dropdown li button {
  font-size: 13px;
  display: block;
  padding: 15px;
  height: auto;
}
#logged-in-default #logged-in-header ul.links li.has-dropdown li a:hover,
#logged-in-default #logged-in-header ul.links li.has-dropdown li button:hover,
#logged-in-flex #logged-in-header ul.links li.has-dropdown li a:hover,
#logged-in-flex #logged-in-header ul.links li.has-dropdown li button:hover {
  background-color: #2e2e2e;
}
#logged-in-default #logged-in-header ul.links li.has-dropdown li .product,
#logged-in-flex #logged-in-header ul.links li.has-dropdown li .product {
  width: 100%;
  text-align: left;
}
#logged-in-default #logged-in-header ul.links li.has-dropdown.link:hover ul.dropdown,
#logged-in-flex #logged-in-header ul.links li.has-dropdown.link:hover ul.dropdown {
  display: block;
}
#logged-in-default #logged-in-header ul.links .beta-feature:after,
#logged-in-flex #logged-in-header ul.links .beta-feature:after {
  content: "BETA";
  display: inline-block;
  margin-left: 10px;
  font-size: 10px;
  color: #eaeaea;
  font-weight: bold;
  border-radius: 3px;
  background: #5895b5;
  padding: 4px 7px;
}
#logged-in-default #logged-in-header ul.links.left,
#logged-in-flex #logged-in-header ul.links.left {
  float: left;
}
#logged-in-default #logged-in-header ul.links.left .product-list .icon,
#logged-in-default #logged-in-header ul.links.left .help.link .view-icon,
#logged-in-default #logged-in-header ul.links.left .kanban.link .view-icon,
#logged-in-default #logged-in-header ul.links.left .product.link .view-icon,
#logged-in-default #logged-in-header ul.links.left .product_links .icon,
#logged-in-flex #logged-in-header ul.links.left .product-list .icon,
#logged-in-flex #logged-in-header ul.links.left .help.link .view-icon,
#logged-in-flex #logged-in-header ul.links.left .kanban.link .view-icon,
#logged-in-flex #logged-in-header ul.links.left .product.link .view-icon,
#logged-in-flex #logged-in-header ul.links.left .product_links .icon {
  position: relative;
}
#logged-in-default #logged-in-header ul.links.left .product.link .view-icon,
#logged-in-flex #logged-in-header ul.links.left .product.link .view-icon {
  top: 4px;
  left: -5px;
}
#logged-in-default #logged-in-header ul.links.left .help.link .view-icon,
#logged-in-flex #logged-in-header ul.links.left .help.link .view-icon {
  top: 3px;
  left: -3px;
}
#logged-in-default #logged-in-header ul.links.left .kanban.link .view-icon,
#logged-in-flex #logged-in-header ul.links.left .kanban.link .view-icon {
  top: 6px;
  margin-right: 8px;
}
#logged-in-default #logged-in-header ul.links.left .product-list .icon,
#logged-in-default #logged-in-header ul.links.left .product_links .icon,
#logged-in-flex #logged-in-header ul.links.left .product-list .icon,
#logged-in-flex #logged-in-header ul.links.left .product_links .icon {
  float: left;
  margin-right: 5px;
}
#logged-in-default #logged-in-header ul.links.left li.link,
#logged-in-flex #logged-in-header ul.links.left li.link {
  float: left;
  height: 53px;
  margin-right: 15px;
}
#logged-in-default #logged-in-header ul.links.left li.link.product,
#logged-in-flex #logged-in-header ul.links.left li.link.product {
  position: relative;
}
#logged-in-default #logged-in-header ul.links.left li.link.product .title,
#logged-in-flex #logged-in-header ul.links.left li.link.product .title {
  padding: 0px 16px 0 5px;
}
#logged-in-default #logged-in-header ul.links.left li.link.product ul.product_links li a,
#logged-in-flex #logged-in-header ul.links.left li.link.product ul.product_links li a {
  *zoom: 1;
  display: block;
  line-height: 20px;
  padding: 14px 10px;
}
#logged-in-default #logged-in-header ul.links.left li.link.product ul.product_links li a:after,
#logged-in-flex #logged-in-header ul.links.left li.link.product ul.product_links li a:after {
  content: "";
  display: table;
  clear: both;
}
#logged-in-default #logged-in-header ul.links.left li.link.product ul.product_links li a sup,
#logged-in-flex #logged-in-header ul.links.left li.link.product ul.product_links li a sup {
  font-size: 0.8em;
  position: relative;
  top: -4px;
}
#logged-in-default #logged-in-header ul.links.left .side-padding, #logged-in-default #logged-in-header ul.links.left li.link.kanban, #logged-in-default #logged-in-header ul.links.left li.link.help,
#logged-in-default #logged-in-header ul.links.left li.link.product,
#logged-in-default #logged-in-header ul.links.left li.link.products,
#logged-in-flex #logged-in-header ul.links.left .side-padding,
#logged-in-flex #logged-in-header ul.links.left li.link.kanban,
#logged-in-flex #logged-in-header ul.links.left li.link.help,
#logged-in-flex #logged-in-header ul.links.left li.link.product,
#logged-in-flex #logged-in-header ul.links.left li.link.products {
  padding-right: 0;
  padding-left: 20px;
}
#logged-in-default #logged-in-header ul.links.left li.link.kanban,
#logged-in-flex #logged-in-header ul.links.left li.link.kanban {
  margin-right: 6px;
}
#logged-in-default #logged-in-header ul.links.left li.link.kanban sup,
#logged-in-flex #logged-in-header ul.links.left li.link.kanban sup {
  font-size: 10px;
  vertical-align: top;
}
#logged-in-default #logged-in-header ul.links.left li.link.help,
#logged-in-default #logged-in-header ul.links.left li.link.product,
#logged-in-default #logged-in-header ul.links.left li.link.kanban,
#logged-in-default #logged-in-header ul.links.left li.link.products,
#logged-in-flex #logged-in-header ul.links.left li.link.help,
#logged-in-flex #logged-in-header ul.links.left li.link.product,
#logged-in-flex #logged-in-header ul.links.left li.link.kanban,
#logged-in-flex #logged-in-header ul.links.left li.link.products {
  margin-right: 0;
  /* Set height and scroll if long list of products  */
}
#logged-in-default #logged-in-header ul.links.left li.link.help .product-list,
#logged-in-default #logged-in-header ul.links.left li.link.product .product-list,
#logged-in-default #logged-in-header ul.links.left li.link.kanban .product-list,
#logged-in-default #logged-in-header ul.links.left li.link.products .product-list,
#logged-in-flex #logged-in-header ul.links.left li.link.help .product-list,
#logged-in-flex #logged-in-header ul.links.left li.link.product .product-list,
#logged-in-flex #logged-in-header ul.links.left li.link.kanban .product-list,
#logged-in-flex #logged-in-header ul.links.left li.link.products .product-list {
  overflow-y: auto;
  max-height: 450px;
}
#logged-in-default #logged-in-header ul.links.left li.link.help .product-list .manage button,
#logged-in-default #logged-in-header ul.links.left li.link.product .product-list .manage button,
#logged-in-default #logged-in-header ul.links.left li.link.kanban .product-list .manage button,
#logged-in-default #logged-in-header ul.links.left li.link.products .product-list .manage button,
#logged-in-flex #logged-in-header ul.links.left li.link.help .product-list .manage button,
#logged-in-flex #logged-in-header ul.links.left li.link.product .product-list .manage button,
#logged-in-flex #logged-in-header ul.links.left li.link.kanban .product-list .manage button,
#logged-in-flex #logged-in-header ul.links.left li.link.products .product-list .manage button {
  *zoom: 1;
  line-height: 20px;
  text-align: left;
  width: 100%;
}
#logged-in-default #logged-in-header ul.links.left li.link.help .product-list .manage button:after,
#logged-in-default #logged-in-header ul.links.left li.link.product .product-list .manage button:after,
#logged-in-default #logged-in-header ul.links.left li.link.kanban .product-list .manage button:after,
#logged-in-default #logged-in-header ul.links.left li.link.products .product-list .manage button:after,
#logged-in-flex #logged-in-header ul.links.left li.link.help .product-list .manage button:after,
#logged-in-flex #logged-in-header ul.links.left li.link.product .product-list .manage button:after,
#logged-in-flex #logged-in-header ul.links.left li.link.kanban .product-list .manage button:after,
#logged-in-flex #logged-in-header ul.links.left li.link.products .product-list .manage button:after {
  content: "";
  display: table;
  clear: both;
}
#logged-in-default #logged-in-header ul.links.left li.link.help .product-list .manage button .icon,
#logged-in-default #logged-in-header ul.links.left li.link.product .product-list .manage button .icon,
#logged-in-default #logged-in-header ul.links.left li.link.kanban .product-list .manage button .icon,
#logged-in-default #logged-in-header ul.links.left li.link.products .product-list .manage button .icon,
#logged-in-flex #logged-in-header ul.links.left li.link.help .product-list .manage button .icon,
#logged-in-flex #logged-in-header ul.links.left li.link.product .product-list .manage button .icon,
#logged-in-flex #logged-in-header ul.links.left li.link.kanban .product-list .manage button .icon,
#logged-in-flex #logged-in-header ul.links.left li.link.products .product-list .manage button .icon {
  margin-left: -4px;
}
#logged-in-default #logged-in-header .link.products a,
#logged-in-flex #logged-in-header .link.products a {
  display: block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  clear: both;
}
#logged-in-default #logged-in-header ul.links.right,
#logged-in-flex #logged-in-header ul.links.right {
  float: right;
}
#logged-in-default #logged-in-header ul.links.right li.account,
#logged-in-flex #logged-in-header ul.links.right li.account {
  height: 54px;
}
#logged-in-default #logged-in-header ul.links.right li.account .avatar,
#logged-in-flex #logged-in-header ul.links.right li.account .avatar {
  float: left;
  margin: 12px 10px 0 0;
  width: 26px;
  height: 26px;
  border-radius: 3px;
}
#logged-in-default #logged-in-header ul.links.right li.account .name,
#logged-in-flex #logged-in-header ul.links.right li.account .name {
  float: left;
  color: #fff;
  font-size: 14px;
}
#logged-in-default #logged-in-header ul.links.right li.account .name span,
#logged-in-flex #logged-in-header ul.links.right li.account .name span {
  float: left;
}
#logged-in-default #logged-in-header ul.links.right li.account .name:hover,
#logged-in-flex #logged-in-header ul.links.right li.account .name:hover {
  color: #5895b5;
}
#logged-in-default #logged-in-header ul.links.right li.account .name i,
#logged-in-flex #logged-in-header ul.links.right li.account .name i {
  margin-left: 5px;
}
#logged-in-default #logged-in-header ul.links.right li.account .dropdown,
#logged-in-flex #logged-in-header ul.links.right li.account .dropdown {
  width: 150px;
}
#logged-in-default #logged-in-header ul.links.right li.account .dropdown li button,
#logged-in-flex #logged-in-header ul.links.right li.account .dropdown li button {
  width: 100%;
  text-align: left;
}
#logged-in-default #logged-in-header ul.links.right li.account .dropdown .global-button a,
#logged-in-flex #logged-in-header ul.links.right li.account .dropdown .global-button a {
  background-color: #86413F;
  line-height: 25px;
  padding: 0px;
  margin: 8px;
  text-align: center;
  display: block;
  border-radius: 4px;
}
#logged-in-default #logged-in-header ul.links.right li.account .dropdown .global-button a:hover,
#logged-in-flex #logged-in-header ul.links.right li.account .dropdown .global-button a:hover {
  color: #fff;
}
#logged-in-default #logged-in-header .add-item-small,
#logged-in-flex #logged-in-header .add-item-small {
  float: right;
  margin-top: 10px;
  padding: 9px 10px 8px 28px;
}
#logged-in-default #logged-in-header .add-member,
#logged-in-flex #logged-in-header .add-member {
  position: relative;
  float: right;
  margin-left: 10px;
  margin-top: 10px;
  min-width: 30px;
  width: 31px;
  height: 30px;
}

.page-settings-permalink #logged-in-header .account_list .settings-link {
  display: none;
}

#logged-in-flex {
  background: #f6f8fa;
}
#logged-in-flex #logged-in-header .content,
#logged-in-flex .app-footer {
  width: 96%;
  min-width: 1000px;
}
@media screen and (max-width: 1279px) {
  #logged-in-flex #logged-in-header .content,
  #logged-in-flex .app-footer {
    width: 94%;
  }
}
#logged-in-flex .app-footer {
  width: 80%;
  border: none;
}
#logged-in-flex #container {
  padding-top: 52px;
}
#logged-in-flex #view_content {
  *zoom: 1;
  width: 100%;
  min-width: 1000px;
  margin: 0 0 auto;
}
#logged-in-flex #view_content:after {
  content: "";
  display: table;
  clear: both;
}
#logged-in-flex #view_content > div {
  width: 80%;
  min-width: 1000px;
  margin: 0 auto;
}
#logged-in-flex #view_content .product-tag-list {
  width: 100%;
  margin: 0;
}
#logged-in-flex .floater .content {
  width: 80%;
  min-width: 1000px;
  max-width: 1800px;
  margin: 0 auto;
}

div.page-body {
  line-height: 1.5em;
}
div.page-body h3 {
  margin: 15px 0px 15px 0px;
}
div.page-body p {
  margin-bottom: 1.5em;
}

div#page h1#title {
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

body.layout-marketing {
  padding-top: 69px;
}

.layout-marketing {
  background-color: #134050;
  color: #454545;
  line-height: 1.25;
}
.layout-marketing .wrapper {
  width: 1000px;
  margin: 0 auto;
}
.layout-marketing .wrapper::before {
  display: table;
  content: "";
}
.layout-marketing .wrapper::after {
  display: table;
  clear: both;
  content: "";
}
.layout-marketing .column {
  width: 1000px;
  margin: 0px auto;
  position: relative;
}
.layout-marketing .column::before {
  display: table;
  content: "";
}
.layout-marketing .column::after {
  display: table;
  clear: both;
  content: "";
}
.layout-marketing .top-banner {
  text-align: center;
}
.layout-marketing .top-banner.is-centered {
  padding-bottom: 35px;
  padding-top: 40px;
  text-align: center;
}
.layout-marketing .page-title,
.layout-marketing .page-subtitle {
  margin: 0;
}
.layout-marketing .page-title {
  color: #134050;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 44px;
  text-transform: none;
}
.layout-marketing .page-subtitle {
  color: #84b431;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 18px;
}
.layout-marketing .page-title + .page-subtitle {
  margin-top: 10px;
}

#logged-in-simple {
  background: #61858C;
}
#logged-in-simple .header {
  background: #D4DDDB url("/static/images/blue-fabric-bg.png");
  border-bottom: 1px solid #fff;
  height: 104px;
  padding-top: 10px;
}
#logged-in-simple .header .island.top {
  z-index: 1000;
}
#logged-in-simple .header .island {
  z-index: 900;
  position: absolute;
  width: 100%;
}
#logged-in-simple .header .island .column {
  width: 1000px;
  margin: 0px auto;
  font-size: 14px;
  font-weight: 300;
  color: #444;
}
#logged-in-simple .header .logo {
  margin: 0px auto;
  background: url("/static/images/logo-product-index.png") no-repeat;
  width: 341px;
  height: 215px;
}
#logged-in-simple .header .menu:hover {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
}
#logged-in-simple .header .menu:hover li.choose {
  margin-bottom: 10px;
}
#logged-in-simple .header .menu:hover li {
  display: block;
}
#logged-in-simple .header .menu {
  cursor: pointer;
  margin-top: 87px;
  list-style-type: none;
  width: 200px;
  border: 1px solid #fff;
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  background-color: #fff;
  padding: 10px;
}
#logged-in-simple .header .menu li.choose {
  display: block;
  background: url("/static/images/listbox-arrow-white.png") no-repeat center right;
  margin-bottom: 0;
}
#logged-in-simple .header .menu li {
  display: none;
  margin-bottom: 15px;
}
#logged-in-simple .header .menu li a {
  color: #20718F;
  display: block;
}
#logged-in-simple .header .menu li a:hover {
  color: #86B633;
}
#logged-in-simple .header .menu li:last-child {
  margin-bottom: 0px;
}
#logged-in-simple .header .products {
  float: left;
}
#logged-in-simple .header .links:hover li.choose {
  margin-bottom: 13px;
}
#logged-in-simple .header .links {
  float: right;
  position: relative;
}
#logged-in-simple .header .links li.choose {
  padding-left: 30px;
  line-height: 14px;
}
#logged-in-simple .header .links img {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 7px;
  left: 12px;
}
#logged-in-simple #column {
  padding-top: 125px;
  padding-bottom: 120px;
  background: #E9E9E4;
}
#logged-in-simple #view_content {
  width: 1000px;
  margin: 0px auto;
}
#logged-in-simple .footer {
  height: 100px;
}
#logged-in-simple .footer .repeater {
  background: url("/static/images/simple-footer-pattern.png") repeat-x;
  margin-top: -15px;
  height: 15px;
}
#logged-in-simple .footer .copyright {
  width: 1000px;
  margin: 15px auto 0 auto;
  text-align: right;
  color: #EDEDE5;
  font-size: 13px;
  line-height: 20px;
  font-weight: 300;
}
#logged-in-simple .footer .copyright a {
  color: #fff;
  font-weight: bold;
}
#logged-in-simple .container-box {
  border: 1px solid #fff;
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background-color: #D2DCD7;
  padding: 25px;
}
#logged-in-simple .container-box .form {
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
}

body.notification#logged-in-default .global-filters-container .floater,
body.notification#logged-in-flex .global-filters-container .floater {
  top: 88px;
}
body.notification#logged-in-default #notifications,
body.notification#logged-in-flex #notifications {
  top: 0;
  position: fixed;
  width: 100%;
  z-index: 2030;
  height: 34px;
  font-weight: bold;
}
body.notification#logged-in-default #notifications li,
body.notification#logged-in-flex #notifications li {
  box-sizing: border-box;
  min-width: 1000px;
  margin: 0 auto;
  color: #fff;
  display: block;
  font-size: 14px;
  padding: 2.5px 15px;
  text-align: center;
  height: 34px;
  z-index: 99999;
}
body.notification#logged-in-default #notifications li.success,
body.notification#logged-in-flex #notifications li.success {
  background-position: left top;
}
body.notification#logged-in-default #notifications li.error,
body.notification#logged-in-flex #notifications li.error {
  background-position: center bottom;
  background-color: #b34345;
}
body.notification#logged-in-default #notifications li .dismiss,
body.notification#logged-in-flex #notifications li .dismiss {
  background: transparent url("/static/images/dismiss.png") no-repeat center top;
  width: 11px;
  height: 12px;
  float: right;
  margin-top: 9px;
  text-indent: -50000px;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
}
body.notification#logged-in-default #notifications li .dismiss:hover,
body.notification#logged-in-flex #notifications li .dismiss:hover {
  background-color: transparent;
  background-position: center center;
}
body.notification#logged-in-default #notifications li .dismiss:active,
body.notification#logged-in-flex #notifications li .dismiss:active {
  background-color: transparent;
  background-position: center bottom;
  outline: none;
}
body.notification#logged-in-default #notifications li .btn-notification,
body.notification#logged-in-flex #notifications li .btn-notification {
  margin-left: 20px;
  padding: 6px 8px;
  color: #fff;
  border: 1px solid #fff;
}
body.notification#logged-in-default #notifications.default,
body.notification#logged-in-flex #notifications.default {
  background-color: #FF9700;
}
body.notification#logged-in-default #notifications.default .btn-notification,
body.notification#logged-in-flex #notifications.default .btn-notification {
  background-color: #FF9700;
}
body.notification#logged-in-default #notifications.default .btn-notification:hover, body.notification#logged-in-default #notifications.default .btn-notification:active,
body.notification#logged-in-flex #notifications.default .btn-notification:hover,
body.notification#logged-in-flex #notifications.default .btn-notification:active {
  background: #ffac33;
}
body.notification#logged-in-default #notifications.alert,
body.notification#logged-in-flex #notifications.alert {
  background-color: #D94949;
}
body.notification#logged-in-default #notifications.alert .btn-notification,
body.notification#logged-in-flex #notifications.alert .btn-notification {
  background-color: #D94949;
}
body.notification#logged-in-default #notifications.alert .btn-notification:hover, body.notification#logged-in-default #notifications.alert .btn-notification:active,
body.notification#logged-in-flex #notifications.alert .btn-notification:hover,
body.notification#logged-in-flex #notifications.alert .btn-notification:active {
  background: #e27373;
}
body.notification#logged-in-default #logged-in-header,
body.notification#logged-in-flex #logged-in-header {
  top: 34px;
}
body.notification#logged-in-default #view_content,
body.notification#logged-in-flex #view_content {
  top: 41px;
  position: relative;
}
body.notification#logged-in-default .app-footer,
body.notification#logged-in-flex .app-footer {
  margin: 54px auto 32px;
}

/*
----------------------------------------------------
Tab view layout
----------------------------------------------------
*/
.tab-view {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.tab-view:after {
  content: " ";
  display: block;
  clear: both;
}

.tab-menu {
  width: 18.75%;
  float: left;
}

.tab-view-content-wrapper {
  width: 81.25%;
  float: left;
}

/*
----------------------------------------------------
Modal layout variation
----------------------------------------------------
*/
/*

Styles the module in `scss/modules/_tab_view.scss` to sit nicely in a modal

Usage:

  <div class="modal-blanket">
    <div class="modal-tabbed">
      <header class="modal-header">
        <a href="#" class="close-button" title="Close"><i class="icon icon-close"></i></a>
        <h3 class="modal-title">Some Tabbed Modal Title</h3>
      </header>
      <div class="modal-content">
        <div class="tab-view">
          <nav class="tab-menu">
            <!-- Menu items here... -->
          </nav>
          <div class="tab-view-content-wrapper">
            <div class="tab-view-content">
              <!-- Swappable view content here -->
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

*/
.modal-tabbed {
  height: 586px;
  margin: 120px auto 0;
  width: 868px;
}
.modal-tabbed .modal-content,
.modal-tabbed .tab-view {
  height: 542px;
  z-index: 10;
}
.modal-tabbed .modal-header {
  height: 44px;
  overflow: hidden;
  z-index: 15;
}
.modal-tabbed .tab-menu {
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.modal-tabbed .tab-view-content-wrapper {
  height: 100%;
  overflow-y: auto;
}

.glacier {
  background: #fff;
  padding-top: 68px;
}
.glacier .container {
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
  padding: 30px 10px;
}
.glacier .container:after {
  content: " ";
  display: block;
  clear: both;
}
.glacier .container.small-top {
  padding-top: 0px;
}
.glacier.layout-homepage, .glacier.layout-pricing-page, .glacier.simple-single-column, .glacier.simple-base-page, .glacier.integration {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  width: 100%;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-flex-direction: column;
  box-orient: vertical;
  display: box;
  flex-direction: column;
  -ms-box-orient: vertical;
  display: -ms-box;
  -ms-flex-direction: column;
  -moz-box-orient: vertical;
  display: -moz-box;
  -moz-flex-direction: column;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-flex-direction: column;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #323232;
  background: #fff;
}
.retina .glacier.layout-homepage, .retina .glacier.layout-pricing-page, .retina .glacier.simple-single-column, .retina .glacier.simple-base-page, .retina .glacier.integration {
  background: #fff;
}
.glacier.layout-homepage h1,
.glacier.layout-homepage h2,
.glacier.layout-homepage h3,
.glacier.layout-homepage h4,
.glacier.layout-homepage h5, .glacier.layout-pricing-page h1,
.glacier.layout-pricing-page h2,
.glacier.layout-pricing-page h3,
.glacier.layout-pricing-page h4,
.glacier.layout-pricing-page h5, .glacier.simple-single-column h1,
.glacier.simple-single-column h2,
.glacier.simple-single-column h3,
.glacier.simple-single-column h4,
.glacier.simple-single-column h5, .glacier.simple-base-page h1,
.glacier.simple-base-page h2,
.glacier.simple-base-page h3,
.glacier.simple-base-page h4,
.glacier.simple-base-page h5, .glacier.integration h1,
.glacier.integration h2,
.glacier.integration h3,
.glacier.integration h4,
.glacier.integration h5 {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #175574;
}
.glacier.layout-homepage h1, .glacier.layout-pricing-page h1, .glacier.simple-single-column h1, .glacier.simple-base-page h1, .glacier.integration h1 {
  font-size: 34px;
}
.glacier.layout-homepage h2, .glacier.layout-pricing-page h2, .glacier.simple-single-column h2, .glacier.simple-base-page h2, .glacier.integration h2 {
  font-size: 28px;
  margin-bottom: 10px;
}
.glacier.layout-homepage h4, .glacier.layout-pricing-page h4, .glacier.simple-single-column h4, .glacier.simple-base-page h4, .glacier.integration h4 {
  margin: 10px 0;
}
.glacier.layout-homepage h5, .glacier.layout-pricing-page h5, .glacier.simple-single-column h5, .glacier.simple-base-page h5, .glacier.integration h5 {
  font-size: 15px;
  margin-bottom: 7px;
}
.glacier.layout-homepage p, .glacier.layout-pricing-page p, .glacier.simple-single-column p, .glacier.simple-base-page p, .glacier.integration p {
  font-size: 14px;
  line-height: 19px;
}
.glacier.layout-homepage a, .glacier.layout-pricing-page a, .glacier.simple-single-column a, .glacier.simple-base-page a, .glacier.integration a {
  font-weight: bold;
}
@-webkit-keyframes bubble {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
.glacier header.logged-out-header {
  height: 68px;
  position: fixed;
  top: 0px;
  z-index: 500;
  border-bottom: 1px solid #ddd;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
}
.glacier header.logged-out-header .container {
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 10px;
}
.glacier header.logged-out-header .container:after {
  content: " ";
  display: block;
  clear: both;
}
.glacier header.logged-out-header nav {
  float: right;
  font-size: 12px;
  font-weight: bold;
  margin: 19px 0 0 0;
}
.glacier header.logged-out-header nav::before {
  display: table;
  content: "";
}
.glacier header.logged-out-header nav::after {
  display: table;
  clear: both;
  content: "";
}
.glacier header.logged-out-header nav a {
  margin-left: 20px;
  color: #323232;
}
.glacier header.logged-out-header nav a:hover {
  color: #0366d6;
}
.glacier header.logged-out-header nav a.sign-up-button {
  color: #fff;
}
.glacier header.logged-out-header nav a.sign-up-button:hover {
  color: #fff;
}
.glacier header.logged-out-header .logo {
  text-indent: -100%;
  float: left;
  width: 130px;
  height: 38px;
  margin: 15px 0 0 0;
  background-image: url("/static/images/header-type-logo.png");
  font-size: 0pt;
}
.glacier header.logged-out-header .logo:hover {
  -webkit-animation: bubble 0.1s ease;
  opacity: .9;
}
.retina .glacier header.logged-out-header .logo {
  background-image: url("/static/images/header-type-logo@2x.png");
  background-size: 130px 38px;
}
.glacier .blue-band {
  border: solid 1px #cdd6e3;
  background: #f4f6f9;
}
.glacier .blue-band::before {
  display: table;
  content: "";
}
.glacier .blue-band::after {
  display: table;
  clear: both;
  content: "";
}
.glacier .blue-band.lone-button {
  text-align: center;
  padding: 20px 0;
}
.glacier .modal-top {
  text-align: center;
}
.glacier .modal-top h2 {
  margin-bottom: 5px;
}
.glacier .modal-top p {
  line-height: 19px;
  margin-bottom: 20px;
}
.glacier .modal-fieldset {
  width: 400px;
  margin: auto;
  text-align: left;
}
.glacier .modal-small {
  margin-top: 5%;
}
.glacier .modal-small .modal-inner {
  padding: 50px;
}
.glacier .text-input-modal {
  padding: 14px;
}
.glacier .forgot-password {
  float: right;
  font-size: 11px;
  margin-top: 12px;
}
.glacier .forgot-password::before {
  display: table;
  content: "";
}
.glacier .forgot-password::after {
  display: table;
  clear: both;
  content: "";
}
.glacier .modal-divider {
  border-bottom: 1px solid #cccccc;
  margin-top: 19px;
  text-align: center;
  margin-bottom: 32px;
}
.glacier .modal-divider::before {
  display: table;
  content: "";
}
.glacier .modal-divider::after {
  display: table;
  clear: both;
  content: "";
}
.glacier .modal-divider-text {
  font-size: 13px;
  font-weight: bold;
  color: #555;
  font-style: italic;
  background-color: white;
  position: relative;
  top: 6px;
  padding: 0px 14px;
}
.glacier .account-buttons {
  text-align: center;
}
.glacier .account-buttons::before {
  display: table;
  content: "";
}
.glacier .account-buttons::after {
  display: table;
  clear: both;
  content: "";
}
.glacier .account-buttons a {
  padding-bottom: 4px;
  margin-right: 8px;
}
.glacier .sign-up-legal {
  margin-top: 20px;
}
.glacier .sign-up-legal p {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 0px;
  padding-bottom: 6px;
}
.glacier .btn, .glacier .item-following button.follow, .item-following .glacier button.follow, .glacier .item-following button.following, .item-following .glacier button.following {
  border-radius: 5px;
}

/**
 * Modules
 */
.glacier.layout-homepage .layout-screenshot-showcase {
  padding: 10px 0;
  background: #fbfbfb;
  border-top: solid 1px #e0e0e0;
  overflow: hidden;
}
.glacier.layout-homepage .layout-screenshot-showcase.dashboard {
  border-top: none;
}
.glacier.layout-homepage .layout-screenshot-showcase.reports {
  border-top: none;
  border-bottom: solid 1px #e0e0e0;
}
.glacier.layout-homepage .layout-screenshot-showcase .explanation {
  width: 32.35294%;
  float: left;
  padding: 80px 0;
  text-align: center;
}
.glacier.layout-homepage .layout-screenshot-showcase .screenshot {
  width: 64.70588%;
  float: right;
  margin-right: 0;
}
.glacier.layout-homepage .layout-screenshot-showcase .screenshot img {
  border-radius: 5px;
  border: solid 1px #c3c3c3;
}
.glacier.layout-homepage .one-third {
  width: 29.41176%;
  float: left;
}
.glacier.layout-homepage .two-thirds {
  width: 64.70588%;
  float: left;
}
.glacier.layout-homepage .one-half {
  width: 47.05882%;
  float: left;
  margin-right: 5.88235%;
}
.glacier.layout-homepage .one-half.last {
  width: 47.05882%;
  float: right;
  margin-right: 0;
  margin-right: 0%;
}
.glacier.layout-homepage .one-half.last::before {
  display: table;
  content: "";
}
.glacier.layout-homepage .one-half.last::after {
  display: table;
  clear: both;
  content: "";
}
.glacier.layout-homepage .layout-side-by-side {
  text-align: center;
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 434px;
}
.glacier.layout-homepage .activity-timelines-content {
  padding-bottom: 0px;
}
.glacier.layout-homepage .container.activity-timelines-screenshots {
  padding: 30px 0 30px 0;
}
.glacier.layout-homepage .container.activity-timelines-screenshots .screenshot {
  border-radius: 5px;
  border: solid 1px #c3c3c3;
}
.glacier.layout-homepage .img-container {
  position: relative;
}
.glacier.layout-homepage .img-container .bleed-left {
  position: absolute;
  right: 0px;
}
.glacier.layout-homepage .img-container .bleed-right {
  position: absolute;
  left: 0px;
}
.glacier.layout-homepage .features-list,
.glacier.layout-homepage .integration-list {
  padding-top: 20px;
}
.glacier.layout-homepage .features-list .headline-holder,
.glacier.layout-homepage .integration-list .headline-holder {
  width: 47.05882%;
  float: left;
  margin-left: 26.47059%;
  float: none;
  margin: 0 auto;
  text-align: center;
}
.glacier.layout-homepage .features-list .headline,
.glacier.layout-homepage .integration-list .headline {
  text-align: center;
  margin-bottom: 12px;
}
.glacier.layout-homepage .features-list .sub-headline,
.glacier.layout-homepage .integration-list .sub-headline {
  color: #323232;
  font-size: 14px;
  margin-bottom: 60px;
}
.glacier.layout-homepage .features-list .features-column,
.glacier.layout-homepage .features-list .integration,
.glacier.layout-homepage .integration-list .features-column,
.glacier.layout-homepage .integration-list .integration {
  margin-right: 5.88235%;
}
.glacier.layout-homepage .features-list .features-column.last,
.glacier.layout-homepage .features-list .integration.last,
.glacier.layout-homepage .integration-list .features-column.last,
.glacier.layout-homepage .integration-list .integration.last {
  width: 29.41176%;
  float: right;
  margin-right: 0;
  margin-right: 0%;
}
.glacier.layout-homepage .features-list .features-column.last::before,
.glacier.layout-homepage .features-list .integration.last::before,
.glacier.layout-homepage .integration-list .features-column.last::before,
.glacier.layout-homepage .integration-list .integration.last::before {
  display: table;
  content: "";
}
.glacier.layout-homepage .features-list .features-column.last::after,
.glacier.layout-homepage .features-list .integration.last::after,
.glacier.layout-homepage .integration-list .features-column.last::after,
.glacier.layout-homepage .integration-list .integration.last::after {
  display: table;
  clear: both;
  content: "";
}
.glacier.layout-homepage .features-list li,
.glacier.layout-homepage .integration-list li {
  list-style: none;
}
.glacier.layout-homepage .features-list .integration img,
.glacier.layout-homepage .integration-list .integration img {
  width: 300px;
}
.glacier.layout-homepage .features-list .integration p,
.glacier.layout-homepage .integration-list .integration p {
  margin-bottom: 10px;
}
.glacier.layout-homepage .features-list .features-more-info,
.glacier.layout-homepage .features-list .features-video-more-info,
.glacier.layout-homepage .features-list .integrations-more-info,
.glacier.layout-homepage .integration-list .features-more-info,
.glacier.layout-homepage .integration-list .features-video-more-info,
.glacier.layout-homepage .integration-list .integrations-more-info {
  border-top: 1px solid #e2e2e2;
  padding-top: 30px;
  text-align: center;
}
.glacier.layout-homepage .features-list .features-more-info p,
.glacier.layout-homepage .features-list .features-video-more-info p,
.glacier.layout-homepage .features-list .integrations-more-info p,
.glacier.layout-homepage .integration-list .features-more-info p,
.glacier.layout-homepage .integration-list .features-video-more-info p,
.glacier.layout-homepage .integration-list .integrations-more-info p {
  margin-bottom: 0px;
}
.glacier.layout-homepage .features-list .features-more-info a,
.glacier.layout-homepage .features-list .features-video-more-info a,
.glacier.layout-homepage .features-list .integrations-more-info a,
.glacier.layout-homepage .integration-list .features-more-info a,
.glacier.layout-homepage .integration-list .features-video-more-info a,
.glacier.layout-homepage .integration-list .integrations-more-info a {
  font-weight: bold;
}
.glacier.layout-homepage .features-list .features-video-more-info,
.glacier.layout-homepage .integration-list .features-video-more-info {
  width: 29.41176%;
  float: right;
  margin-right: 0;
  margin-left: 5.88235%;
}
.glacier.layout-homepage .features-list .integrations-more-info,
.glacier.layout-homepage .integration-list .integrations-more-info {
  margin-left: 35.29412%;
}
.glacier.layout-homepage .testimonial-container {
  width: 47.05882%;
  float: left;
  margin-left: 26.47059%;
  float: none;
  margin: 0 auto;
}
.glacier.layout-homepage .testimonial-container::before {
  display: table;
  content: "";
}
.glacier.layout-homepage .testimonial-container::after {
  display: table;
  clear: both;
  content: "";
}
.glacier.layout-homepage .testimonial-container .avatar {
  border-radius: 50%;
  overflow: hidden;
  float: left;
  width: 70px;
  height: 70px;
}
.glacier.layout-homepage .testimonial-container blockquote {
  float: right;
  width: 380px;
}
.glacier.layout-homepage .testimonial-container blockquote p {
  font-size: 15px;
  line-height: 20px;
  margin: 5px 0 5px 0;
}
.glacier.layout-homepage .testimonial-container blockquote .authorship a {
  font-size: 13px;
  font-weight: bold;
}
.glacier.layout-homepage .testimonial-container blockquote .authorship a .twitter-handle {
  font-size: 12px;
  font-weight: normal;
  margin-left: 6px;
}

.glacier.layout-homepage .tagline {
  text-align: center;
  padding: 40px 10px;
}
.glacier.layout-homepage .tagline .tagline-header {
  font-size: 36px;
  margin-bottom: 10px;
}
.glacier.layout-homepage .tagline .tagline-subheader {
  font-size: 18px;
  font-weight: normal;
  color: #323232;
  margin-top: 20px;
}
.glacier.layout-homepage .tagline .tagline-subheader .btn, .glacier.layout-homepage .tagline .tagline-subheader .item-following button.follow, .item-following .glacier.layout-homepage .tagline .tagline-subheader button.follow, .glacier.layout-homepage .tagline .tagline-subheader .item-following button.following, .item-following .glacier.layout-homepage .tagline .tagline-subheader button.following {
  margin-left: 10px;
}
.glacier.layout-homepage h4 {
  font-size: 15px;
  font-weight: bold;
  margin: 20px 0 14px 0;
}
.glacier.layout-homepage .layout-screenshot-showcase {
  text-align: center;
}
.glacier.layout-homepage .layout-screenshot-showcase p {
  line-height: 24px;
  margin-bottom: 30px;
}
.glacier.layout-homepage .features-list p,
.glacier.layout-homepage .integration-list p {
  font-size: 13px;
  line-height: 19px;
  margin-bottom: 20px;
}
.glacier.layout-homepage .features-list a,
.glacier.layout-homepage .integration-list a {
  font-weight: bold;
}
.glacier.layout-homepage .features-list h5 {
  margin-bottom: 0px;
}
.glacier.layout-homepage .features-list li {
  padding-left: 39px;
}
.glacier.layout-homepage .call-to-action {
  font-size: 1em;
  padding: 10px 30px;
}
.glacier.layout-homepage .quickleft {
  text-align: center;
  padding: 50px 0px;
}
.glacier.layout-homepage .quickleft .team-photo {
  border: solid 1px rgba(109, 137, 197, 0.1);
}
.glacier.layout-homepage .quickleft p {
  font-size: 13px;
  line-height: 19px;
}
.glacier.layout-homepage .quickleft .about-quickleft {
  padding-top: 150px;
}
.glacier.layout-homepage .quickleft .about-quickleft h2 {
  line-height: 34px;
  margin-bottom: 10px;
}
.glacier.layout-homepage .quickleft .about-quickleft h2 span {
  font-size: 14px;
  font-weight: bold;
  color: #323232;
  text-transform: uppercase;
}
.glacier.layout-homepage .quickleft .ql-logo {
  width: 198px;
  height: 30px;
  margin-bottom: 50px;
}

.glacier.layout-homepage .icon-hp {
  background-image: url("/static/images/homepage/homepage-sprite@1x.png");
  background-size: 40px 531px;
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -3px;
  left: -4px;
}
.retina .glacier.layout-homepage .icon-hp {
  background-image: url("/static/images/homepage/homepage-sprite@2x.png");
}
.glacier.layout-homepage .icon-dashboard {
  background-position: 0px 0px;
}
.glacier.layout-homepage .icon-organizer {
  background-position: 0px -40px;
}
.glacier.layout-homepage .icon-reports {
  background-position: 0px -80px;
}
.glacier.layout-homepage .icon-activity {
  background-position: 0px -120px;
}
.glacier.layout-homepage .icon-timelines {
  background-position: 0px -160px;
}
.glacier.layout-homepage .icon-feature {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-left: -30px;
  left: -9px;
}
.glacier.layout-homepage .icon-keyboard {
  background-position: 0px -300px;
}
.glacier.layout-homepage .icon-real-time-activity {
  background-position: 0px -330px;
}
.glacier.layout-homepage .icon-read-write {
  background-position: 0px -360px;
}
.glacier.layout-homepage .icon-real-time-notifications {
  background-position: 0px -390px;
}
.glacier.layout-homepage .icon-status {
  background-position: 0px -420px;
}
.glacier.layout-homepage .icon-chatroom {
  background-position: 0px -450px;
}
.glacier.layout-homepage .icon-github {
  background-position: 0px -480px;
}

.glacier.layout-homepage .faqs-questions,
.glacier.layout-pricing-page .faqs-questions {
  padding-top: 20px;
}
.glacier.layout-homepage .faqs-questions .faq ul,
.glacier.layout-pricing-page .faqs-questions .faq ul {
  list-style: none;
  list-style-position: inside;
}
.glacier.layout-homepage .faqs-questions .faq ul li,
.glacier.layout-pricing-page .faqs-questions .faq ul li {
  padding: 0px;
}
.glacier.layout-homepage .faqs-questions .faq h5,
.glacier.layout-pricing-page .faqs-questions .faq h5 {
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  color: #323232;
}
.glacier.layout-homepage .faqs-questions .faq p,
.glacier.layout-pricing-page .faqs-questions .faq p {
  font-size: 13px;
  line-height: 19px;
  margin-bottom: 24px;
  color: #323232;
}
.glacier.layout-homepage .faqs-questions .question-form h2,
.glacier.layout-pricing-page .faqs-questions .question-form h2 {
  margin-bottom: 10px;
}
.glacier.layout-homepage .faqs-questions .question-form .form-box,
.glacier.layout-pricing-page .faqs-questions .question-form .form-box {
  box-shadow: none;
  padding: 0px;
  text-align: left;
  background-color: transparent;
  background-image: none;
}
.glacier.layout-homepage .faqs-questions .question-form .form-box form .gotcha,
.glacier.layout-pricing-page .faqs-questions .question-form .form-box form .gotcha {
  display: none;
}
.glacier.layout-homepage .faqs-questions .form-subtitle,
.glacier.layout-pricing-page .faqs-questions .form-subtitle {
  color: #454545;
  font-size: 16px;
  font-weight: normal;
  margin: 5px 0 15px 0;
}
.glacier.layout-homepage .faqs-questions .more-info,
.glacier.layout-pricing-page .faqs-questions .more-info {
  text-align: center;
}

.glacier.layout-pricing-page .one-half {
  width: 47.05882%;
  float: left;
  margin-right: 5.88235%;
}
.glacier.layout-pricing-page .one-half.last {
  width: 47.05882%;
  float: right;
  margin-right: 0;
  margin-right: 0%;
}
.glacier.layout-pricing-page .one-half.last::before {
  display: table;
  content: "";
}
.glacier.layout-pricing-page .one-half.last::after {
  display: table;
  clear: both;
  content: "";
}
.glacier.layout-pricing-page .pricing-header .briefcase-holder {
  width: 17.64706%;
  float: left;
  margin-left: 11.76471%;
}
.glacier.layout-pricing-page .pricing-header .briefcase-holder .briefcase {
  width: 100%;
  margin-bottom: -60%;
}
.glacier.layout-pricing-page .pricing-header .pricing-title {
  width: 58.82353%;
  float: left;
  margin-left: 5.88235%;
  padding: 15px 0;
  text-align: center;
  margin: 0;
}
.glacier.layout-pricing-page .plan-listings .container {
  padding-top: 0;
}
.glacier.layout-pricing-page .plan-listings ul {
  list-style: none;
}
.glacier.layout-pricing-page .plan-listings ul li {
  font-size: 11px;
  height: 59px;
  display: table;
  width: 100%;
  border-bottom: solid 1px #e5e5e5;
  box-sizing: border-box;
}
@media (min-width: 750px) {
  .glacier.layout-pricing-page .plan-listings ul li {
    font-size: 13px;
  }
}
.glacier.layout-pricing-page .plan-listings ul li > div {
  display: table-cell;
  vertical-align: middle;
}
.glacier.layout-pricing-page .plan-listings ul li.yearly,
.glacier.layout-pricing-page .plan-listings ul li .yearly {
  display: none;
}
.glacier.layout-pricing-page .plan-listings ul li:first-child {
  height: 90px;
  padding-bottom: 10px;
}
.glacier.layout-pricing-page .plan-listings ul li:first-child > div {
  vertical-align: bottom;
}
.glacier.layout-pricing-page .plan-listings ul li:last-child, .glacier.layout-pricing-page .plan-listings ul li.sign-up {
  border-bottom: 0;
}
.glacier.layout-pricing-page .plan-listings .plan-option .plan-title {
  font-size: 16px;
  line-height: 22px;
  padding: 0 5px;
}
@media (min-width: 750px) {
  .glacier.layout-pricing-page .plan-listings .plan-option .plan-title {
    font-size: 24px;
  }
}
.glacier.layout-pricing-page .plan-listings .sign-up .btn, .glacier.layout-pricing-page .plan-listings .sign-up .item-following button.follow, .item-following .glacier.layout-pricing-page .plan-listings .sign-up button.follow, .glacier.layout-pricing-page .plan-listings .sign-up .item-following button.following, .item-following .glacier.layout-pricing-page .plan-listings .sign-up button.following {
  font-size: 12px;
  padding: 11px 4px;
}
@media (min-width: 750px) {
  .glacier.layout-pricing-page .plan-listings .sign-up .btn, .glacier.layout-pricing-page .plan-listings .sign-up .item-following button.follow, .item-following .glacier.layout-pricing-page .plan-listings .sign-up button.follow, .glacier.layout-pricing-page .plan-listings .sign-up .item-following button.following, .item-following .glacier.layout-pricing-page .plan-listings .sign-up button.following {
    font-size: 15px;
    padding: 11px 18px;
  }
}
.glacier.layout-pricing-page .plan-listings .plan-option:nth-child(2) li:first-child {
  border-top: solid 6px #adadad;
  color: #8e8e8e;
}
.glacier.layout-pricing-page .plan-listings .plan-option:nth-child(3) li:first-child {
  border-top: solid 6px #5e5e5e;
  color: #393939;
}
.glacier.layout-pricing-page .plan-listings .plan-option:nth-child(4) li:first-child {
  border-top: solid 6px #2288b2;
  color: #136486;
}
.glacier.layout-pricing-page .plan-listings .plan-option:nth-child(5) li:first-child {
  border-top: solid 6px #83b32f;
  color: #5f8816;
}
.glacier.layout-pricing-page .plan-listings .plan-option:nth-child(6) li:first-child {
  border-top: solid 6px #FF9700;
  color: #FF9700;
}
.glacier.layout-pricing-page .plan-descriptions {
  border-right: solid 1px #e5e5e5;
}
@media (min-width: 750px) {
  .glacier.layout-pricing-page .plan-descriptions {
    min-width: 240px;
    width: 29.41176%;
    float: left;
    margin-left: 8.82353%;
  }
}
.glacier.layout-pricing-page .plan-descriptions ul li {
  font-size: 11px;
  font-weight: bold;
  padding-left: 0;
}
.glacier.layout-pricing-page .plan-descriptions ul li span {
  color: #737373;
  font-size: 12px;
  font-weight: normal;
  display: none;
  line-height: 18px;
}
@media (min-width: 750px) {
  .glacier.layout-pricing-page .plan-descriptions ul li {
    font-size: 14px;
    padding-left: 10px;
  }
  .glacier.layout-pricing-page .plan-descriptions ul li span {
    display: block;
  }
}
.glacier.layout-pricing-page .plan-descriptions .payment-selection {
  padding: 0;
  height: 82px;
  box-sizing: border-box;
}
.glacier.layout-pricing-page .plan-descriptions .payment-selection .yearly-payment {
  margin: 4px 0 0;
}
.glacier.layout-pricing-page .plan-descriptions .payment-selection .yearly-payment .new-tag {
  color: #fff;
  display: none;
  border-radius: 3px;
  background-color: #21718D;
  padding: 3px 5px;
  font-size: 10px;
  text-transform: uppercase;
}
.glacier.layout-pricing-page .plan-descriptions .payment-selection .yearly-payment label span {
  padding-left: 24px;
}
@media (min-width: 750px) {
  .glacier.layout-pricing-page .plan-descriptions .payment-selection {
    padding: 15px 0;
  }
  .glacier.layout-pricing-page .plan-descriptions .payment-selection .new-tag {
    display: inline-block;
  }
}
.glacier.layout-pricing-page .free-explanations {
  width: 58.82353%;
  float: left;
  margin: 0 auto;
  float: none;
  text-align: center;
}
.glacier.layout-pricing-page .free-explanations h5 {
  color: #323232;
}
.glacier.layout-pricing-page .two-plans,
.glacier.layout-pricing-page .three-plans,
.glacier.layout-pricing-page .four-plans,
.glacier.layout-pricing-page .five-plans {
  position: relative;
  right: -4%;
}
@media (min-width: 750px) {
  .glacier.layout-pricing-page .two-plans,
  .glacier.layout-pricing-page .three-plans,
  .glacier.layout-pricing-page .four-plans,
  .glacier.layout-pricing-page .five-plans {
    position: static;
    right: 0%;
  }
  .glacier.layout-pricing-page .two-plans .plan-descriptions,
  .glacier.layout-pricing-page .three-plans .plan-descriptions,
  .glacier.layout-pricing-page .four-plans .plan-descriptions,
  .glacier.layout-pricing-page .five-plans .plan-descriptions {
    width: 29.41176%;
    float: left;
  }
}
.glacier.layout-pricing-page .two-plans .plan-option {
  width: 29.41176%;
  float: left;
}
.glacier.layout-pricing-page .two-plans .plan-descriptions {
  width: 32.35294%;
  float: left;
}
@media (min-width: 750px) {
  .glacier.layout-pricing-page .two-plans .plan-option {
    width: 17.64706%;
    float: left;
  }
}
.glacier.layout-pricing-page .three-plans .plan-option {
  width: 23.52941%;
  float: left;
}
.glacier.layout-pricing-page .three-plans .plan-descriptions {
  width: 26.47059%;
  float: left;
}
@media (min-width: 750px) {
  .glacier.layout-pricing-page .three-plans .plan-option {
    width: 17.64706%;
    float: left;
  }
}
.glacier.layout-pricing-page .four-plans .plan-option {
  width: 17.64706%;
  float: left;
}
.glacier.layout-pricing-page .four-plans .plan-descriptions {
  width: 17.64706%;
  float: left;
}
@media (min-width: 750px) {
  .glacier.layout-pricing-page .four-plans .plan-option {
    width: 14.70588%;
    float: left;
  }
}
.glacier.layout-pricing-page .five-plans .plan-option {
  width: 14.70588%;
  float: left;
}
.glacier.layout-pricing-page .five-plans .plan-option ul li {
  font-size: 9px;
}
.glacier.layout-pricing-page .five-plans .plan-option .plan-title {
  padding: 0;
  font-size: 14px;
}
.glacier.layout-pricing-page .five-plans .plan-descriptions {
  width: 14.70588%;
  float: left;
}
.glacier.layout-pricing-page .five-plans .sign-up .btn, .glacier.layout-pricing-page .five-plans .sign-up .item-following button.follow, .item-following .glacier.layout-pricing-page .five-plans .sign-up button.follow, .glacier.layout-pricing-page .five-plans .sign-up .item-following button.following, .item-following .glacier.layout-pricing-page .five-plans .sign-up button.following {
  font-size: 10px;
}
@media (min-width: 750px) {
  .glacier.layout-pricing-page .five-plans .plan-option {
    width: 11.76471%;
    float: left;
  }
  .glacier.layout-pricing-page .five-plans .plan-option ul li {
    font-size: 13px;
  }
  .glacier.layout-pricing-page .five-plans .plan-option .plan-title {
    padding: 0 5px;
    font-size: 24px;
  }
  .glacier.layout-pricing-page .five-plans .plan-descriptions {
    width: 29.41176%;
    float: left;
  }
  .glacier.layout-pricing-page .five-plans .sign-up .btn, .glacier.layout-pricing-page .five-plans .sign-up .item-following button.follow, .item-following .glacier.layout-pricing-page .five-plans .sign-up button.follow, .glacier.layout-pricing-page .five-plans .sign-up .item-following button.following, .item-following .glacier.layout-pricing-page .five-plans .sign-up button.following {
    font-size: 15px;
  }
}
.glacier.layout-pricing-page .plan-option {
  border-right: solid 1px #e5e5e5;
  text-align: center;
}
.glacier.layout-pricing-page .plan-option.last::before {
  display: table;
  content: "";
}
.glacier.layout-pricing-page .plan-option.last::after {
  display: table;
  clear: both;
  content: "";
}
.glacier.layout-pricing-page .plan-option li {
  line-height: 17px;
}
.glacier.layout-pricing-page .plan-option .plan-price {
  color: #2b2b2b;
  font-size: 13px;
  height: 82px;
}
.glacier.layout-pricing-page .plan-option .plan-price span {
  font-size: 10px;
  color: #626262;
  clear: both;
  display: block;
}
@media (min-width: 750px) {
  .glacier.layout-pricing-page .plan-option .plan-price {
    font-size: 20px;
  }
  .glacier.layout-pricing-page .plan-option .plan-price span {
    font-size: 16px;
    display: inline;
  }
}
.glacier.layout-pricing-page .plan-option .included-feature span,
.glacier.layout-pricing-page .plan-option .non-included-feature span {
  overflow: hidden;
  text-indent: -99999px;
  display: inline-block;
}
.glacier.layout-pricing-page .plan-option .included-feature span {
  width: 20px;
  height: 20px;
}
.glacier.layout-pricing-page .plan-option .non-included-feature span {
  display: none;
}
.glacier.layout-pricing-page .companies-list {
  text-align: center;
}
.glacier.layout-pricing-page .companies-list h4 {
  color: #323232;
}
.glacier.layout-pricing-page .companies-list ul {
  margin: 30px 0;
}
.glacier.layout-pricing-page .companies-list ul li {
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  margin: 4px 10px;
}
.glacier.layout-pricing-page .companies-list ul li a {
  opacity: .8;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  -ms-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.glacier.layout-pricing-page .companies-list ul li a:hover {
  opacity: 1;
}

.glacier.simple-single-column section.main-body-content {
  -webkit-box-flex: 1;
  box-flex: 1;
  -ms-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
}
.glacier.simple-single-column .simple-single-content-column {
  text-align: center;
  width: 41.17647%;
  float: left;
  margin-left: 29.41176%;
}
.glacier.simple-single-column .simple-single-content-column .column-title {
  margin: 20px 0;
}
.glacier.simple-single-column .briefcase {
  width: 200px;
  margin: 0 auto;
  display: block;
}
.glacier.simple-single-column .modal-blanket .modal-divider-text {
  background-color: #fff;
}
.glacier.simple-single-column .modal-divider-text {
  background-color: #f4f6f9;
}
.glacier.simple-single-column .sign-up-testimonial {
  text-align: center;
}
.glacier.simple-single-column .sign-up-testimonial .sign-up-testimonial-container {
  width: 64.70588%;
  float: left;
  margin-left: 17.64706%;
}
.glacier.simple-single-column .sign-up-testimonial .sign-up-testimonial-container::before {
  display: table;
  content: "";
}
.glacier.simple-single-column .sign-up-testimonial .sign-up-testimonial-container::after {
  display: table;
  clear: both;
  content: "";
}
.glacier.simple-single-column .sign-up-testimonial p {
  font-size: 30px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 36px;
  margin-bottom: 14px;
}
.glacier.simple-single-column .sign-up-testimonial h3 {
  font-weight: bold;
  margin-bottom: 0;
}
.glacier.simple-single-column .sign-up-legal-content {
  border-top: solid 1px #e0e0e0;
  background-color: #f9f9f9;
}
.glacier.simple-single-column .sign-up-legal-content::before {
  display: table;
  content: "";
}
.glacier.simple-single-column .sign-up-legal-content::after {
  display: table;
  clear: both;
  content: "";
}
.glacier.simple-single-column .sign-up-legal-content p {
  font-size: 13px;
  margin-bottom: 13px;
}

.glacier.simple-base-page .simple-base-content-column {
  width: 67.64706%;
  float: left;
  margin-left: 17.64706%;
}
.glacier.simple-base-page .briefcase {
  width: 200px;
  margin: 0 auto;
  display: block;
}
.glacier.simple-base-page h1 {
  font-size: 26px;
  text-align: center;
  margin-top: 30px;
}
.glacier.simple-base-page h2 {
  color: #323232;
  font-size: 22px;
  font-weight: bold;
}
.glacier.simple-base-page h3 {
  color: #323232;
  font-size: 18px;
  font-weight: bold;
}
.glacier.simple-base-page p,
.glacier.simple-base-page ul {
  font-size: 13px;
  line-height: 21px;
  margin-bottom: 20px;
}
.glacier.simple-base-page ul {
  list-style-position: outside;
  padding-left: 20px;
}
.glacier.simple-base-page em {
  font-weight: bold;
}

/*
Typographic helper classes
*/
.text-header {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #134050;
}

.centered {
  text-align: center;
}

.form {
  width: 450px;
  margin-bottom: 20px;
  padding: 20px;
  background: #fff;
  border-radius: 10px;
}

.form input,
.form-style input {
  width: 440px;
}
.form .submits,
.form-style .submits {
  margin-top: 30px;
}
.form .submits a,
.form-style .submits a {
  position: relative;
  left: 10px;
  color: #D94949;
}
.form input,
.form-style input {
  height: 47px;
  font-size: 20px;
  color: #323232;
  margin-bottom: 18px;
  padding-left: 10px;
  border-radius: 5px;
  border: 1px solid #c7c7c7;
}
.form label.placeholder-for-input,
.form-style label.placeholder-for-input {
  height: 47px;
  padding: 2px 10px 0;
  font-size: 20px;
  color: #8c8c8c;
  line-height: 47px;
}
.form .split-inputs input,
.form-style .split-inputs input {
  width: 205px !important;
}
.form .split-inputs .input,
.form-style .split-inputs .input {
  float: left;
  position: relative;
}
.form .split-inputs input.first,
.form-style .split-inputs input.first {
  margin-right: 14px;
}
.form .split-inputs input.last,
.form-style .split-inputs input.last {
  float: right;
}
.form .tip,
.form-style .tip {
  font-size: 14px;
  color: #D94949;
}
.form .field,
.form-style .field {
  position: relative;
}
.form .field:after,
.form .submits:after,
.form-style .field:after,
.form-style .submits:after {
  clear: both;
  display: block;
  content: " ";
}
.form .field_with_errors,
.form-style .field_with_errors {
  display: inline;
}

form.labeless label {
  position: absolute;
  height: 47px;
  left: 10px;
  line-height: 51px;
  font-size: 20px;
  color: #5f6961;
  opacity: .7;
}
form.labeless .field.textarea label {
  font-size: 15px;
  left: 10px;
  line-height: 45px;
}
form.labeless .field.bigger label {
  font-size: 20px;
  line-height: 41px;
  left: 10px;
}
form.labeless label.no-placeholder {
  display: inline;
  line-height: 1em;
}

form #select-credit-card {
  border-top: 1px dashed #A0A0A0;
  margin-top: 20px;
  padding-bottom: 10px;
  padding-top: 30px;
  width: 435px;
}
form #select-credit-card span {
  text-indent: -9000px;
  background-position: top;
  width: 62px;
  height: 43px;
  display: block;
  float: left;
  margin-right: 10px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  background-color: #fff;
  border-radius: 3px;
}
form #select-credit-card span.matched {
  background-color: #63A5DA;
}
form #visa-logo {
  background: transparent url("/static/images/visa-logo.png") no-repeat top left;
}
form #master-logo {
  background: transparent url("/static/images/master-logo.png") no-repeat top left;
}
form #diners-logo {
  background: transparent url("/static/images/diners-logo.png") no-repeat top left;
}
form #discover-logo {
  background: transparent url("/static/images/discover-logo.png") no-repeat top left;
}
form #amex-logo {
  background: transparent url("/static/images/amex-logo.png") no-repeat top left;
}

.error-tip {
  font-size: 16px;
  border-radius: 5px;
  box-shadow: 0 1px 3px #7E7E7E;
  background-color: #fff;
  bottom: 60px;
  color: #626262;
  padding: 10px;
  position: absolute;
  right: -22px;
  z-index: 800;
}

.error-tip span {
  background: url("/static/images/arrow-error-tooltip.png") no-repeat scroll left top transparent;
  display: block;
  height: 13px;
  left: 11px;
  position: absolute;
  top: 36px;
  width: 22px;
}

/*
----------------------------------------------------
New Hot Form Styling!
----------------------------------------------------
*/
/*

Example field markup:

<div class="input-field">
  <label>Your Name</label>
  <div class="input-wrapper"><input type="text" name="name"><div class="field-status"></div></div>
  <small class="form-hint">Your first name as it appears on your driver's license</small>
</div>

*/
.input-field label {
  color: #454545;
  font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.input-wrapper {
  position: relative;
}
.input-wrapper::before {
  display: table;
  content: "";
}
.input-wrapper::after {
  display: table;
  clear: both;
  content: "";
}
.input-wrapper input,
.input-wrapper select,
.input-wrapper textarea,
.input-wrapper .mentions {
  box-sizing: border-box;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.4em;
  color: #454545;
}
.input-wrapper input[type="email"],
.input-wrapper input[type="password"],
.input-wrapper input[type="text"],
.input-wrapper input[type="url"],
.input-wrapper select,
.input-wrapper textarea {
  outline: none;
  width: 100%;
}
.input-wrapper input[type="email"],
.input-wrapper input[type="password"],
.input-wrapper input[type="text"],
.input-wrapper input[type="url"],
.input-wrapper textarea {
  border-radius: 3px;
  -webkit-transition: border-color 150ms ease-in-out, box-shadow 150ms ease-in-out 150ms ease-in-out;
  -moz-transition: border-color 150ms ease-in-out, box-shadow 150ms ease-in-out 150ms ease-in-out;
  -o-transition: border-color 150ms ease-in-out, box-shadow 150ms ease-in-out 150ms ease-in-out;
  -ms-transition: border-color 150ms ease-in-out, box-shadow 150ms ease-in-out 150ms ease-in-out;
  transition: border-color 150ms ease-in-out, box-shadow 150ms ease-in-out 150ms ease-in-out;
  background-color: #fff;
  border: 1px solid #c3c3c3;
  margin: 0;
}
.input-wrapper input[type="email"]:focus,
.input-wrapper input[type="password"]:focus,
.input-wrapper input[type="text"]:focus,
.input-wrapper input[type="url"]:focus,
.input-wrapper textarea:focus {
  box-shadow: 0 0 5px rgba(195, 195, 195, 0.45);
  border-color: #5A96AB;
}
.input-wrapper input[type="email"],
.input-wrapper input[type="password"],
.input-wrapper input[type="text"],
.input-wrapper input[type="url"],
.input-wrapper textarea,
.input-wrapper .mentions {
  padding: 9px 9px 7px 10px;
}
.input-wrapper textarea {
  max-width: 100%;
}
.input-wrapper .field-status,
.input-wrapper .icon {
  position: absolute;
  right: 6px;
  top: 8px;
}

.field-status {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  display: none;
  height: 100%;
  width: 35px;
}

.status-ok .input-wrapper .field-status,
.status-error .input-wrapper .field-status {
  display: block;
}
.status-ok .icon,
.status-error .icon {
  display: none;
}

.status-ok .field-status {
  background: url("/static/images/icons-sprite.png") no-repeat;
  width: 20px;
  height: 20px;
  background-position: 0px -1770px;
}

.status-error .field-status {
  background: url("/static/images/icons-sprite.png") no-repeat;
  width: 20px;
  height: 20px;
  background-position: -20px -1790px;
}
.retina .status-error .field-status {
  background-image: url("/static/images/icons-sprite@2x.png");
  background-size: 80px 2000px;
}
.status-error .input-wrapper input[type="email"],
.status-error .input-wrapper input[type="password"],
.status-error .input-wrapper input[type="text"],
.status-error .input-wrapper input[type="url"],
.status-error .input-wrapper textarea,
.status-error .input-wrapper .mentions {
  border-color: #b23d3b;
  color: #b23d3b;
}

.input-wrapper .icon-info-small {
  cursor: pointer;
  right: 7px;
  top: 8px;
}

label.checkbox {
  display: block;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 18px;
  padding-left: 20px;
}
label.checkbox::before {
  display: table;
  content: "";
}
label.checkbox::after {
  display: table;
  clear: both;
  content: "";
}
.no-touch label.checkbox:hover {
  cursor: pointer;
}
label.checkbox input[type=checkbox] {
  float: left;
  height: 18px;
  margin-left: -20px;
}

.select2-drop .select2-search,
.select2-dropdown-open .select2-search,
.select2-container .select2-search {
  padding: 2px 6px;
  margin: 0 0 4px 0;
}
.select2-drop .select2-search input,
.select2-dropdown-open .select2-search input,
.select2-container .select2-search input {
  background: url("/static/images/select2.png") no-repeat 100% -22px;
  background-color: #fff;
  border: solid 1px #c7c7c7;
  border-radius: 3px;
}
.select2-drop .select2-choice,
.select2-dropdown-open .select2-choice,
.select2-container .select2-choice {
  background-image: none;
  background: #fff;
}
.select2-drop .select2-choice .select2-arrow,
.select2-dropdown-open .select2-choice .select2-arrow,
.select2-container .select2-choice .select2-arrow {
  background-image: none;
  border-left: none;
}
.select2-drop .select2-results,
.select2-dropdown-open .select2-results,
.select2-container .select2-results {
  padding: 0px;
  margin: 0px;
  color: #323232;
}
.select2-drop .select2-results .select2-result,
.select2-dropdown-open .select2-results .select2-result,
.select2-container .select2-results .select2-result {
  padding: 0px;
}
.select2-drop .select2-results .select2-result-label,
.select2-dropdown-open .select2-results .select2-result-label,
.select2-container .select2-results .select2-result-label {
  padding: 10px 8px;
  border-bottom: solid 1px #e8e8e8;
}
.select2-drop .select2-results .select2-result-label .select2-match,
.select2-dropdown-open .select2-results .select2-result-label .select2-match,
.select2-container .select2-results .select2-result-label .select2-match {
  color: #175574;
}
.select2-drop .select2-results .select2-result-label:last-child,
.select2-dropdown-open .select2-results .select2-result-label:last-child,
.select2-container .select2-results .select2-result-label:last-child {
  border-bottom: none;
  border-radius: 3px 3px 0 0;
}
.select2-drop .select2-results .select2-highlighted,
.select2-dropdown-open .select2-results .select2-highlighted,
.select2-container .select2-results .select2-highlighted {
  background-color: #175574;
  color: #fff;
}
.select2-drop .select2-results .select2-highlighted .select2-match,
.select2-dropdown-open .select2-results .select2-highlighted .select2-match,
.select2-container .select2-results .select2-highlighted .select2-match {
  color: #fff;
}

.slick-select2.select2-container {
  display: block;
}
.slick-select2.select2-container a:hover {
  text-decoration: none;
}
.slick-select2.select2-container .select2-chosen {
  color: #323232;
}
.slick-select2.select2-container .select2-choice {
  background-color: #fff;
  background-image: none;
  border-color: #c3c3c3;
  color: #323232;
  height: 34px;
  line-height: 34px;
  overflow: visible;
  padding-left: 10px;
  font-weight: normal;
}
.slick-select2.select2-container .select2-choice .select2-arrow {
  border-left: none;
}
.slick-select2.select2-container .select2-choice .select2-arrow b {
  background-position: 0 4px;
}
.status-error .slick-select2.select2-container .select2-choice {
  border-color: #b23d3b;
}
.slick-select2.select2-container-active .select2-choice {
  box-shadow: 0 0 5px rgba(195, 195, 195, 0.45);
  border-color: #5A96AB;
}

.slick-select2-drop,
.slick-select2-drop .select2-search input,
.slick-select2-drop .select2-results {
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.4em;
  color: #323232;
}
.slick-select2-drop.select2-drop {
  box-shadow: 0 5px 11px -4px rgba(0, 0, 0, 0.5);
  border-color: #c3c3c3;
  border-color: #5A96AB;
  z-index: 1050;
}
.slick-select2-drop .select2-result-with-children {
  font-weight: bold;
}
.slick-select2-drop .select2-result-with-children .select2-result-sub {
  font-weight: normal;
}
.slick-select2-drop .select2-search input {
  border-radius: 3px;
  background: none;
  border-color: #c3c3c3;
}
.slick-select2-drop .select2-results .select2-highlighted {
  background-color: #175574;
}
.slick-select2-drop .select2-results .select2-highlighted .select2-match {
  color: #ffffff;
}

.input-row {
  /*

  Markup example:

  <div class="input-row">
      <span class="inline-text">Invite</span>
      <div class="input-field inline-field email-field">
          <div class="input-wrapper">
              <input type="email" name="email" placeholder="Email">
          </div>
      </div>
      <span class="inline-text">as a</span>
      <div class="input-field inline-field member-type-field">
          <div class="input-wrapper">
              <select>
                  <option>Member</option>
                  <option>Observer</option>
              </select>
          </div>
      </div>
      <button class="btn">Invite</button>
  </div>

  */
}
.input-row::before {
  display: table;
  content: "";
}
.input-row::after {
  display: table;
  clear: both;
  content: "";
}
.input-row .one-half,
.input-row .one-third {
  float: left;
}
.input-row .btn, .input-row .item-following button.follow, .item-following .input-row button.follow, .input-row .item-following button.following, .item-following .input-row button.following {
  margin-top: 2px;
}
.input-row .input-field.inline-field,
.input-row .inline-text,
.input-row .btn,
.input-row .item-following button.follow,
.item-following .input-row button.follow,
.input-row .item-following button.following,
.item-following .input-row button.following {
  display: inline-block;
  vertical-align: middle;
}
.input-row .input-field.inline-field {
  margin-left: 10px;
  margin-right: 10px;
}
.input-row .inline-text {
  height: 36px;
  line-height: 36px;
}

.input-field.one-half, .input-field.one-third {
  box-sizing: border-box;
  padding-right: 10px;
}

.input-field.one-half {
  width: 50%;
}

.input-field.one-half + .input-field.one-half {
  padding-right: 0;
}

.input-field.one-third {
  width: 33%;
}

.input-field.one-third + .input-field.one-third + .input-field.one-third {
  padding-right: 0;
  width: 34%;
}

.slick-form::before {
  display: table;
  content: "";
}
.slick-form::after {
  display: table;
  clear: both;
  content: "";
}
.slick-form .input-field {
  margin: 10px 0;
}
.slick-form .input-row {
  margin: 10px 0;
}
.slick-form .input-row .input-field {
  margin-top: 0;
  margin-bottom: 0;
}

.form-header {
  margin-bottom: 16px;
}
.form-header .form-description {
  margin: 0;
}

.form-title,
.form-title-big,
.form-subtitle {
  line-height: 1.3em;
}

.form-title {
  color: #323232;
  display: block;
  font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  margin: 0.45em 0;
}

.form-title-big {
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 30px;
  margin-bottom: 5px;
  text-align: center;
}

.form-subtitle {
  color: #454545;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
}

.form-footnote {
  display: block;
  color: #767676;
  font-size: 12px;
}
.form-footnote a {
  color: #21718D;
}

.form-hint {
  margin: 10px 0;
}

.sign-up-form hr {
  border-top: 1px solid #eeeeee;
}
.sign-up-form .yearly {
  display: none;
}

.sign-up-form .radio-option {
  margin-bottom: 5px;
}
.sign-up-form .payment-selection {
  width: 400px;
  border: solid 1px #c9c9c9;
  border-radius: 5px;
  padding: 10px 10px 0 10px;
  margin-bottom: 10px;
  font-size: 13px;
  box-sizing: border-box;
}

.button-base, .cancel, .two_line, .two_line:hover, .btn, .item-following button.follow, .item-following button.following, body.landing .info .signup-form .form .submits .sign-up, .home #pricing .signup-form .paper-sheet .form .submits .sign-up, .home #pricing .signup-form .form-box .form .submits .sign-up, .login_to_account .sign-up, .product_team .simple_button {
  border-radius: 4px;
  background-color: #D94949;
  background-image: none;
  padding: 2px;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 29px;
  font-weight: bold;
}
.button-base:hover, .cancel:hover, .two_line:hover, .btn:hover, .item-following button.follow:hover, .item-following button.following:hover, body.landing .info .signup-form .form .submits .sign-up:hover, .home #pricing .signup-form .paper-sheet .form .submits .sign-up:hover, .home #pricing .signup-form .form-box .form .submits .sign-up:hover, .login_to_account .sign-up:hover, .product_team .simple_button:hover {
  background-color: #21718D;
}

.cancel {
  background-color: #D3D3D3;
  color: #fff;
}
.cancel:hover {
  background-color: #c3c3c3;
}

.two_line .wrap {
  border-radius: 4px;
  border: 1px solid #E37878;
  display: block;
  padding: 12px 15px;
}

.two_line:hover .wrap {
  border: 1px solid #5A96AB;
}

.green {
  background: #84b431;
  margin-right: 17px;
}

.gray {
  background: #767676;
  color: white;
}

.green:hover,
.gray:hover,
.green:focus,
.gray:focus {
  background-color: #21718D;
  color: white;
}

.big-button {
  border-radius: 7px;
  background-color: #D94949;
  border: 1px solid #E37878;
  color: #eaeaea;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 22px;
  padding: 16px 24px;
  letter-spacing: -1px;
  text-align: center;
}
.big-button:hover {
  color: #fff;
  background-color: #21718D;
  color: #fff;
  border: 1px solid #5A96AB;
}
.big-button.green {
  background: #84b431;
}

.block-button {
  border: 1px solid #A9AAA0;
  display: block;
  line-height: 38px;
  background-color: rgba(204, 204, 195, 0.5);
  border-radius: 4px;
  padding: 0 15px;
  font-size: 16px;
  font-weight: 300;
}
.block-button:hover, .block-button.on {
  background-color: rgba(255, 255, 255, 0.4);
}

.closeButton {
  background: url("/static/images/close.png");
  height: 36px;
  width: 36px;
}

/*
----------------------------------------------------
New Button styles
----------------------------------------------------
*/
.btn, .item-following button.follow, .item-following button.following {
  border-radius: 3px;
  box-sizing: border-box;
  display: inline-block;
  background: #79ad2b;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
  margin: 0;
  outline: none;
  padding: 8px 10px;
  text-align: center;
  cursor: pointer;
}
.btn:hover, .item-following button.follow:hover, .item-following button.following:hover, .btn:focus, .item-following button.follow:focus, .item-following button.following:focus {
  background: #94cf3c;
  color: #fff;
}
.btn.disabled, .item-following button.disabled.follow, .item-following button.disabled.following, .btn[disabled], .item-following button[disabled].follow, .item-following button[disabled].following, fieldset[disabled] .btn, fieldset[disabled] .item-following button.follow, .item-following fieldset[disabled] button.follow, fieldset[disabled] .item-following button.following, .item-following fieldset[disabled] button.following {
  background: #c3c3c3;
  color: #767676;
}
.btn.btn-outline, .item-following button.btn-outline.follow, .item-following button.btn-outline.following {
  background-color: #fff;
  color: #323232;
  background-image: none;
  box-shadow: none;
  border: 1px solid #c3c3c3;
}
.btn.btn-outline:hover, .item-following button.btn-outline.follow:hover, .item-following button.btn-outline.following:hover {
  border: solid 1px #175574;
  color: #175574;
  background: #fff;
}

.btn-secondary {
  background: #9f9f9f;
}
.no-touch .btn-secondary:hover, .no-touch .btn-secondary:focus {
  background: #b9b9b9;
}
.no-touch .btn-secondary:active, .no-touch .btn-secondary.active {
  background: #b9b9b9;
}

.btn-big {
  font-size: 15px;
  padding: 11px 18px;
}

.btn-small {
  font-size: 11px;
  padding: 6px 8px;
}

.btn-light {
  background-color: #fafafa;
}
.btn-light:hover {
  background-color: #fff;
}

.btn-light-grey, .glacier.layout-pricing-page .plan-listings .plan-option:nth-child(2) .sign-up .btn-primary {
  background-color: #9c9c9c;
}
.btn-light-grey:hover, .glacier.layout-pricing-page .plan-listings .plan-option:nth-child(2) .sign-up .btn-primary:hover {
  background-color: darkgray;
}

.btn-grey, .glacier.layout-pricing-page .plan-listings .plan-option:nth-child(3) .sign-up .btn-primary, .plan:nth-child(2) a.btn {
  background: #767676;
}
.btn-grey:hover, .glacier.layout-pricing-page .plan-listings .plan-option:nth-child(3) .sign-up .btn-primary:hover, .plan:nth-child(2) a.btn:hover {
  background: #909090;
}

.btn-blue, .glacier.layout-pricing-page .plan-listings .plan-option:nth-child(4) .sign-up .btn-primary, .plan:nth-child(3) a.btn {
  background: #21718D;
}
.btn-blue:focus, .glacier.layout-pricing-page .plan-listings .plan-option:nth-child(4) .sign-up .btn-primary:focus, .plan:nth-child(3) a.btn:focus, .btn-blue:hover, .glacier.layout-pricing-page .plan-listings .plan-option:nth-child(4) .sign-up .btn-primary:hover, .plan:nth-child(3) a.btn:hover {
  background: #2b92b6;
}

.btn-orange, .glacier.layout-pricing-page .plan-listings .plan-option:nth-child(6) .sign-up .btn-primary {
  background-color: #FF9700;
}
.btn-orange:hover, .glacier.layout-pricing-page .plan-listings .plan-option:nth-child(6) .sign-up .btn-primary:hover {
  background-color: #ffac33;
}

.btn-danger, .cancel-account-modal .js-confirm-button {
  background-color: #D94949;
}

.button {
  border-radius: 4px;
  font-size: 29px;
  color: #fff;
  padding: 4px 10px 5px;
  background-color: #D94949;
  background-image: none;
  cursor: pointer;
  display: block;
  float: left;
  text-align: center;
}
.button:hover {
  background-color: #21718D;
}
.button.green-small {
  display: inline-block;
  background: #87b43d;
  font-size: 14px;
  color: #fff;
  border: none;
  border-radius: 4px;
}

.js-clickable, .js-clickable-blue {
  background: none repeat scroll 0 0 transparent;
  border: none;
  color: inherit;
  font: inherit;
  font-weight: normal;
  overflow: visible;
  text-transform: none;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  text-align: left;
}
.js-clickable:hover, .js-clickable-blue:hover {
  cursor: pointer;
}
.js-clickable:active, .js-clickable-blue:active {
  border-style: initial;
}
.js-clickable:focus, .js-clickable-blue:focus {
  outline: none;
}
.js-clickable::-moz-focus-inner, .js-clickable-blue::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.js-clickable-blue {
  color: #0366d6;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
}
.js-clickable-blue:hover {
  color: #0366d6;
}

#add-item-small-onboarding {
  -moz-transform: translateX(-8px);
}

.table {
  width: 100%;
}
.table tr {
  border: 1px solid #D3D3D3;
}
.table th,
.table td {
  padding-left: 6px;
  padding-right: 6px;
  text-align: left;
  vertical-align: middle;
}
.table th {
  color: #323232;
  font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.table td {
  padding-top: 8px;
  padding-bottom: 8px;
}
.table .empty {
  color: #b23d3b;
}

/**
 * Displays a list with inline list items that are comma-separated
 */
.comma-list {
  display: inline;
  list-style: none;
}
.comma-list li {
  display: inline;
}
.comma-list li:after {
  content: ', ';
}
.comma-list li:last-child:after {
  content: '';
}

/**
 * Inline list with bullets only between items (not before the first one)
 */
.inline-bullet-list li {
  display: inline-block;
}
.inline-bullet-list li + li:before {
  content: '\2022';
  padding: 0 8px;
}

/**
 * @todo (chrisforrette) Nothing should exist in this file, these should be refactored into more appropriate files
 */
.clear {
  clear: both;
}

#content {
  width: 766px;
  float: right;
}

.clearfix {
  *zoom: 1;
}
.clearfix:after {
  clear: both;
  content: "";
  display: table;
}

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

.note {
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
  margin-top: 5px;
}
.note a {
  color: #20718F;
  display: block;
}
.note a:hover {
  color: #86B633;
}

h1.logged-out-header {
  color: #20718f;
  font-size: 49px;
  margin-bottom: 30px;
  font-weight: normal;
}

h2.dashed {
  border-bottom: 1px dashed #a0a0a0;
  font-size: 36px;
  line-height: 36px;
  color: #505050;
  text-align: center;
  margin-top: -36px;
}

h2.dashed span {
  display: block;
  text-align: center;
  position: relative;
  top: 17px;
  z-index: 2;
}

h2.dashed span:before {
  position: absolute;
  left: 50%;
  top: 17px;
  z-index: -1;
  margin-left: -75px;
  content: " ";
  width: 150px;
  height: 10px;
  background: url("/static/images/bg.png");
  display: block;
}

/*############################################################

  Password Reset

#############################################################*/
.reset-password-points {
  margin: 10px 0 0 20px;
}

.reset-password-points h2 {
  margin-bottom: 0px;
  font-size: 32px;
}

.reset-password-points ul {
  margin-top: 35px;
  list-style: none;
}

.reset-password-points ul li {
  background-image: url("/static/images/icons-list.png");
  font-size: 18px;
  background-position: left bottom;
  background-repeat: no-repeat;
  margin-bottom: 18px;
  height: 53px;
  padding-left: 66px;
  color: #646464;
  line-height: 20px;
}
.reset-password-points ul li span {
  display: block;
  padding-top: 5px;
}

#growler-bottom {
  bottom: 10px;
  left: 15px;
}

#growler-bottom {
  position: fixed;
  z-index: 2050;
  list-style-type: none;
}
#growler-bottom li {
  cursor: pointer;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.3);
  border-radius: 7px;
  width: 370px;
  padding: 5px 7px;
  margin-bottom: 10px;
  position: relative;
}
#growler-bottom li .box {
  padding: 7px;
  border-radius: 3px;
}
#growler-bottom li .box .icon {
  float: left;
  margin-right: 10px;
  margin-left: 3px;
  width: 21px;
  height: 21px;
}
#growler-bottom li .box .icon img {
  width: 45px;
  height: 45px;
  border-top: 1px solid #1f1f1f;
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25);
}
#growler-bottom li .box .close {
  position: absolute;
  top: 14px;
  right: 16px;
  width: 16px;
  height: 16px;
  display: block;
  text-indent: -9999em;
  background: url("/static/images/icons-sprite.png") no-repeat -16px -48px;
}
#growler-bottom li .box .growl-content {
  float: left;
  width: 296px;
  line-height: 16px;
}
#growler-bottom li .box .growl-content a {
  color: #fff;
  text-decoration: underline;
}
#growler-bottom li .box .title {
  font-size: 14px;
  color: #F3F2F2;
  line-height: 21px;
}
#growler-bottom li .box .text {
  font-size: 12px;
  color: #F2F2F2;
}
#growler-bottom li.standard {
  background-color: #373735;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#545452', endColorstr='#373735', GradientType=0);
  /* IE6 & IE7 */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#545452', endColorstr='#373735', GradientType=0);
  /* IE8+ */
  background-image: -khtml-gradient(linear, left top, left bottom, left, right);
  background-image: -moz-linear-gradient(top, #545452, #373735);
  background-image: -ms-linear-gradient(top, #545452, #373735);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #545452), color-stop(100%, #373735));
  background-image: -webkit-linear-gradient(top, #545452, #373735);
  background-image: -o-linear-gradient(top, #545452, #373735);
  background-image: linear-gradient(top, #545452, #373735);
  border-top: 1px solid #6B6B69;
  border-bottom: 1px solid #303030;
}
#growler-bottom li.standard .box {
  border: 1px solid #6C6C6A;
}
#growler-bottom li.standard .icon {
  background: url("/static/images/growler/sprinter.png") no-repeat center center;
}
#growler-bottom li.success {
  background-color: #72AA43;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87BB57', endColorstr='#72AA43', GradientType=0);
  /* IE6 & IE7 */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87BB57', endColorstr='#72AA43', GradientType=0);
  /* IE8+ */
  background-image: -khtml-gradient(linear, left top, left bottom, left, right);
  background-image: -moz-linear-gradient(top, #87BB57, #72AA43);
  background-image: -ms-linear-gradient(top, #87BB57, #72AA43);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #87BB57), color-stop(100%, #72AA43));
  background-image: -webkit-linear-gradient(top, #87BB57, #72AA43);
  background-image: -o-linear-gradient(top, #87BB57, #72AA43);
  background-image: linear-gradient(top, #87BB57, #72AA43);
  border-top: 1px solid #BED8A0;
  border-bottom: 1px solid #72AA43;
}
#growler-bottom li.success .box {
  border: 1px solid #A5CA7D;
}
#growler-bottom li.success .icon {
  background: url("/static/images/growler/success.png") no-repeat center center;
}
#growler-bottom li.error {
  background-color: #C53C3F;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D4484C', endColorstr='#C53C3F', GradientType=0);
  /* IE6 & IE7 */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D4484C', endColorstr='#C53C3F', GradientType=0);
  /* IE8+ */
  background-image: -khtml-gradient(linear, left top, left bottom, left, right);
  background-image: -moz-linear-gradient(top, #D4484C, #C53C3F);
  background-image: -ms-linear-gradient(top, #D4484C, #C53C3F);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D4484C), color-stop(100%, #C53C3F));
  background-image: -webkit-linear-gradient(top, #D4484C, #C53C3F);
  background-image: -o-linear-gradient(top, #D4484C, #C53C3F);
  background-image: linear-gradient(top, #D4484C, #C53C3F);
  border-top: 1px solid #E5989C;
  border-bottom: 1px solid #C73C40;
}
#growler-bottom li.error .box {
  border: 1px solid #DF757A;
}
#growler-bottom li.error .icon {
  background: url("/static/images/growler/error.png") no-repeat center center;
}

/*############################################################

  Smart Pop hover bubbles

#############################################################*/
.smart_pop {
  display: block;
  position: absolute;
  z-index: 2030;
}
.smart_pop .arrow {
  position: absolute;
  width: 0px;
  height: 0px;
  pointer-events: none;
}
.smart_pop .arrowBody {
  z-index: 4000;
}
.smart_pop > .card {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}
.smart_pop > .card .top {
  cursor: default;
}
.smart_pop > .card .top .actions {
  display: none;
}
.smart_pop:hover .status span {
  display: none;
}
.smart_pop:hover .top .actions {
  display: block;
}
.smart_pop.smart_pop_top {
  margin-bottom: 10px;
}
.smart_pop.smart_pop_top > .arrow {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.smart_pop.smart_pop_top > .arrowBorder {
  border-top: 10px solid #c3c3bf;
}
.smart_pop.smart_pop_top > .arrowBody {
  border-top: 10px solid #fff;
}
.smart_pop.smart_pop_top_left {
  margin-bottom: 10px;
  margin-top: 12px;
}
.smart_pop.smart_pop_top_left > .arrow {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.smart_pop.smart_pop_top_left > .arrowBorder {
  border-top: 10px solid #c3c3bf;
}
.smart_pop.smart_pop_top_left > .arrowBody {
  border-top: 10px solid #fff;
}
.smart_pop.smart_pop_bottom {
  margin-top: 10px;
}
.smart_pop.smart_pop_bottom > .arrow {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.smart_pop.smart_pop_bottom > .arrowBorder {
  top: -10px;
  border-bottom: 10px solid #c3c3bf;
}
.smart_pop.smart_pop_bottom > .arrowBody {
  top: -9px;
  border-bottom: 10px solid #fff;
}
.smart_pop.smart_pop_bottom_left {
  margin-top: 8px;
}
.smart_pop.smart_pop_bottom_left > .arrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.smart_pop.smart_pop_bottom_left > .arrowBorder {
  top: -6px;
  border-bottom: 6px solid #c7c7c7;
}
.smart_pop.smart_pop_bottom_left > .arrowBody {
  top: -5px;
  border-bottom: 6px solid #fff;
}
.smart_pop.smart_pop_left {
  margin-right: 10px;
}
.smart_pop.smart_pop_left > .arrow {
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
}
.smart_pop.smart_pop_left > .arrowBorder {
  border-left: 6px solid #c3c3bf;
  right: -1px;
}
.smart_pop.smart_pop_left > .arrowBody {
  border-left: 6px solid #fff;
  right: 0px;
}
.smart_pop.smart_pop_right {
  margin-left: 10px;
}
.smart_pop.smart_pop_right > .arrow {
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
}
.smart_pop.smart_pop_right > .arrowBorder {
  border-right: 6px solid #c7c7c7;
  left: -6px;
}
.smart_pop.smart_pop_right > .arrowBody {
  border-right: 6px solid #fff;
  left: -5px;
}
.smart_pop.bordered {
  box-sizing: border-box;
  border-radius: 5px;
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
}
.smart_pop.bordered.smart_pop_right {
  background: transparent;
  border: none;
  box-shadow: none;
}

.actions-smart-pop.smart_pop_bottom > .arrowBorder, .actions-smart-pop.smart_pop_bottom_left > .arrowBorder {
  border-bottom-color: #c7c7c7;
  top: -6px;
}
.actions-smart-pop.smart_pop_bottom > .arrowBody, .actions-smart-pop.smart_pop_bottom_left > .arrowBody {
  border-bottom-color: #fff;
  top: -5px;
}
.actions-smart-pop.smart_pop_top > .arrowBorder,
.actions-smart-pop.smart_pop_top > .arrowBody, .actions-smart-pop.smart_pop_top_left > .arrowBorder,
.actions-smart-pop.smart_pop_top_left > .arrowBody {
  margin-top: 1px;
}
.actions-smart-pop.smart_pop_top > .arrowBorder, .actions-smart-pop.smart_pop_top_left > .arrowBorder {
  border-top-color: #c7c7c7;
}
.actions-smart-pop.smart_pop_top > .arrowBody, .actions-smart-pop.smart_pop_top_left > .arrowBody {
  border-top-color: #fff;
}
.actions-smart-pop .actions-popup-list {
  border-radius: 3px;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  border: 1px solid #c7c7c7;
  font-size: 12px;
  line-height: 24px;
  list-style: none;
}
.actions-smart-pop .actions-popup-list li {
  border-top: 1px solid #e8e8e8;
  display: block;
}
.actions-smart-pop .actions-popup-list li:first-child {
  border-top: none;
}
.actions-smart-pop .actions-popup-list button {
  width: 100%;
  color: #454545;
  display: block;
  padding: 6px 12px;
}
.actions-smart-pop .actions-popup-list button:hover {
  text-decoration: none;
}
.actions-smart-pop .actions-popup-list button:disabled {
  background-color: #F0F0EC;
  color: #AEAEA5;
}
.actions-smart-pop .actions-popup-list button:disabled:hover {
  text-decoration: none;
}
.actions-smart-pop .actions-popup-list .icon {
  margin-right: 6px;
}

/*############################################################

  Tab Styles

#############################################################*/
#nav-row {
  position: relative;
  z-index: 1001;
}

.tabs {
  background: transparent url("/static/images/profile-tabs-baseline.png") no-repeat left bottom;
  height: 37px;
  margin-bottom: 22px;
  position: relative;
  padding-bottom: 2px;
}

.tabs ul li {
  margin-top: 3px;
  margin-right: 5px;
  float: left;
  background-color: #D6D6CE;
  border-bottom: 1px solid #B5B4AE;
  padding: 0 15px;
  border-radius: 6px 6px 0 0;
  box-shadow: 0 -1px 0 #B5B4AE;
  opacity: .9;
}

.tabs ul li.right {
  float: right;
}

.tabs ul li.current {
  background: #C9D8D6;
  border-bottom: 1px solid #C9D8D6;
}

.tabs ul li a {
  display: block;
  font-size: 14px;
  padding-top: 7px;
  height: 21px;
}

/*############################################################

                     Listbox Component

#############################################################*/
.listbox {
  display: block;
  width: 188px;
  float: left;
  z-index: 100;
  margin-top: -2px;
  background: #e5e5dc url("/static/images/arrow-drop-down.png") no-repeat 175px 6px;
  box-shadow: 0 1px 0 #b5b4ae, 0 -1px 0 #fff;
  border-radius: 3px;
  font-size: 14px;
  color: #444444;
  padding: 0 5px;
  cursor: pointer;
}

.listbox li {
  float: none;
  text-align: left;
  list-style-type: none;
  z-index: 100;
}

.listbox a {
  display: block;
  padding: 3px 0;
  height: auto;
  font: inherit;
}

.listbox.open {
  z-index: 1000;
}

.listbox .open li {
  border-bottom: 1px dashed #a0a0a0;
}

.listbox .open li a {
  padding: 5px 0;
}

.listbox .open li:first-child a {
  padding-top: 3px;
}

.listbox li:last-child {
  border-bottom: none;
}

/*############################################################

                         Generic Lists

#############################################################*/
.list-container {
  padding: 20px;
  background: transparent url("/static/images/bg-form.jpg") repeat top left;
  border-radius: 10px;
  box-shadow: 0 1px 0 #b5b4ae, 0 -1px 0 #fff;
  font-size: 14px;
}

.list-container li {
  border-bottom: 1px dashed #A0A0A0;
  display: block;
  padding-bottom: 20px;
  margin-bottom: 20px;
  list-style-type: none;
  position: relative;
}

.list-container li:after {
  clear: both;
  display: block;
  content: " ";
}

.list-container li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.list-container li span.title {
  color: #6D6D6D;
  display: block;
  font-size: 24px;
  letter-spacing: -1px;
  margin-bottom: 6px;
}

.list-container li a {
  color: #D94949;
}

.list-container li a:hover {
  color: #22738f;
}

.list-container li p {
  color: #606060;
  display: block;
  font-size: 14px;
  line-height: 18px;
  margin-left: 93px;
}

.list-container li img {
  border: 6px solid #B0B0B0;
  border-radius: 6px;
  display: block;
  float: left;
  margin-right: 15px;
}

.list-container a.delete {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent url("/static/images/btn-delete.png") center top;
  width: 35px;
  height: 35px;
  background-color: none;
  text-indent: -9000px;
  border-radius: 0;
  box-shadow: none;
  display: none;
}

.list-container a.delete:hover {
  background-position: center bottom;
}

.list-container li:hover a.delete {
  display: block;
}

/*############################################################

                           Embeds

#############################################################*/
.embed {
  margin-bottom: 15px;
  font-size: 12px;
}

.embed-oembed .provider:before {
  content: " \2014\0000a0";
}

.embed-photo {
  text-align: center !important;
}

.embed-link {
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  overflow: auto;
}
.embed-link img.thumb {
  display: block;
  float: left;
  margin: 10px 20px 0 10px;
}
.embed-link .description {
  margin: 0 0 10px 0 !important;
}

.embed-gist {
  padding: 5px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}

.gist {
  font-size: 11px;
  line-height: 1.5em;
  text-shadow: none;
  color: #000;
}
.gist div {
  padding: 0;
  margin: 0;
}
.gist table,
.gist td,
.gist th {
  border: none;
}
.gist .gist-file {
  border: 1px solid #c9c9c9;
  font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
}
.gist .gist-file .gist-meta {
  overflow: hidden;
  font-size: 85%;
  padding: .5em;
  color: #666;
  background-color: #eaeaea;
}
.gist .gist-file .gist-meta a {
  color: #369;
}
.gist .gist-file .gist-data {
  overflow: auto;
  word-wrap: normal;
  background-color: #f8f8ff;
  border-bottom: 1px solid #ddd;
  font-size: 100%;
  padding: 10px;
}
.gist .gist-file .gist-data pre {
  font-family: 'Bitstream Vera Sans Mono', 'Courier', monospace;
  background: transparent !important;
  margin: 0 !important;
  border: none !important;
  padding: .5em !important;
}
.gist .gist-file .gist-data .gist-highlight {
  background: transparent !important;
}
.gist .gist-file .gist-data .line-numbers {
  background-color: #ececec;
  color: #aaa;
  border-right: 1px solid #ddd;
  text-align: right;
}
.gist .gist-file .gist-data .line-numbers span {
  clear: right;
  display: block;
}
.gist .gist-file .gist-data .line-data {
  min-width: 450px;
}

.gist-syntax {
  background: #fff;
}

.gist-syntax .c {
  color: #999988;
  font-style: italic;
}

/* Comment */
.gist-syntax .err {
  color: #a61717;
  background-color: #e3d2d2;
}

/* Error */
.gist-syntax .k {
  color: #000000;
  font-weight: bold;
}

/* Keyword */
.gist-syntax .o {
  color: #000000;
  font-weight: bold;
}

/* Operator */
.gist-syntax .cm {
  color: #999988;
  font-style: italic;
}

/* Comment.Multiline */
.gist-syntax .cp {
  color: #999999;
  font-weight: bold;
}

/* Comment.Preproc */
.gist-syntax .c1 {
  color: #999988;
  font-style: italic;
}

/* Comment.Single */
.gist-syntax .cs {
  color: #999999;
  font-weight: bold;
  font-style: italic;
}

/* Comment.Special */
.gist-syntax .gd {
  color: #000000;
  background-color: #ffdddd;
}

/* Generic.Deleted */
.gist-syntax .gd .x {
  color: #000000;
  background-color: #ffaaaa;
}

/* Generic.Deleted.Specific */
.gist-syntax .ge {
  color: #000000;
  font-style: italic;
}

/* Generic.Emph */
.gist-syntax .gr {
  color: #aa0000;
}

/* Generic.Error */
.gist-syntax .gh {
  color: #999999;
}

/* Generic.Heading */
.gist-syntax .gi {
  color: #000000;
  background-color: #ddffdd;
}

/* Generic.Inserted */
.gist-syntax .gi .x {
  color: #000000;
  background-color: #aaffaa;
}

/* Generic.Inserted.Specific */
.gist-syntax .go {
  color: #888888;
}

/* Generic.Output */
.gist-syntax .gp {
  color: #555555;
}

/* Generic.Prompt */
.gist-syntax .gs {
  font-weight: bold;
}

/* Generic.Strong */
.gist-syntax .gu {
  color: #aaaaaa;
}

/* Generic.Subheading */
.gist-syntax .gt {
  color: #aa0000;
}

/* Generic.Traceback */
.gist-syntax .kc {
  color: #000000;
  font-weight: bold;
}

/* Keyword.Constant */
.gist-syntax .kd {
  color: #000000;
  font-weight: bold;
}

/* Keyword.Declaration */
.gist-syntax .kp {
  color: #000000;
  font-weight: bold;
}

/* Keyword.Pseudo */
.gist-syntax .kr {
  color: #000000;
  font-weight: bold;
}

/* Keyword.Reserved */
.gist-syntax .kt {
  color: #445588;
  font-weight: bold;
}

/* Keyword.Type */
.gist-syntax .m {
  color: #009999;
}

/* Literal.Number */
.gist-syntax .s {
  color: #d14;
}

/* Literal.String */
.gist-syntax .na {
  color: #008080;
}

/* Name.Attribute */
.gist-syntax .nb {
  color: #0086B3;
}

/* Name.Builtin */
.gist-syntax .nc {
  color: #445588;
  font-weight: bold;
}

/* Name.Class */
.gist-syntax .no {
  color: #008080;
}

/* Name.Constant */
.gist-syntax .ni {
  color: #800080;
}

/* Name.Entity */
.gist-syntax .ne {
  color: #990000;
  font-weight: bold;
}

/* Name.Exception */
.gist-syntax .nf {
  color: #990000;
  font-weight: bold;
}

/* Name.Function */
.gist-syntax .nn {
  color: #555555;
}

/* Name.Namespace */
.gist-syntax .nt {
  color: #000080;
}

/* Name.Tag */
.gist-syntax .nv {
  color: #008080;
}

/* Name.Variable */
.gist-syntax .ow {
  color: #000000;
  font-weight: bold;
}

/* Operator.Word */
.gist-syntax .w {
  color: #bbbbbb;
}

/* Text.Whitespace */
.gist-syntax .mf {
  color: #009999;
}

/* Literal.Number.Float */
.gist-syntax .mh {
  color: #009999;
}

/* Literal.Number.Hex */
.gist-syntax .mi {
  color: #009999;
}

/* Literal.Number.Integer */
.gist-syntax .mo {
  color: #009999;
}

/* Literal.Number.Oct */
.gist-syntax .sb {
  color: #d14;
}

/* Literal.String.Backtick */
.gist-syntax .sc {
  color: #d14;
}

/* Literal.String.Char */
.gist-syntax .sd {
  color: #d14;
}

/* Literal.String.Doc */
.gist-syntax .s2 {
  color: #d14;
}

/* Literal.String.Double */
.gist-syntax .se {
  color: #d14;
}

/* Literal.String.Escape */
.gist-syntax .sh {
  color: #d14;
}

/* Literal.String.Heredoc */
.gist-syntax .si {
  color: #d14;
}

/* Literal.String.Interpol */
.gist-syntax .sx {
  color: #d14;
}

/* Literal.String.Other */
.gist-syntax .sr {
  color: #009926;
}

/* Literal.String.Regex */
.gist-syntax .s1 {
  color: #d14;
}

/* Literal.String.Single */
.gist-syntax .ss {
  color: #990073;
}

/* Literal.String.Symbol */
.gist-syntax .bp {
  color: #999999;
}

/* Name.Builtin.Pseudo */
.gist-syntax .vc {
  color: #008080;
}

/* Name.Variable.Class */
.gist-syntax .vg {
  color: #008080;
}

/* Name.Variable.Global */
.gist-syntax .vi {
  color: #008080;
}

/* Name.Variable.Instance */
.gist-syntax .il {
  color: #009999;
}

/* Literal.Number.Integer.Long */
/*############################################################

                     jQuery auto-complete

#############################################################*/
.ui-autocomplete {
  width: 260px;
  padding: 0px;
  border-top: 1px solid #CDCDC4;
  border-left: 1px solid #CDCDC4;
  border-right: 1px solid #CDCDC4;
  border-bottom: 0;
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

.ui-autocomplete li {
  border-radius: 5px;
  border: 0px;
  background: #F9F8F3;
  padding: 0px;
  margin: 0px;
}

.ui-autocomplete li {
  padding: 0px;
}

.ui-autocomplete li .row {
  padding: 9px 0px;
  border-bottom: 1px dashed #9D9E94;
}

.ui-autocomplete li a.ui-state-focus,
.ui-autocomplete li a {
  border-radius: 0;
  border: 0px;
  padding: 0px;
  font-weight: normal;
  margin: 0 auto;
  background: none;
  width: 90%;
  line-height: 16px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 300;
  color: #444444;
}

.ui-autocomplete li a.ui-state-focus {
  color: #D94949;
}

.ui-autocomplete li:last-child .row {
  border: 0px;
}

.ui-autocomplete li .score {
  width: 27px;
  height: 27px;
  line-height: 26px;
  border-radius: 25px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  float: left;
  margin-right: 10px;
  font-size: 15px;
}

.ui-autocomplete li .score.type-10 {
  background-color: #424242;
}

.ui-autocomplete li .score.type-20 {
  background-color: #009AAC;
}

.ui-autocomplete li .score.type-30 {
  background-color: #E92039;
}

.ui-autocomplete li .score.type-40 {
  background-color: #77BE0F;
}

.error_404 h2.banner,
.error_500 h2.banner {
  color: #DA484C;
  font-size: 50px;
  text-align: center;
  margin: 45px 0 20px 0;
  font-weight: bold;
}
.error_404 p.sub,
.error_500 p.sub {
  color: #515151;
  text-align: center;
  width: 100%;
  font-size: 16px;
}
.error_404 p.sub span,
.error_500 p.sub span {
  font-weight: bold;
}
.error_404 p.sub a,
.error_500 p.sub a {
  color: #36849F;
}

#global_message {
  width: 100%;
  position: fixed;
  bottom: 0;
  background-color: #ffffcc;
  border-top: 1px solid #B5B5B5;
  z-index: 500000;
}
#global_message h2 {
  font-weight: 300;
  color: #444;
  line-height: 35px;
  font-size: 14px;
  margin: 0px 0px 0px 15px;
  padding: 0px;
  text-shadow: none;
}
#global_message h2 span {
  font-weight: bold;
}

/*
  Uploading progress bars.
 */
.upload-form {
  color: #444;
  position: relative;
  margin-left: 44px;
  font-size: 12px;
  color: #444;
}
.upload-form .name {
  min-width: 200px;
  padding-right: 10px;
}
.upload-form .upload-icon {
  background: url("/static/images/upload-icon.png") no-repeat center center;
  width: 25px;
  height: 25px;
  position: absolute;
  left: -53px;
}
.upload-form .progress {
  height: 12px;
  width: 150px;
  background-color: #DCDBD4;
  border: 1px solid #B7B7B7;
  border-radius: 3px;
  padding: 3px;
  position: relative;
  float: left;
  margin-right: 15px;
}
.upload-form p {
  float: left;
  line-height: 22px;
}
.upload-form .progress .mercury {
  background-color: #88B541;
  border-radius: 3px;
  width: 0%;
  height: 12px;
}
.upload-form input {
  display: none;
}

/*############################################################

                            markdown

#############################################################*/
.markdown-body {
  background-color: #fff;
  padding: 1em;
  font-size: 14px;
}

.markdown-body .task-list-item {
  list-style: none;
}

div.description.markdown-body {
  border: 1px solid #c7c7c7;
}

span.text-gray {
  color: #777;
}

.main-navigation {
  background-color: #333333;
  border-bottom: solid 1px #000000;
  height: 69px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 100;
}
.main-navigation::before {
  display: table;
  content: "";
}
.main-navigation::after {
  display: table;
  clear: both;
  content: "";
}
.main-navigation .logo {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url("/static/images/logotype-white.png") 0 0 no-repeat;
  display: block;
  float: left;
  height: 40px;
  margin-top: 16px;
  width: 132px;
}
.retina .main-navigation .logo {
  background-image: url("/static/images/logotype-white@2x.png");
  background-size: 132px 40px;
}
.main-navigation ul.links {
  float: right;
  font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 13px;
  line-height: 100%;
  list-style-type: none;
  text-transform: uppercase;
}
.main-navigation ul.links a {
  -webkit-transition: color 150ms ease-in-out;
  -moz-transition: color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out;
  -ms-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
  color: #f6f8fa;
  display: block;
  padding: 29px 22px 20px;
}
.no-touch .main-navigation ul.links a:hover {
  color: #5A96AB;
}
.main-navigation ul.links li {
  display: inline-block;
  vertical-align: top;
}
.main-navigation ul.links .signup a {
  margin-top: 18px;
  padding: 10px;
}
.no-touch .main-navigation ul.links .signup a:hover {
  color: #fff;
}

#logged-out-footer,
.main-footer {
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  padding: 34px 0 90px;
  background-color: #2a414c;
}
#logged-out-footer::before,
.main-footer::before {
  display: table;
  content: "";
}
#logged-out-footer::after,
.main-footer::after {
  display: table;
  clear: both;
  content: "";
}
#logged-out-footer .container,
.main-footer .container {
  padding: 0px 10px;
}
#logged-out-footer a,
#logged-out-footer button,
.main-footer a,
.main-footer button {
  color: #a9acad;
  transition: all 0.5s ease;
}
#logged-out-footer a:hover,
#logged-out-footer button:hover,
.main-footer a:hover,
.main-footer button:hover {
  color: #dcdcdc;
}
#logged-out-footer p,
.main-footer p {
  font-size: 12px;
  line-height: 18px;
  text-align: right;
  color: #a9acad;
}
#logged-out-footer .copyright,
.main-footer .copyright {
  width: 23.52941%;
  float: right;
  margin-right: 0;
}
#logged-out-footer .copyright a,
.main-footer .copyright a {
  font-weight: bold;
}
#logged-out-footer .links,
.main-footer .links {
  width: 17.64706%;
  float: left;
}
#logged-out-footer .links .head,
.main-footer .links .head {
  color: #dcdcdc;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 4px;
  text-transform: uppercase;
}
#logged-out-footer .links ul,
.main-footer .links ul {
  font-size: 13px;
  line-height: 1.75em;
  list-style: none;
  padding-left: 0px;
}

/**
 * App (logged in) footer
 */
.app-footer {
  border-top: 1px solid #dcdbd9;
  font-size: 11px;
  margin: 12px auto 32px;
  padding: 18px 0;
  width: 1000px;
}
.app-footer::before {
  display: table;
  content: "";
}
.app-footer::after {
  display: table;
  clear: both;
  content: "";
}
.app-footer,
.app-footer a,
.app-footer button {
  color: #454545;
}
.app-footer a,
.app-footer button {
  font-weight: bold;
}
.no-touch .app-footer a:hover, .no-touch
.app-footer button:hover {
  text-decoration: underline;
}
.app-footer p {
  float: right;
  font-size: 11px;
  text-align: right;
  line-height: 20px;
}
.app-footer .footer-nav {
  float: left;
}

.footer-nav {
  line-height: 20px;
}
.footer-nav::before {
  display: table;
  content: "";
}
.footer-nav::after {
  display: table;
  clear: both;
  content: "";
}
.footer-nav li {
  float: left;
}
.footer-nav li a,
.footer-nav li button {
  display: block;
  padding: 0 6px;
}

.quickleft-footer-logo {
  text-indent: 100%;
  overflow: hidden;
  display: inline-block;
  width: 79px;
  height: 13px;
  background: url("/static/images/footer-ql-logo.png") no-repeat;
  margin-left: 2px;
  top: 2px;
  position: relative;
  opacity: .9;
}
.retina .quickleft-footer-logo {
  background: url("/static/images/footer-ql-logo@2x.png") no-repeat;
  background-size: 79px 26px;
}
.quickleft-footer-logo.light {
  background-position: bottom left;
}
.quickleft-footer-logo.dark {
  background-position: top left;
}
.quickleft-footer-logo:hover {
  opacity: 1;
}

#logged-out-default .app-footer {
  margin-top: 36px;
  padding-bottom: 36px;
}

.generic-popup,
.popup {
  cursor: default;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 1px solid #c7c7c7;
  background-color: #ffffff;
  padding: 0px;
  z-index: 400;
  border-radius: 5px;
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
}
.generic-popup.arrow-top:after, .generic-popup.arrow-top:before,
.popup.arrow-top:after,
.popup.arrow-top:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.generic-popup.arrow-top:after,
.popup.arrow-top:after {
  border-color: rgba(232, 232, 232, 0);
  border-bottom-color: #ffffff;
  border-width: 5px;
  left: 50%;
  margin-left: -5px;
}
.generic-popup.arrow-top:before,
.popup.arrow-top:before {
  border-color: rgba(195, 195, 195, 0);
  border-bottom-color: #c7c7c7;
  border-width: 6px;
  left: 50%;
  margin-left: -6px;
}
.generic-popup.arrow-left:after, .generic-popup.arrow-left:before,
.popup.arrow-left:after,
.popup.arrow-left:before {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.generic-popup.arrow-left:after,
.popup.arrow-left:after {
  border-color: rgba(250, 250, 251, 0);
  border-right-color: #ffffff;
  border-width: 5px;
  top: 50%;
  margin-top: -5px;
}
.generic-popup.arrow-left:before,
.popup.arrow-left:before {
  border-color: rgba(195, 195, 195, 0);
  border-right-color: #c7c7c7;
  border-width: 6px;
  top: 50%;
  margin-top: -6px;
}
.generic-popup.arrow-bottom:after, .generic-popup.arrow-bottom:before,
.popup.arrow-bottom:after,
.popup.arrow-bottom:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.generic-popup.arrow-bottom:after,
.popup.arrow-bottom:after {
  border-color: rgba(250, 250, 251, 0);
  border-top-color: #ffffff;
  border-width: 5px;
  left: 50%;
  margin-left: -5px;
}
.generic-popup.arrow-bottom:before,
.popup.arrow-bottom:before {
  border-color: rgba(195, 195, 195, 0);
  border-top-color: #c7c7c7;
  border-width: 6px;
  left: 50%;
  margin-left: -6px;
}
.generic-popup .inner::before,
.popup .inner::before {
  display: table;
  content: "";
}
.generic-popup .inner::after,
.popup .inner::after {
  display: table;
  clear: both;
  content: "";
}
.generic-popup .inner #item_tags_input,
.popup .inner #item_tags_input {
  border-radius: 3px;
  border: solid 1px #c7c7c7;
  padding: 4px 6px;
}

.popup.arrow-top:after {
  border-bottom-color: #ffffff;
}
.popup.arrow-left:after {
  border-right-color: #ffffff;
}
.popup.arrow-bottom:after {
  border-top-color: #ffffff;
}
.popup .suggestions-container {
  top: 40px;
}
.popup p.placeholder {
  position: relative;
  text-align: left;
}

.testimonials {
  display: block;
  width: 100%;
  height: 235px;
  background: #FFF;
  border-bottom: 2px solid black;
}
.testimonials > div {
  height: 235px;
  display: table;
  width: 100%;
}
.testimonials article {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.testimonials article > div {
  width: 55%;
  margin: auto;
}
.testimonials p {
  font-size: 30px;
  line-height: 140%;
  text-align: center;
  padding: 15px;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #808080;
  font-weight: lighter;
}
.testimonials a {
  font-size: 20px;
  color: #669BB0;
}

#add-item-overlay {
  background-color: #000;
  z-index: 8000;
}

#add-item-container {
  position: absolute;
  z-index: 8001;
}
#add-item-container #item_dialog {
  position: absolute;
}

.add-item-dialog {
  margin-top: 53px;
  position: relative;
  /*  ATTACHMENTS  */
}
.add-item-dialog nav ul {
  list-style: none;
  font-size: 20px;
}
.add-item-dialog nav ul li {
  float: left;
}
.add-item-dialog nav ul li button {
  display: block;
  margin-right: 6px;
  width: 114px;
  text-align: center;
  padding-top: 7px;
  padding-bottom: 5px;
  border-radius: 6px 6px 0 0;
  cursor: pointer;
  color: #fff;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, left, right, color-stop(0.5, #B5D2DC));
  background: -moz-linear-gradient(top, #BCD7E1 0%, #B5D2DC 50%, #87B1C0 100%);
}
.add-item-dialog nav ul li.story.current button, .add-item-dialog nav ul li.task.current button, .add-item-dialog nav ul li.defect.current button, .add-item-dialog nav ul li.test.current button {
  background: #f6f8fa;
  color: #000;
}
.add-item-dialog nav ul li.story button {
  background: #84b431;
}
.add-item-dialog nav ul li.story.current button {
  color: #84b431;
}
.add-item-dialog nav ul li.task button {
  background: #454545;
}
.add-item-dialog nav ul li.task.current button {
  color: #454545;
}
.add-item-dialog nav ul li.defect button {
  background: #D94949;
}
.add-item-dialog nav ul li.defect.current button {
  color: #D94949;
}
.add-item-dialog nav ul li.test button {
  background: #5A96AB;
}
.add-item-dialog nav ul li.test.current button {
  color: #5A96AB;
}
.add-item-dialog .forms {
  position: relative;
}
.add-item-dialog .forms .form {
  background: #f6f8fa;
  margin: 0;
  width: auto;
  border-radius: 0 8px 8px 8px;
  box-shadow: none;
}
.add-item-dialog .item-assigner-container {
  font-size: 17px;
  position: absolute;
  color: #20718F;
}
.add-item-dialog .item-assigner-container .select2-chosen {
  padding-left: 3px;
}
.add-item-dialog .item-assigner-container.task,
.add-item-dialog .item-assigner-container.defect,
.add-item-dialog .item-assigner-container.test {
  left: 17px;
  bottom: 42px;
}
.add-item-dialog .item-assigner-container.story {
  left: 17px;
  bottom: 55px;
}
.add-item-dialog .item-assigner-container p {
  float: left;
  line-height: 29px;
  margin-right: 5px;
}
.add-item-dialog .item-assigner-container .member-dropdown {
  float: left;
}
.add-item-dialog .row {
  position: relative;
}
.add-item-dialog .field.who {
  width: 325px;
}
.add-item-dialog .field.what {
  width: 533px;
}
.add-item-dialog .field.why {
  width: 100%;
}
.add-item-dialog .story .non-story-elements {
  display: none;
}
.add-item-dialog .test .story-elements,
.add-item-dialog .defect .story-elements,
.add-item-dialog .task .story-elements {
  display: none;
}
.add-item-dialog .form_container {
  position: relative;
  z-index: 10;
}
.add-item-dialog .form_container.story .form .field {
  float: left;
}
.add-item-dialog .form_container.story .form .row {
  font-size: 25px;
  color: #20718F;
}
.add-item-dialog .form_container.story .form .row.second {
  padding-top: 18px;
}
.add-item-dialog .form_container.story .form label.who,
.add-item-dialog .form_container.story .form label.what,
.add-item-dialog .form_container.story .form label.why {
  font-size: 13px;
  color: #84b431;
  position: absolute;
  top: 45px;
}
.add-item-dialog .form_container.story .form input {
  background: #fff;
  border-width: 0 0 1px 0;
  border-bottom: 1px dotted #84b431;
  font-size: 25px;
  height: 35px;
  padding-left: 10px;
  color: #323232;
  margin-bottom: 4px;
  border-radius: 0;
}
.add-item-dialog .form_container.story .form span {
  margin-right: 11px;
  margin-top: 6px;
}
.add-item-dialog .form_container.story .form span,
.add-item-dialog .form_container.story .form input[type="text"] {
  float: left;
}
.add-item-dialog .form_container.story .form span.period {
  margin-right: 0;
}
.add-item-dialog .form_container.story .form label.who {
  left: 187px;
}
.add-item-dialog .form_container.story .form input.who {
  width: 225px;
  margin-right: 10px;
}
.add-item-dialog .form_container.story .form label.what {
  left: 301px;
}
.add-item-dialog .form_container.story .form .article_an input.what {
  width: 445px;
}
.add-item-dialog .form_container.story .form input.what {
  position: relative;
  width: 420px;
}
.add-item-dialog .form_container.story .form label.why {
  left: 453px;
}
.add-item-dialog .form_container.story .form input.why {
  width: 774px;
}
.add-item-dialog .forms .textarea.description label:before {
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  background: url("/static/images/icons-sprite.png") -5px -1592px no-repeat;
  position: relative;
  top: 2px;
  left: 2px;
}
.add-item-dialog .forms textarea.description {
  width: 882px;
  height: 95px;
  padding: 14px 0 0 10px;
  font-size: 15px;
  color: #323232;
  background: #fff;
  border: 1px solid #c7c7c7;
  border-radius: 5px;
}
.add-item-dialog .form_container.story .field.textarea {
  margin-top: 25px;
}
.add-item-dialog .form_container.story .error-tip .tooltip-arrow {
  top: 30px;
}
.add-item-dialog .form_container.story .field.who .error-tip {
  right: -29px;
}
.add-item-dialog .form_container.story .field.what .error-tip {
  right: 9px;
}
.add-item-dialog .form_container.story .field.why .error-tip {
  right: 231px;
}
.add-item-dialog .add-task-form .field.title .error-tip {
  right: 221px;
}
.add-item-dialog input.title {
  width: 874px;
  background: #fff;
  border-radius: 3px;
  font-size: 21px;
  color: #444444;
  padding: 0 10px;
  height: 37px;
}
.add-item-dialog input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.add-item-dialog input:-moz-placeholder,
.add-item-dialog .form_container.story .form input:-moz-placeholder {
  color: #8c8c8c !important;
}
.add-item-dialog input:-ms-input-placeholder {
  color: #8c8c8c;
}
.add-item-dialog .submits {
  margin-top: 0px;
  float: right;
  width: 300px;
}
.add-item-dialog .submits #create-button {
  border-radius: 5px;
  padding: 6px 11px;
  margin-right: 0px;
  font-size: 19px;
}
.add-item-dialog .submits .footnote {
  clear: left;
  margin-top: 6px;
}
.add-item-dialog .submits .footnote p {
  font-size: 11px;
  color: #555555;
}
.add-item-dialog .submits .footnote p input[type="checkbox"] {
  width: 14px;
  height: 14px;
  margin: 0 2px 0 0;
  position: relative;
  top: -1px;
}
.add-item-dialog .submits .footnote p span.tip {
  float: none;
  font-size: inherit;
  color: inherit;
}
.add-item-dialog .submits button {
  height: 40px;
  color: #fff;
  padding: 0 15px;
  font-size: 19px;
}
.add-item-dialog .submits .green {
  float: left;
  margin-right: 0px;
}
.add-item-dialog .form .submits .cancel {
  margin-left: 10px;
  font-size: 19px;
}
.add-item-dialog .sub_item .submits {
  width: 425px;
}
.add-item-dialog .row.tags {
  height: 50px;
  margin-top: 5px;
}
.add-item-dialog .tags_container {
  position: relative;
}
.add-item-dialog .tags_container input#item_tags_input {
  padding: 0px;
  border: 0px;
  font-size: 14px;
  border: 0px;
  background: none;
  height: auto;
  line-height: 23px;
}
.add-item-dialog .tags_container .tag .name {
  cursor: default;
}
.add-item-dialog .tags_container .tag .name:hover {
  color: #444;
}
.add-item-dialog .item-attachment-drop-zone {
  border-radius: 5px;
  bottom: 10px;
  height: auto;
  left: 10px;
  pointer-events: none;
  right: 10px;
  top: 10px;
  width: auto;
  z-index: 20;
}
.drag-hover .add-item-dialog .item-attachment-drop-zone {
  display: block;
}
.add-item-dialog #item_dialog.drag-hover .field.description.textarea textarea.description {
  border: dashed 3px #86b33b;
  padding: 12px 0 0 8px;
  border-radius: 7px;
  background: #e7f0d6;
  height: 93px;
  width: 880px;
}
.add-item-dialog ul.attachments {
  list-style: none;
  margin-bottom: 19px;
  max-width: 890px;
}
.add-item-dialog ul.attachments li:first-child {
  margin-left: 13px;
}
.add-item-dialog ul.attachments li:first-child:before {
  display: block;
  content: '';
  width: 16px;
  height: 16px;
  background: url("/static/images/icons-sprite.png") -5px -1592px no-repeat;
  position: absolute;
  top: 4px;
  left: -13px;
}
.add-item-dialog ul.attachments li.attachment {
  border: solid 1px #d0d0d0;
  border-radius: 3px;
  background: #f6f6f6;
  font-size: 11px;
  padding: 7px 7px 6px 23px;
  color: #636363;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 6px;
  /* only hook for attachment being uploaded :( */
}
.add-item-dialog ul.attachments li.attachment .name {
  margin: 0;
}
.add-item-dialog ul.attachments li.attachment .delete {
  cursor: pointer;
  background: url("/static/images/icons-sprite.png") no-repeat 0 -208px;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 5px;
  left: 4px;
  text-indent: -9999em;
}
.add-item-dialog ul.attachments li.attachment .delete:hover {
  background-position: -48px -208px;
}
.add-item-dialog ul.attachments li.attachment.clearfix {
  padding: 5px 7px 4px 7px;
  margin-right: 6px;
}
.add-item-dialog ul.attachments li.attachment .upload-form {
  font-size: 11px;
  margin-left: 0px;
}
.add-item-dialog ul.attachments li.attachment .upload-form p.name {
  min-width: 10px;
  line-height: 15px;
}
.add-item-dialog ul.attachments li.attachment .upload-form p {
  line-height: 14px;
}
.add-item-dialog ul.attachments li.attachment .upload-form p.uploading-stage,
.add-item-dialog ul.attachments li.attachment .upload-form p.processing-stage {
  line-height: 15px;
}
.add-item-dialog ul.attachments li.attachment .upload-form p.uploading-stage span,
.add-item-dialog ul.attachments li.attachment .upload-form p.processing-stage span {
  margin-top: 0px;
}
.add-item-dialog ul.attachments li.attachment .upload-form .progress {
  height: 6px;
}
.add-item-dialog ul.attachments li.attachment .upload-form .progress .mercury {
  height: 6px;
}

.item-dialog-selector {
  margin-top: 0;
}
.item-dialog-selector .select2-choice {
  background: #ffffff;
  border: solid 1px #c7c7c7;
  color: #323232;
  padding: 6px 8px;
}
.item-dialog-selector .select2-choice abbr {
  top: 13px;
  right: 21px;
}
.item-dialog-selector .select2-choice .select2-arrow {
  padding-top: 6px;
}
.item-dialog-selector .select2-no-results {
  padding: 10px;
}
.item-dialog-selector.select2-drop {
  background: #ffffff;
  border: solid 1px #c7c7c7;
  padding: 7px 0 0 0;
}
.item-dialog-selector .select2-search {
  padding: 0 7px 6px 7px;
}
.item-dialog-selector .select2-input {
  background-image: none;
  border-radius: 3px;
}
.item-dialog-selector .select2-results {
  padding: 0;
  margin: 0;
}
.item-dialog-selector .select2-results .select2-result:last-child {
  border-radius: 0 0 3px 3px;
}
.item-dialog-selector .select2-results .select2-highlighted {
  background: #175574;
  color: #fff;
}

.item-tags {
  margin-top: 2px;
  margin-left: 3px;
  list-style-type: none;
  display: inline-block;
  position: relative;
  padding-left: 0px;
}
.item-tags li .icon {
  width: 8px;
  height: 8px;
  background-image: url("/static/images/icons-sprite.png");
  background-repeat: no-repeat;
  background-position: -4px -228px;
  padding-right: 2px;
}
.retina .item-tags li .icon {
  background-image: url("/static/images/icons-sprite@2x.png");
  background-size: 80px 2000px;
}
.item-tags li .icon:hover {
  cursor: pointer;
  background-position-x: -36px;
}
.item-tags .tag-holder {
  margin-right: 1px;
  margin-bottom: -2px;
}
.item-tags .tag-holder button {
  font-weight: bold;
  color: #555555;
}
.item-tags li {
  line-height: normal;
  font-size: 11px;
  display: block;
  float: left;
  margin-right: 3px;
}
.item-tags li a {
  color: #555555;
  font-size: 11px;
  font-weight: bold;
}
.item-tags li.pop {
  float: none;
  line-height: 1.25em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-right: 0px;
  width: 80px;
  text-align: center;
}
.item-tags li.pop a {
  display: block;
  padding: 6px 10px;
}
.item-tags li .smart_pop.smart_pop_right > .arrowBody {
  left: -5px;
}
.item-tags li .smart_pop.smart_pop_right > .arrowBorder {
  left: -6px;
}
.item-tags .tag button {
  font-weight: bold;
  color: #555555;
  max-width: 160px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.item-tags li:last-child {
  margin-right: 0px;
  border-bottom: none;
}

.item-tags-holder {
  position: relative;
  line-height: 21px;
  height: 30px;
}
.item-tags-holder .tags {
  height: 0px;
}
.item-tags-holder p.placeholder {
  cursor: pointer;
  text-align: center;
  position: absolute;
  top: 2px;
  width: 100%;
  opacity: .7;
  font-size: 16px;
  color: #84b431;
}
.item-tags-holder .item-tags {
  border-bottom: 1px dotted #84b431;
  height: 30px;
  margin-left: 0;
  width: 100%;
  box-sizing: border-box;
}
.item-tags-holder .item-tags ul {
  list-style-type: none;
}
.item-tags-holder .item-tags .suggestions-container {
  display: none;
  position: absolute;
  top: 34px;
  left: 0px;
  z-index: 5000;
}
.item-tags-holder .item-tags .suggestions-container .top-arrow {
  position: absolute;
  top: -10px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
}
.item-tags-holder .item-tags .suggestions {
  background-color: #ffffff;
  width: 150px;
  border-radius: 5px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
}
.item-tags-holder .item-tags .suggestions li {
  border-bottom: 1px solid #c7c7c7;
  padding: 3px 7px;
  font-size: 13px;
  color: #515151;
  cursor: pointer;
  float: none;
  line-height: 24px;
}
.item-tags-holder .item-tags .suggestions li:first-child {
  border-radius: 5px 5px 0 0;
}
.item-tags-holder .item-tags .suggestions li:last-child {
  border-radius: 0 0 5px 5px;
  border-bottom: none;
}
.item-tags-holder .item-tags .suggestions li:only-child {
  border-radius: 5px;
}
.item-tags-holder .item-tags .suggestions li.selected {
  font-weight: bold;
  background-color: #175574;
  color: #fff;
}

ul.tags {
  list-style-type: none;
}
ul.tags li.add,
ul.tags li.tag {
  float: left;
  display: block;
}
ul.tags li.tag.selected {
  background-color: #fff;
}
ul.tags li.tag {
  padding: 1px 0px;
  border: solid 1px #d0d0d0;
  margin-right: 10px;
  margin-bottom: 7px;
  background-color: #f6f6f6;
  border-radius: 3px;
  color: #323232;
  font-size: 13px;
}
ul.tags li.tag.filter {
  float: none;
  display: block;
  background-color: transparent;
  border: none;
}
ul.tags li.tag.filter button {
  vertical-align: middle;
  margin-right: 4px;
}
ul.tags li.tag .name {
  display: block;
  float: left;
  padding: 0px 7px 1px 2px;
  color: #323232;
  line-height: 21px;
}
ul.tags li.tag .delete-tag {
  float: left;
  display: block;
  text-align: center;
  width: 16px;
  height: 16px;
  background: url("/static/images/icons-sprite.png") no-repeat 0 -208px;
  margin: 4px 0px 0 4px;
}
ul.tags li.tag .delete-tag:hover {
  background-position: -48px -208px;
}
ul.tags li.add {
  position: relative;
}
ul.tags li.add input {
  border: 0px;
  font-size: 13px;
  color: #515151;
  background: transparent;
}
ul.tags li.add input:focus {
  outline: none;
}

.condensed .tags-col .multi .multi-tags.minimized,
.condensed .tags-col .multi .tag.expanded {
  display: inline;
}
.condensed .tags-col .multi .tag.minimized,
.condensed .tags-col .multi .multi-tags.expanded {
  display: none;
}

.default .tags-col .multi .multi-tags {
  display: none;
}
.default .tags-col .multi .tag {
  display: inline;
  padding-bottom: 2px;
}

.tag_edit {
  width: 150px;
}
.tag_edit .popup li {
  float: none;
  line-height: 2em;
  padding: 4px;
  border-bottom: 1px solid #c7c7c7;
  margin-right: 0px;
}
.tag_edit .popup li .delete-tag {
  text-indent: -9999px;
  display: inline-block;
  position: relative;
  top: 6px;
  width: 16px;
  height: 16px;
  background: url("/static/images/icons-sprite.png") no-repeat 0 -208px;
}
.tag_edit .popup li .delete-tag:hover {
  background-position-x: -48px;
}

.estimator {
  float: left;
  margin-left: 3px;
  position: relative;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  color: #FFF;
  text-align: center;
  font-weight: 600;
  cursor: pointer;
}
.estimator .score.estimate {
  line-height: 21px;
  font-size: 10px;
}
.estimator .score.estimate.disabled {
  cursor: default;
}
.estimator li {
  left: 0px;
  top: -1px;
  cursor: pointer;
  border-radius: 20px;
  width: 21px;
  height: 21px;
  display: block;
  text-align: center;
  line-height: 20px;
  font-size: 10px;
  color: #fff;
  text-shadow: none;
}
.estimator .scores {
  position: absolute;
  width: 190px;
  left: 30px;
  top: -10px;
}
.estimator .scores ol {
  list-style-type: none;
  padding: 5px 5px 6px 5px;
}
.estimator .scores ol li {
  float: left;
  margin-right: 5px;
  font-size: 10px;
}
.estimator .scores ol li:last-child {
  margin-right: 0px;
}

.story .estimator {
  background-color: #84b431;
}

.task .estimator {
  background-color: #454545;
}

.defect .estimator {
  background-color: #D94949;
}

.test .estimator {
  background-color: #5A96AB;
}

.status-changer {
  position: relative;
}
.status-changer .status {
  background: url("/static/images/icons-sprite.png") no-repeat 0px 0px;
  display: block;
  height: 16px;
  margin: auto;
  width: 16px;
  cursor: pointer;
}
.status-changer .status[data-status="someday"] {
  background-position: 0 -64px;
}
.status-changer .status[data-status="backlog"] {
  background-position: 0 -80px;
}
.status-changer .status[data-status="current"] {
  background-position: 0 -94px;
}
.status-changer .status[data-status="complete"] {
  background-position: 0 -110px;
}
.status-changer .status[data-status="accepted"] {
  background-position: 0 -128px;
}
.status-changer .status-menu {
  position: absolute;
  width: 145px;
  top: 22px;
  left: -58px;
}
.status-changer .status-menu .inner {
  list-style: none;
}
.status-changer .status-menu .inner .status-change {
  border-bottom: 1px solid #D3D3D3;
  padding: 6px 8px 6px 9px;
  line-height: 20px;
}
.status-changer .status-menu .inner .status-change:last-child {
  border-bottom: none;
}
.status-changer .status-menu .inner .status-change button:before {
  background: url("/static/images/icons-sprite.png") no-repeat 0px 0px;
  content: '';
  display: inline-block;
  height: 16px;
  width: 16px;
  margin: auto;
  position: relative;
  top: 2px;
  padding-right: 5px;
}
.status-changer .status-menu .inner .status-change button.someday:before {
  background-position: 0 -64px;
}
.status-changer .status-menu .inner .status-change button.backlog:before {
  background-position: 0 -80px;
}
.status-changer .status-menu .inner .status-change button.current:before {
  background-position: 0 -94px;
}
.status-changer .status-menu .inner .status-change button.complete:before {
  background-position: 0 -110px;
}
.status-changer .status-menu .inner .status-change button.accepted:before {
  background-position: 0 -128px;
}

.card {
  position: relative;
  background: #fff;
  border: 1px solid #c7c7c7;
  border-radius: 5px;
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.05);
  padding: 8px 8px 7px 8px;
  font-size: 13px;
  color: #323232;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-align: left;
}
.card.unmatched-item {
  opacity: 0.5;
}
.card.unmatched-item:hover {
  opacity: 1;
}
.card.selected {
  background-color: #FFFEDC;
}
.card .top {
  cursor: move;
}
.card .bottom {
  margin-top: 4px;
}
.card .card_footer {
  padding-top: 5px;
  text-align: right;
  font-size: 10px;
  color: #767676;
}
.card .card_footer.hide {
  display: none;
}
.card .card_footer p {
  font-size: 11px;
  line-height: 14px;
}
.card .card_footer a {
  color: #767676;
}
.card .card_footer a:hover {
  color: #21718D;
}
.card.story .estimator .score {
  background-color: #84b431;
}
.card.task .estimator .score {
  background-color: #454545;
}
.card.test .estimator .score {
  background-color: #5A96AB;
}
.card.defect .estimator .score {
  background-color: #D94949;
}
.card .estimator {
  float: left;
  margin-left: 3px;
  position: relative;
  width: 20px;
  height: 20px;
}
.card .estimator .score.estimate {
  position: absolute;
}
.card .estimator .score.estimate.disabled {
  cursor: default;
}
.card .estimator .score {
  left: 0px;
  top: -1px;
  cursor: pointer;
  border-radius: 20px;
  width: 21px;
  height: 21px;
  display: block;
  text-align: center;
  font-size: 10px;
  color: #fff;
  text-shadow: none;
}
.card .estimator .scores {
  position: absolute;
  width: 165px;
  left: 30px;
  top: -10px;
}
.card .estimator .scores ol {
  list-style-type: none;
  padding: 5px 5px 6px 5px;
}
.card .estimator .scores ol li {
  float: left;
  margin-right: 5px;
}
.card .estimator .scores ol li:last-child {
  margin-right: 0px;
}
.card .js-clickable-blue.user {
  color: #454545;
  font-weight: bold;
}
.card .js-clickable-blue.user:hover {
  text-decoration: underline;
}
.card .status {
  position: relative;
  line-height: 19px;
  -webkit-font-smoothing: antialiased;
  margin-left: 7px;
  float: left;
  font-size: 11px;
}
.card .status .user {
  font-weight: bold;
}
.smart_pop .card .status {
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card .status .assigner {
  top: 12px;
  left: -9px;
  position: absolute;
}
.card .status .unassigned {
  background: url("/static/images/unassigned_icon_18.png");
}
.card .status .avatar,
.card .status .unassigned {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 5px;
  border-radius: 2px;
}
.card .status button.assign {
  font-weight: bold;
}
.card .status .blocked {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background-color: #BB7375;
  margin-left: 4px;
}
.card .status .blocked .popup_wrapper {
  position: absolute;
  top: 3px;
  padding-top: 15px;
}
.card .status .blocked .popup_wrapper:hover {
  display: block;
}
.card .status .blocked .popup {
  position: relative;
  width: 150px;
}
.card .status .blocked .popup .inner {
  padding: 5px 7px;
}
.card.someday .actions .buttons.someday {
  width: 140px;
  white-space: nowrap;
}
.card:hover .actions {
  display: block;
}
.card .actions {
  display: none;
  float: left;
  margin-left: 10px;
  position: relative;
  padding-right: 40px;
}
.card .actions .buttons {
  margin: -1px;
}
.card .actions button {
  padding: 0 7px;
  margin: 0 1px;
  font-size: 11px;
  border: 0px;
  line-height: 20px;
  box-shadow: none;
  text-shadow: none;
  display: inline-block;
  -webkit-font-smoothing: initial;
}
.card .actions button:first-child {
  margin-right: 3px;
}
.card .actions button.green:hover {
  border: none;
  box-shadow: none;
}
.card .actions button.not-done {
  background-color: #FF9700;
}
.card .actions button.not-done:hover {
  background-color: #db8200;
}
.card .actions .reasons {
  top: 26px;
  left: -62px;
  width: 170px;
}
.card .actions .reasons ul {
  list-style-type: none;
  padding: 5px 10px;
}
.card .actions .reasons ul li {
  margin: 0px;
  padding: 2px 0px;
}
.card .actions .reasons ul li input[type=radio] {
  margin: 4px 7px 0 0;
  float: left;
}
.card .actions .reasons ul li label {
  line-height: 22px;
  cursor: pointer;
}
.card .actions .reasons ul li input.duplicate {
  width: 55px;
  margin-left: 3px;
  margin-top: 0px;
  border: solid 1px #c7c7c7;
  border-radius: 3px;
  padding: 3px;
  box-sizing: border-box;
}
.card .actions .reasons.dashboard-reasons {
  top: 26px;
  left: -15px;
}
.card:hover .top .icons, .card.selected .top .icons {
  display: block;
}
.card .top .icons {
  position: absolute;
  right: 7px;
  margin: 2px 0 0 0;
  list-style-type: none;
  display: none;
}
.card .top .icons .select,
.card .top .icons .settings-wrapper {
  float: right;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  border-left: 1px solid rgba(255, 255, 255, 0.8);
  padding: 0 3px;
}
.card .top .icons .select .settings-icon,
.card .top .icons .select .select-box,
.card .top .icons .settings-wrapper .settings-icon,
.card .top .icons .settings-wrapper .select-box {
  background: url("/static/images/icons-sprite.png") no-repeat 0 -192px;
  display: block;
  width: 16px;
  height: 16px;
}
.card .top .icons .select {
  border-right: none;
  padding-right: 0px;
  display: none;
}
.card .top .icons .select .select-box {
  background-position: 0px -176px;
}
.card .top .icons .select .select-box:active {
  background-position: 0px -176px;
}
.card .top .icons .select.selected button {
  background-position: -16px -176px;
}
.card .top .icons .select.selected button:active {
  background-position: -16px -176px;
}
.card .top .icons .settings-wrapper {
  border-left: none;
}
.card .top .icons .settings-wrapper .settings-icon {
  background-position: 0px -160px;
}
.card .top .icons .settings-wrapper .settings-icon:hover {
  background-position: -32px -160px;
}
.card .top .icons .settings-wrapper .settings {
  border-left: 0px;
}
.card .top .icons .settings-wrapper .settings .smart_pop:before {
  bottom: -5px;
  content: ' ';
  display: block;
  left: 110px;
  position: absolute;
  right: 2px;
  top: -28px;
}
.card .top .icons .settings-wrapper .settings .popup {
  width: 100%;
}
.card .top .icons .settings-wrapper .settings .popup ul {
  list-style: none;
}
.card .top .icons .settings-wrapper .settings .popup li {
  float: none;
  border-left: 0px;
  margin-left: 0px;
  border-bottom: solid 1px #e8e8e8;
}
.card .top .icons .settings-wrapper .settings .popup li:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.card .top .icons .settings-wrapper .settings .popup li:last-child {
  border-bottom: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.card .top .icons .settings-wrapper .settings .popup li:hover {
  color: #fff;
  background: #175574;
}
.card .top .icons .settings-wrapper .settings .popup li .js-clickable-blue {
  display: block;
  width: 100%;
  height: initial;
  line-height: 15px;
  text-align: left;
  padding: 8px 5px 7px 7px;
  border: none;
  font-size: 13px;
  color: #323232;
}
.card .top .icons .settings-wrapper .settings .popup li .js-clickable-blue span {
  background: url("/static/images/icons-sprite.png") no-repeat 0 -192px;
  width: 16px;
  height: 16px;
  padding-left: 0px;
  margin-right: 5px;
  background-position-x: 0px;
  display: block;
  float: left;
}
.card .top .icons .settings-wrapper .settings .popup li .js-clickable-blue span.someday {
  background-position: 0px -64px;
}
.card .top .icons .settings-wrapper .settings .popup li .js-clickable-blue span.backlog {
  background-position: 0px -80px;
}
.card .top .icons .settings-wrapper .settings .popup li .js-clickable-blue span.current {
  background-position: 0px -96px;
}
.card .top .icons .settings-wrapper .settings .popup li .js-clickable-blue span.story {
  background-position: 0px -351px;
}
.card .top .icons .settings-wrapper .settings .popup li .js-clickable-blue span.complete {
  background-position: 0px -112px;
}
.card .top .icons .settings-wrapper .settings .popup li .js-clickable-blue span.accepted {
  background-position: 0px -128px;
}
.card .top .icons .settings-wrapper .settings .popup li .js-clickable-blue span.delete {
  background-position: 0px -48px;
}
.card .top .icons .settings-wrapper .settings .popup li .js-clickable-blue span.break {
  background-position: 0px -335px;
}
.card .top .icons .settings-wrapper .settings .popup li .js-clickable-blue span.move {
  background-position: 0px -80px;
}
.card .top .icons .settings-wrapper .settings .popup li .js-clickable-blue span.promote {
  background-position: -3px -412px;
  width: 6px;
  height: 5px;
  margin: 5px 9px 0 6px;
}
.card .top .icons .settings-wrapper .settings .popup li .js-clickable-blue span.bury {
  background-position: -3px -420px;
  width: 6px;
  height: 5px;
  margin: 5px 9px 0 6px;
}
.card .top .icons .settings-wrapper .settings .popup li .js-clickable-blue span.edit {
  background-position: 0px -192px;
}
.card .top .icons .settings-wrapper .settings .popup li .js-clickable-blue span.edit:hover {
  background-position: -32px -192px;
}
.card .top .icons .settings-wrapper .settings .popup li .js-clickable-blue:hover {
  color: #fff;
  text-shadow: none;
}
.card .top .icons .settings-wrapper .settings .popup li .js-clickable-blue:hover span {
  background-position-x: -16px;
}
.card .top .icons .settings-wrapper .settings .popup li .js-clickable-blue:hover span.promote, .card .top .icons .settings-wrapper .settings .popup li .js-clickable-blue:hover span.bury {
  background-position-x: -19px;
}
.card .top .icons .settings-wrapper .settings .popup li.input-action {
  line-height: 100%;
}
.card .top .icons .settings-wrapper .settings .popup li.input-action button span {
  margin-top: -1px;
}
.card .top .icons .settings-wrapper .settings .popup li.input-action button input {
  width: 110px;
  margin: 4px 7px 0 22px;
  box-sizing: border-box;
  display: block;
  padding: 4px;
  border-radius: 3px;
  border: solid 1px #aaa;
}
.card .top .icons .settings-wrapper .settings .popup li.input-action button input.small {
  width: 24px;
}
.card .top .icons .settings-wrapper .settings .popup li.separator {
  margin: 0px;
  padding: 0px;
}
.card .top .icons .settings-wrapper .settings .popup li.separator hr {
  margin: 0 -1px 0 -1px;
  border-top: 1px solid #DDD;
  height: 1px;
  background: #EFEFE8;
  border-bottom: 1px solid #DDD;
}
.card .top .icons .settings-wrapper .settings .popup li.delete:hover {
  background: #D44744;
}
.card.complete .top .icons .confirm {
  display: block;
}
.card.story .body {
  background: #E4EFCF;
  border: 1px solid #D2DBBF;
}
.card.defect .body {
  background: #F8E6E6;
  border: 1px solid #F0D1CF;
}
.card.task .body {
  background: #F0F0EC;
  border: 1px solid #CBCBC6;
}
.card.test .body {
  background: #ebf7fa;
  border: 1px solid #b6d9e2;
}
.card .body {
  padding: 8px 8px 6px 8px;
  margin: 7px 0 0 0;
  border-radius: 3px;
}
.card_container .card .body {
  padding: 10px 12px;
}
.card .body .title {
  font-size: 14px;
  line-height: 19px;
  color: #323232;
  word-wrap: break-word;
  max-width: 100%;
}
.card .body .title .card_no_hover {
  text-decoration: none;
}
.card .body .title:not(.card_no_hover):hover {
  text-decoration: underline;
}
.card .body .title .part {
  background-color: #F4F9EC;
  padding: 1px 2px;
  border-bottom: 1px solid #D7E2C4;
}
.card .body .description {
  margin: 10px 0px;
  font-size: 14px;
  line-height: 18px;
}
.card .body .description .number {
  color: #323232;
  border: 1px solid #C6C6C5;
  background: #F7F7F2;
  font-family: "Monaco", Courier New, monospace;
  font-size: 10px;
  padding: 3px 4px;
  margin: 0 3px;
  border-radius: 3px;
}
.card .body .description .number.defect {
  background-color: #F8E6E6;
  border-color: #F0D1CF;
  color: #D94949;
}
.card .body .description .number.story {
  background-color: #E4EFCF;
  border-color: #D2DBBF;
  color: #96be60;
}
.card .body .description .number.task {
  background-color: #F0F0EC;
  border-color: #CBCBC6;
  color: #454545;
}
.card .body .description .number.test {
  background-color: #ebf7fa;
  border-color: #b6d9e2;
  color: #5A96AB;
}
.card .body .description pre code {
  display: block;
  font-size: 14px;
  white-space: pre;
  background-color: rgba(255, 255, 255, 0.25);
  padding: 5px 8px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.card .bottom .number {
  float: left;
  color: #323232;
  font-family: "Monaco", Courier, monospace;
  font-size: 10pt;
}
.card .bottom .number div {
  float: left;
  margin-right: 3px;
}
.card .bottom .number div:last-child {
  margin-right: 0;
}
.card .stats {
  float: right;
  list-style-type: none;
  font-size: 10pt;
}
.card .stats .zero {
  opacity: .35;
}
.card .stats .stat {
  color: #9F9F9D;
  float: right;
  display: block;
  margin-left: 10pt;
  text-shadow: none;
  position: relative;
}
.card .stats .stat a,
.card .stats .stat button {
  color: #9F9F9D;
  display: block;
  cursor: default;
}
.card .stats .stat a:before,
.card .stats .stat button:before {
  content: '';
  display: inline-block;
  background: url("/static/images/icons-sprite.png") no-repeat 0px 0px;
  width: 16px;
  height: 9px;
  position: relative;
  top: 1px;
  right: 1px;
}
.card .stats .stat a:hover:before,
.card .stats .stat button:hover:before {
  background-position-x: -32px;
}
.card .stats .team a:before {
  background-position: 0 -4px;
}
.card .stats .team .popup {
  bottom: 17px;
  left: -68px;
  top: inherit;
}
.card .stats .team .popup ol {
  width: 150px;
  list-style-type: none;
}
.card .stats .team .popup ol li {
  display: block;
  line-height: 15px;
  padding: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.card .stats .team .popup ol li:last-child {
  border-bottom: none;
}
.card .stats .team .popup img {
  width: 15px;
  height: 15px;
  float: left;
  margin-right: 5px;
  border-radius: 2px;
}
.card .stats .comments a:before {
  background-position: 0 -36px;
}
.card .stats .favorites button:before {
  background-position: 0 -20px;
}
.card .stats .favorites.on button:before {
  background-position: -50px -20px;
}

.items_column .card:hover .status button.assign {
  max-width: 65px;
  max-height: 19px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.is_subitem .settings .someday {
  display: none;
}

.item_card_container.has_sub_items .card_container .card {
  border-radius: 5px 5px 0 0;
}
.item_card_container.has_sub_items .sub_items {
  list-style-type: none;
  border-radius: 0 0 5px 5px;
}
.item_card_container.has_sub_items .sub_items .card_item {
  margin: 0px;
}
.item_card_container.has_sub_items .sub_items .card_item .card {
  position: relative;
  border-top: none;
  border-bottom: 1px solid #c3c3c3;
  border-radius: 0;
  padding: 0px;
  height: 30px;
}
.item_card_container.has_sub_items .sub_items .card_item .card.defect {
  background: #F8E6E6;
}
.item_card_container.has_sub_items .sub_items .card_item .card.task {
  background: #F0F0EC;
}
.item_card_container.has_sub_items .sub_items .card_item .card.story {
  background: #E4EFCF;
}
.item_card_container.has_sub_items .sub_items .card_item .card.story .body .title span {
  border: 0px;
  background: none;
}
.item_card_container.has_sub_items .sub_items .card_item .card.story .body .title span.what {
  background-color: #F4F9EC !important;
  padding: 1px 2px !important;
  border-bottom: 1px solid #D7E2C4 !important;
}
.item_card_container.has_sub_items .sub_items .card_item .card.test {
  background: #ebf7fa;
}
.item_card_container.has_sub_items .sub_items .card_item .card.selected {
  background-color: #FFFEDC;
}
.item_card_container.has_sub_items .sub_items .card_item .card .top {
  width: 100%;
  position: absolute;
  top: 6px;
}
.item_card_container.has_sub_items .sub_items .card_item .card .top .estimator {
  margin-left: 9px;
}
.item_card_container.has_sub_items .sub_items .card_item .card .top .icons {
  right: 6px;
}
.item_card_container.has_sub_items .sub_items .card_item .card .buttons {
  display: none;
}
.item_card_container.has_sub_items .sub_items .card_item .card .status button,
.item_card_container.has_sub_items .sub_items .card_item .card .status span {
  display: none;
}
.item_card_container.has_sub_items .sub_items .card_item .card .body {
  padding: 0px;
  margin: 0px;
  background: none;
  border: none;
  position: absolute;
  top: 5px;
  left: 63px;
  right: 55px;
}
.item_card_container.has_sub_items .sub_items .card_item .card .body a {
  font-size: 12px;
  line-height: 20px;
  margin-left: 0px;
  display: block;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.item_card_container.has_sub_items .sub_items .card_item .card .body .item-tags {
  display: none;
}
.item_card_container.has_sub_items .sub_items .card_item .card .stats {
  display: none;
}
.item_card_container.has_sub_items .sub_items .card_item .card .bottom .number {
  position: absolute;
  right: -50px;
  top: 5px;
}
.item_card_container.has_sub_items .sub_items .card_item .card .bottom .clip-div {
  display: none;
}
.item_card_container.has_sub_items .sub_items .card_item .card:hover .bottom .number, .item_card_container.has_sub_items .sub_items .card_item .card.selected .bottom .number {
  display: none;
}
.item_card_container.has_sub_items .sub_items .card_item .card .top .estimator {
  margin-left: 5px;
}
.item_card_container.has_sub_items .sub_items .card_item .card .body {
  left: 82px;
}
.item_card_container.has_sub_items .sub_items .card_item .card .card_footer {
  display: none;
}
.item_card_container.has_sub_items.has_accepted_sub_items .sub_items {
  border-radius: 0;
}
.item_card_container.has_sub_items.hide_accepted_sub_items .card_item.accepted {
  display: none;
}
.item_card_container.has_sub_items .accepted-count {
  border: 1px solid #c7c7c7;
  border-top: none;
  padding: 0px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  background-color: #fff;
  border-radius: 0 0 5px 5px;
}
.item_card_container.has_sub_items .accepted-count a {
  color: #175574;
}
.item_card_container.has_sub_items .accepted-count .show-more-toggle,
.item_card_container.has_sub_items .accepted-count .show-all-items,
.item_card_container.has_sub_items .accepted-count .show-accepted {
  font-weight: bold;
}

.items_column.backlog .items .item:first-child .promote,
.items_column.someday .items .item:first-child .promote {
  display: none;
}
.items_column.backlog .items .item:last-child .bury,
.items_column.someday .items .item:last-child .bury {
  display: none;
}

/*
Tab View

View to hold a tab menu on the left with swappable content on the right

Usage:

<div class="tab-view">
  <nav class="tab-menu">
    <!-- Menu items here... -->
  </nav>
  <div class="tab-view-content-wrapper">
    <div class="tab-view-content">
      <!-- Swappable view content here -->
    </div>
  </div>
</div>
*/
.tab-menu {
  background-color: #f6f8fa;
  font-size: 13px;
  height: 100%;
  z-index: 10;
}
.tab-menu ul {
  border: 1px solid #dadada;
  border-bottom: none;
  border-radius: 3px;
  height: 100%;
}
.tab-menu ul li:first-child button {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.tab-menu ul li:last-child button {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.tab-menu button {
  background-color: #fff;
  background-position: 13px 19px;
  background-repeat: no-repeat;
  border-bottom: 1px solid #c7c7c7;
  color: #323232;
  width: 100%;
  display: block;
  text-align: left;
  padding: 19px 20px 19px 42px;
  position: relative;
}
.no-touch .tab-menu button {
  -webkit-transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.tab-menu button:hover,
.tab-menu .on button {
  background-color: #175574;
  color: #fff;
  font-weight: bold;
  border-bottom: 1px solid #175574;
}

.modal-tabbed {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.modal-tabbed .tab-menu {
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.modal-tabbed .tab-menu ul,
.modal-tabbed .tab-menu ul li:first-child button,
.modal-tabbed .tab-menu ul li:last-child button {
  border-radius: 0;
}
.modal-tabbed .tab-menu ul {
  border-bottom: none;
  border-left: none;
  border-top: none;
}
.modal-tabbed .tab-view-content-wrapper {
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

/*
----------------------------------------------------
Modal blanket/wrapper/overlay
----------------------------------------------------
*/
.modal-wrapper,
.modal-blanket {
  background-color: rgba(0, 0, 0, 0.35);
  height: 100%;
  left: 0;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1001;
}
.modal-wrapper#rename_tag_modal, .modal-wrapper#remove_tag_modal,
.modal-blanket#rename_tag_modal,
.modal-blanket#remove_tag_modal {
  z-index: 2033;
}

.modal-is-open {
  overflow: hidden;
}

/*
----------------------------------------------------
All modals
----------------------------------------------------
*/
.modal-tabbed,
.modal-large,
.modal-medium,
.modal-small {
  border-radius: 5px;
  background-color: #fff;
  margin-bottom: 40px;
  /* Room to breath at the bottom of the modal when the screen is scrolled to the max */
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.modal-tabbed .close-button,
.modal-large .close-button,
.modal-medium .close-button,
.modal-small .close-button {
  display: block;
  float: right;
  padding: 14px;
}

.modal-large {
  border: 1px solid #D3D3D3;
}
.modal-large .modal-inner {
  padding: 20px;
}

.modal-medium,
.modal-small {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  margin-top: 150px;
}
.modal-medium .modal-inner,
.modal-small .modal-inner {
  padding: 10px;
}

.confirm-product-move {
  z-index: 5001;
}

/*
----------------------------------------------------
Large Modal
----------------------------------------------------
*/
.modal-large {
  width: 560px;
}
.modal-large .modal-content {
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

/*
----------------------------------------------------
Medium Modal
----------------------------------------------------
*/
.modal-medium {
  width: 352px;
}

/*
----------------------------------------------------
Small Modal
----------------------------------------------------
*/
.modal-small {
  width: 500px;
}

/*
----------------------------------------------------
Modal contents
----------------------------------------------------
*/
/*
Modal header bar
*/
.modal-header {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #333333;
  border-bottom: solid 1px #000000;
  box-sizing: border-box;
  color: #fff;
  height: 44px;
  position: relative;
}
.modal-header .modal-title {
  color: #fff;
  font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 13px;
  line-height: 44px;
  margin: 0;
  text-align: center;
  text-shadow: none;
}
.modal-header .close-button {
  right: 0px;
  top: -2px;
  position: relative;
}

/*
Modal title text
*/
.modal-title {
  color: #21718D;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 18px;
  line-height: 1.2em;
}
.modal-title button {
  color: #fff;
}

.modal-large .modal-title {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 28px;
  text-align: center;
}

.modal-medium .modal-title,
.modal-small .modal-title {
  margin: 5px 10px 10px;
}

/*
Rounded inset modal box with grey background
*/
.modal-well {
  border-radius: 3px;
  background-color: #f6f8fa;
  border: 1px solid #e9eef3;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 13px;
  padding: 20px;
}
.modal-well .btn, .modal-well .item-following button.follow, .item-following .modal-well button.follow, .modal-well .item-following button.following, .item-following .modal-well button.following {
  margin: 5px;
}
.modal-well .modal-well-buttons {
  margin: -5px;
}
.modal-well .input-wrapper input[type="email"],
.modal-well .input-wrapper input[type="password"],
.modal-well .input-wrapper input[type="text"],
.modal-well .input-wrapper input[type="url"],
.modal-well .input-wrapper textarea {
  background-color: #fff;
}

.modal-well-text {
  color: #454545;
  font-size: 13px;
  line-height: 1.2em;
  margin-bottom: 18px;
}
.modal-well-text p {
  margin: 10px 0;
}
.modal-well-text p:first-child {
  margin-top: 0;
}
.modal-well-text .footnote {
  color: #767676;
  font-size: 11px;
}

.modal-large .modal-well-text p {
  font-size: 15px;
}

/*
----------------------------------------------------
Modal transition
----------------------------------------------------
*/
.modal-transition {
  /* Apply .modal-transition to the actual modal element (.modal-tabbed, .modal-medium, or .modal-small) */
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  opacity: 0;
}

.is-open .modal-transition {
  /* Apply .is-open to the .modal-blanket element */
  opacity: 1;
}

.modal-tabbed.modal-transition,
.modal-large.modal-transition {
  -moz-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -webkit-transform: translateY(-60px);
  transform: translateY(-60px);
}
.is-open .modal-tabbed.modal-transition, .is-open
.modal-large.modal-transition {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/*
----------------------------------------------------
Item Detail Modal
----------------------------------------------------
*/
.item-detail-modal {
  border-radius: 6px;
}
.item-detail-modal .modal-header h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 125px;
}
.item-detail-modal .modal-header a {
  color: #fff;
}
.item-detail-modal .modal-header a:hover {
  text-decoration: underline;
}

/*
----------------------------------------------------
Observer Upsell Modal
----------------------------------------------------
*/
.role-upsell-modal {
  border: none;
  margin-top: 75px;
  width: 650px;
}

.global-drawer {
  height: 50px;
}
.global-drawer .floater {
  position: fixed;
  z-index: 990;
  left: 0;
  right: 0;
  top: 51px;
}
.global-drawer .floater .content {
  position: relative;
  width: 1000px;
  margin: 0px auto;
}
.global-drawer .control-panel {
  position: relative;
  background-color: #333333;
  border-radius: 0 0 7px 7px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 7px 10px 7px 13px;
  font-size: 13px;
  color: #e5e5e5;
  line-height: 22px;
}
.global-drawer .control-panel .panel-wrapper {
  display: table;
}
.global-drawer .control-panel .panel-group {
  display: table-cell;
  padding: 0 4px;
  border-left: 1px solid #646464;
  font-size: 13px;
  vertical-align: middle;
}
.global-drawer .control-panel .panel-group:first-child {
  padding-left: 0;
  border-left: none;
}
.global-drawer .control-panel .panel-group:first-child ul:first-child {
  margin-left: 0;
}
.global-drawer .control-panel .panel-group:last-child {
  padding-right: 0;
  border-right: none;
}
.global-drawer .control-panel .panel-group:last-child ul:last-child {
  margin-right: 0;
}
.global-drawer .control-panel .panel-group > div {
  display: inline-block;
}
.global-drawer .control-panel input[type=text] {
  margin: 0;
  padding: 0px 10px;
  color: #eaeaea;
  background: #222222;
  border: none;
  font-size: 13px;
  height: 28px;
  border-radius: 4px;
}
.global-drawer .control-panel label {
  font-size: 13px;
  cursor: text;
  pointer-events: none;
}
.global-drawer .control-panel .field {
  display: inline-block;
  position: relative;
  margin: 0 5px;
}
.global-drawer .control-panel .field.labeless label {
  position: absolute;
  top: 50%;
  left: 13px;
  margin-top: -13px;
  color: #bcbcbc;
  font-size: 13px;
  font-weight: 300;
  line-height: 27px;
}
.global-drawer .control-panel ul,
.global-drawer .control-panel ol {
  display: inline-block;
  list-style: none;
  margin: 0 5px;
  font-size: 0;
}
.global-drawer .control-panel ul li,
.global-drawer .control-panel ol li {
  display: inline-block;
  position: relative;
  margin: 0 5px;
  color: #e5e5e5;
  font-size: 13px;
  vertical-align: middle;
  cursor: pointer;
}
.global-drawer .control-panel ul li .global-button,
.global-drawer .control-panel ul li .settings,
.global-drawer .control-panel ul li .close,
.global-drawer .control-panel ol li .global-button,
.global-drawer .control-panel ol li .settings,
.global-drawer .control-panel ol li .close {
  font-size: 13px;
  line-height: 27px;
  background-color: #fafafa;
  color: #323232;
  font-weight: bold;
  padding: 0;
  border-radius: 3px;
  cursor: pointer;
  border: none;
}
.global-drawer .control-panel ul li .global-button span,
.global-drawer .control-panel ul li .settings span,
.global-drawer .control-panel ul li .close span,
.global-drawer .control-panel ol li .global-button span,
.global-drawer .control-panel ol li .settings span,
.global-drawer .control-panel ol li .close span {
  display: block;
  padding: 0 10px;
}
.global-drawer .control-panel ul li .global-button.menu span,
.global-drawer .control-panel ul li .settings.menu span,
.global-drawer .control-panel ul li .close.menu span,
.global-drawer .control-panel ol li .global-button.menu span,
.global-drawer .control-panel ol li .settings.menu span,
.global-drawer .control-panel ol li .close.menu span {
  padding-right: 25px;
}
.global-drawer .control-panel ul li .global-button.menu span:after,
.global-drawer .control-panel ul li .settings.menu span:after,
.global-drawer .control-panel ul li .close.menu span:after,
.global-drawer .control-panel ol li .global-button.menu span:after,
.global-drawer .control-panel ol li .settings.menu span:after,
.global-drawer .control-panel ol li .close.menu span:after {
  content: '';
  padding: 0px;
  position: absolute;
  top: 13px;
  right: 11px;
  width: 6px;
  height: 4px;
  background: transparent url("/static/images/icons-sprite.png") no-repeat -3px -403px;
}
.global-drawer .control-panel ul li .global-button.settings span:after, .global-drawer .control-panel ul li .global-button.tag span:after,
.global-drawer .control-panel ul li .settings.settings span:after,
.global-drawer .control-panel ul li .settings.tag span:after,
.global-drawer .control-panel ul li .close.settings span:after,
.global-drawer .control-panel ul li .close.tag span:after,
.global-drawer .control-panel ol li .global-button.settings span:after,
.global-drawer .control-panel ol li .global-button.tag span:after,
.global-drawer .control-panel ol li .settings.settings span:after,
.global-drawer .control-panel ol li .settings.tag span:after,
.global-drawer .control-panel ol li .close.settings span:after,
.global-drawer .control-panel ol li .close.tag span:after {
  top: 13px;
}
.global-drawer .control-panel ul li .global-button:focus,
.global-drawer .control-panel ul li .settings:focus,
.global-drawer .control-panel ul li .close:focus,
.global-drawer .control-panel ol li .global-button:focus,
.global-drawer .control-panel ol li .settings:focus,
.global-drawer .control-panel ol li .close:focus {
  outline: none;
}
.global-drawer .control-panel ul li .settings,
.global-drawer .control-panel ol li .settings {
  font-size: 0;
}
.global-drawer .control-panel ul li .settings span,
.global-drawer .control-panel ol li .settings span {
  padding: 0 20px 0 22px;
}
.global-drawer .control-panel ul li .settings span:before,
.global-drawer .control-panel ol li .settings span:before {
  content: '';
  position: absolute;
  padding: 0px;
  top: 8px;
  left: 8px;
  width: 16px;
  height: 16px;
  background: transparent url("/static/images/icons-sprite.png") no-repeat 0px -160px;
}
.global-drawer .control-panel ul li .settings span:after,
.global-drawer .control-panel ol li .settings span:after {
  right: 7px;
}
.global-drawer .control-panel ul li .delete,
.global-drawer .control-panel ol li .delete {
  color: #fff;
  background-color: #D94949;
}
.global-drawer .control-panel ul li .delete span,
.global-drawer .control-panel ol li .delete span {
  padding-left: 25px;
  color: #fff;
}
.global-drawer .control-panel ul li .delete span:before,
.global-drawer .control-panel ol li .delete span:before {
  content: ' ';
  position: absolute;
  top: 9px;
  left: 6px;
  width: 16px;
  height: 16px;
  background: transparent url("/static/images/icons-sprite.png") no-repeat -16px -210px;
}
.global-drawer .control-panel ul li .done,
.global-drawer .control-panel ol li .done {
  color: #fff;
  background-color: #CCCCC3;
}
.global-drawer .control-panel ul li .done span,
.global-drawer .control-panel ol li .done span {
  color: #444345;
}
.global-drawer .control-panel ul li .done span:hover,
.global-drawer .control-panel ol li .done span:hover {
  color: #444345;
}
.global-drawer .control-panel ul li .close,
.global-drawer .control-panel ol li .close {
  margin: 0;
  line-height: 20px;
  background: transparent;
  border: none;
  box-shadow: none;
}
.global-drawer .control-panel ul li .close span,
.global-drawer .control-panel ol li .close span {
  position: relative;
  width: 24px;
  height: 24px;
  margin-top: 2px;
  padding: 0;
  font-size: 0;
  line-height: 20px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.45);
  border-radius: 12px;
}
.global-drawer .control-panel ul li .close span:before,
.global-drawer .control-panel ol li .close span:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  width: 16px;
  height: 16px;
  background: url("/static/images/icons-sprite.png") -16px -48px;
  opacity: .6;
}
.global-drawer .control-panel ul li .close span:hover,
.global-drawer .control-panel ol li .close span:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.global-drawer .control-panel ul li .close span:hover:before,
.global-drawer .control-panel ol li .close span:hover:before {
  opacity: 1;
}
.global-drawer .control-panel ul.button-group li,
.global-drawer .control-panel ol.button-group li {
  margin: 0;
}
.global-drawer .control-panel ul.button-group li .global-button,
.global-drawer .control-panel ol.button-group li .global-button {
  margin: 0;
  border-radius: 0;
  border-right: solid 1px #c7c7c7;
}
.global-drawer .control-panel ul.button-group li:first-child .global-button,
.global-drawer .control-panel ol.button-group li:first-child .global-button {
  margin-left: 3px;
  border-radius: 3px 0 0 3px;
}
.global-drawer .control-panel ul.button-group li:last-child .global-button,
.global-drawer .control-panel ol.button-group li:last-child .global-button {
  margin-right: 3px;
  border-right: none;
  border-radius: 0 3px 3px 0;
}
.global-drawer .control-panel ul.button-group li:only-child .global-button,
.global-drawer .control-panel ol.button-group li:only-child .global-button {
  margin-left: 3px;
  margin-right: 3px;
  border-right: none;
  border-radius: 3px;
}
.global-drawer .ui-autocomplete {
  left: 0;
  right: 0;
  width: auto;
  max-height: 250px;
  margin: 0 !important;
  text-align: left;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 990 !important;
  border-radius: 0;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}
.global-drawer .ui-autocomplete li.ui-menu-item {
  display: block;
  padding: 0;
  margin: 0;
  width: auto;
  line-height: 20px;
  background-color: #fafafc;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
}
.global-drawer .ui-autocomplete li.ui-menu-item:last-child {
  border-bottom: 0px;
}
.global-drawer .ui-autocomplete li.ui-menu-item a {
  display: block;
  line-height: 25px !important;
  width: auto;
  padding: 2px 4px !important;
}
.global-drawer .ui-autocomplete li.ui-menu-item a.ui-state-focus {
  color: #fff;
  background-color: #175574;
}
.global-drawer .ui-autocomplete li.ui-menu-item img {
  float: left;
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
  margin: 3px 6px 0 3px;
}

.global-filters-container {
  height: 50px;
}
.global-filters-container .floater {
  position: fixed;
  z-index: 990;
  left: 0;
  right: 0;
  top: 50px;
}
.global-filters-container .ui-autocomplete {
  z-index: 990 !important;
  width: 169px;
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 0;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}
.global-filters-container .ui-autocomplete li.ui-menu-item {
  display: block;
  padding: 0;
  margin: 0;
  line-height: 20px !important;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
}
.global-filters-container .ui-autocomplete li.ui-menu-item:last-child {
  border-bottom: 0px;
}
.global-filters-container .ui-autocomplete li.ui-menu-item a {
  display: block;
  line-height: 25px !important;
  padding: 2px 7px !important;
}
.global-filters-container .ui-autocomplete li.ui-menu-item img {
  float: left;
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
  margin: 3px 6px 0 3px;
}
.global-filters-container ul {
  list-style: none;
}
.global-filters-container .content {
  position: relative;
  width: 1000px;
  margin: 0px auto;
}
.global-filters-container .global-filters {
  position: relative;
  min-height: 31px;
  background-color: #333333;
  border-radius: 0 0 7px 7px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 11px 10px 7px 13px;
  font-size: 14px;
  color: #444345;
  line-height: 22px;
}
.global-filters-container .star {
  position: absolute;
  font-size: 23px;
  line-height: 35px;
  color: #000000;
}
.global-filters-container .star:hover {
  color: #ffea00;
}
.global-filters-container .star:active {
  color: #ffea00;
  font-size: 21px;
  margin: 1px 0 0 1px;
}
.global-filters-container .icon-close {
  display: inline-block;
  height: 16px;
  width: 12px;
  padding-left: 5px;
}
.global-filters-container .callout {
  position: absolute;
  top: 50px;
  margin-bottom: 10px;
  z-index: 100;
  background: #ffffff;
  border: solid 1px #c7c7c7;
  border-radius: 5px;
  box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.21);
  font-size: 14px;
}
.global-filters-container .callout .callout-inner {
  box-sizing: border-box;
  height: 100%;
  overflow-y: auto;
}
.global-filters-container .callout .callout-content {
  padding: 12px 16px 6px;
}
.global-filters-container .callout input {
  display: inline-block;
  font-weight: 300;
  font-size: 14px;
}
.global-filters-container .callout:after, .global-filters-container .callout:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.global-filters-container .callout:after {
  border-color: transparent;
  border-bottom-color: #ffffff;
  border-width: 10px;
  left: 79%;
  margin-left: -10px;
}
.global-filters-container .callout:before {
  border-color: transparent;
  border-bottom-color: #c7c7c7;
  border-width: 11px;
  left: 79%;
  margin-left: -11px;
}
.global-filters-container .saved-filters.save .save, .global-filters-container .saved-filters.view .view {
  opacity: 1;
  display: block;
}
.global-filters-container .saved-filters .callout {
  opacity: 0;
  display: none;
  padding: 10px;
  left: -13px;
  top: 48px;
  width: 215px;
}
.global-filters-container .saved-filters .callout .callout-content {
  padding: 0px;
}
.global-filters-container .saved-filters .callout.view {
  padding: 0px;
}
.global-filters-container .saved-filters .callout.save {
  width: 210px;
}
.global-filters-container .saved-filters .callout:after {
  left: 18px;
}
.global-filters-container .saved-filters .callout:before {
  right: auto;
  left: 18px;
}
.global-filters-container .saved-filters hr {
  margin: 3px 0;
  height: 0;
  border-bottom: 1px solid #fafaf9;
}
.global-filters-container .saved-filters input {
  float: left;
  margin: 2px;
  width: 140px;
  color: #515151;
  padding: 5px;
  border: 1px solid #A9AAA0;
  border-radius: 4px;
  box-shadow: inset 0px 3px 15px rgba(255, 255, 255, 0.25), 1px 1px 3px rgba(0, 0, 0, 0.08);
  font-size: 14px;
}
.global-filters-container .saved-filters li {
  float: left;
  padding: 0px;
  border-top: 1px solid #e8e8e8;
  width: 100%;
  box-sizing: border-box;
}
.global-filters-container .saved-filters li:last-child {
  border-radius: 0 0 5px 5px;
}
.global-filters-container .saved-filters li:hover {
  background: #175574;
}
.global-filters-container .saved-filters li:hover .label {
  color: #fff;
}
.global-filters-container .saved-filters input:focus {
  outline: none;
}
.global-filters-container .saved-filters .button.green-small {
  margin: 2px 0px;
  float: right;
  padding: 3px 8px;
  line-height: 22px;
}
.global-filters-container .saved-filters .button.green-small:active {
  border-top: none;
  margin-top: 3px;
}
.global-filters-container .saved-filters .label {
  width: 190px;
  text-align: left;
  margin-right: 5px;
  float: left;
  line-height: 19px;
  font-size: 13px;
  padding: 7px 10px;
}
.global-filters-container .saved-filters .close {
  float: right;
  top: 6px;
  position: relative;
  right: 5px;
}
.global-filters-container .saved-filters .title {
  display: block;
  font-size: 14px;
  position: relative;
  padding: 8px 10px;
  font-weight: bold;
}
.global-filters-container .filters {
  display: inline-block;
  position: relative;
  left: 26px;
  top: 3px;
}
.global-filters-container .filters .filter.tags .collapsible, .global-filters-container .filters .filter.created-by .collapsible, .global-filters-container .filters .filter.team .collapsible, .global-filters-container .filters .filter.members .collapsible, .global-filters-container .filters .filter.query .collapsible, .global-filters-container .filters .filter.favoritedBy .collapsible, .global-filters-container .filters .filter.mentioning .collapsible {
  width: 200px;
  padding: 10px;
}
.global-filters-container .filters .collapsible {
  position: absolute;
  top: 45px;
  left: -2px;
  width: 150px;
  background-color: #ffffff;
  border: 1px solid #c7c7c7;
  border-radius: 5px;
  padding: 5px 10px;
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
  z-index: 950;
}
.global-filters-container .filters .collapsible:after, .global-filters-container .filters .collapsible:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.global-filters-container .filters .collapsible:after {
  border-color: transparent;
  border-bottom-color: #ffffff;
  border-width: 10px;
  left: 39px;
  margin-left: -10px;
}
.global-filters-container .filters .collapsible:before {
  border-color: transparent;
  border-bottom-color: #c7c7c7;
  border-width: 11px;
  left: 39px;
  margin-left: -11px;
}
.global-filters-container .filters .filter_list {
  display: block;
  width: 836px;
  margin-bottom: -10px;
}
.global-filters-container .filters .filter {
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin: 0 7px;
}
.global-filters-container .filters .filter .close {
  top: 4px;
}
.global-filters-container .filters .filter.subItems p.title span {
  background-image: none !important;
  padding-right: 0px;
}
.global-filters-container .filters .filter.immutable {
  cursor: default;
}
.global-filters-container .filters .filter.immutable p.title span {
  padding-right: 0px;
}
.global-filters-container .filters .filter.immutable p.title span:after {
  background-image: none;
}
.global-filters-container .filters .filter p {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.025em;
  position: relative;
  display: inline-block;
  float: left;
}
.global-filters-container .filters .filter p.message, .global-filters-container .filters .filter p.title {
  padding: 4px 8px 2px 10px;
  height: 22px;
}
.global-filters-container .filters .filter p .message {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  float: left;
  margin-right: 6px;
  max-width: 210px;
}
.global-filters-container .filters .filter p.title {
  border-radius: 3px 0 0 3px;
  margin-right: 1px;
  background-color: #dad9d9;
}
.global-filters-container .filters .filter p.title:hover {
  background: #DDDDDD;
}
.global-filters-container .filters .filter p.message {
  background-color: #b9b9b1;
  border-radius: 0 3px 3px 0;
}
.global-filters-container .filters .filter p.message:hover {
  background: #C0C0BA;
}
.global-filters-container .filters .filter p.message button {
  display: block;
  float: left;
  background-position: 0px -48px;
  margin-top: 3px;
  padding: 8px;
}
.global-filters-container .section label,
.global-filters-container .filter label {
  position: relative;
  display: block;
  padding-left: 24px;
  vertical-align: top;
  height: 22px;
  margin: 6px 0;
  font-weight: 400;
}
.global-filters-container .section label input[type=checkbox],
.global-filters-container .section label input[type=radio],
.global-filters-container .filter label input[type=checkbox],
.global-filters-container .filter label input[type=radio] {
  position: absolute;
  left: 0px;
  top: 1px;
}
.global-filters-container .section label input[type=radio],
.global-filters-container .filter label input[type=radio] {
  top: 0px;
}
.global-filters-container .section.query .query-box input.query, .global-filters-container .section.tags input, .global-filters-container .section.members input.name, .global-filters-container .section.deploys input.environmentName, .global-filters-container .section.created-by input.name, .global-filters-container .section.favoritedBy input.name, .global-filters-container .section.mentioning input.name, .global-filters-container .section.team input.name,
.global-filters-container .filter.query .query-box input.query,
.global-filters-container .filter.tags input,
.global-filters-container .filter.members input.name,
.global-filters-container .filter.deploys input.environmentName,
.global-filters-container .filter.created-by input.name,
.global-filters-container .filter.favoritedBy input.name,
.global-filters-container .filter.mentioning input.name,
.global-filters-container .filter.team input.name {
  display: block;
  border: 1px solid #c7c7c7;
  border-radius: 3px;
  width: 100%;
  padding: 5px 7px;
  box-sizing: border-box;
  font-size: 13px;
}
.global-filters-container .section.query .query-box,
.global-filters-container .filter.query .query-box {
  background: url("/static/images/search-icon.png") #fff no-repeat 174px 4px;
}
.global-filters-container .section.query .query-box input,
.global-filters-container .filter.query .query-box input {
  border: 0px;
}
.global-filters-container .section.types ul label,
.global-filters-container .filter.types ul label {
  padding-left: 48px;
}
.global-filters-container .section.types ul label.defect:before,
.global-filters-container .filter.types ul label.defect:before {
  background-color: #d5404b;
}
.global-filters-container .section.types ul label.story:before,
.global-filters-container .filter.types ul label.story:before {
  background-color: #9cc847;
}
.global-filters-container .section.types ul label.test:before,
.global-filters-container .filter.types ul label.test:before {
  background-color: #379caa;
}
.global-filters-container .section.types ul label.task:before,
.global-filters-container .filter.types ul label.task:before {
  background-color: #393939;
}
.global-filters-container .section.types ul label:before,
.global-filters-container .filter.types ul label:before {
  content: '';
  display: block;
  position: absolute;
  left: 25px;
  top: 2px;
  border-radius: 16px;
  width: 14px;
  height: 14px;
  background-color: #ccc;
}
.global-filters-container .section.scores ul label,
.global-filters-container .filter.scores ul label {
  padding-left: 48px;
}
.global-filters-container .section.scores ul label.none:before,
.global-filters-container .filter.scores ul label.none:before {
  content: '?';
}
.global-filters-container .section.scores ul label.small:before,
.global-filters-container .filter.scores ul label.small:before {
  content: 'S';
}
.global-filters-container .section.scores ul label.medium:before,
.global-filters-container .filter.scores ul label.medium:before {
  content: 'M';
}
.global-filters-container .section.scores ul label.large:before,
.global-filters-container .filter.scores ul label.large:before {
  content: 'L';
}
.global-filters-container .section.scores ul label.xl:before,
.global-filters-container .filter.scores ul label.xl:before {
  content: 'XL';
}
.global-filters-container .section.scores ul label:before,
.global-filters-container .filter.scores ul label:before {
  content: '';
  display: block;
  position: absolute;
  left: 25px;
  top: 2px;
  border-radius: 9px;
  width: 18px;
  height: 18px;
  font-size: 9px;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  text-align: center;
  line-height: 18px;
  color: #fff;
  background-color: #888;
  box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.75);
}
.global-filters-container .section.order ul li,
.global-filters-container .filter.order ul li {
  margin: 2px 0;
}
.global-filters-container .section.order ul label,
.global-filters-container .filter.order ul label {
  padding-left: 48px;
}
.global-filters-container .section.order ul label.priority:before,
.global-filters-container .filter.order ul label.priority:before {
  left: 18px;
  top: 1px;
  background: url("/static/images/filter-order-priority-3.png") no-repeat;
}
.global-filters-container .section.order ul label.favorited:before,
.global-filters-container .filter.order ul label.favorited:before {
  top: 4px;
  background: url("/static/images/filter-order-favorited-2.png") no-repeat;
}
.global-filters-container .section.order ul label.newest:before,
.global-filters-container .filter.order ul label.newest:before {
  top: 6px;
  left: 25px;
  width: 0;
  height: 0;
  border-bottom: 8px solid #8A8B88;
}
.global-filters-container .section.order ul label.oldest:before,
.global-filters-container .filter.order ul label.oldest:before {
  top: 6px;
  left: 25px;
  width: 0;
  height: 0;
  border-top: 8px solid #8A8B88;
}
.global-filters-container .section.order ul label.active:before,
.global-filters-container .filter.order ul label.active:before {
  top: 2px;
  background: url("/static/images/filter-order-priority-2.png") no-repeat;
}
.global-filters-container .section.order ul label:before,
.global-filters-container .filter.order ul label:before {
  content: '';
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 2px;
  left: 17px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.global-filters-container .section.tags ul,
.global-filters-container .filter.tags ul {
  margin-top: 10px;
}
.global-filters-container .section.members ul, .global-filters-container .section.deploys ul, .global-filters-container .section.created-by ul, .global-filters-container .section.favoritedBy ul, .global-filters-container .section.mentioning ul, .global-filters-container .section.team ul,
.global-filters-container .filter.members ul,
.global-filters-container .filter.deploys ul,
.global-filters-container .filter.created-by ul,
.global-filters-container .filter.favoritedBy ul,
.global-filters-container .filter.mentioning ul,
.global-filters-container .filter.team ul {
  margin-top: 10px;
}
.global-filters-container .section.members ul li, .global-filters-container .section.deploys ul li, .global-filters-container .section.created-by ul li, .global-filters-container .section.favoritedBy ul li, .global-filters-container .section.mentioning ul li, .global-filters-container .section.team ul li,
.global-filters-container .filter.members ul li,
.global-filters-container .filter.deploys ul li,
.global-filters-container .filter.created-by ul li,
.global-filters-container .filter.favoritedBy ul li,
.global-filters-container .filter.mentioning ul li,
.global-filters-container .filter.team ul li {
  vertical-align: top;
  margin: 5px 0px;
}
.global-filters-container .section.members ul li::before, .global-filters-container .section.deploys ul li::before, .global-filters-container .section.created-by ul li::before, .global-filters-container .section.favoritedBy ul li::before, .global-filters-container .section.mentioning ul li::before, .global-filters-container .section.team ul li::before,
.global-filters-container .filter.members ul li::before,
.global-filters-container .filter.deploys ul li::before,
.global-filters-container .filter.created-by ul li::before,
.global-filters-container .filter.favoritedBy ul li::before,
.global-filters-container .filter.mentioning ul li::before,
.global-filters-container .filter.team ul li::before {
  display: table;
  content: "";
}
.global-filters-container .section.members ul li::after, .global-filters-container .section.deploys ul li::after, .global-filters-container .section.created-by ul li::after, .global-filters-container .section.favoritedBy ul li::after, .global-filters-container .section.mentioning ul li::after, .global-filters-container .section.team ul li::after,
.global-filters-container .filter.members ul li::after,
.global-filters-container .filter.deploys ul li::after,
.global-filters-container .filter.created-by ul li::after,
.global-filters-container .filter.favoritedBy ul li::after,
.global-filters-container .filter.mentioning ul li::after,
.global-filters-container .filter.team ul li::after {
  display: table;
  clear: both;
  content: "";
}
.global-filters-container .section.members ul li .delete-button, .global-filters-container .section.deploys ul li .delete-button, .global-filters-container .section.created-by ul li .delete-button, .global-filters-container .section.favoritedBy ul li .delete-button, .global-filters-container .section.mentioning ul li .delete-button, .global-filters-container .section.team ul li .delete-button,
.global-filters-container .filter.members ul li .delete-button,
.global-filters-container .filter.deploys ul li .delete-button,
.global-filters-container .filter.created-by ul li .delete-button,
.global-filters-container .filter.favoritedBy ul li .delete-button,
.global-filters-container .filter.mentioning ul li .delete-button,
.global-filters-container .filter.team ul li .delete-button {
  float: left;
  display: block;
}
.global-filters-container .section.deploys ul li button,
.global-filters-container .filter.deploys ul li button {
  vertical-align: middle;
  margin-right: 4px;
}
.global-filters-container .section.members ul li .user-avatar, .global-filters-container .section.created-by ul li .user-avatar, .global-filters-container .section.favoritedBy ul li .user-avatar, .global-filters-container .section.mentioning ul li .user-avatar, .global-filters-container .section.team ul li .user-avatar,
.global-filters-container .filter.members ul li .user-avatar,
.global-filters-container .filter.created-by ul li .user-avatar,
.global-filters-container .filter.favoritedBy ul li .user-avatar,
.global-filters-container .filter.mentioning ul li .user-avatar,
.global-filters-container .filter.team ul li .user-avatar {
  float: left;
  position: relative;
  display: inline-block;
  margin: 0 5px;
  top: 0px;
  width: 20px;
  height: 20px;
}
.global-filters-container .add-filter {
  position: relative;
  float: right;
  margin: 2px 0 0;
}
.global-filters-container .add-filter.over .add-filter-btn:after {
  border-top: none;
  border-bottom: 5px solid #c4c4bf;
}
.global-filters-container .add-filter .callout {
  width: 250px;
  z-index: 4000;
  top: 44px;
  right: -13px;
}
.global-filters-container .add-filter .callout .title {
  display: block;
  font-size: 16px;
  position: relative;
}
.global-filters-container .add-filter .callout .section {
  margin-bottom: 11px;
}
.global-filters-container .add-filter .callout .section:last-child {
  margin-bottom: 11px;
}
.global-filters-container .add-filter .callout .section .title {
  font-weight: 300;
}
.global-filters-container .add-filter .callout .section .title:after, .global-filters-container .add-filter .callout .section.closed .title:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 194px;
  top: 8px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.global-filters-container .add-filter .callout .section .title:after {
  border-top: 5px solid #c4c4bf;
}
.global-filters-container .add-filter .callout .section.disabled {
  pointer-events: none;
  opacity: .75;
}
.global-filters-container .add-filter .callout .section.disabled .title {
  pointer-events: auto;
  opacity: .75;
}
.global-filters-container .add-filter .callout .section.disabled ul label.defect:before, .global-filters-container .add-filter .callout .section.disabled ul label.story:before, .global-filters-container .add-filter .callout .section.disabled ul label.test:before, .global-filters-container .add-filter .callout .section.disabled ul label.task:before {
  background-color: #999;
}
.global-filters-container .add-filter .callout .section.disabled ul label input[type="radio"],
.global-filters-container .add-filter .callout .section.disabled ul label input[type="checkbox"] {
  opacity: .75;
}
.global-filters-container .add-filter .callout hr {
  margin: 7px 0 9px 0;
  height: 0;
  border-bottom: 1px solid #fafaf9;
}
.global-filters-container .add-filter .callout .closed.last hr {
  display: none;
}
.global-filters-container .add-filter .callout .closed .collapsible {
  display: none;
}
.global-filters-container .add-filter .callout .collapsible p {
  padding: 10px 10px 0px 0px;
}
.global-filters-container .csv-report {
  position: relative;
  float: right;
  margin: 2px 0 0 7px;
}
.global-filters-container .csv-report button {
  padding: 6px 10px;
}
.global-filters-container .csv-report.over .csv-report-btn:after {
  border-top: none;
  border-bottom: 5px solid #c4c4bf;
}

.bulk-edit-container .control-panel {
  text-align: center;
  vertical-align: middle;
}
.bulk-edit-container .control-panel .field.tag-field {
  float: left;
  margin-right: 0;
}
.bulk-edit-container .control-panel .field.tag-field label {
  padding-left: 16px;
}
.bulk-edit-container .control-panel .field.tag-field input[type=text] {
  display: block;
  padding-left: 25px;
  width: 100px;
}
.bulk-edit-container .control-panel .field.tag-field:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 16px;
  height: 16px;
  background-image: url("/static/images/icons-sprite.png");
  background-position: -66px -226px;
  background-repeat: no-repeat;
}
.bulk-edit-container .control-panel .button-group li .global-button span {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bulk-edit-container .control-panel .button-group li:only-child .global-button span {
  max-width: 160px;
}
.bulk-edit-container .control-panel ol.scores {
  list-style-type: none;
  background-color: #222222;
  margin-right: 0;
  padding: 5px;
  line-height: 22px;
  vertical-align: middle;
  border-radius: 20px;
}
.bulk-edit-container .control-panel ol.scores .score {
  width: 22px;
  height: 22px;
  margin: 0 2px;
  padding: 2px;
  text-align: center;
  line-height: 23px;
  vertical-align: middle;
  font-size: 12px;
  font-weight: bold;
  background-color: #7f7f7f;
  cursor: pointer;
  border-radius: 50%;
}
.bulk-edit-container .control-panel ol.scores .score:first-child {
  margin-left: 0;
}
.bulk-edit-container .control-panel ol.scores .score:last-child {
  margin-right: 0;
}
.bulk-edit-container .control-panel ol.scores .score.partial {
  box-shadow: inset 0 0 0 2px #fafafa;
}
.bulk-edit-container .control-panel ol.scores .score.selected {
  box-shadow: inset 0 0 0 2px #fafafa;
}
.bulk-edit-container .control-panel .tags {
  position: relative;
  text-align: left;
}
.bulk-edit-container .control-panel .tags .global-button {
  float: none;
}
.bulk-edit-container .control-panel .tags .global-button.tag {
  padding-left: 16px;
}
.bulk-edit-container .control-panel .tags .global-button span {
  font-size: 12px;
}
.bulk-edit-container .control-panel .tags .global-button span .delete-tag:before {
  content: '';
  position: absolute;
  top: 8px;
  left: 8px;
  width: 16px;
  height: 16px;
  background: transparent url("/static/images/icons-sprite.png") no-repeat 2px -210px;
}
.bulk-edit-container .control-panel .tags .global-button.menu {
  padding-left: 0;
}
.bulk-edit-container .settings .status-changer {
  list-style: none;
  font-size: 13px;
  border-radius: 3px;
}
.bulk-edit-container .settings .status-changer .status-change,
.bulk-edit-container .settings .status-changer .deployed {
  display: list-item;
  padding: 3px 4px 3px 2px;
  border-bottom: solid 1px #e8e8e8;
}
.bulk-edit-container .settings .status-changer .status-change:first-child,
.bulk-edit-container .settings .status-changer .deployed:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.bulk-edit-container .settings .status-changer .status-change:last-child,
.bulk-edit-container .settings .status-changer .deployed:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom: none;
}
.bulk-edit-container .settings .status-changer .status-change:hover,
.bulk-edit-container .settings .status-changer .deployed:hover {
  background: #175574;
}
.bulk-edit-container .settings .status-changer .status-change button,
.bulk-edit-container .settings .status-changer .deployed button {
  display: block;
  width: auto;
  line-height: 15px;
  text-align: left;
  padding: 7px 8px;
  border: none;
  color: #323232;
}
.bulk-edit-container .settings .status-changer .status-change button:before,
.bulk-edit-container .settings .status-changer .deployed button:before {
  content: "";
  background: url("/static/images/icons-sprite.png") no-repeat 0 -192px;
  width: 16px;
  height: 16px;
  padding-left: 0px;
  margin-right: 5px;
  margin-top: -2px;
  background-position-x: 0px;
  display: block;
  float: left;
}
.bulk-edit-container .settings .status-changer .status-change button.someday:before,
.bulk-edit-container .settings .status-changer .deployed button.someday:before {
  background-position: 0px -64px;
}
.bulk-edit-container .settings .status-changer .status-change button.backlog:before,
.bulk-edit-container .settings .status-changer .deployed button.backlog:before {
  background-position: 0px -80px;
}
.bulk-edit-container .settings .status-changer .status-change button.current:before,
.bulk-edit-container .settings .status-changer .deployed button.current:before {
  background-position: 0px -96px;
}
.bulk-edit-container .settings .status-changer .status-change button.complete:before,
.bulk-edit-container .settings .status-changer .deployed button.complete:before {
  background-position: 0px -112px;
}
.bulk-edit-container .settings .status-changer .status-change button.accepted:before,
.bulk-edit-container .settings .status-changer .deployed button.accepted:before {
  background-position: 0px -128px;
}
.bulk-edit-container .settings .status-changer .status-change button.delete:before,
.bulk-edit-container .settings .status-changer .deployed button.delete:before {
  background-position: 0px -48px;
}
.bulk-edit-container .settings .status-changer .status-change button.move:before,
.bulk-edit-container .settings .status-changer .deployed button.move:before {
  background-position: 0px -80px;
}
.bulk-edit-container .settings .status-changer .status-change button:hover,
.bulk-edit-container .settings .status-changer .deployed button:hover {
  color: #fff;
}
.bulk-edit-container .settings .status-changer .status-change button:hover:before,
.bulk-edit-container .settings .status-changer .deployed button:hover:before {
  background-position-x: -16px;
}
.bulk-edit-container .settings .status-changer .status-change.separator,
.bulk-edit-container .settings .status-changer .deployed.separator {
  margin: 0px;
}
.bulk-edit-container .settings .status-changer .status-change.separator hr,
.bulk-edit-container .settings .status-changer .deployed.separator hr {
  margin: 0 -1px 0 -1px;
  border-top: 1px solid #DDD;
  height: 1px;
  background: #EFEFE8;
  border-bottom: 1px solid #DDD;
}
.bulk-edit-container .settings .status-changer .status-change.delete:hover,
.bulk-edit-container .settings .status-changer .deployed.delete:hover {
  background: #D44744;
}
.bulk-edit-container .settings .status-changer .input-action input {
  width: 110px;
  margin: 4px 7px 0 22px;
  box-sizing: border-box;
  display: block;
  padding: 4px;
  border-radius: 3px;
  border: solid 1px #c7c7c7;
}
.bulk-edit-container .assigner {
  font-size: 12px;
  font-weight: 200;
}
.bulk-edit-container .smart_pop .item-tags {
  text-align: left;
  font-size: 12px;
  font-weight: 200;
  text-shadow: 0 1px rgba(0, 0, 0, 0.125);
  display: block;
  margin: 0;
  padding: 0;
}
.bulk-edit-container .smart_pop .item-tags .tags {
  margin: 0;
  width: auto;
  background-color: #FAFAFB;
  border: 1px solid #E2E2D8;
  border-radius: 3px;
}
.bulk-edit-container .smart_pop .item-tags .tags .tag {
  display: block;
  position: relative;
  float: none !important;
  margin: 0px !important;
  padding: 4px 6px 4px 26px;
  background-color: transparent;
  color: #444;
  line-height: 24px;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
  cursor: text;
}
.bulk-edit-container .smart_pop .item-tags .tags .tag:last-child {
  border-bottom: none;
}
.bulk-edit-container .smart_pop .item-tags .tags .tag .delete-tag {
  position: absolute;
  height: 16px;
  width: 16px;
  left: 4px;
  top: 6px;
  color: transparent;
  text-indent: -9999px;
  overflow: hidden;
  background: url("/static/images/icons-sprite.png") no-repeat 0px -210px;
  cursor: pointer;
}

.activities ol.activity_list {
  list-style-type: none;
}
.activities ol.activity_list li.activity:first-child {
  border-top: solid 1px #D3D3D3;
}
.product_item_view .activities ol.activity_list li.activity:first-child {
  padding-top: 4px;
  border-top: none;
}
.activities li.activity .activity_container {
  position: relative;
  font-size: 12px;
}
.activities li.activity .activity_container .user {
  float: left;
  margin-right: 10px;
}
.activities li.activity .activity_container .user img.avatar {
  width: 50px;
  height: 50px;
  border-radius: 3px;
}
.activities li.activity .activity_container .activity_body {
  float: left;
  width: 100%;
  font-size: 11pt;
  line-height: 28px;
  color: #323232;
}
.activities li.activity .activity_container .activity_body .pronoun {
  font-weight: bold;
}
.activities li.activity .activity_container .activity_body .pronoun a {
  color: #454545;
  font-weight: bold;
}
.activities li.activity .activity_container .activity_body .pronoun a:hover {
  text-decoration: underline;
}
.activities li.activity .activity_container .activity_body .pronoun button {
  font-weight: bold;
}
.activities li.activity .activity_container .activity_body .number {
  color: #323232;
  font-family: "Monaco", Courier New, monospace;
  border: 1px solid #C6C6C5;
  background: #f6f8fa;
  font-size: 10pt;
  padding: 3px 4px;
  margin: 0 3px;
  border-radius: 3px;
}
.activities li.activity .activity_container .activity_body .number.defect {
  background-color: #F8E6E6;
  border-color: #F0D1CF;
  color: #323232;
}
.activities li.activity .activity_container .activity_body .number.story {
  background-color: #E4EFCF;
  border-color: #D2DBBF;
  color: #323232;
}
.activities li.activity .activity_container .activity_body .number.task {
  background-color: #F0F0EC;
  border-color: #CBCBC6;
  color: #323232;
}
.activities li.activity .activity_container .activity_body .number.test {
  background-color: #ebf7fa;
  border-color: #b6d9e2;
  color: #323232;
}
.activities li.activity .activity_container .created {
  float: right;
  line-height: 25px;
  font-size: 12px;
}
.activities li.activity .activity_container .created a {
  color: #555555;
}
.activities li.activity .activity_container .icon {
  background-image: url("/static/images/icons-sprite.png");
  background-repeat: no-repeat;
  background-position: 0 -1450px;
  background-repeat: none;
  width: 20px;
  height: 20px;
  float: right;
  margin-left: 4px;
  margin-top: 3px;
}
.retina .activities li.activity .activity_container .icon {
  background-image: url("/static/images/icons-sprite@2x.png");
  background-size: 80px 2000px;
}
.activities li.activity .activity_container.comments .icon {
  background-position: 0 -1490px;
}
.activities li.activity .activity_container.attachments .icon {
  background-position: 0 -1590px;
}
.activities li.activity .activity_container.blocks .icon {
  background-position: 0 -1550px;
}
.activities li.activity .activity_container.pullrequests .icon {
  background-position: 0 -1570px;
}
.activities li.activity .activity_container.assignments .icon {
  background-position: 0 -1470px;
}
.activities li.activity .activity_container.favorites .icon {
  background-position: 0 -1430px;
}
.activities li.activity .activity_container.changes .icon {
  background-position: 0 -1510px;
}
.activities li.activity .activity_container.notations .icon {
  background-position: 0 -1530px;
}
.activities li.activity .activity_container.deploy .icon {
  background-position: 0 -1410px;
}
.activities .activity {
  padding: 20px 0;
  border-bottom: 1px solid #e8e8e8;
}
.activities .activity.comment .created .icon {
  background-position: 0 -1490px;
}
.activities .activity.attachment .created .icon {
  background-position: 0 -1590px;
}
.activities .activity.block .created .icon {
  background-position: 0 -1550px;
}
.activities .activity.pullrequest .created .icon {
  background-position: 0 -1570px;
}
.activities .activity.assigned .created .icon {
  background-position: 0 -1470px;
}
.activities .activity.favorite .created .icon {
  background-position: 0 -1430px;
}
.activities .activity.itemchanged .created .icon {
  background-position: 0 -1510px;
}
.activities .activity.itemchanged p {
  display: inline;
}
.activities .activity.itemchanged .diff {
  display: none;
}
.activities .activity.itemchanged .diff pre {
  width: 100%;
  line-height: 1.2em;
  overflow: auto;
  display: block;
}
.activities .activity.itemchanged .diff del {
  text-decoration: none;
  background: #fdd;
  padding-top: 2px;
  padding-bottom: 2px;
}
.activities .activity.itemchanged .diff ins {
  text-decoration: none;
  background: #dfd;
  padding-top: 2px;
  padding-bottom: 2px;
}
.activities .activity.notation .created .icon {
  background-position: 0 -1530px;
}
.activities .activity.deploy .created .icon {
  background-position: 0 -1410px;
}
.activities .activity.notation .activity-annotation-body-wrapper {
  display: none;
}
.activities .activity.attachment img.thumbnail {
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin: 0px auto 5px auto;
  display: block;
}
.activities .activity.attachment p.attachment_title {
  margin: 0px;
  text-align: center;
  font-weight: bold;
}
.activities .activity.attachment .delete:hover {
  display: block;
  background-position: -48px -208px;
}
.activities .activity.itemcreated .card {
  width: 576px;
  margin: 0px auto;
}
.activities .activity.comment .comment_body, .activities .activity.deploy .comment_body {
  background: #fff;
  padding: 7px 12px;
  border: 1px solid #c7c7c7;
  border-radius: 4px;
  position: relative;
  margin-top: 33px;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  font-size: 14px;
}
.activities .activity.comment .comment_body:after, .activities .activity.comment .comment_body:before, .activities .activity.deploy .comment_body:after, .activities .activity.deploy .comment_body:before {
  left: 35px;
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.activities .activity.comment .comment_body:after, .activities .activity.deploy .comment_body:after {
  border-color: rgba(244, 244, 239, 0);
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}
.activities .activity.comment .comment_body:before, .activities .activity.deploy .comment_body:before {
  border-color: rgba(195, 195, 191, 0);
  border-bottom-color: #c7c7c7;
  border-width: 9px;
  margin-left: -9px;
}

@-webkit-keyframes runner-loader {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-moz-keyframes runner-loader {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-o-keyframes runner-loader {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes runner-loader {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.items_column {
  position: relative;
  float: left;
  width: 494px;
  background-color: #e8e8e8;
  border: 1px solid #F5F5F2;
  border-radius: 5px;
  box-sizing: border-box;
}
.items_column.drop-over {
  background-color: rgba(241, 241, 207, 0.15);
}
.items_column.loading .loading {
  display: block;
}
.items_column .wrap {
  box-sizing: border-box;
  border: 1px solid #C2C2BD;
  border-top: none;
  padding: 10px 8px 8px 8px;
  overflow-y: auto;
  overflow-x: hidden;
}
.items_column .wrap .column_header_wrap {
  border-bottom: 1px solid transparent;
}
.items_column .main .item {
  background: rgba(0, 0, 0, 0.01);
  position: relative;
  -webkit-backface-visibility: hidden;
}
.items_column .main .item.rendered {
  -webkit-animation: animate-fadeIn 600ms 0s;
  -moz-animation: animate-fadeIn 600ms 0s;
  -o-animation: animate-fadeIn 600ms 0s;
  animation: animate-fadeIn 600ms 0s;
}
.items_column.default .main .item {
  min-height: 93px;
}
.items_column.condensed .main .item {
  min-height: 31px;
  padding-bottom: 0;
}
.items_column .order_container {
  position: relative;
  height: 31px;
  background: #ffffff;
  z-index: 550;
  border: 1px solid #c7c7c7;
  border-radius: 5px 5px 0 0;
}
.items_column .order_container .c_label {
  font-weight: bold;
  font-size: 14px;
  line-height: 32px;
  padding-right: 40px;
  margin-left: 63px;
}
.items_column .order_container .bulk {
  position: relative;
  left: 20px;
}
.items_column .order_container div.order {
  position: absolute;
  right: 25px;
  top: 5px;
}
.items_column .order_container div.order select.order {
  position: absolute;
  right: 22px;
  top: 1px;
}
.items_column .drop_target {
  top: 33px;
  bottom: 1px;
  left: 1px;
  right: 1px;
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  z-index: 500;
  display: none;
  border: dashed 3px #fff;
  -webkit-transition: background 0.5s ease-in-out 150ms ease-in-out;
  -moz-transition: background 0.5s ease-in-out 150ms ease-in-out;
  -o-transition: background 0.5s ease-in-out 150ms ease-in-out;
  -ms-transition: background 0.5s ease-in-out 150ms ease-in-out;
  transition: background 0.5s ease-in-out 150ms ease-in-out;
}
.items_column .drop_target.over {
  background: rgba(0, 0, 0, 0.05);
}
.items_column .drop_target .position {
  position: absolute;
  top: 50%;
  width: 492px;
}
.items_column .drop_target h2 {
  -webkit-transition: background 0.5s ease-in-out 150ms ease-in-out;
  -moz-transition: background 0.5s ease-in-out 150ms ease-in-out;
  -o-transition: background 0.5s ease-in-out 150ms ease-in-out;
  -ms-transition: background 0.5s ease-in-out 150ms ease-in-out;
  transition: background 0.5s ease-in-out 150ms ease-in-out;
  color: #fff;
  text-align: center;
  width: 400px;
  padding: 30px 11px;
  margin: -100px auto 0 auto;
  font-size: 24px;
  letter-spacing: 0;
}
.items_column .none,
.items_column .loading {
  margin: 0px auto;
  background: #f6f8fa;
  border: 1px solid #BEBEBA;
  border-radius: 5px;
}
.items_column .none h2,
.items_column .loading h2 {
  color: #323232;
  border-radius: 4px;
  padding: 10px 15px;
  margin: 0px;
  font-size: 22px;
  text-align: center;
}
.items_column .none,
.items_column .loading {
  display: none;
}
.items_column.none .none {
  display: block;
}
.items_column .hud_container {
  margin-bottom: 13px;
}
.items_column ul.items {
  list-style-type: none;
}
.items_column ul.items.unmatched {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
}
.items_column ul.items.main {
  height: auto;
  min-height: 200px;
}
.items_column ul.items li.item {
  padding-bottom: 8px;
}
.items_column ul.items li.item:last-child {
  margin-bottom: 0px;
}
.items_column.loading ul.items.unmatched, .items_column.none ul.items.unmatched {
  display: none;
}
.items_column .mine ul.items.ondeck {
  display: block;
}
.items_column ul.items.ondeck {
  display: none;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.items_column ul.items.ondeck li.item .card_container .card {
  position: relative;
  border-top: none;
  border-bottom: 1px solid #c3c3c3;
  border-radius: 0;
  padding: 0px;
  height: 30px;
  border-bottom: none;
  border-top: 1px solid #C3C3BF;
  box-shadow: none;
  border-radius: 4px 4px 0 0;
}
.items_column ul.items.ondeck li.item .card_container .card.defect {
  background: #F8E6E6;
}
.items_column ul.items.ondeck li.item .card_container .card.task {
  background: #F0F0EC;
}
.items_column ul.items.ondeck li.item .card_container .card.story {
  background: #E4EFCF;
}
.items_column ul.items.ondeck li.item .card_container .card.story .body .title span {
  border: 0px;
  background: none;
}
.items_column ul.items.ondeck li.item .card_container .card.story .body .title span.what {
  background-color: #F4F9EC !important;
  padding: 1px 2px !important;
  border-bottom: 1px solid #D7E2C4 !important;
}
.items_column ul.items.ondeck li.item .card_container .card.test {
  background: #ebf7fa;
}
.items_column ul.items.ondeck li.item .card_container .card.selected {
  background-color: #FFFEDC;
}
.items_column ul.items.ondeck li.item .card_container .card .top {
  width: 100%;
  position: absolute;
  top: 6px;
}
.items_column ul.items.ondeck li.item .card_container .card .top .estimator {
  margin-left: 9px;
}
.items_column ul.items.ondeck li.item .card_container .card .top .icons {
  right: 6px;
}
.items_column ul.items.ondeck li.item .card_container .card .buttons {
  display: none;
}
.items_column ul.items.ondeck li.item .card_container .card .status button,
.items_column ul.items.ondeck li.item .card_container .card .status span {
  display: none;
}
.items_column ul.items.ondeck li.item .card_container .card .body {
  padding: 0px;
  margin: 0px;
  background: none;
  border: none;
  position: absolute;
  top: 5px;
  left: 63px;
  right: 55px;
}
.items_column ul.items.ondeck li.item .card_container .card .body a {
  font-size: 12px;
  line-height: 20px;
  margin-left: 0px;
  display: block;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.items_column ul.items.ondeck li.item .card_container .card .body .item-tags {
  display: none;
}
.items_column ul.items.ondeck li.item .card_container .card .stats {
  display: none;
}
.items_column ul.items.ondeck li.item .card_container .card .bottom .number {
  position: absolute;
  right: -50px;
  top: 5px;
}
.items_column ul.items.ondeck li.item .card_container .card .bottom .clip-div {
  display: none;
}
.items_column ul.items.ondeck li.item .card_container .card:hover .bottom .number, .items_column ul.items.ondeck li.item .card_container .card.selected .bottom .number {
  display: none;
}
.items_column ul.items.ondeck li.item .card .buttons {
  display: none;
}
.items_column ul.items.ondeck li.item ul.sub_items {
  background-color: #E4EFCC;
  padding: 0px 5px 5px 5px;
  border-left: 1px solid #C3C3BF;
  border-right: 1px solid #C3C3BF;
  border-bottom: 1px solid #C3C3BF;
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.05);
  border-radius: 0 0 4px 4px;
}
.items_column ul.items.ondeck li.item ul.sub_items li .card {
  border-top: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
  box-shadow: none;
}
.items_column ul.items.ondeck li.item ul.sub_items li .card .estimator {
  margin-left: 25px;
}
.items_column ul.items.ondeck li.item ul.sub_items li .card .body {
  width: 71%;
  left: 77px;
}
.items_column ul.items.ondeck li.item ul.sub_items li .card:before {
  content: "";
  display: block;
  background: url("/static/images/icons-sprite.png") no-repeat 0 -339px;
  width: 12px;
  height: 12px;
  position: relative;
  top: 11px;
  left: 8px;
}
.items_column ul.items.ondeck li.item ul.sub_items li:first-child .card {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.items_column ul.items.ondeck li.item ul.sub_items li:last-child .card {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.items_column.condensed.showing_ondeck .ondeck_summary {
  display: block;
  text-align: center;
}
.items_column.condensed.showing_ondeck ul.items.ondeck {
  display: none;
}
.items_column.condensed.showing_ondeck .ondeck_footer {
  display: none;
}
.items_column.showing_ondeck ul.items.ondeck {
  display: block;
}
.items_column.showing_ondeck .ondeck_footer {
  display: block;
}
.items_column .ondeck_footer,
.items_column .ondeck_summary {
  display: none;
  margin: 10px 0 0 0;
  padding: 0;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  color: #5C5C5C;
  border-top: 1px dashed rgba(0, 0, 0, 0.2);
}
.items_column .ondeck_footer p span,
.items_column .ondeck_summary p span {
  font-weight: bold;
}
.items_column .ondeck_summary {
  cursor: pointer;
}
.items_column .ondeck_summary:hover {
  color: #22738F;
}
.items_column .ondeck_summary.on {
  border-bottom: none;
}
.items_column .ondeck_summary.off {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
}
.items_column .ondeck .card .top {
  cursor: pointer;
}
.items_column .card ol.icons li.select {
  display: list-item;
}

.default .item .item_card_container.has_sub_items ul.sub_items li .card .estimator {
  margin-left: 25px;
}
.default .item .item_card_container.has_sub_items ul.sub_items li .card .body {
  width: 71%;
  left: 77px;
}

.condensed .wrap {
  padding: 0;
}
.condensed .column_header_wrap {
  padding-top: 10px;
}
.condensed .column_header_wrap > div {
  margin-left: 8px;
  margin-right: 8px;
}
.condensed .column_header_wrap ul.items.ondeck {
  margin-left: 8px;
  margin-right: 8px;
}
.condensed ul.items.unmatched {
  display: none;
}
.condensed ul.items.main li.item {
  margin: 0px;
}
.condensed ul.items.main li.item .accepted-count {
  display: none;
}
.condensed ul.items.main li.item .card {
  position: relative;
  border-top: none;
  border-bottom: 1px solid #c3c3c3;
  border-radius: 0;
  padding: 0px;
  height: 30px;
  border-right: none;
  border-left: none;
}
.condensed ul.items.main li.item .card.defect {
  background: #F8E6E6;
}
.condensed ul.items.main li.item .card.task {
  background: #F0F0EC;
}
.condensed ul.items.main li.item .card.story {
  background: #E4EFCF;
}
.condensed ul.items.main li.item .card.story .body .title span {
  border: 0px;
  background: none;
}
.condensed ul.items.main li.item .card.story .body .title span.what {
  background-color: #F4F9EC !important;
  padding: 1px 2px !important;
  border-bottom: 1px solid #D7E2C4 !important;
}
.condensed ul.items.main li.item .card.test {
  background: #ebf7fa;
}
.condensed ul.items.main li.item .card.selected {
  background-color: #FFFEDC;
}
.condensed ul.items.main li.item .card .top {
  width: 100%;
  position: absolute;
  top: 6px;
}
.condensed ul.items.main li.item .card .top .estimator {
  margin-left: 9px;
}
.condensed ul.items.main li.item .card .top .icons {
  right: 6px;
}
.condensed ul.items.main li.item .card .buttons {
  display: none;
}
.condensed ul.items.main li.item .card .status button,
.condensed ul.items.main li.item .card .status span {
  display: none;
}
.condensed ul.items.main li.item .card .body {
  padding: 0px;
  margin: 0px;
  background: none;
  border: none;
  position: absolute;
  top: 5px;
  left: 63px;
  right: 55px;
}
.condensed ul.items.main li.item .card .body a {
  font-size: 12px;
  line-height: 20px;
  margin-left: 0px;
  display: block;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.condensed ul.items.main li.item .card .body .item-tags {
  display: none;
}
.condensed ul.items.main li.item .card .stats {
  display: none;
}
.condensed ul.items.main li.item .card .bottom .number {
  position: absolute;
  right: -50px;
  top: 5px;
}
.condensed ul.items.main li.item .card .bottom .clip-div {
  display: none;
}
.condensed ul.items.main li.item .card:hover .bottom .number, .condensed ul.items.main li.item .card.selected .bottom .number {
  display: none;
}
.condensed ul.items.main li.item .card .bottom .number {
  right: -48px;
}
.condensed ul.items.main li.item .sub_items {
  display: none;
}

.sort {
  position: absolute;
}
.sort li button {
  border: 1px solid #c7c7c7;
  border-radius: 3px;
  padding: 0px 1px;
}
.sort li button:hover {
  background-color: #175574;
  border: solid 1px #175574;
}
.sort li button:hover .icon.icon-ascending {
  background-position: -16px -304px;
}
.sort li button:hover .icon.icon-descending {
  background-position: -16px -320px;
}

.items_column .sort {
  top: 0;
  right: 0;
}

ol.size {
  display: inline-block;
  position: relative;
  margin: 4px 0px 3px 4px;
}
ol.size li {
  display: block;
  float: left;
}
ol.size li button,
ol.size li button:active {
  background: #ffffff;
  border: 1px solid #c7c7c7;
  display: block;
  position: relative;
  margin: 0px;
  padding: 2px 2px 1px 3px;
}
ol.size li button:hover,
ol.size li button:active:hover {
  background: #fff;
}
ol.size li button .icon,
ol.size li button:active .icon {
  display: block;
}
ol.size li button.bulk,
ol.size li button:active.bulk {
  background-color: #AEAEA5;
  padding: 0.5px 7px;
  margin: 0 1px;
  font-size: 11px;
  border: 0px;
  line-height: 20px;
  box-shadow: none;
  text-shadow: none;
  display: inline-block;
  -webkit-font-smoothing: initial;
}
ol.size li:first-child button {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-right: none;
}
ol.size li:last-child button {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-left: none;
}

.items_column .size {
  top: 5px;
  left: 9px;
  margin: 0px;
  float: left;
}

table.condensed li.condensed button,
table.default li.default button,
.items_column.condensed li.condensed button,
.items_column.default li.default button {
  background: #175574;
  border: 1px solid #175574;
}
table.condensed li.condensed button .icon.icon-list-condensed,
table.default li.default button .icon.icon-list-condensed,
.items_column.condensed li.condensed button .icon.icon-list-condensed,
.items_column.default li.default button .icon.icon-list-condensed {
  background-position: -16px -288px;
}
table.condensed li.condensed button .icon.icon-list-expanded,
table.default li.default button .icon.icon-list-expanded,
.items_column.condensed li.condensed button .icon.icon-list-expanded,
.items_column.default li.default button .icon.icon-list-expanded {
  background-position: -16px -272px;
}

.items_list {
  position: relative;
  width: auto;
}
.items_list .wrap {
  box-sizing: border-box;
  border-top: none;
  padding: 10px 8px 8px 8px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #ddd;
  border-bottom: none;
}
.items_list.selectable .card ol.icons li.select {
  display: block;
}
.items_list.selectable .card .card_footer {
  display: none;
}
.items_list.no-settings .card .icons .settings-wrapper {
  display: none;
}
.items_list.default .item .item_card_container.has_sub_items ul.sub_items li .card .estimator {
  margin-left: 28px;
}
.items_list.default .item .item_card_container.has_sub_items ul.sub_items li .card .body {
  width: 70%;
  left: 79px;
}
.items_list.default .item .item_card_container.has_sub_items ul.sub_items li .card:before {
  content: "";
  display: block;
  background: url("/static/images/icons-sprite.png") no-repeat 0 -339px;
  width: 12px;
  height: 12px;
  position: relative;
  top: 11px;
  left: 8px;
}
.items_list.condensed .wrap {
  padding: 0;
}
.items_list.condensed ul.items.main {
  display: block;
  margin: 0;
  text-align: left;
}
.items_list.condensed ul.items.main li.item {
  display: list-item;
  margin: 0px;
}
.items_list.condensed ul.items.main li.item .card {
  box-sizing: content-box;
  position: relative;
  border-top: none;
  border-bottom: 1px solid #c3c3c3;
  border-radius: 0;
  padding: 0px;
  height: 30px;
  border-right: none;
  border-left: none;
}
.items_list.condensed ul.items.main li.item .card.defect {
  background: #F8E6E6;
}
.items_list.condensed ul.items.main li.item .card.task {
  background: #F0F0EC;
}
.items_list.condensed ul.items.main li.item .card.story {
  background: #E4EFCF;
}
.items_list.condensed ul.items.main li.item .card.story .body .title span {
  border: 0px;
  background: none;
}
.items_list.condensed ul.items.main li.item .card.story .body .title span.what {
  background-color: #F4F9EC !important;
  padding: 1px 2px !important;
  border-bottom: 1px solid #D7E2C4 !important;
}
.items_list.condensed ul.items.main li.item .card.test {
  background: #ebf7fa;
}
.items_list.condensed ul.items.main li.item .card.selected {
  background-color: #FFFEDC;
}
.items_list.condensed ul.items.main li.item .card .top {
  width: 100%;
  position: absolute;
  top: 6px;
}
.items_list.condensed ul.items.main li.item .card .top .estimator {
  margin-left: 9px;
}
.items_list.condensed ul.items.main li.item .card .top .icons {
  right: 6px;
}
.items_list.condensed ul.items.main li.item .card .buttons {
  display: none;
}
.items_list.condensed ul.items.main li.item .card .status button,
.items_list.condensed ul.items.main li.item .card .status span {
  display: none;
}
.items_list.condensed ul.items.main li.item .card .body {
  padding: 0px;
  margin: 0px;
  background: none;
  border: none;
  position: absolute;
  top: 5px;
  left: 63px;
  right: 55px;
}
.items_list.condensed ul.items.main li.item .card .body a {
  font-size: 12px;
  line-height: 20px;
  margin-left: 0px;
  display: block;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.items_list.condensed ul.items.main li.item .card .body .item-tags {
  display: none;
}
.items_list.condensed ul.items.main li.item .card .stats {
  display: none;
}
.items_list.condensed ul.items.main li.item .card .bottom .number {
  position: absolute;
  right: -50px;
  top: 5px;
}
.items_list.condensed ul.items.main li.item .card .bottom .clip-div {
  display: none;
}
.items_list.condensed ul.items.main li.item .card:hover .bottom .number, .items_list.condensed ul.items.main li.item .card.selected .bottom .number {
  display: none;
}
.items_list.condensed ul.items.main li.item .card .bottom .number {
  right: -48px;
}
.items_list.condensed ul.items.main li.item .sub_items {
  display: none;
}
.items_list ul.items {
  list-style-type: none;
}
.items_list ul.items li.item {
  margin-bottom: 10px;
}
.items_list ul.items li.item:last-child {
  margin-bottom: 0px;
}

body.landing {
  padding-top: 0px;
  /* end of info section */
  /* Responsive styles */
}
body.landing .top-banner .page-title {
  color: #134050;
  padding-top: 32px;
}
body.landing .companies {
  text-align: center;
  padding: 12px;
  margin: 30px 0;
}
body.landing .companies h4 {
  color: rgba(0, 0, 0, 0.5);
  font-size: 18px;
  margin: 10px 0;
}
body.landing .companies img {
  width: 943px;
}
body.landing .video-player {
  width: 100%;
  text-align: center;
  margin: 30px 0;
}
body.landing .video-player iframe {
  width: 100%;
  min-height: 450px;
}
body.landing .info {
  margin: 20px 0px;
  padding-top: 10px;
  /*end of sign up form*/
}
body.landing .info h2 {
  font-size: 30px;
  font-weight: 300;
  text-align: center;
  margin-bottom: 60px;
}
body.landing .info h3 {
  color: #175574;
  font-size: 30px;
  font-weight: normal;
  margin-bottom: 6px;
  text-align: center;
}
body.landing .info p.subhead {
  color: #4a4a4a;
  font-size: 14px;
  text-align: center;
  margin-bottom: 11px;
  text-transform: uppercase;
}
body.landing .info .signup-form {
  float: right;
  /*end of .form */
}
body.landing .info .signup-form h3 {
  margin: 33px 0 10px 0;
}
body.landing .info .signup-form .form {
  width: auto;
  padding: auto 0;
  background: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  margin-bottom: 0;
}
body.landing .info .signup-form .form label {
  color: #175574;
}
body.landing .info .signup-form .form .section {
  padding: 0;
}
body.landing .info .signup-form .form .submits {
  margin-top: 0;
  max-width: 45%;
}
body.landing .info .signup-form .form .submits .sign-up {
  font-size: 20px;
  text-transform: uppercase;
  background-color: #85b430;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}
body.landing .info .signup-form .form .submits .sign-up span {
  padding: 9px 13px;
  color: #fff;
  letter-spacing: -1px;
  font-weight: 300;
}
body.landing .info .signup-form .form .submits .sign-up:hover {
  background-color: #8abf29;
}
body.landing .info .signup-form .form .submits .sign-up:active {
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
}
body.landing .info .signup-form .terms {
  float: right;
  margin-top: -59px;
  width: 45%;
  margin-right: 13px;
}
body.landing .info .signup-form p.terms {
  color: #878787;
  font-size: 12px;
}
body.landing .info .signup-form p.terms a {
  color: #21738d;
}
body.landing .info .about-trial {
  margin-top: 20px;
}
body.landing .info .about-trial h4 {
  color: #175574;
  font-size: 16px;
  font-weight: normal;
}
body.landing .info .about-trial p {
  font-size: 14px;
  color: #454545;
}
body.landing .info .about-trial p a {
  color: #0366d6;
}
body.landing .info .left-column {
  float: left;
}
body.landing .info .bullet-points {
  padding: 30px;
  width: 354px;
}
body.landing .info .bullet-points .about-enterprise {
  margin-top: 30px;
}
body.landing .info .bullet-points ul {
  margin-top: 20px;
}
body.landing .info .bullet-points ul li {
  color: #2b2b2b;
  font-size: 16px;
  line-height: 31px;
  padding-left: 27px;
  position: relative;
  list-style: none;
}
body.landing .info .bullet-points ul li:before {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: 0px;
  width: 20px;
  height: 20px;
  background: url("/static/images/checkmark.png") no-repeat;
}
@media (max-width: 450px) {
  body.landing {
    padding-top: 20px;
    /* Banner Section */
    /* Logos */
  }
  body.landing .wrapper {
    width: 100%;
  }
  body.landing .top-banner {
    background: none;
    padding: 0;
  }
  body.landing .top-banner .page-title {
    position: relative;
    text-align: center;
    font-size: 25px;
  }
  body.landing .top-banner .page-subtitle {
    font-size: 14px;
    line-height: 1em;
    margin: 10px auto;
    text-align: center;
    width: 65%;
  }
  body.landing .info {
    float: none;
    margin-top: 0;
    /* Video Section */
    /* Bullet points */
    /* Signup Section */
  }
  body.landing .info,
  body.landing .info .left-column,
  body.landing .info .video-player,
  body.landing .info .video-player iframe,
  body.landing .info .bullet-points,
  body.landing .info .signup-form {
    box-sizing: border-box;
    float: none;
    width: 100%;
  }
  body.landing .info .left-column {
    margin-bottom: 15px;
    clear: both;
  }
  body.landing .info .left-column .video-player {
    background: none;
    border: none;
    box-shadow: none;
  }
  body.landing .info .bullet-points {
    padding: 0 30px;
  }
  body.landing .info .bullet-points h3 {
    font-size: 25px;
  }
  body.landing .info .bullet-points ul li {
    font-size: 14px;
  }
  body.landing .info .signup-form {
    margin: 15px auto;
    padding: 0 15px;
  }
  body.landing .info .signup-form .sign-up {
    width: 100%;
  }
  body.landing .info .signup-form .paper-sheet-back,
  body.landing .info .signup-form .paper-sheet-back
  .paper-sheet,
  body.landing .info .signup-form .paper-sheet-back
  .form-box {
    background: none;
    border: none;
    box-shadow: none;
  }
  body.landing .info .signup-form .paper-sheet .terms, body.landing .info .signup-form .form-box .terms {
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 70%;
  }
  body.landing .info .signup-form .paper-sheet .form .submits .sign-up, body.landing .info .signup-form .form-box .form .submits .sign-up {
    font-size: 16px;
    padding-bottom: 8px;
    padding-top: 8px;
  }
  body.landing .info input {
    box-sizing: border-box;
    font-size: 12px;
    height: 30px;
    margin-bottom: 14px;
    width: 100%;
  }
  body.landing .info form .split-inputs .input {
    box-sizing: border-box;
    width: 50%;
  }
  body.landing .info form .split-inputs .input input {
    width: 100% !important;
    box-sizing: border-box;
    margin-right: 0;
  }
  body.landing .info form .split-inputs .input:first-child {
    padding-right: 8px;
  }
  body.landing .info form .split-inputs .input:last-child {
    padding-left: 8px;
  }
  body.landing .companies.customers {
    border: none;
    box-sizing: border-box;
    box-shadow: none;
    margin: 0;
  }
  body.landing .companies.customers h4 {
    font-size: 10px;
    padding-top: 10px;
  }
  body.landing .companies.customers .customers-list li {
    display: block;
  }
  body.landing .companies.customers .customers-list li a {
    margin: 0 auto;
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
  }
}

/*end of body*/
/* Retina assets */
.retina body.landing {
  background: url("/static/images/bg-white-fabric@2x.png");
  background-size: 174px 124px;
}
.retina body.landing .info .bullet-points ul li:before {
  background-image: url("/static/images/sprite-homepage@2x.png") !important;
  background-size: 200px 900px !important;
}

.row tr {
  font-size: 12px;
  border-left: 1px solid #D3D3D3;
}
.row tr td {
  padding: 0 10px;
}
.row tr a {
  color: #323232;
}
.row tr .select-col {
  padding-left: 6px;
  padding-right: 6px;
}
.row tr .select-col .select {
  display: inline-block;
  position: relative;
  float: left;
}
.row tr .number-col {
  width: 8%;
  padding: 11px 8px;
  font-size: 11px;
}
.row tr .number-col.is-sub > .number:before {
  content: '';
  background: url("/static/images/icons-sprite.png") no-repeat 0px -335px;
  width: 13px;
  height: 13px;
  display: inline-block;
  top: -1px;
  position: relative;
}
.row tr .scores-col {
  width: 5%;
}
.row tr .status-col {
  width: 5%;
}
.row tr .assign-col {
  width: 10%;
  text-align: left;
}
.row tr .assign-col .assigner {
  position: absolute;
}
.row tr .title-col {
  width: 40%;
  max-width: 375px;
  line-height: 19px;
  text-align: left;
}
.row tr .title-col a:hover {
  text-decoration: underline;
  color: #323232;
}
.row tr .title-col .who,
.row tr .title-col .what,
.row tr .title-col .why {
  background-color: #F4F9EC;
  padding: 1px 2px;
  border-bottom: 1px solid #D7E2C4;
}
.row tr .tags-col {
  width: 15%;
  max-width: 140px;
  text-align: left;
}
.row tr .tags-col ul li {
  list-style-position: inside;
}
.row tr .tags-col ul li.tag button {
  max-width: 135px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.row tr .created-by-col {
  width: 10%;
  text-align: left;
}
.row tr.defect {
  background-color: #F8E6E6;
}
.row tr.task {
  background-color: #F0F0EC;
}
.row tr.story {
  background-color: #E4EFCF;
}
.row tr.test {
  background-color: #ebf7fa;
}
.row tr.unmatched {
  opacity: 0.55;
}
.row tr.unmatched:hover {
  opacity: 1;
}

#quick_move_container {
  display: none;
  position: fixed;
  left: 0;
  z-index: 1010;
}
#quick_move_container .quick-move.small .quick-move-items {
  border-spacing: 1px;
}
#quick_move_container .quick-move {
  background-color: #fff;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
  width: 20px;
}
#quick_move_container .quick-move .quick-move-items {
  list-style-type: none;
  display: table;
  width: 100%;
  height: 100%;
  border-collapse: separate;
  border-spacing: 1px;
}
#quick_move_container .quick-move li.selected .cursor {
  background-color: #7e7e7e;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
#quick_move_container .quick-move li.ui-sortable-placeholder {
  visibility: visible !important;
}
#quick_move_container .quick-move li.ui-sortable-placeholder .box {
  background-color: #fff !important;
  background-image: none !important;
  border: 2px dashed rgba(0, 0, 0, 0.15);
}
#quick_move_container .quick-move li.block {
  display: table-row;
  width: 100%;
  font-size: 12px;
  max-height: 10px;
  position: relative;
}
#quick_move_container .quick-move li.block .box {
  display: table-cell;
  position: relative;
  max-height: 70px;
  vertical-align: top;
  cursor: auto;
  width: 100%;
  background-image: none;
  border-top: none;
}
#quick_move_container .quick-move li.block .box .relative {
  background-color: none;
  background-image: none;
  border: 0px;
  position: relative;
  height: 100%;
}
#quick_move_container .quick-move li.block .box .relative .cursor {
  position: absolute;
  top: -1px;
  right: -6px;
  width: 4px;
  height: 100%;
}
#quick_move_container .quick-move li.enabled .box {
  cursor: move;
}
#quick_move_container .quick-move li.task.enabled .box {
  background-color: #454545;
}
#quick_move_container .quick-move li.story.enabled .box {
  background-color: #84b431;
}
#quick_move_container .quick-move li.test.enabled .box {
  background-color: #5A96AB;
}
#quick_move_container .quick-move li.defect.enabled .box {
  background-color: #D94949;
}
#quick_move_container .quick-move li.task .box {
  background-color: #e8e8e8;
}
#quick_move_container .quick-move li.story .box {
  background-color: #F1F7E4;
}
#quick_move_container .quick-move li.test .box {
  background-color: #E4F1F4;
}
#quick_move_container .quick-move li.defect .box {
  background-color: #FAE4E4;
}
#quick_move_container .smart_pop {
  z-index: 1020;
  width: 380px;
  position: absolute;
  left: 35px;
}
#quick_move_container .smart_pop .card {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  width: 380px;
}
#quick_move_container .smart_pop .card .top {
  cursor: default;
}
#quick_move_container .smart_pop li {
  display: block;
  max-height: 500px !important;
}

.ui-datepicker {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  background-color: #fbfbf8;
  border: none;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  margin: 3px 0;
  padding: 0;
  width: 197px;
  z-index: 1000 !important;
}
.ui-datepicker .ui-datepicker-header {
  border-radius: 0;
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  background: transparent;
  border: 1px solid #bcbcb4;
  border-bottom: none;
  font-size: 14px;
  padding: 0;
}
.ui-datepicker .ui-datepicker-title {
  color: #6b6b62;
  font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  margin: 10px 26px 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  height: auto;
  padding: 8px;
  top: 8px;
  width: auto;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next.ui-state-hover {
  background: none;
}
.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon {
  background-image: url("/static/images/icons-sprite.png");
  background-repeat: no-repeat;
  height: 15px;
  left: auto;
  margin: 0;
  position: relative;
  top: auto;
  width: 12px;
}
.retina .ui-datepicker .ui-datepicker-prev .ui-icon, .retina
.ui-datepicker .ui-datepicker-next .ui-icon {
  background-image: url("/static/images/icons-sprite@2x.png");
  background-size: 80px 2000px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 6px;
}
.ui-datepicker .ui-datepicker-prev .ui-icon {
  background-position: 0 -447px;
}
.ui-datepicker .ui-datepicker-prev.ui-state-hover .ui-icon {
  background-position: -12px -447px;
}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled .ui-icon {
  background-position: -24px -447px;
}
.ui-datepicker .ui-datepicker-next {
  right: 6px;
}
.ui-datepicker .ui-datepicker-next .ui-icon {
  background-position: -36px -447px;
}
.ui-datepicker .ui-datepicker-next.ui-state-hover .ui-icon {
  background-position: -48px -447px;
}
.ui-datepicker .ui-datepicker-next.ui-state-disabled .ui-icon {
  background-position: -60px -447px;
}
.ui-datepicker .ui-datepicker-calendar {
  border-collapse: collapse;
  margin: 0;
  font-size: 10px;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td,
.ui-datepicker .ui-datepicker-calendar a,
.ui-datepicker .ui-datepicker-calendar span {
  text-align: center;
}
.ui-datepicker .ui-datepicker-calendar th:first-child {
  border-left: 1px solid #bcbcb4;
}
.ui-datepicker .ui-datepicker-calendar th:last-child {
  border-right: 1px solid #bcbcb4;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
  padding: 0;
  width: 14%;
}
.ui-datepicker .ui-datepicker-calendar th:first-child, .ui-datepicker .ui-datepicker-calendar th:last-child,
.ui-datepicker .ui-datepicker-calendar td:first-child,
.ui-datepicker .ui-datepicker-calendar td:last-child {
  width: 15%;
}
.ui-datepicker .ui-datepicker-calendar th {
  color: #454545;
  font-weight: normal;
}
.ui-datepicker .ui-datepicker-calendar td {
  border: 1px solid #c3c3c3;
}
.ui-datepicker .ui-datepicker-calendar a,
.ui-datepicker .ui-datepicker-calendar span {
  display: block;
  padding: 9px 0;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {
  background: #fff;
  border: none;
  color: #454545;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today,
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
  background-color: #E4EFCF;
  color: #678c26;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
  background-color: #f6f6f1;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable {
  color: #AEAEA5;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-other-month {
  background-color: #e8e8e8;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-other-month span {
  display: none;
}

/**
 * Styles for the date range selector in the "Add Filter" popout
 */
.date-range .collapsible {
  width: inherit;
}
.date-range .date-key-selection + .date-value-selection {
  margin-top: 8px;
}

/**
 * Custom date range selector with "Start" and "End" adjacent inputs
 */
.custom-date-range {
  padding: 8px 0;
}
.custom-date-range::before {
  display: table;
  content: "";
}
.custom-date-range::after {
  display: table;
  clear: both;
  content: "";
}
.custom-date-range .date-range-start,
.custom-date-range .date-range-end,
.custom-date-range span {
  float: left;
}
.custom-date-range .date-range-start,
.custom-date-range .date-range-end {
  width: 90px;
}
.custom-date-range .date-range-start input,
.custom-date-range .date-range-end input {
  font-size: 13px;
}
.custom-date-range span {
  display: block;
  line-height: 36px;
  text-align: center;
  width: 20px;
}

.filters .custom-date-range .date-range-start,
.filters .custom-date-range .date-range-end {
  width: 65px;
}
.filters .custom-date-range .date-range-start input,
.filters .custom-date-range .date-range-end input {
  font-size: 12px;
  padding: 6px;
}
.filters .date-range-type-select {
  margin-top: 8px;
}

/**
 * Selected date range filters that stack in the "Add Filter" popup
 */
.selected-date-range-item {
  padding: 2px 0;
}
.selected-date-range-item::before {
  display: table;
  content: "";
}
.selected-date-range-item::after {
  display: table;
  clear: both;
  content: "";
}
.selected-date-range-item .date-range-start,
.selected-date-range-item .date-range-end {
  width: 77px;
}
.selected-date-range-item .delete-button,
.selected-date-range-item .selected-date-range {
  float: left;
}
.selected-date-range-item .selected-date-range {
  width: 175px;
}
.selected-date-range-item .delete-button {
  display: block;
  margin: 31px 7px 0 0;
}
.selected-date-range-item .date-range-name {
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 3px;
}

.settings-view .profile-button:before,
.settings-view .plans-button:before,
.settings-view .billing-button:before,
.settings-view .invoices-button:before,
.settings-view .products-button:before,
.settings-view .members-button:before,
.settings-view .notifications-button:before,
.settings-view .services-button:before,
.settings-view .environments-button:before {
  content: '';
  display: block;
  position: absolute;
  top: 16px;
  left: 12px;
  background: url("/static/images/icons-sprite.png") no-repeat;
  width: 20px;
  height: 20px;
}
.settings-view .profile-button:before {
  background-position: 0px -1610px;
}
.settings-view .plans-button:before {
  background-position: 0px -1630px;
}
.settings-view .billing-button:before {
  background-position: 0px -1650px;
}
.settings-view .invoices-button:before {
  background-position: 0px -1670px;
}
.settings-view .products-button:before {
  background-position: 0px -1690px;
}
.settings-view .members-button:before {
  background-position: 0px -1710px;
}
.settings-view .notifications-button:before {
  background-position: 0px -1730px;
}
.settings-view .services-button:before {
  background-position: 0px -1750px;
}
.settings-view .environments-button:before {
  background-position: 0px -1410px;
}
.settings-view .on .profile-button:before,
.settings-view .tab-menu li:hover .profile-button:before {
  background-position: -40px -1610px;
}
.settings-view .on .plans-button:before,
.settings-view .tab-menu li:hover .plans-button:before {
  background-position: -40px -1630px;
}
.settings-view .on .billing-button:before,
.settings-view .tab-menu li:hover .billing-button:before {
  background-position: -40px -1650px;
}
.settings-view .on .invoices-button:before,
.settings-view .tab-menu li:hover .invoices-button:before {
  background-position: -40px -1670px;
}
.settings-view .on .products-button:before,
.settings-view .tab-menu li:hover .products-button:before {
  background-position: -40px -1690px;
}
.settings-view .on .members-button:before,
.settings-view .tab-menu li:hover .members-button:before {
  background-position: -40px -1710px;
}
.settings-view .on .notifications-button:before,
.settings-view .tab-menu li:hover .notifications-button:before {
  background-position: -40px -1730px;
}
.settings-view .on .services-button:before,
.settings-view .tab-menu li:hover .services-button:before {
  background-position: -40px -1750px;
}
.settings-view .on .environments-button:before,
.settings-view .tab-menu li:hover .environments-button:before {
  background-position: -20px -1410px;
}
.settings-view .column {
  box-sizing: border-box;
  float: left;
  padding-left: 30px;
}
.settings-view .column.half {
  width: 44%;
}
.settings-view .column p:first-child {
  margin-top: 0;
}
.settings-view .tab-view-content {
  box-sizing: border-box;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.5em;
  color: #323232;
}
.settings-view .tab-view-content .column-wrapper {
  margin-left: -30px;
}
.settings-view .tab-view-content .column-wrapper::before {
  display: table;
  content: "";
}
.settings-view .tab-view-content .column-wrapper::after {
  display: table;
  clear: both;
  content: "";
}
.settings-view .tab-view-content .column-section {
  border-top: 1px solid #e8e8e8;
  padding: 20px 0;
}
.settings-view .tab-view-content .column .column-section:first-child {
  border-top: none;
  padding-top: 0;
}
.settings-view .tab-view-content p {
  margin: 1.25em 0;
}
.settings-view .tab-view-content ol {
  margin: 1.25em;
}
.settings-view .tab-view-content a {
  color: #0366d6;
}
.settings-view .tab-view-content a:hover {
  text-decoration: underline;
}
.settings-view .tab-view-content button:hover {
  text-decoration: underline;
}
.settings-view .tab-view-content .btn, .settings-view .tab-view-content .item-following button.follow, .item-following .settings-view .tab-view-content button.follow, .settings-view .tab-view-content .item-following button.following, .item-following .settings-view .tab-view-content button.following,
.settings-view .tab-view-content .select2-choice {
  color: #fff;
}
.settings-view .tab-view-content .btn:hover, .settings-view .tab-view-content .item-following button.follow:hover, .item-following .settings-view .tab-view-content button.follow:hover, .settings-view .tab-view-content .item-following button.following:hover, .item-following .settings-view .tab-view-content button.following:hover,
.settings-view .tab-view-content .select2-choice:hover {
  text-decoration: none;
}

.settings-section {
  padding: 28px 30px;
}
.settings-section label.notification-label {
  cursor: pointer;
}
.settings-section .integrated-service {
  margin-bottom: 30px;
}

.settings-section + .settings-section {
  border-top: 1px solid #D3D3D3;
}

.settings-tab-title {
  color: #454545;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1.4em;
  margin-bottom: 1.2em;
}

/*
For listing things in the settings modal

Implementation should look something like this:

.name-column {
  width: 60%;
}

.email-column {
  height: 40%;
}

<div class="settings-list">
  <header class="settings-list-header">
    <div class="column name-column"><h3 class="column-title">Name</h3></div>
    <div class="column email-column"><h3 class="column-title">Email</h3></div>
  </header>
  <ul>
    <li>
      <div class="column name-column">Bob</div>
      <div class="column email-column">bob$sprint.ly</div>
    </li>
    <li>
      <div class="column name-column">Sue</div>
      <div class="column email-column">sue$sprint.ly</div>
    </li>
  </ul>
</div>
*/
.settings-list > ul > li,
.settings-list-header {
  border: 1px solid #e8e8e8;
}
.settings-list > ul > li::before,
.settings-list-header::before {
  display: table;
  content: "";
}
.settings-list > ul > li::after,
.settings-list-header::after {
  display: table;
  clear: both;
  content: "";
}

.settings-list + .settings-list {
  margin-top: 20px;
}
.settings-list .column {
  box-sizing: border-box;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
.settings-list > ul {
  list-style: none;
}
.settings-list > ul > li {
  -moz-transition-property: background-color, border-color;
  -o-transition-property: background-color, border-color;
  -webkit-transition-property: background-color, border-color;
  transition-property: background-color, border-color;
  -moz-transition-duration: 250ms;
  -o-transition-duration: 250ms;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-top-color: transparent;
  margin-top: -1px;
  position: relative;
  z-index: 1;
}
.settings-list > ul > li:hover {
  z-index: 2;
}
.settings-list > ul > li.on, .settings-list > ul > li.is-editing {
  z-index: 3;
}
.settings-list > ul > li.on, .settings-list > ul > li.is-editing, .settings-list > ul > li:hover {
  background-color: #f6f8fa;
  border-color: #c0d0d6;
}
.settings-list > ul > li.on .icon-list, .settings-list > ul > li:hover .icon-list {
  display: block;
}
.settings-list > ul > li.is-editing .icon-list {
  display: none;
}
.settings-list > ul .column {
  padding-bottom: 10px;
  padding-top: 10px;
}
.settings-list .icon-list {
  display: none;
  position: absolute;
  right: 10px;
  top: 0;
}
.settings-list .icon-list button {
  padding: 10px 4px;
}

.settings-list-header {
  background-color: #f6f8fa;
}
.settings-list-header .column-title {
  color: #323232;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  font-size: 13px;
  margin: 0;
  padding: 9px 0;
}

.profile-settings .delight {
  padding-top: 56px;
}
.profile-settings .avatar {
  line-height: 1.3em;
  margin-bottom: 10px;
}
.profile-settings .avatar::before {
  display: table;
  content: "";
}
.profile-settings .avatar::after {
  display: table;
  clear: both;
  content: "";
}
.profile-settings .avatar img {
  float: left;
  height: 60px;
  margin: 0 18px 6px 0;
  width: 60px;
}
.profile-settings .avatar p {
  margin: 0;
  padding-top: 15px;
}
.profile-settings .avatar small {
  font-size: 0.85em;
  font-style: italic;
}
.profile-settings .password-settings-form .forgot-password {
  margin-top: 6px;
  font-size: 11px;
  float: right;
}
.profile-settings .profile-settings-form {
  margin-bottom: 23px;
}
.profile-settings .api-key {
  margin: 40px 0 25px;
}
.profile-settings .api-key .input-field {
  display: inline-block;
  width: 80%;
}
.profile-settings .local-storage {
  border-radius: 5px;
  background-color: #f6f8fa;
  border: 1px solid #D3D3D3;
  font-size: 0.85em;
  padding: 8px;
  text-align: center;
}

.plans-settings {
  padding-right: 40px;
}
.plans-settings .downgrade .js-plan-change-button {
  background: none;
  border: none;
  color: #21718D;
  font-size: 13px;
  padding: 0;
  cursor: pointer;
}

@-webkit-keyframes flash {
  0% {
    background-color: #f6f8fa;
  }
  65% {
    background-color: #E4EFCF;
  }
  100% {
    background-color: #f6f8fa;
  }
}
@-moz-keyframes flash {
  0% {
    background-color: #f6f8fa;
  }
  65% {
    background-color: #E4EFCF;
  }
  100% {
    background-color: #f6f8fa;
  }
}
@-o-keyframes flash {
  0% {
    background-color: #f6f8fa;
  }
  65% {
    background-color: #E4EFCF;
  }
  100% {
    background-color: #f6f8fa;
  }
}
@keyframes flash {
  0% {
    background-color: #f6f8fa;
  }
  65% {
    background-color: #E4EFCF;
  }
  100% {
    background-color: #f6f8fa;
  }
}
.plans-upsell {
  height: 20px;
}

.plans-grid-table {
  border-collapse: collapse;
  color: #767676;
  empty-cells: hide;
  width: 100%;
}
.plans-grid-table .label-column {
  width: 28%;
}
.plans-grid-table #pricing-row-changing,
.plans-grid-table .in-place-change {
  -webkit-animation: flash 0.5s 1 ease-out;
  -moz-animation: flash 0.5s 1 ease-out;
  -o-animation: flash 0.5s 1 ease-out;
  animation: flash 0.5s 1 ease-out;
}
.plans-grid-table .plan-column .column-title {
  color: #454545;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  font-size: 14px;
  margin: 0;
}
.plans-grid-table .plan-column:nth-child(2) .column-title {
  color: #8e8e8e;
}
.plans-grid-table .plan-column:nth-child(4) .column-title {
  color: #21718D;
}
.plans-grid-table .plan-column:nth-child(5) .column-title {
  color: #84b431;
}
.plans-grid-table .plan-column:nth-child(6) .column-title {
  color: #FF9700;
}
.plans-grid-table .row-title {
  font-size: 13px;
  margin-bottom: 0;
  font-weight: bold;
  color: #323232;
  text-align: left;
}
.plans-grid-table th,
.plans-grid-table td {
  border: 1px solid #e8e8e8;
  border-right: none;
  padding: 9px 11px;
  text-align: center;
  vertical-align: middle;
  width: 85px;
}
.plans-grid-table th:last-child:not(.current),
.plans-grid-table td:last-child:not(.current) {
  border-right: 1px solid #e8e8e8;
}
.plans-grid-table thead .current,
.plans-grid-table tfoot .current {
  border: 1px solid #84b431;
}
.plans-grid-table thead th,
.plans-grid-table thead td,
.plans-grid-table tfoot th,
.plans-grid-table tfoot td {
  background-color: #fff;
}
.plans-grid-table thead th:first-child,
.plans-grid-table thead td:first-child,
.plans-grid-table tfoot th:first-child,
.plans-grid-table tfoot td:first-child {
  background-color: transparent;
}
.plans-grid-table thead th:first-child {
  border-left: none;
  border-top: none;
}
.plans-grid-table thead .current {
  border-bottom: none;
}
.plans-grid-table tbody tr {
  background-color: #fff;
}
.plans-grid-table tbody tr:nth-child(odd) {
  background-color: #f6f8fa;
}
.plans-grid-table tbody .current,
.plans-grid-table tfoot .current {
  border-left-color: #84b431;
  border-right: 1px solid #84b431;
  color: #454545;
  font-weight: bold;
}
.plans-grid-table tfoot td:first-child {
  border-bottom: none;
  border-left: none;
}

.billing-info .form-title {
  margin-top: 0;
}
.billing-info fieldset .input-field:first-child {
  margin-top: 0;
}

.settings-view .tab-view-content .billing-overview .table {
  margin-bottom: 20px;
  border-radius: 4px;
}
.settings-view .tab-view-content .billing-overview .table td {
  padding: 1em;
}
.settings-view .tab-view-content .billing-overview .table td:first-of-type {
  text-align: right;
}
.settings-view .tab-view-content .billing-overview .table td:last-of-type .btn, .settings-view .tab-view-content .billing-overview .table td:last-of-type .item-following button.follow, .item-following .settings-view .tab-view-content .billing-overview .table td:last-of-type button.follow, .settings-view .tab-view-content .billing-overview .table td:last-of-type .item-following button.following, .item-following .settings-view .tab-view-content .billing-overview .table td:last-of-type button.following {
  float: right;
}
.settings-view .tab-view-content .billing-overview p.plan-title {
  margin: 0;
  float: left;
  font-weight: bold;
}
.settings-view .tab-view-content .billing-overview p.plan-details {
  margin: 0;
  float: left;
  padding-left: 1em;
  font-size: 0.9em;
}
.settings-view .tab-view-content .billing-overview .members-count {
  float: left;
  clear: both;
  border-radius: 4px;
  width: 50%;
  height: 8px;
  margin-top: 8px;
  overflow: hidden;
  position: relative;
  background: #e8e8e8;
}
.settings-view .tab-view-content .billing-overview .members-count .members-count__inner {
  background: #21718D;
  height: 8px;
  position: absolute;
  left: 0;
}
.settings-view .tab-view-content .billing-overview .members-count .members-count__inner.observers {
  background: #ebf7fa;
  z-index: 100;
}

.settings-view .alert {
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.settings-view .alert > p,
.settings-view .alert > ul {
  margin-top: 0;
  margin-bottom: 0;
}
.settings-view .alert > p + p {
  margin-top: 5px;
}
.settings-view .alert h3 {
  font-weight: bold;
  color: inherit;
  margin-bottom: 10px;
}
.settings-view .alert.alert-danger {
  color: #7B2A2A;
  border-color: #f4d6d6;
  background-color: #F8E6E6;
}
.settings-view .alert.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.payment-modal form.payment-info {
  padding: 1em;
}
.payment-modal form.payment-info .btn.cta, .payment-modal form.payment-info .item-following button.cta.follow, .item-following .payment-modal form.payment-info button.cta.follow, .payment-modal form.payment-info .item-following button.cta.following, .item-following .payment-modal form.payment-info button.cta.following {
  float: right;
}

.payment-modal .modal-small {
  width: 380px;
}

.invoice-list th.date,
.invoice-list td.date {
  width: 20%;
}
.invoice-list th.amount,
.invoice-list td.amount {
  width: 20%;
}
.invoice-list th.description,
.invoice-list td.description {
  width: 20%;
}
.invoice-list th.invoice-pdf,
.invoice-list td.invoice-pdf {
  width: 20%;
}
.invoice-list td.empty {
  text-align: center;
}
.invoice-list tbody .amount {
  font-weight: bold;
}

.create-product-form {
  margin-bottom: 28px;
}
.create-product-form .input-row {
  margin-top: 0;
}

.products-settings .title-column a {
  color: #454545;
}
.products-settings .settings-list:first-child {
  margin-top: 0;
}
.products-settings .settings-list .title-column {
  width: 50%;
}
.products-settings .settings-list .member-column {
  width: 35%;
}
.products-settings .settings-list form {
  display: none;
}
.products-settings .settings-list form .input-field {
  width: 305px;
}
.products-settings .settings-list .is-editing .product-data {
  display: none;
}
.products-settings .settings-list .is-editing form {
  display: block;
}

.members-product-selector {
  padding-bottom: 0;
}
.members-product-selector .members-product-dropdown-desc {
  font-size: 13px;
  margin: 7px 0 0 0;
  padding-top: 7px;
}
.members-product-selector .members-usage-info {
  background-color: #eaeaea;
  font-size: 12px;
  line-height: 19px;
  padding: 10px 20px;
  margin: 12px 0 0 0;
  border-radius: 4px;
}

.members-settings,
.member-invitation-forms {
  position: relative;
}

.member-invitation-forms {
  padding: 10px 30px;
}

.members-settings {
  z-index: 2;
  padding-bottom: 81px;
}
.members-settings .column {
  line-height: 25px;
}
.members-settings .member-column {
  padding-left: 10px;
}
.members-settings .member-column .avatar {
  border-radius: 2px;
  background-color: #e8e8e8;
  float: left;
  height: 25px;
  margin-right: 15px;
  width: 25px;
}
.members-settings .member-column .member-label {
  color: #AEAEA5;
}
.members-settings .role-column .invite-link {
  background: url("/static/images/icons/chain.png") 100% 50% no-repeat;
  color: #AEAEA5;
  font-style: italic;
  padding-right: 40px;
  text-decoration: none;
}
.members-settings .upgrade {
  font-weight: bold;
}
.members-settings .is-invited {
  color: #AEAEA5;
}

.remove-member-modal {
  color: #454545;
}
.remove-member-modal .member-to-remove {
  margin-bottom: 16px;
}
.remove-member-modal .member-to-remove::before {
  display: table;
  content: "";
}
.remove-member-modal .member-to-remove::after {
  display: table;
  clear: both;
  content: "";
}
.remove-member-modal .member-to-remove .user-avatar {
  border-radius: 3px;
  float: left;
  height: 25px;
  margin-right: 10px;
  width: 25px;
}
.remove-member-modal .member-to-remove .user-name {
  color: #454545;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 4px 0 0;
}
.remove-member-modal .remove-from-all {
  margin-top: 16px;
}
.remove-member-modal .reassign-items p {
  margin: 15px 0 10px;
}

.members-all-products-list .icon-list button,
.product-members-list .icon-list button {
  padding-bottom: 12px;
  padding-top: 12px;
}

.members-all-products-list .member-column {
  width: 58%;
}
.members-all-products-list .role-column {
  width: 30%;
}

.product-members-list .on .drop-arrow-button .icon-arrow-small,
.product-non-members-list .on .drop-arrow-button .icon-arrow-small {
  opacity: 1;
}
.product-members-list .role-owner,
.product-non-members-list .role-owner {
  color: #AEAEA5;
}

.product-members-list .member-column {
  width: 70%;
}
.product-members-list .role-column {
  width: 30%;
}
.product-members-list .member .member-column {
  width: 40%;
}
.product-members-list .member .email-column {
  width: 30%;
}
.product-members-list .member .email-column a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-non-members-list .member-column,
.product-non-members-list .add-column {
  width: 50%;
}
.product-non-members-list .add-column {
  text-align: right;
}
.product-non-members-list .add-column::before {
  display: table;
  content: "";
}
.product-non-members-list .add-column::after {
  display: table;
  clear: both;
  content: "";
}
.product-non-members-list .add-column .drop-arrow-button,
.product-non-members-list .add-column .add-button {
  float: right;
}
.product-non-members-list .add-column .drop-arrow-button {
  margin-right: 20px;
}
.product-non-members-list .add-column .add-button {
  display: inline-block;
  min-width: 60px;
}

.member-invitation-forms {
  z-index: 1;
}
.member-invitation-forms .settings-section {
  padding-top: 16px;
}
.member-invitation-forms .member-invitation-form {
  margin-bottom: 10px;
}
.member-invitation-forms .email-field {
  width: 240px;
}
.member-invitation-forms .member-type-field {
  width: 175px;
}
.member-invitation-forms .member-invitation-link-form .form-title {
  display: inline-block;
}
.member-invitation-forms .member-invitation-link-form .input-field {
  display: inline-block;
  margin: 0 0 0 10px;
}

.notification-settings {
  position: relative;
}

.notifications-email {
  position: absolute;
  top: 28px;
  right: 30px;
}

#notification-email {
  line-height: 1.5em;
  border-radius: 4px;
  border: 1px solid #c3c3c3;
  padding: 4px;
  width: 170px;
}
#notification-email:focus {
  outline: none;
}

.notifications-product-selector::before {
  display: table;
  content: "";
}
.notifications-product-selector::after {
  display: table;
  clear: both;
  content: "";
}
.notifications-product-selector .product-selection {
  width: 44%;
}

.notifications-list {
  padding-top: 15px;
  margin-top: 40px;
}
.notifications-list .title {
  font-size: 1.2em;
  margin-bottom: 14px;
  margin-left: 14px;
  color: black;
}
.notifications-list li {
  padding: 6px 10px;
}
.notifications-list li:first-child {
  border-top: 1px solid #e8e8e8;
  border-radius: 5px 5px 0 0;
}
.notifications-list li:last-child {
  border-radius: 0 0 5px 5px;
}
.notifications-list .digest-settings {
  margin-left: 40px;
}
.notifications-list .digest-settings ul {
  margin: 10px 0;
  list-style: none;
}
.notifications-list .digest-settings li {
  border: none;
}

.services-settings .instructions {
  background-color: #f6f8fa;
  padding: 15px;
}
.services-settings .column-wrapper form {
  margin-top: 50px;
}

.product-service-selector-form {
  margin-bottom: 20px;
}

#lookout-service-form button {
  margin: 20px 0;
}

#settings-environment-listing {
  margin-top: 50px;
}

.environment-settings .list-environments table {
  width: 100%;
}
.environment-settings .list-environments table thead {
  border-bottom: 1px solid #e8e8e8;
}
.environment-settings .list-environments table th {
  text-align: left;
}
.environment-settings .list-environments table th.env {
  width: 35%;
}
.environment-settings .list-environments table th.url {
  width: 55%;
}
.environment-settings .list-environments table tr {
  line-height: 23px;
}
.environment-settings .list-environments,
.environment-settings form {
  border-top: 1px solid #D3D3D3;
  padding-top: 16px;
  margin-top: 70px;
}
.environment-settings .input-field {
  display: inline-block;
  margin: 0 14px 16px 0;
}
.environment-settings .input-field label {
  display: block;
}
.environment-settings .input-field textarea,
.environment-settings .input-field input {
  width: 268px;
  font-size: inherit;
  line-height: inherit;
  padding: 6px;
  border: 1px solid #D3D3D3;
  border-radius: 3px;
}
.environment-settings .input-field textarea:focus,
.environment-settings .input-field input:focus {
  outline: none;
}
.environment-settings .actions {
  margin-top: 8px;
}
.environment-settings .actions .cancel {
  margin-left: 7px;
}

.selector__wrapper {
  width: 280px;
  z-index: 100;
}
.selector__wrapper input {
  width: 268px;
  margin-left: 6px;
}
.selector__wrapper i {
  left: 260px;
}

/*

Shared modules used on marketing/logged out pages

*/
/*
Rounded white box
*/
.paper-sheet, .form-box {
  background: #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  top: 0px;
  left: 0px;
  padding: 20px;
  -moz-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  -webkit-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
.paper-sheet.no-rotate, .no-rotate.form-box {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.paper-sheet-back {
  left: 2px;
  top: 4px;
  width: 100%;
  height: 100%;
  background: #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  -moz-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg);
}

/*
Form container
*/
.form-box {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  padding: 32px 32px 20px;
}
.form-box input {
  height: 50px;
}
.form-box textarea {
  height: 80px;
}

/*
For empty things, used on the product select page
*/
.empty-message-box {
  margin: 30px auto;
  background: #F4F4EF;
  border: 1px solid #BEBEBA;
  border-radius: 5px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
.empty-message-box .empty-message {
  color: #AFAEA9;
  border-radius: 4px;
  padding: 10px 15px;
  margin: 0px;
  text-align: center;
}

/*
Simple blue bold success message
*/
.success-message {
  color: #134050;
  font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

/*

Add coupon module. By default, the `add-coupon-button` element is shown, and `coupon-field` hidden,
but when `has-coupon` is applied to the

Markup example:

<div class="coupon-container">
  <button class="add-coupon-button">Have a coupon code?</button>
  <div class="coupon-field">
    <p></p>
    <button class="js-clickable coupon-remove"></button>
  </div>
</div>

*/
.coupon-container {
  margin: 10px 0;
}
.coupon-container .add-coupon-button {
  display: block;
  color: #21718D;
  font-size: 14px;
}
.coupon-container .coupon-field {
  display: none;
}
.coupon-container.has-coupon .add-coupon-button {
  display: none;
}
.coupon-container.has-coupon .coupon-field {
  display: inline-block;
}

.coupon-field {
  border-radius: 4px;
  display: inline-block;
  background: #ECF5FA url("/static/images/coupon.png") 10px 50% no-repeat;
  border: 1px solid #8aa5b5;
  color: #21718D;
  font-size: 12px;
  min-width: 75px;
  padding: 8px 32px;
  position: relative;
}
.coupon-field .coupon-remove-button {
  display: block;
  padding: 8px;
  position: absolute;
  top: 0;
  right: 0;
}
.coupon-field.coupon-modal {
  margin-bottom: 18px;
}

/**
 * Styles for the $ mentions in comment forms, along with the area that mirrors the
 * textarea
 */
.mentions-input-box {
  position: relative;
  background: #fff;
}
.mentions-input-box textarea {
  display: block;
  overflow: auto;
  background: transparent;
  position: relative;
  outline: 0;
}
.mentions-input-box .mentions {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.mentions-input-box .mentions > div {
  color: transparent;
  white-space: pre-wrap;
  width: 100%;
}
.mentions-input-box .mentions > div > strong {
  font-weight: normal;
  background: #E4EFCF;
}

.mentions-autocomplete-list, ul.dropdown-menu {
  display: none;
  border: 1px solid #D3D3D3;
  font-size: 12px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10000;
  margin-top: -3px;
  width: 200px;
}
.mentions-autocomplete-list ul, ul.dropdown-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mentions-autocomplete-list li + li, ul.dropdown-menu li + li {
  border-top: 1px solid #D3D3D3;
}
.mentions-autocomplete-list li, ul.dropdown-menu li {
  -webkit-transition: background-color 150ms ease-in-out;
  -moz-transition: background-color 150ms ease-in-out;
  -o-transition: background-color 150ms ease-in-out;
  -ms-transition: background-color 150ms ease-in-out;
  transition: background-color 150ms ease-in-out;
  background-color: #fff;
  padding: 8px;
  margin: 0;
  line-height: 20px;
  overflow: hidden;
  cursor: pointer;
  white-space: nowrap;
}
.mentions-autocomplete-list li::before, ul.dropdown-menu li::before {
  display: table;
  content: "";
}
.mentions-autocomplete-list li::after, ul.dropdown-menu li::after {
  display: table;
  clear: both;
  content: "";
}
.mentions-autocomplete-list li > img, ul.dropdown-menu li > img, .mentions-autocomplete-list li > div.icon, ul.dropdown-menu li > div.icon {
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 10px;
  -moz-background-origin: 3px;
}
.mentions-autocomplete-list li em, ul.dropdown-menu li em {
  font-weight: bold;
  font-style: none;
}
.mentions-autocomplete-list li:hover, ul.dropdown-menu li:hover, .mentions-autocomplete-list li.active, ul.dropdown-menu li.active {
  background-color: #e8e8e8;
}
.mentions-autocomplete-list li b, ul.dropdown-menu li b {
  background: #E4EFCF;
  font-weight: normal;
}

ul.dropdown-menu {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  margin-top: -1px !important;
}
ul.dropdown-menu li.textcomplete-item {
  -webkit-transition: background-color 150ms ease-in-out;
  -moz-transition: background-color 150ms ease-in-out;
  -o-transition: background-color 150ms ease-in-out;
  -ms-transition: background-color 150ms ease-in-out;
  transition: background-color 150ms ease-in-out;
  background-color: #fff;
  padding: 8px;
  margin: 0;
  line-height: 20px;
  overflow: hidden;
  cursor: pointer;
  white-space: nowrap;
}
ul.dropdown-menu li.textcomplete-item::before {
  display: table;
  content: "";
}
ul.dropdown-menu li.textcomplete-item::after {
  display: table;
  clear: both;
  content: "";
}
ul.dropdown-menu li.textcomplete-item:hover, ul.dropdown-menu li.textcomplete-item.active {
  background-color: #e8e8e8;
}
ul.dropdown-menu li.textcomplete-item .emoji {
  position: relative;
  vertical-align: middle;
  bottom: 2px;
  padding-right: 10px;
}

.pie-chart {
  border-radius: 50px;
  height: 38px;
  width: 38px;
}
.pie-chart:before {
  content: attr(data-total);
  text-align: center;
  font-size: 12px;
  font-family: "Monaco", Courier New, monospace;
  color: #323232;
  background-color: #fbfbf8;
  border: 1px solid #afafad;
  border-radius: 8px;
  font-weight: 300;
  width: 40px;
  padding: 1px 0;
}

.hud_container .pie-chart {
  position: absolute;
}
.hud_container .pie-chart:before {
  position: absolute;
  left: -52px;
  top: 12px;
}

.tag-graph .pie-chart {
  float: left;
  position: relative;
  height: inherit;
  top: 11px;
  margin: 0 3% 0 10%;
  padding-right: 10px;
  box-shadow: none;
}
.tag-graph .pie-chart:before {
  position: absolute;
  top: 11px;
  left: -52px;
}
.tag-graph .pie-chart > svg {
  padding-right: 2px;
}

.pie-tooltip {
  visibility: hidden;
  position: absolute;
  z-index: 900;
  pointer-events: none;
  border-radius: 50px;
  height: 20px;
  width: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  font-size: 10px;
  font-weight: bold;
  line-height: 10px;
}
.pie-tooltip span {
  text-align: center;
  color: #fff;
  display: block;
  padding: 5px 0;
}
.pie-tooltip.defect {
  background: #D94949;
}
.pie-tooltip.story {
  background: #96be60;
}
.pie-tooltip.task {
  background: #454545;
}
.pie-tooltip.test {
  background: #5A96AB;
}

.spectral-graph {
  overflow: hidden;
  position: absolute;
  left: 50px;
  right: 0px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  height: 38px;
}
.spectral-graph span {
  overflow: hidden;
}
.spectral-graph .spectral-column {
  float: left;
  margin-right: 0px;
}
.spectral-graph .spectral-column:last-child {
  margin-right: 0;
}
.spectral-graph .spectral-column:hover, .spectral-graph .spectral-column:active {
  cursor: pointer;
}
.spectral-graph .spectral-column img.user {
  position: relative;
  width: 16px;
  height: 16px;
  top: 10px;
  left: 10px;
  border: 1px #fff solid;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.spectral-graph .q0-9 {
  background-color: rgba(255, 255, 204, 0.6);
}
.spectral-graph .q1-9 {
  background-color: rgba(255, 237, 160, 0.6);
}
.spectral-graph .q2-9 {
  background-color: rgba(254, 217, 118, 0.6);
}
.spectral-graph .q3-9 {
  background-color: rgba(254, 178, 76, 0.6);
}
.spectral-graph .q4-9 {
  background-color: rgba(253, 141, 60, 0.6);
}
.spectral-graph .q5-9 {
  background-color: rgba(252, 78, 42, 0.6);
}
.spectral-graph .q6-9 {
  background-color: rgba(227, 26, 28, 0.6);
}
.spectral-graph .q7-9 {
  background-color: rgba(189, 0, 38, 0.6);
}
.spectral-graph .q8-9 {
  background-color: rgba(128, 0, 38, 0.6);
}
.spectral-graph .q9-9 {
  background-color: rgba(68, 0, 28, 0.6);
}

.stacked-horizontal .bar {
  display: block;
  float: left;
  height: 26px;
  padding: 0;
  margin: 16px 0;
  font-family: "Monaco", Courier New, monospace;
  box-sizing: border-box;
}
.stacked-horizontal .bar:hover > span {
  display: block;
  padding-bottom: 2px;
}
.stacked-horizontal .bar:active, .stacked-horizontal .bar:focus {
  outline: none;
}
.stacked-horizontal .bar span {
  display: none;
  text-align: center;
  font-size: 12px;
}
.stacked-horizontal .bar.done {
  background: #cee2af;
  border: 1px solid #93b064;
}
.stacked-horizontal .bar.done span {
  color: #49641b;
}
.stacked-horizontal .bar.in-progress {
  background: #a4c8d7;
  border: 1px solid #568da1;
  border-left: none;
}
.stacked-horizontal .bar.in-progress span {
  color: #134050;
}
.stacked-horizontal .bar.in-progress:first-child {
  border-left: 1px solid #568da1;
}
.stacked-horizontal .bar.todo {
  background: #dfdfd9;
  border: 1px solid #a6a6a6;
  border-left: none;
}
.stacked-horizontal .bar.todo span {
  color: #5d5d5d;
}
.stacked-horizontal .bar.todo:first-child {
  border-left: 1px solid #a6a6a6;
}
.stacked-horizontal .bar:first-child {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.stacked-horizontal .bar:last-child {
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.hud_container {
  position: relative;
  margin-left: 54px;
  height: 38px;
}

.hud-dropdown,
.hud_container .hud-dropdown {
  visibility: hidden;
  position: absolute;
  z-index: 900;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 300;
  color: #454545;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  padding: 5px 10px;
  min-height: 20px;
  min-width: 45px;
}
.hud-dropdown p,
.hud-dropdown span,
.hud-dropdown li,
.hud_container .hud-dropdown p,
.hud_container .hud-dropdown span,
.hud_container .hud-dropdown li {
  line-height: 1.4em;
}
.hud-dropdown p,
.hud_container .hud-dropdown p {
  font-weight: 500;
  vertical-align: top;
}
.hud-dropdown p img,
.hud_container .hud-dropdown p img {
  line-height: 20px;
}
.hud-dropdown span,
.hud-dropdown li,
.hud_container .hud-dropdown span,
.hud_container .hud-dropdown li {
  font-size: 13px;
}
.hud-dropdown ul,
.hud_container .hud-dropdown ul {
  list-style: none;
}
.hud-dropdown ul li.defect,
.hud_container .hud-dropdown ul li.defect {
  color: #D94949;
}
.hud-dropdown ul li.story,
.hud_container .hud-dropdown ul li.story {
  color: #96be60;
}
.hud-dropdown ul li.task,
.hud_container .hud-dropdown ul li.task {
  color: #454545;
}
.hud-dropdown ul li.test,
.hud_container .hud-dropdown ul li.test {
  color: #5A96AB;
}
.hud-dropdown .arrow,
.hud_container .hud-dropdown .arrow {
  position: absolute;
  top: -10px;
  left: 8px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
}

.datum-item {
  fill-opacity: 0.6;
}

.datum-story,
.datum-stories {
  fill: #96be60;
}

.datum-task,
.datum-tasks {
  fill: #454545;
}

.datum-defect,
.datum-defects {
  fill: #D94949;
}

.datum-test,
.datum-tests {
  fill: #5A96AB;
}

/*############################################################

                  page guide overrides.

#############################################################*/
/* Variables
================================================== */
@-webkit-keyframes pg-pulse {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(0) translate(0);
    -moz-transform: rotate(0) scale(1) skew(0) translate(0);
    -o-transform: rotate(0) scale(1) skew(0) translate(0);
    -ms-transform: rotate(0) scale(1) skew(0) translate(0);
    transform: rotate(0) scale(1) skew(0) translate(0);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: rotate(0) scale(2) skew(0) translate(0);
    -moz-transform: rotate(0) scale(2) skew(0) translate(0);
    -o-transform: rotate(0) scale(2) skew(0) translate(0);
    -ms-transform: rotate(0) scale(2) skew(0) translate(0);
    transform: rotate(0) scale(2) skew(0) translate(0);
    border-radius: 20px;
    opacity: 0;
  }
}
@-moz-keyframes pg-pulse {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(0) translate(0);
    -moz-transform: rotate(0) scale(1) skew(0) translate(0);
    -o-transform: rotate(0) scale(1) skew(0) translate(0);
    -ms-transform: rotate(0) scale(1) skew(0) translate(0);
    transform: rotate(0) scale(1) skew(0) translate(0);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: rotate(0) scale(2) skew(0) translate(0);
    -moz-transform: rotate(0) scale(2) skew(0) translate(0);
    -o-transform: rotate(0) scale(2) skew(0) translate(0);
    -ms-transform: rotate(0) scale(2) skew(0) translate(0);
    transform: rotate(0) scale(2) skew(0) translate(0);
    border-radius: 20px;
    opacity: 0;
  }
}
@-ms-keyframes pg-pulse {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(0) translate(0);
    -moz-transform: rotate(0) scale(1) skew(0) translate(0);
    -o-transform: rotate(0) scale(1) skew(0) translate(0);
    -ms-transform: rotate(0) scale(1) skew(0) translate(0);
    transform: rotate(0) scale(1) skew(0) translate(0);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: rotate(0) scale(2) skew(0) translate(0);
    -moz-transform: rotate(0) scale(2) skew(0) translate(0);
    -o-transform: rotate(0) scale(2) skew(0) translate(0);
    -ms-transform: rotate(0) scale(2) skew(0) translate(0);
    transform: rotate(0) scale(2) skew(0) translate(0);
    border-radius: 20px;
    opacity: 0;
  }
}
@-o-keyframes pg-pulse {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(0) translate(0);
    -moz-transform: rotate(0) scale(1) skew(0) translate(0);
    -o-transform: rotate(0) scale(1) skew(0) translate(0);
    -ms-transform: rotate(0) scale(1) skew(0) translate(0);
    transform: rotate(0) scale(1) skew(0) translate(0);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: rotate(0) scale(2) skew(0) translate(0);
    -moz-transform: rotate(0) scale(2) skew(0) translate(0);
    -o-transform: rotate(0) scale(2) skew(0) translate(0);
    -ms-transform: rotate(0) scale(2) skew(0) translate(0);
    transform: rotate(0) scale(2) skew(0) translate(0);
    border-radius: 20px;
    opacity: 0;
  }
}
@keyframes pg-pulse {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(0) translate(0);
    -moz-transform: rotate(0) scale(1) skew(0) translate(0);
    -o-transform: rotate(0) scale(1) skew(0) translate(0);
    -ms-transform: rotate(0) scale(1) skew(0) translate(0);
    transform: rotate(0) scale(1) skew(0) translate(0);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: rotate(0) scale(2) skew(0) translate(0);
    -moz-transform: rotate(0) scale(2) skew(0) translate(0);
    -o-transform: rotate(0) scale(2) skew(0) translate(0);
    -ms-transform: rotate(0) scale(2) skew(0) translate(0);
    transform: rotate(0) scale(2) skew(0) translate(0);
    border-radius: 20px;
    opacity: 0;
  }
}
/* Page Guide
================================================== */
#pageGuideWrapper {
  -webkit-font-smoothing: subpixel-antialiased;
}
#pageGuideWrapper #pageGuideToggle {
  font-size: 11px;
  width: 211px;
  right: -211px;
  line-height: 31px;
  padding: 30px 0px 0px 10px;
}
#pageGuideWrapper #pageGuideToggle:before {
  content: " ";
  left: 26px;
  top: 8px;
  font: 15px/26px Helvetica, Arial, "Lucida Grande", sans-serif;
  background-color: rgba(59, 154, 186, 0.95);
  background-image: url("/static/images/icons-sprite.png");
  background-repeat: no-repeat;
  background-position: 0 -1271px;
  box-shadow: none;
  border: none;
  opacity: .6;
  -webkit-box-shadow: 0 -1px 0 0 #3a97b6;
  -moz-box-shadow: 0 -1px 0 0 #3a97b6;
  -o-box-shadow: 0 -1px 0 0 #3a97b6;
  box-shadow: 0 -1px 0 0 #3a97b6;
}
.retina #pageGuideWrapper #pageGuideToggle:before {
  background-image: url("/static/images/icons-sprite@2x.png");
  background-size: 80px 2000px;
}
#pageGuideWrapper #pageGuideToggle div {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  display: none;
  height: 55px;
  width: 117px;
  line-height: 14px;
  padding: 7px 0 0 12px;
  top: 0px;
}
#pageGuideWrapper #pageGuideToggle div span {
  width: 100px;
}
#pageGuideWrapper .pageguide-guide li {
  background-color: rgba(59, 154, 186, 0.95);
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 20px;
}
#pageGuideWrapper .pageguide-guide li.expanded {
  height: 40px;
  max-height: 40px;
  opacity: 1;
}
#pageGuideWrapper .pageguide-guide li.pageguide-active-pulse {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: inherit;
  width: inherit;
  padding: inherit;
  z-index: 500;
  pointer-events: none;
}
#pageGuideWrapper .pageguide-guide li.pageguide-active-pulse:after {
  content: " ";
  position: absolute;
  display: block;
  background-color: rgba(59, 154, 186, 0.95);
  border: none;
  width: 40px;
  height: 40px;
  margin: -40px 0 0 0;
  border-radius: 20px;
  z-index: -100;
  -webkit-box-shadow: 0 0 5px 1px #3b9aba;
  -moz-box-shadow: 0 0 5px 1px #3b9aba;
  -o-box-shadow: 0 0 5px 1px #3b9aba;
  box-shadow: 0 0 5px 1px #3b9aba;
  -webkit-animation-name: pg-pulse;
  -webkit-animation-duration: 1.4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-name: pg-pulse;
  -moz-animation-duration: 1.4s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: normal;
  -moz-animation-timing-function: ease-out;
  -o-animation-name: pg-pulse;
  -o-animation-duration: 1.4s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: normal;
  -o-animation-timing-function: ease-out;
  -ms-animation-name: pg-pulse;
  -ms-animation-duration: 1.4s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: normal;
  -ms-animation-timing-function: ease-out;
  animation-name: pg-pulse;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-out;
}
#pageGuideWrapper .pageguide-guide li ins {
  font-size: 23px;
  width: 40px;
  text-shadow: none;
}
#pageGuideWrapper .pageguide-guide li h1 {
  display: none;
}
#pageGuideWrapper #pageGuideMessage {
  border-radius: 5px;
  background-color: #2e2e2e;
  color: rgba(255, 255, 255, 0.95);
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  width: 100%;
  margin: 0;
  z-index: 1100;
}
#pageGuideWrapper #pageGuideMessage span {
  -webkit-transition: position 1s ease-in-out;
  -moz-transition: position 1s ease-in-out;
  -o-transition: position 1s ease-in-out;
  -ms-transition: position 1s ease-in-out;
  transition: position 1s ease-in-out;
  border-radius: 20px;
  height: 40px;
  width: 40px;
  font-size: 23px;
  line-height: 40px;
}
#pageGuideWrapper #pageGuideMessage .pageguide-step-title {
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: rgba(255, 255, 255, 0.95);
}
#pageGuideWrapper #pageGuideMessage .pageguide-content,
#pageGuideWrapper #pageGuideMessage .pageguide-video-text {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 20px;
  position: relative;
}
#pageGuideWrapper #pageGuideMessage .onboarding-video {
  color: #3b9aba;
  padding-left: 10px;
  -webkit-font-smoothing: initial;
}
#pageGuideWrapper #pageGuideMessage .pageguide-close {
  font-size: 14px;
}
#pageGuideWrapper #pageGuideMessage .pageguide-back,
#pageGuideWrapper #pageGuideMessage .pageguide-fwd {
  background: transparent url("/static/images/pageguide/tlyguide_arrow.png") 10px 4px no-repeat;
  display: block;
  height: 30px;
  overflow: hidden;
  text-indent: -999px;
  width: 30px;
  top: 30px;
}
#pageGuideWrapper #pageGuideMessage .pageguide-fwd {
  top: 32px;
  left: 80px;
}
#pageGuideWrapper #pageGuideMessage .onboarding-link {
  font-weight: 700;
}
#pageGuideWrapper #pageGuideMessage .add-item-small {
  padding: 8px 10px 8px 30px;
  margin: 0 4px;
}
#pageGuideWrapper #pageGuideMessage .add-item-small:before {
  margin-top: -3px;
  margin-left: -24px;
}
#pageGuideWrapper #pageGuideMessage #add-item-small-onboarding {
  color: #fff;
}
#pageGuideWrapper #pageGuideMessage #send-to-backlog-onboarding {
  display: inline-block;
  background-color: #84b431;
  border-top: 1px solid #B4D085;
  font-size: 14px;
  margin: 0 4px;
  vertical-align: middle;
  padding: 29px 20px 0 20px;
  border-radius: 0 4px 4px 0;
}
#pageGuideWrapper #pageGuideMessage #send-to-backlog-onboarding:before {
  content: '';
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  background: url("/static/images/icons-sprite.png") -16px -80px no-repeat;
  margin-top: -23px;
  margin-left: -8px;
}

.pageguide-ready #pageGuideWrapper #pageGuideToggle:hover {
  right: -135px;
}

.pageguide-open #pageGuideWrapper #pageGuideToggle {
  right: -135px;
}
.pageguide-open #pageGuideWrapper #pageGuideToggle:before {
  background-color: #358aa7;
  background-image: url("/static/images/icons-sprite.png");
  background-repeat: no-repeat;
  background-position: -26px -1271px;
}
.retina .pageguide-open #pageGuideWrapper #pageGuideToggle:before {
  background-image: url("/static/images/icons-sprite@2x.png");
  background-size: 80px 2000px;
}
.pageguide-open #pageGuideWrapper #pageGuideToggle:hover {
  background-color: none;
}
.pageguide-open #pageGuideWrapper #pageGuideToggle:hover:before {
  background-color: transparent;
}

#pageGuideShadow .pageguide-shadow {
  background-color: rgba(59, 154, 186, 0.1);
  -webkit-box-shadow: 0 0 1px 1px rgba(59, 154, 186, 0.5);
  -moz-box-shadow: 0 0 1px 1px rgba(59, 154, 186, 0.5);
  -o-box-shadow: 0 0 1px 1px rgba(59, 154, 186, 0.5);
  box-shadow: 0 0 1px 1px rgba(59, 154, 186, 0.5);
  z-index: 999;
}
#pageGuideShadow .pageguide-shadow.pageguide-shadow-active {
  -webkit-box-shadow: 0 0 1px 1px rgba(59, 154, 186, 0.5);
  -moz-box-shadow: 0 0 1px 1px rgba(59, 154, 186, 0.5);
  -o-box-shadow: 0 0 1px 1px rgba(59, 154, 186, 0.5);
  box-shadow: 0 0 1px 1px rgba(59, 154, 186, 0.5);
}

/* Video Lightbox Styles
================================================== */
#video-overlay {
  background-color: #000;
  z-index: 8000;
}

#video-container {
  height: 800px;
  position: absolute;
  z-index: 8001;
}

#video-box {
  position: absolute;
  left: 73px;
  /* width container - width video / 2 */
}

.simple-modal {
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
}
.simple-modal form {
  width: inherit;
}

.customers {
  padding: 60px 20px;
}
.customers .customers-list-title,
.customers .customers-list {
  text-align: center;
}
.customers .customers-list-title {
  color: #454545;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 30px;
}
.customers .customers-list li {
  display: inline-block;
  margin: 6px 8px;
}
.customers a {
  display: block;
  text-indent: -9999px;
}
.customers .paper-sheet, .customers .form-box {
  background-color: #fff;
  width: 94%;
  margin: 0 auto;
}
.customers .caliper {
  background: url("/static/images/pricing/caliper.jpg");
  width: 125px;
  height: 29px;
}
.customers .apartment-therapy {
  background: url("/static/images/pricing/apartment-therapy.jpg");
  width: 189px;
  height: 26px;
}
.customers .vevo {
  background: url("/static/images/pricing/vevo.jpg");
  width: 93px;
  height: 23px;
}
.customers .nbc {
  background: url("/static/images/pricing/nbc.jpg");
  width: 137px;
  height: 48px;
}
.customers .ubermedia {
  background: url("/static/images/pricing/ubermedia.jpg");
  width: 136px;
  height: 31px;
}
.customers .terracoding {
  background: url("/static/images/pricing/terracoding.jpg");
  width: 136px;
  height: 33px;
}

/**
 * Styles for item blocking form
 */
.item_blocking {
  padding: 0px;
  margin: 10px 0;
  position: relative;
  color: #323232;
}
.item_blocking label,
.item_blocking .off {
  font-size: 13px;
}
.item_blocking .pre_column,
.item_blocking .selector {
  float: left;
  line-height: 28px;
}
.item_blocking .selector {
  margin-left: 5px;
  margin-top: -1px;
}

/**
 * Comment
 */
.item-comment .preview,
.item-comment .cancel_update {
  margin-top: 20px;
  font-size: 14px;
  color: #636363;
  display: block;
  float: left;
}
.item-comment .preview a,
.item-comment .cancel_update a {
  position: static;
  left: 0;
  color: #337D97;
}
.item-comment p.meta {
  font-size: 14px;
  color: #636363;
  position: absolute;
  bottom: 9px;
  right: 0px;
  padding: 11px;
  text-align: right;
  text-shadow: none;
}
.item-comment p.meta span a {
  color: #337D97;
}
.item-comment p.meta span a.email {
  background: url("/static/images/icons-sprite.png") no-repeat 0 -573px;
  display: inline-block;
  outline: none;
  width: 20px;
  height: 13px;
  line-height: 13px;
  vertical-align: bottom;
  margin: auto 5px auto 10px;
  text-indent: 5000px;
  overflow: hidden;
}
.item-comment p.meta span:after {
  content: "\2022";
}
.item-comment p.meta span:last-child:after {
  content: none;
}
.item-comment .email-clip-container {
  position: relative;
}

.item-comment-input-box {
  border-radius: 6px;
  background-color: #f6f8fa;
  border: 1px solid #D3D3D3;
  position: relative;
}
.item-comment-input-box textarea {
  resize: vertical;
  min-height: 70px;
}
.item-comment-input-box .form-footnote {
  margin: 10px 0 2px;
}
.item-comment-input-box .form-footnote::before {
  display: table;
  content: "";
}
.item-comment-input-box .form-footnote::after {
  display: table;
  clear: both;
  content: "";
}
.item-comment-input-box .form-footnote p {
  font-size: 12px;
  line-height: 14px;
}
.item-comment-input-box .form-footnote .inline-bullet-list {
  float: right;
  margin-left: 10px;
}
.item-comment-input-box .item-comment-input {
  padding: 9px;
}
.item-comment-input-box .item-comment-input .input-field {
  margin-top: 0;
}

.item-attachments-list {
  list-style: none;
}
.item-attachments-list .item-attachment:last-child {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.item-attachment {
  -webkit-transition: background-color 150ms ease-in-out;
  -moz-transition: background-color 150ms ease-in-out;
  -o-transition: background-color 150ms ease-in-out;
  -ms-transition: background-color 150ms ease-in-out;
  transition: background-color 150ms ease-in-out;
  background-color: #f6f8fa;
  border-top: 1px solid #d8d8d4;
  font-size: 11px;
  padding: 9px;
}
.item-attachment .attachment-file {
  display: none;
}
.item-attachment.is-complete .attachment-progress {
  display: none;
}
.item-attachment.is-complete .attachment-file {
  display: block;
}

.attachment-progress::before {
  display: table;
  content: "";
}
.attachment-progress::after {
  display: table;
  clear: both;
  content: "";
}
.attachment-progress .attachment-progress-bar-box,
.attachment-progress .attachment-progress-text {
  float: left;
}
.attachment-progress .attachment-progress-bar-box {
  border-radius: 3px;
  box-sizing: border-box;
  background-color: #ffffff;
  border: 1px solid #c7c7c7;
  height: 16px;
  margin-right: 10px;
  padding: 3px;
  width: 160px;
}
.attachment-progress .attachment-progress-bar {
  border-radius: 2px;
  -webkit-transition: width 150ms ease-in-out;
  -moz-transition: width 150ms ease-in-out;
  -o-transition: width 150ms ease-in-out;
  -ms-transition: width 150ms ease-in-out;
  transition: width 150ms ease-in-out;
  background-color: #84b431;
  height: 100%;
  width: 0;
}
.attachment-progress .attachment-progress-text {
  font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 16px;
}

.item-attachment-drop-zone,
.item-attachment-drop-zone-text {
  position: absolute;
  width: 100%;
}

.item-attachment-drop-zone {
  box-sizing: border-box;
  background-color: rgba(132, 180, 49, 0.35);
  border: 2px dashed #84b431;
  color: #678c26;
  display: none;
  height: 100%;
  left: 0;
  pointer-events: none;
  top: 0;
}

.item-attachment-drop-zone-text {
  font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 22px;
  margin-top: -11px;
  text-align: center;
  top: 50%;
}

.is-drop-hovering .item-attachment-drop-zone {
  display: block;
}

.item-comment-form-actions {
  font-size: 14px;
  margin: 15px 0 30px;
}
.item-comment-form-actions .comment-preview-text {
  margin-left: 10px;
}
.item-comment-form-actions .comment-preview-text a {
  color: #21718D;
}

/**
 * Activity
 */
/* For when the comment form is embedded within an activity (editing).
 *
 * It seems that the selectors for .form are not explicit enough in terms
 * of sizing/layout, so this sets up the state in the way that .form
 * assumes.
 */
.activity .item-comment {
  margin: 5px 0 0 44px;
}

/**
 * Styling for item detail/permalink page
 */
.item-detail .js-clickable, .item-detail .js-clickable-blue,
.item-detail .js-clickable-blue {
  font-weight: inherit;
}
.item-detail .item-card {
  margin-bottom: 12px;
}
.item-detail .add-sub-item-button {
  margin-bottom: 20px;
  padding: 10px 15px 8px 12px;
}
.item-detail .add-sub-item-button .icon-add-circle {
  margin-right: 8px;
}
.item-detail .add-sub-item-button span {
  float: right;
  margin-top: 3px;
}
.item-detail .parent_on_subitem_permalink {
  display: block;
}
.item-detail .column-one-third h2 {
  font-size: 20px;
  color: #444;
  margin-bottom: 15px;
}
.item-detail .column-one-third img {
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.item-activities-sort-view {
  position: relative;
  font-size: 12px;
  margin-bottom: 0px;
}

.item-activities-sort {
  overflow: hidden;
}
.item-activities-sort > hr {
  margin: 0.5em 0;
  border-top: 1px solid #D3D3D3;
}
.item-activities-sort > .item-activities-sort-content {
  cursor: pointer;
  display: block;
  float: right;
  padding-left: 8px;
  color: #767676;
  font-size: 11px;
}
.item-activities-sort > .item-activities-sort-content:hover, .item-activities-sort > .item-activities-sort-content.active {
  color: #454545;
}

.item-activities-sort-options {
  background-color: #fff;
  list-style: none;
  width: 150px;
  box-sizing: border-box;
  padding: 0;
}
.item-activities-sort-options li {
  border-bottom: 1px solid #e8e8e8;
}
.item-activities-sort-options li:last-child {
  border-bottom: none;
}
.item-activities-sort-options li button {
  color: #454545;
  padding: 10px;
  display: block;
}
.item-activities-sort-options li button:hover {
  color: #0366d6;
}

/*
----------------------------------------------------
Item detail modal
----------------------------------------------------
*/
.item-detail-modal {
  border: none;
  margin-top: 75px;
  width: 900px;
}
.item-detail-modal .modal-content {
  padding: 25px;
  background: #f6f8fa;
}
.item-detail-modal .modal-title {
  font-weight: bold;
  font-size: 14px;
}
.item-detail-modal .smart_pop {
  width: 475px;
}

/**
 * List of users following an item, used on item detail view
 */
.item-following {
  margin-bottom: 25px;
}
.item-following ul {
  list-style-type: none;
  font-size: 14px;
  margin-bottom: 5px;
}
.item-following ul li {
  margin-bottom: 10px;
  line-height: 20px;
}
.item-following ul img {
  margin-right: 10px;
}
.item-following button.to-user.name {
  vertical-align: top;
}
.item-following button.follow, .item-following button.following {
  width: 100px;
  font-size: 14px;
  padding: 7px 10px;
}
.no-touch .item-following button.following:hover {
  background-color: #D94949;
}
.no-touch .item-following button.following:hover span {
  display: none;
}
.no-touch .item-following button.following:hover:before {
  content: "Unfollow";
  display: block;
}

.deployed-modal-container {
  padding: 20px;
}
.deployed-modal-container .deployed-items {
  *zoom: 1;
  margin-bottom: 20px;
}
.deployed-modal-container .deployed-items:after {
  content: "";
  display: table;
  clear: both;
}
.deployed-modal-container .deployer,
.deployed-modal-container .deployer p,
.deployed-modal-container .items {
  line-height: 26px;
}
.deployed-modal-container .deployer {
  display: block;
  float: left;
  max-width: 47%;
}
.deployed-modal-container .deployer .avatar,
.deployed-modal-container .deployer .title {
  display: inline-block;
  vertical-align: middle;
}
.deployed-modal-container .deployer .avatar {
  border-radius: 3px;
  margin-right: 5px;
  width: 26px;
}
.deployed-modal-container .deployer .user {
  color: #21718D;
}
.deployed-modal-container .items {
  box-sizing: border-box;
  float: left;
  list-style: none;
  padding-left: 10px;
  width: 53%;
}
.deployed-modal-container .remaining-number {
  color: #21718D;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
}
.deployed-modal-container .number {
  background: #F7F7F2;
  border: 1px solid #C6C6C5;
  border-radius: 3px;
  color: #323232;
  display: inline-block;
  font-family: "Monaco", Courier New, monospace;
  font-size: 10px;
  margin-bottom: 3px;
  margin-right: 3px;
  padding: 0 5px;
}
.deployed-modal-container .number.defect {
  background-color: #F8E6E6;
  border-color: #F0D1CF;
  color: #D94949;
}
.deployed-modal-container .number.story {
  background-color: #E4EFCF;
  border-color: #D2DBBF;
  color: #96be60;
}
.deployed-modal-container .number.task {
  background-color: #F0F0EC;
  border-color: #CBCBC6;
  color: #454545;
}
.deployed-modal-container .number.test {
  background-color: #ebf7fa;
  border-color: #b6d9e2;
  color: #5A96AB;
}
.deployed-modal-container .number.hidden {
  display: none;
}
.deployed-modal-container textarea[name="notes"] {
  min-height: 175px;
}

.layout-marketing {
  background: url("/static/images/bg-white-fabric.png");
  /* generic */
  /* end of header */
  /* Retina assets */
}
.layout-marketing ul li {
  list-style: none;
}
.layout-marketing .header {
  top: 0px;
  width: 100%;
  height: 65px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  background: url("/static/images/bg-white-fabric.png");
}
.layout-marketing .header .header-logo {
  text-indent: -9999px;
  float: left;
  width: 148px;
  height: 45px;
  margin-top: 11px;
  background: url("/static/images/sprite-homepage.png") no-repeat 0px 0px;
  position: relative;
}
.layout-marketing .header ul.links {
  list-style-type: none;
  float: right;
  font-size: 16px;
  color: #3a3a3a;
  margin-top: 17px;
  margin-right: 0;
}
.layout-marketing .header ul.links li {
  display: inline-block;
  margin-left: 25px;
  vertical-align: top;
  padding: 8px 7px;
  position: relative;
}
.layout-marketing .header ul.links li a {
  text-transform: uppercase;
}
.layout-marketing .header ul.links li.active:before {
  content: '';
  background: url("/static/images/sprite-homepage.png") no-repeat -25px -299px;
  width: 10px;
  height: 7px;
  position: absolute;
  bottom: -6px;
  left: 44%;
}
.layout-marketing .header-subnav {
  width: 100%;
  height: 180px;
  background: url("/static/images/bg-blue-fabric.png");
}
.layout-marketing .header-subnav .tagline {
  float: right;
  text-align: center;
  margin: 40px auto;
}
.layout-marketing .header-subnav .tagline h1 {
  color: #e9e8e3;
  font-size: 45px;
  letter-spacing: -1px;
  margin-bottom: 22px;
}
.layout-marketing .header-subnav .tagline h3 {
  color: #85b430;
  font-size: 22px;
  font-weight: 300;
}
.layout-marketing .section {
  padding: 60px 0 35px 0;
}
.layout-marketing .content {
  background: url("/static/images/blue-fabric-bg.png");
}
.layout-marketing .footer {
  background: url("/static/images/blue-fabric-bg.png");
  padding: 30px 0;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  font-size: 13px;
  color: #fff;
}
.layout-marketing .footer p.copy {
  color: #fff;
  opacity: .8;
  font-size: 12px;
  float: right;
}
.layout-marketing .footer li {
  margin-bottom: 0px;
}
.layout-marketing .footer h4 {
  font-size: 16px;
}
.layout-marketing .footer a {
  color: #fff;
  opacity: .8;
}
.layout-marketing .footer a:hover {
  opacity: 1;
}
.layout-marketing .footer .footer-column {
  width: 140px;
  float: left;
}
.retina .layout-marketing .header .header-logo,
.retina .layout-marketing .header ul.links li.active:before,
.retina .layout-marketing .features-subnav ol li a:before,
.retina .layout-marketing .image-switcher .image-previous,
.retina .layout-marketing .image-switcher .image-next,
.retina .layout-marketing .section h2:before,
.retina .layout-marketing #collaborate .extra-features ul li:before,
.retina .layout-marketing #create .extra-features ul li:before,
.retina .layout-marketing .pricing-info ul li:before {
  background-image: url("/static/images/sprite-homepage@2x.png") !important;
  background-size: 200px 900px !important;
}

/*end base*/
.home {
  background: url("/static/images/bg-white-fabric.png");
  /* end of header */
  /* Features Sub-navigation */
  /* end of subnav */
  /* end of generic section */
  /* sub-sections */
  /* end of pricing section */
  /* Retina assets */
}
.home h4 {
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  color: #1c1c1c;
  font-size: 16px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
  font-weight: bold;
  line-height: 16px;
  margin-bottom: 4px;
}
.home p {
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  font-size: 14px;
  color: #434343;
}
.home p a {
  color: #0366d6;
}
.home ul li {
  list-style: none;
  margin-bottom: 5px;
}
.home .column {
  width: 1000px;
  margin: 0px auto;
  position: relative;
}
.home .header {
  z-index: 100;
  position: fixed;
  top: 0px;
  width: 100%;
  height: 65px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  background: url("/static/images/bg-white-fabric.png");
}
.home .header .header-logo {
  text-indent: -9999px;
  float: left;
  width: 148px;
  height: 45px;
  margin-top: 11px;
  background: url("/static/images/sprite-homepage.png") no-repeat 0px 0px;
  position: relative;
}
.home .header ul.links {
  list-style-type: none;
  float: right;
  font-size: 14px;
  color: #454545;
  font-weight: bold;
  margin-top: 17px;
  margin-right: 0;
}
.home .header ul.links li {
  display: inline-block;
  margin-left: 25px;
  vertical-align: top;
  padding: 8px 7px;
  position: relative;
}
.home .header ul.links li a {
  text-transform: uppercase;
}
.home .header ul.links li.active:before {
  content: '';
  background: url("/static/images/sprite-homepage.png") no-repeat -25px -299px;
  width: 10px;
  height: 7px;
  position: absolute;
  bottom: -6px;
  left: 44%;
}
.home .header ul.links li.signup {
  padding: 8px 11px;
}
.home .header ul.links li.signup a {
  color: #fff;
}
.home .header-subnav {
  display: none;
  position: fixed;
  top: 64px;
  width: 100%;
  z-index: 99;
  background: transparent;
  height: 38px;
}
.home .header-subnav.show {
  display: block;
}
.home .header-subnav ol.subnav {
  display: inline-block;
  background: #e6e6df;
  border: solid 1px #b8b8b8;
  margin-left: 250px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.home .header-subnav ol.subnav li {
  position: relative;
  display: inline-block;
  text-align: center;
  color: #3a3a3a;
  font-size: 15px;
  width: 160px;
}
.home .header-subnav ol.subnav li a {
  padding: 13px 20px 11px 45px;
  display: inline-block;
  position: relative;
}
.home .header-subnav ol.subnav li#collaborate-subnav a:before, .home .header-subnav ol.subnav li#prioritize-subnav a:before, .home .header-subnav ol.subnav li#create-subnav a:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 21px;
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url("/static/images/sprite-homepage.png") no-repeat -1px -293px;
}
.home .header-subnav ol.subnav li#collaborate-subnav a:before {
  background-position: -1px -293px;
}
.home .header-subnav ol.subnav li#prioritize-subnav a:before {
  background-position: -1px -313px;
}
.home .header-subnav ol.subnav li#create-subnav a:before {
  background-position: -1px -333px;
}
.home .header-subnav ol.subnav li:before {
  content: "";
  background: #e6e6df;
  position: absolute;
  border-top: solid 1px #b5b6b1;
  border-right: solid 1px #b5b6b1;
  right: -16px;
  top: 6px;
  width: 27px;
  height: 27px;
  border-top-right-radius: 5px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.home .header-subnav ol.subnav li:last-child:before {
  content: none;
}
.home .header-subnav ol.subnav li.active {
  background: #f4f4ef;
  color: #1b5673;
}
.home .header-subnav ol.subnav li.active:first-child {
  border-radius: 5px 0 0 5px;
}
.home .header-subnav ol.subnav li.active:first-child:after {
  content: none;
}
.home .header-subnav ol.subnav li.active:last-child {
  border-radius: 0 5px 5px 0;
}
.home .header-subnav ol.subnav li.active:last-child:before {
  content: none;
}
.home .header-subnav ol.subnav li.active:before {
  content: "";
  position: absolute;
  background: #f4f4ef;
  border-top: solid 1px #b5b6b1;
  border-right: solid 1px #b5b6b1;
  right: -16px;
  top: 6px;
  width: 27px;
  height: 27px;
  border-top-right-radius: 5px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.home .header-subnav ol.subnav li.active:after {
  content: "";
  position: absolute;
  background: #e6e6df;
  border-top: solid 1px #b5b6b1;
  border-right: solid 1px #b5b6b1;
  left: -17px;
  top: 6px;
  width: 27px;
  height: 27px;
  border-top-right-radius: 5px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.home .image-gallery {
  padding-top: 99px;
  background: url("/static/images/bg-blue-fabric.png");
  position: fixed;
  z-index: -100;
  top: 0px;
  width: 1000px;
  margin: 0 auto;
  width: 100%;
  height: 666px;
}
.home .image-gallery h1,
.home .image-gallery h2 {
  text-align: center;
}
.home .image-gallery h1 {
  color: #e9e8e3;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  font-family: "museo-slab-1", "museo-slab-2", serif;
  font-size: 60px;
  letter-spacing: -1px;
  margin: 20px 0 15px 0;
}
.home .image-gallery h2 {
  color: #85b430;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  font-size: 30px;
  font-weight: 300;
}
.home .image-gallery h2 a.sign-up {
  position: relative;
  display: inline-block;
  float: none;
  margin-left: 5px;
  padding: 9px 3px;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 0px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  color: #E9F5E7;
  background: #85b430;
  border-radius: 5px;
  border: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}
.home .image-gallery h2 a.sign-up:hover {
  background: #8abf29;
}
.home .image-gallery h2 a.sign-up:active {
  top: 1px;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
}
.home .image-gallery h2 a.sign-up span {
  padding: 3px 14px;
  border: solid 1px #AFCE77;
  border-radius: 3px;
}
.home .image-gallery .image-switcher {
  position: absolute;
  top: 166px;
  left: 0px;
  height: 475px;
  width: 1000px;
}
.home .image-gallery .image-switcher .image-switcher-group {
  width: 900px;
  margin: 0 50px;
  height: 475px;
  overflow: hidden;
  box-shadow: 0 0px 60px rgba(0, 0, 0, 0.3);
}
.home .image-gallery .image-switcher .image-switcher-group .image-switcher-list.image-shift {
  margin-left: -1800px;
}
.home .image-gallery .image-switcher .image-switcher-group .image-switcher-list.image-shift-rev {
  margin-left: 0;
}
.home .image-gallery .image-switcher .image-switcher-group .image-anim {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.home .image-gallery .image-switcher .image-switcher-group .image-switcher-list {
  margin-left: -900px;
  width: 2700px;
  height: 475px;
}
.home .image-gallery .image-switcher .image-switcher-group .image-switcher-list .main-image {
  width: 900px;
  margin: 0 auto;
  height: 475px;
  display: block;
  float: left;
}
.home .image-gallery .image-switcher .image-previous,
.home .image-gallery .image-switcher .image-next {
  background: url("/static/images/sprite-homepage.png") no-repeat 0px -53px;
  text-indent: -9999px;
  width: 46px;
  height: 46px;
  position: absolute;
  cursor: pointer;
  top: 215px;
  opacity: .7;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  -o-user-select: none;
  user-select: none;
}
.home .image-gallery .image-switcher .image-previous:hover,
.home .image-gallery .image-switcher .image-next:hover {
  opacity: 1;
}
.home .image-gallery .image-switcher .image-previous:active,
.home .image-gallery .image-switcher .image-next:active {
  top: 216px;
}
.home .image-gallery .image-switcher .image-previous {
  background-position: 0px -53px;
  left: -20px;
}
.home .image-gallery .image-switcher .image-next {
  background-position: 0px -100px;
  right: -20px;
}
.home .section {
  padding: 60px 0 35px 0;
  /*end of collaborate section*/
  /*end of prioritize section*/
  /* end of create section */
}
.home .section#collaborate h2:before, .home .section#prioritize h2:before, .home .section#create h2:before {
  content: "";
  position: relative;
  top: 0px;
  left: -20px;
  display: inline-block;
  width: 45px;
  height: 45px;
  background: url("/static/images/sprite-homepage.png") no-repeat -1px -293px;
}
.home .section#collaborate h2:before {
  background-position: -1px -147px;
}
.home .section#prioritize h2:before {
  background-position: -1px -194px;
}
.home .section#create h2:before {
  background-position: -1px -242px;
}
.home .section h2 {
  font-size: 66px;
  margin-bottom: 8px;
  text-align: center;
  color: #175574;
}
.home .section h3 {
  font-size: 16px;
  text-align: center;
  color: #333333;
  width: 630px;
  margin: 0 auto;
  letter-spacing: 0;
  margin-bottom: 50px;
  line-height: 22px;
}
.home .section#collaborate {
  margin-top: 758px;
  box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.4);
}
.home .section#collaborate .extra-features {
  background: rgba(0, 0, 0, 0.03);
  border: solid 1px #d1d1c9;
  border-radius: 7px;
  padding: 50px 50px 20px 50px;
}
.home .section#collaborate .extra-features h4 {
  line-height: 16px;
}
.home .section#collaborate .extra-features ul li {
  width: 245px;
  margin-bottom: 35px;
  position: relative;
  padding-left: 43px;
}
.home .section#collaborate .extra-features ul li:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 30px;
  height: 30px;
  background: url("/static/images/sprite-homepage.png") no-repeat;
}
.home .section#collaborate .extra-features ul li.real-time-activity:before {
  background-position: 0px -360px;
}
.home .section#collaborate .extra-features ul li.real-time-notifications:before {
  background-position: 0px -398px;
}
.home .section#collaborate .extra-features ul li.chat-notifications:before {
  background-position: 0px -436px;
}
.home .section#collaborate .extra-features .image-feature1 {
  position: absolute;
  top: 54px;
  left: 392px;
}
.home .section#collaborate .extra-features .image-feature2 {
  text-align: center;
  position: absolute;
  top: 40px;
  left: 717px;
  width: 234px;
}
.home .section#prioritize {
  background: rgba(0, 0, 0, 0.04);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.7);
}
.home .section#prioritize .extra-features ul li {
  width: 245px;
  margin-bottom: 35px;
}
.home .section#prioritize .extra-features .image-feature1,
.home .section#prioritize .extra-features .image-feature2,
.home .section#prioritize .extra-features .image-feature3 {
  width: 300px;
  margin-right: 40px;
  display: inline-block;
}
.home .section#prioritize .extra-features .image-feature3 {
  margin-right: 0px;
}
.home .section#create {
  /* end of create section extra features */
}
.home .section#create .extra-features ul li {
  width: 258px;
  margin-bottom: 35px;
  position: relative;
  padding-left: 40px;
  padding-right: 26px;
  margin-right: 20px;
  display: inline-block;
  vertical-align: top;
  border-right: dashed 1px #c3c3be;
  height: 105px;
}
.home .section#create .extra-features ul li:last-child {
  margin-right: 0px;
  border-right: none;
  padding-right: 0px;
}
.home .section#create .extra-features ul li:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 30px;
  height: 30px;
  background: url("/static/images/sprite-homepage.png") no-repeat;
}
.home .section#create .extra-features ul li.read-write-api:before {
  background-position: 0px -474px;
  height: 21px;
}
.home .section#create .extra-features ul li.commit-api:before {
  background-position: 0px -501px;
}
.home .section#create .extra-features ul li.keyboard:before {
  background-position: 0px -539px;
}
.home .feature-explore:after {
  content: "";
  display: table;
  clear: both;
}
.home .feature-explore .image-holder {
  width: 690px;
  height: 360px;
  float: left;
}
.home .feature-explore ul {
  float: right;
  display: block;
}
.home .feature-explore ul li {
  display: block;
  width: 270px;
  margin-bottom: 3px;
  border-radius: 7px;
  padding: 12px;
  cursor: pointer;
}
.home .feature-explore ul li:last-child {
  border-bottom: none;
}
.home .feature-explore ul li:hover h4 {
  color: #06678c;
}
.home .feature-explore ul li.selected {
  background: rgba(0, 0, 0, 0.02);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.7);
}
.home .feature-explore ul li.selected h4 {
  color: #06678c;
}
.home .feature-explore ul li p {
  font-size: 13px;
  line-height: 19px;
}
.home .extra-features {
  margin: 25px 0 0 0;
  position: relative;
}
.home .extra-features::before {
  display: table;
  content: "";
}
.home .extra-features::after {
  display: table;
  clear: both;
  content: "";
}
.home .extra-features .image-feature1,
.home .extra-features .image-feature2,
.home .extra-features .image-feature3 {
  width: 300px;
}
.home .extra-features .image-feature1 img,
.home .extra-features .image-feature2 img,
.home .extra-features .image-feature3 img {
  margin-bottom: 10px;
}
.home .badge-container {
  position: relative;
  width: 1000px;
  margin: 120px auto 0 auto;
}
.home .badge-container .badge {
  position: absolute;
  left: 50%;
  margin-left: -160px;
  top: -104px;
  width: 341px;
  height: 214px;
}
.home #pricing {
  background: url("/static/images/blue-fabric-bg.png");
  padding: 60px 0 120px 0;
}
.home #pricing h2 {
  font-size: 30px;
  font-weight: 300;
  text-align: center;
  margin-bottom: 60px;
}
.home #pricing h3 {
  color: #175574;
  font-size: 30px;
  font-weight: normal;
  margin-bottom: 3px;
  text-align: center;
  text-transform: uppercase;
}
.home #pricing p.subhead {
  color: #4a4a4a;
  font-size: 16px;
  text-align: center;
  margin-bottom: 11px;
}
.home #pricing .signup-form {
  width: 534px;
  float: left;
}
.home #pricing .signup-form .paper-sheet, .home #pricing .signup-form .form-box {
  background: #fbfbf9;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  top: 0px;
  left: 0px;
  padding: 20px;
  -moz-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  -webkit-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
.home #pricing .signup-form .paper-sheet .form, .home #pricing .signup-form .form-box .form {
  width: auto;
  padding: auto 0;
  background: transparent;
  box-shadow: none;
  margin-bottom: 0;
}
.home #pricing .signup-form .paper-sheet .form label, .home #pricing .signup-form .form-box .form label {
  color: #175574;
}
.home #pricing .signup-form .paper-sheet .form input, .home #pricing .signup-form .form-box .form input {
  background-image: none;
  background-color: #EFF4F3;
  border: 1px solid #CCCCCC;
  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.2) inset;
}
.home #pricing .signup-form .paper-sheet .form .section, .home #pricing .signup-form .form-box .form .section {
  padding: 0;
}
.home #pricing .signup-form .paper-sheet .form .submits, .home #pricing .signup-form .form-box .form .submits {
  margin-top: 0;
}
.home #pricing .signup-form .paper-sheet .form .submits .sign-up, .home #pricing .signup-form .form-box .form .submits .sign-up {
  font-size: 20px;
  text-transform: uppercase;
  background-color: #85b430;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}
.home #pricing .signup-form .paper-sheet .form .submits .sign-up span, .home #pricing .signup-form .form-box .form .submits .sign-up span {
  border: solid 1px #AFCE77;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.home #pricing .signup-form .paper-sheet .form .submits .sign-up:hover, .home #pricing .signup-form .form-box .form .submits .sign-up:hover {
  background-color: #8abf29;
}
.home #pricing .signup-form .paper-sheet .form .submits .sign-up:active, .home #pricing .signup-form .form-box .form .submits .sign-up:active {
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
}
.home #pricing .signup-form .paper-sheet .terms, .home #pricing .signup-form .form-box .terms {
  float: right;
  margin-top: -59px;
  width: 50%;
}
.home #pricing .signup-form .paper-sheet-back {
  left: 2px;
  top: 4px;
  width: 100%;
  height: 100%;
  background: #fbfbf9;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  -moz-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg);
}
.home #pricing .signup-form p.terms {
  color: #878787;
  font-size: 12px;
}
.home #pricing .signup-form p.terms a {
  color: #21738d;
}
.home #pricing .about-trial {
  margin-top: 20px;
}
.home #pricing .about-trial h4 {
  color: #175574;
  font-size: 16px;
  font-weight: normal;
}
.home #pricing .about-trial p {
  font-size: 14px;
  color: #454545;
}
.home #pricing .about-trial p a {
  color: #0366d6;
}
.home #pricing .pricing-info {
  float: right;
  padding: 29px 35px;
  width: 350px;
  background: #ebf0f0;
  border-radius: 7px;
  border: solid 1px #bbcac4;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.12), 0 1px 0px rgba(252, 255, 255, 0.5);
}
.home #pricing .pricing-info .about-enterprise {
  margin-top: 30px;
}
.home #pricing .pricing-info ul {
  margin-top: 20px;
}
.home #pricing .pricing-info ul li {
  color: #2b2b2b;
  font-size: 20px;
  line-height: 35px;
  padding-left: 27px;
  position: relative;
}
.home #pricing .pricing-info ul li:before {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  left: 0px;
  width: 20px;
  height: 20px;
  background: url("/static/images/sprite-homepage.png") no-repeat 0 -571px;
}
.home #testimonials {
  background: url("/static/images/blue-fabric-bg.png");
  padding-top: 145px;
}
.home #testimonials .column {
  padding-bottom: 40px;
}
.home #testimonials h2 {
  font-size: 30px;
  font-weight: 300;
  text-align: center;
  margin-bottom: 60px;
}
.home #testimonials ul.twitter-quotes {
  width: 300px;
  list-style-type: none;
  margin: 0px 16px;
  float: left;
}
.home #testimonials ul.twitter-quotes li {
  position: relative;
  display: block;
  margin-bottom: 20px;
  color: #FDFDFC;
  padding: 15px;
  border: 1px solid #CDCDCB;
  background: #fff;
  width: 268px;
  font-family: "museo-slab-1", "museo-slab-2", serif;
  font-weight: 300;
  font-size: 13px;
  border-radius: 8px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  line-height: 19px;
  position: relative;
}
.home #testimonials ul.twitter-quotes li .avatar {
  float: left;
  margin-right: 15px;
  border: 1px solid #fff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  width: 48px;
  height: 48px;
}
.home #testimonials ul.twitter-quotes li .avatar img {
  width: 48px;
  height: 48px;
  border-radius: 5px;
}
.home #testimonials ul.twitter-quotes li .right {
  float: left;
  width: 203px;
}
.home #testimonials ul.twitter-quotes li p.quote {
  color: #4D4D4D;
  margin-bottom: 15px;
}
.home #testimonials ul.twitter-quotes li p.who a {
  color: #E06A6C;
}
.home #testimonials ul.twitter-quotes li .arrow {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-top-color: #fff;
  border-width: 10px;
  left: 10%;
  margin-left: -10px;
}
.home #testimonials .links {
  list-style-type: none;
  margin-top: 50px;
}
.home #testimonials .links li {
  color: #444;
  border-radius: 8px;
  font-family: "museo-slab-1", "museo-slab-2", serif;
  font-weight: 300;
  padding: 15px;
  background-color: #E5EBEA;
  float: left;
  width: 457px;
  border-top: 1px solid #CFD4D3;
  border-bottom: 1px solid #ECF0EF;
}
.home #testimonials .links li a {
  color: #D73D40;
}
.home #testimonials .links li:first-child {
  margin-right: 25px;
}
.home .footer {
  padding: 30px 0;
  background: #62858d;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  font-size: 13px;
  color: #fff;
}
.home .footer p.copy {
  color: #fff;
  opacity: .8;
  font-size: 12px;
  float: right;
  text-align: right;
}
.home .footer li {
  margin-bottom: 0px;
}
.home .footer h5 {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.home .footer a {
  color: #fff;
  opacity: 0.7;
}
.home .footer a:hover {
  opacity: 1;
  text-decoration: underline;
}
.home .footer .footer-column {
  width: 140px;
  float: left;
}
.retina .home .header .header-logo,
.retina .home .header ul.links li.active:before,
.retina .home .features-subnav ol li a:before,
.retina .home .image-switcher .image-previous,
.retina .home .image-switcher .image-next,
.retina .home .section h2:before,
.retina .home #collaborate .extra-features ul li:before,
.retina .home #create .extra-features ul li:before,
.retina .home .pricing-info ul li:before {
  background-image: url("/static/images/sprite-homepage@2x.png") !important;
  background-size: 200px 900px !important;
}

/*end home*/
.plan {
  position: relative;
  text-align: center;
}
.plan::before {
  display: table;
  content: "";
}
.plan::after {
  display: table;
  clear: both;
  content: "";
}
.plan .paper-sheet, .plan .form-box {
  max-width: 240px;
}
.plan .paper-sheet > span, .plan .form-box > span {
  text-align: center;
  border-bottom: 1px solid #5e5e5e;
  font-size: 16px;
}
.plan .paper-sheet > article, .plan .form-box > article {
  margin: 20px;
}
.plan .plan-head .rule {
  background-color: #c3c3c3;
  display: block;
  height: 1px;
  line-height: 0;
  margin: 14px auto;
  width: 40px;
}
.plan .plan-title,
.plan .plan-price,
.plan .plan-seats {
  line-height: 1em;
}
.plan .plan-title {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 30px;
  font-weight: normal;
  margin-bottom: 11px;
  text-align: center;
}
.plan .plan-price {
  display: block;
  font-size: 16px;
}
.plan .plan-price strong {
  font-size: 20px;
}
.plan .price-toggle {
  font-size: 0.8em;
  line-height: 30px;
}
.plan .plan-seats {
  font-size: 15px;
  padding-bottom: 0px;
}
.plan .plan-seats .plan-seats-title {
  font-size: 10px;
  text-transform: uppercase;
}
.plan a.btn {
  display: block;
}
.plan:nth-child(2) .plan-title {
  color: #454545;
}
.plan:nth-child(3) .plan-title {
  color: #21718D;
}
.plan:nth-child(4) .plan-title {
  color: #84b431;
}
.plan ul.plan-features-list {
  line-height: 1em;
  text-align: left;
}
.plan ul.plan-features-list li {
  background: url("/static/images/checkmark.png") no-repeat 0 0;
  color: #767676;
  font-size: 12px;
  margin-bottom: 15px;
  padding-left: 25px;
}
.plan ul.plan-features-list .feature-title {
  color: #454545;
  font-size: 14px;
}

.layout-pricing {
  color: #454545;
}
.layout-pricing .testimonials {
  display: none;
}
.layout-pricing .top-banner::before {
  display: table;
  content: "";
}
.layout-pricing .top-banner::after {
  display: table;
  clear: both;
  content: "";
}
.layout-pricing .top-banner .page-head {
  float: right;
  padding: 20px 0 40px;
  text-align: center;
  width: 690px;
}
.layout-pricing .top-banner .suitcase {
  background: url("/static/images/suitcase.png") no-repeat;
  background-size: 100%;
  margin: 0;
  position: absolute;
  width: 25%;
  height: 300px;
  top: 10px;
  left: 10px;
}
.layout-pricing .page-title {
  padding: 0;
}
.layout-pricing .plan-features-list li,
.layout-pricing .included-features-checklist li {
  box-sizing: border-box;
  display: block;
  height: 60px;
  width: 100%;
  border-top: 1px solid #c3c3c3;
}
.layout-pricing .plan-features-list li:last-child,
.layout-pricing .included-features-checklist li:last-child {
  border-bottom: 1px solid #c3c3c3;
}
.layout-pricing .plan-features-list .icon-checkmark-large-green, .layout-pricing .plan-features-list .glacier.layout-pricing-page .plan-listings .plan-option:nth-child(5) span.icon, .glacier.layout-pricing-page .plan-listings .plan-option:nth-child(5) .layout-pricing .plan-features-list span.icon,
.layout-pricing .included-features-checklist .icon-checkmark-large-green,
.layout-pricing .included-features-checklist .glacier.layout-pricing-page .plan-listings .plan-option:nth-child(5) span.icon,
.glacier.layout-pricing-page .plan-listings .plan-option:nth-child(5) .layout-pricing .included-features-checklist span.icon {
  margin-top: 21px;
}
.layout-pricing .plan-features-list {
  margin: 180px 0 0 60px;
  float: left;
  width: 25%;
  text-align: right;
}
.layout-pricing .plan-features-list .feature-title {
  font-size: 14px;
  font-weight: bold;
}
.layout-pricing .plan-features-list li {
  padding: 11px 18px 20px 10px;
}
.layout-pricing .plan-features-list p {
  font-size: 12px;
  color: #767676;
}
.layout-pricing .plans {
  background-image: url("/static/images/bg-white-fabric.png");
}
.layout-pricing .plans::before {
  display: table;
  content: "";
}
.layout-pricing .plans::after {
  display: table;
  clear: both;
  content: "";
}
.layout-pricing .plan-head {
  overflow: hidden;
  position: relative;
}
.layout-pricing .plan-head .plan-seats {
  bottom: 0;
  position: absolute;
  width: 100%;
}
.layout-pricing .included-features-checklist {
  margin-top: 20px;
}
.layout-pricing .plans .column section:nth-child(2) {
  margin-top: -15px;
  width: 210px;
}
.layout-pricing .plans .column section:nth-child(2) .plan-head {
  height: 155px;
}
.layout-pricing .plans .column section:nth-child(3) {
  margin-top: -25px;
  width: 230px;
}
.layout-pricing .plans .column section:nth-child(3) .plan-head {
  height: 165px;
}
.layout-pricing .plans .column section:nth-child(3) .plan-title {
  font-size: 34px;
  padding-bottom: 6px;
}
.layout-pricing .plans .column section:nth-child(3) .btn, .layout-pricing .plans .column section:nth-child(3) .item-following button.follow, .item-following .layout-pricing .plans .column section:nth-child(3) button.follow, .layout-pricing .plans .column section:nth-child(3) .item-following button.following, .item-following .layout-pricing .plans .column section:nth-child(3) button.following {
  margin-top: 21px;
  margin-bottom: 5px;
}
.layout-pricing .plans .column section:nth-child(4) {
  margin-top: -35px;
  width: 250px;
}
.layout-pricing .plans .column section:nth-child(4) .plan-head {
  height: 175px;
}
.layout-pricing .plans .column section:nth-child(4) .plan-title {
  font-size: 36px;
  padding-bottom: 14px;
}
.layout-pricing .plans .column section:nth-child(4) .btn, .layout-pricing .plans .column section:nth-child(4) .item-following button.follow, .item-following .layout-pricing .plans .column section:nth-child(4) button.follow, .layout-pricing .plans .column section:nth-child(4) .item-following button.following, .item-following .layout-pricing .plans .column section:nth-child(4) button.following {
  margin-top: 26px;
  margin-bottom: 10px;
}
.layout-pricing .plan {
  float: left;
  width: 28%;
}
.layout-pricing .plan .btn, .layout-pricing .plan .item-following button.follow, .item-following .layout-pricing .plan button.follow, .layout-pricing .plan .item-following button.following, .item-following .layout-pricing .plan button.following {
  margin-top: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.layout-pricing .free-plan-text {
  clear: both;
  font-size: 13px;
  padding: 25px 0 50px;
  text-align: center;
}
.layout-pricing .free-plan-text::before {
  display: table;
  content: "";
}
.layout-pricing .free-plan-text::after {
  display: table;
  clear: both;
  content: "";
}
.layout-pricing .free-plan-text p {
  float: right;
  width: 690px;
}
.layout-pricing .free-plan-text a {
  color: #21718D;
}
.layout-pricing .forms {
  background: url("/static/images/bg-blue-fabric.png");
  padding: 40px 0;
}
.layout-pricing .inquery-form {
  width: 500px;
  float: left;
}
.layout-pricing .inquery-form .form-box {
  background: #fff url("/static/images/distressed-runner.png") no-repeat 101% 0%;
}
.layout-pricing .inquery-form .slick-form::before {
  display: table;
  content: "";
}
.layout-pricing .inquery-form .slick-form::after {
  display: table;
  clear: both;
  content: "";
}
.layout-pricing .inquery-form .btn, .layout-pricing .inquery-form .item-following button.follow, .item-following .layout-pricing .inquery-form button.follow, .layout-pricing .inquery-form .item-following button.following, .item-following .layout-pricing .inquery-form button.following {
  float: left;
  padding-top: 12px;
  padding-bottom: 12px;
  min-width: 134px;
}
.layout-pricing .inquery-form .form-footnote {
  float: left;
  margin: 8px 0 0 10px;
}
.layout-pricing .faq {
  float: right;
  width: 45%;
}
.layout-pricing .faq::before {
  display: table;
  content: "";
}
.layout-pricing .faq::after {
  display: table;
  clear: both;
  content: "";
}
.layout-pricing .faq li {
  padding: 15px 0;
}
.layout-pricing .faq li h4 {
  color: #fff;
  font-size: 15px;
  text-shadow: none;
}
.layout-pricing .faq li p {
  color: #e8e8e8;
  font-size: 13px;
  line-height: 150%;
  text-shadow: none;
}
.layout-pricing .customers {
  background-color: #eaeaea;
}

#default.wasatch_upsell h1#upsell-header {
  color: #20718F;
  font-size: 55px;
  margin-bottom: 30px;
  letter-spacing: -1px;
  font-weight: normal;
}
#default.wasatch_upsell .upsell-points {
  margin-left: 25px;
  float: left;
}
#default.wasatch_upsell .upsell-points ul {
  list-style: none;
}
#default.wasatch_upsell .upsell-points li {
  background-image: url("/static/images/icons-list.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  margin-bottom: 18px;
  height: 53px;
  line-height: 53px;
  padding-left: 66px;
  color: #646464;
  font-size: 22px;
}
#default.wasatch_upsell #upsell-button {
  margin: 5px 0 35px 25px;
}
#default.wasatch_upsell #upsell-button span {
  font-size: 52px;
}
#default.wasatch_upsell #upsell-tweets {
  padding-bottom: 0;
}
#default.wasatch_upsell #upsell-tweets h3 {
  color: #20718F;
  font-size: 24px;
  margin-bottom: 25px;
  font-weight: normal;
}
#default.wasatch_upsell .tweet {
  border-top: 1px dashed #A0A0A0;
  display: block;
  padding: 25px 0;
}
#default.wasatch_upsell .tweet span {
  color: #6D6D6D;
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 6px;
}
#default.wasatch_upsell .tweet span a {
  color: #D94949;
}
#default.wasatch_upsell .tweet span a:hover {
  color: #22738f;
}
#default.wasatch_upsell .tweet p {
  color: #606060;
  display: block;
  font-size: 14px;
  line-height: 18px;
  margin-left: 93px;
  width: 335px;
}
#default.wasatch_upsell .tweet img {
  border-radius: 5px;
  border: 6px solid #B0B0B0;
  display: block;
  float: left;
  margin-right: 15px;
}

/*
Styles used on logged in landing
*/
.app-landing li {
  text-align: left;
}
.app-landing .briefcase {
  width: 100%;
  padding-top: 275px;
  background: url("/static/images/running-man-badge-circle.png") no-repeat top center;
  background-size: 256px;
  text-align: center;
}
.app-landing .briefcase h2 {
  margin-bottom: 10px;
}
.app-landing .modal-title {
  margin-bottom: 0;
}
.app-landing .modal-title + .create-project-button, .app-landing .modal-title + .products-list, .app-landing .modal-title + .modal-well {
  margin-top: 22px;
}

.create-project-button {
  border-radius: 3px;
  background-color: #fff;
  border: 1px dashed #c3c3c3;
  color: #767676;
  display: block;
  padding: 15px;
  text-align: center;
}
.create-project-button span {
  *zoom: 1;
  display: inline-block;
  line-height: 36px;
  font-size: 1rem;
}
.create-project-button span:after {
  content: "";
  display: table;
  clear: both;
}
.create-project-button .icon {
  float: left;
  margin-right: 6px;
}
.no-touch .create-project-button {
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -moz-transition-duration: 150ms;
  -o-transition-duration: 150ms;
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.no-touch .create-project-button:hover {
  background-color: #ebf7fa;
  cursor: pointer;
}

.products-list {
  list-style: none;
}
.products-list li + li {
  margin-top: 6px;
}
.products-list a {
  *zoom: 1;
  border-radius: 3px;
  background-color: #f6f8fa;
  border: 1px solid #e9eef3;
  display: block;
  font-size: 18px;
  overflow: hidden;
  padding: 18px;
}
.products-list a:after {
  content: "";
  display: table;
  clear: both;
}
.products-list a .icon {
  float: left;
  margin-right: 8px;
  margin-top: 1px;
}
.no-touch .products-list a {
  -moz-transition-property: background-color, border-color, color;
  -o-transition-property: background-color, border-color, color;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
  -moz-transition-duration: 150ms;
  -o-transition-duration: 150ms;
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.no-touch .products-list a:hover {
  background-color: #21718D;
  border-color: #21718D;
  color: #fff;
  z-index: 10;
}

.products-list + .create-project-button {
  margin-top: 20px;
  width: 100%;
}

.login_to_account .form .submits a {
  top: -3px;
}
.login_to_account .account-points {
  margin: 20px 0 0 23px;
}
.login_to_account .account-points ul {
  margin-top: 30px;
  list-style: none;
}
.login_to_account .account-points li {
  background-image: url("/static/images/icons-list.png");
  font-size: 18px;
  background-position: left bottom;
  background-repeat: no-repeat;
  margin-bottom: 18px;
  height: 53px;
  padding-left: 66px;
  color: #646464;
  line-height: 20px;
}
.login_to_account .account-points li span {
  display: block;
  padding-top: 8px;
}
.login_to_account #get-an-account-button {
  margin: 25px 0 0 25px;
  width: 387px;
}

.layout-signup .column {
  width: 736px;
}
.layout-signup .top-banner.is-centered {
  padding-bottom: 60px;
}
.layout-signup .page-content {
  padding-bottom: 80px;
}
.layout-signup .signup-form-column,
.layout-signup .plan-column {
  margin-top: -25px;
}
.layout-signup .signup-form-column {
  float: left;
  width: 474px;
}
.layout-signup .plan-column {
  float: right;
  width: 230px;
}
.layout-signup .plan-column::before {
  display: table;
  content: "";
}
.layout-signup .plan-column::after {
  display: table;
  clear: both;
  content: "";
}
.layout-signup .plan .paper-sheet, .layout-signup .plan .form-box {
  padding: 32px 35px 30px;
}
.layout-signup .plan-head {
  border-bottom: 1px dashed #c3c3c3;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.layout-signup .plan-features-list p {
  font-size: 12px;
}
.layout-signup .choose-plan-button {
  color: #21718D;
  display: block;
  font-size: 12px;
  padding: 18px 0 18px 50px;
}
.layout-signup .popup_wrapper {
  position: absolute;
  top: 3px;
  padding-top: 15px;
}
.layout-signup .popup_wrapper:hover {
  display: block;
}
.layout-signup .smart_pop.smart_pop_left > .arrow.arrowBody {
  border-left: 10px solid #fff;
}
.layout-signup:hover .actions {
  display: block;
}
.layout-signup .actions {
  display: none;
  float: left;
  margin-left: 10px;
  position: relative;
}
.layout-signup .actions .buttons {
  margin: -1px;
}
.layout-signup .actions button {
  padding: 0 7px;
  margin: 0 1px;
  font-size: 11px;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  border: 0px;
  line-height: 19px;
  box-shadow: none;
  text-shadow: none;
  display: inline-block;
}
.layout-signup .actions button:first-child {
  margin-right: 3px;
}
.layout-signup .actions .reasons {
  top: 26px;
  left: -14px;
  width: 150px;
}
.layout-signup .actions .reasons ul {
  list-style-type: none;
  padding: 5px 10px;
}
.layout-signup .actions .reasons ul li {
  margin: 0px;
  padding: 0px;
}
.layout-signup .actions .reasons ul li input[type=radio] {
  margin: 4px 7px 0 0;
  float: left;
}
.layout-signup .actions .reasons ul li label {
  line-height: 22px;
  cursor: pointer;
}
.layout-signup .actions .reasons ul li input.duplicate {
  width: 25px;
  margin-left: 3px;
  margin-top: -1px;
}

.signup-form .form-footnote {
  margin-top: 18px;
}
.signup-form .coupon-container {
  margin-bottom: 20px;
}

.trial-footnote {
  color: #767676;
  font-size: 12px;
  margin-top: 20px;
}
.trial-footnote strong {
  margin-bottom: 4px;
}

.switch-plan-popup {
  box-sizing: border-box;
  background-color: #fff;
  width: 100%;
}
.switch-plan-popup ul {
  margin: 10px 18px;
}
.switch-plan-popup li {
  border-bottom: 1px solid #c3c3c3;
}
.switch-plan-popup li a {
  color: #454545;
}
.switch-plan-popup li a:hover {
  color: #21718D;
}
.switch-plan-popup li:last-child {
  border-bottom: none;
}
.switch-plan-popup .plan-option {
  display: block;
  width: 100%;
  line-height: 1em;
  text-align: left;
}
.switch-plan-popup .plan-option::before {
  display: table;
  content: "";
}
.switch-plan-popup .plan-option::after {
  display: table;
  clear: both;
  content: "";
}
.switch-plan-popup .plan-title,
.switch-plan-popup .plan-price {
  box-sizing: border-box;
  float: left;
  padding: 18px 10px;
  width: 50%;
}
.switch-plan-popup .plan-title {
  float: left;
  font-size: 16px;
}
.switch-plan-popup .plan-price {
  font-size: 13px;
}
.switch-plan-popup .plan-price strong {
  font-size: 14px;
}

.redeem-coupon-modal .modal-small {
  margin-top: 20%;
}
.redeem-coupon-modal .coupon-container {
  margin-bottom: 18px;
}

.accounts_password_reset .reset-password-points,
.password_reset_confirm .reset-password-points {
  margin-top: 0px;
  padding-top: 0x;
}
.accounts_password_reset .reset-password-points ul,
.password_reset_confirm .reset-password-points ul {
  margin-top: 15px;
}
.accounts_password_reset .reset-password-points span,
.password_reset_confirm .reset-password-points span {
  padding-top: 8px;
}
.accounts_password_reset .reset-password-points span.single,
.password_reset_confirm .reset-password-points span.single {
  padding-top: 16px;
}
.accounts_password_reset .reset-password button,
.password_reset_confirm .reset-password button {
  width: 264px;
}

.product_dashboard {
  max-width: 1800px;
}
.product_dashboard ul.unmatched {
  display: none;
}
.product_dashboard .d-summary {
  padding: 0px;
}
.product_dashboard .d-summary h2 {
  margin-bottom: 0;
  margin-left: 5px;
  font-size: 24px;
  color: #444;
}
.product_dashboard .d-board {
  margin-top: 15px;
}
.product_dashboard .d-board .items_column {
  width: 33%;
  margin-right: 5px;
  border: none;
}
.product_dashboard .d-board .items_column:last-child {
  margin-right: 0px;
}
.product_dashboard .d-board .items_column .wrap {
  overflow: visible;
}
.product_dashboard .d-board .items_column > .smart_pop {
  width: 96%;
  max-width: 480px;
  left: 2% !important;
}
.product_dashboard .d-board .items_column .loading h2,
.product_dashboard .d-board .items_column .none h2 {
  font-size: 18px;
}
.product_dashboard .d-board .items_column .wrap,
.product_dashboard .d-board .items_column .items.main {
  height: auto;
}
.product_dashboard .d-board .items_column.loaded .column_header_wrap {
  display: none;
}
.product_dashboard .d-board .items_column.loaded.none .column_header_wrap {
  display: block;
}
.product_dashboard .d-board .items_column .drop_target .position {
  width: 323px;
  position: fixed;
  top: 490px;
}
.product_dashboard .d-board .items_column .drop_target .position h2 {
  padding: 0;
  margin: 0;
  width: 320px;
  font-size: 20px;
}
.product_dashboard .d-board .placeholder-sort h2 {
  font-size: 20px;
}
.product_dashboard .d-board .items_column.condensed .hud_container {
  display: none;
}
.product_dashboard .d-board .items_column.condensed ul.items.main span.as-article,
.product_dashboard .d-board .items_column.condensed ul.items.main span.part.who,
.product_dashboard .d-board .items_column.condensed ul.items.main span.i-want {
  display: none;
}
.product_dashboard .d-board .items_column.default .card_container .card .actions {
  display: none;
}
.product_dashboard .d-board .items_column.default .card_container .card:hover .status span {
  display: none;
}
.product_dashboard .d-board .items_column.default .card_container .card:hover .top .actions {
  display: block;
}
.product_dashboard .d-board .items_column ul.items.ondeck .card_container .card .body a {
  width: 198px;
}
.product_dashboard .d-board .items_column ul.items.ondeck .card_container .card .top {
  width: 302px;
}
.product_dashboard .d-board .items_column ul.items.ondeck ul.sub_items li .card .top {
  width: 291px;
}
.product_dashboard .d-board .items_column ul.items.ondeck ul.sub_items li .card .body a {
  width: 187px;
}
.product_dashboard .d-board .items_column ul.items ul.sub_items li .card .top {
  width: 300px;
}
.product_dashboard .d-board .items_column ul.items ul.sub_items li .card .body a {
  width: 196px;
}
.product_dashboard #graphs {
  /* The pie graphs are indented but the cadence graph isn't; this gives space
   * for the right arrow so it looks similar to the left arrow.
   */
  width: 90%;
  min-width: 1000px;
  margin: 26px auto 0 auto;
  overflow: hidden;
  /* Graph */
  /* Charts */
}
@media (min-width: 1750px) {
  .product_dashboard #graphs {
    width: 70%;
  }
}
@media (min-width: 2150px) {
  .product_dashboard #graphs {
    width: 60%;
  }
}
.product_dashboard #graphs #charts,
.product_dashboard #graphs #cadence {
  margin-left: 0;
}
.product_dashboard #graphs .pagination {
  position: relative;
}
.product_dashboard #graphs .pagination a {
  position: absolute;
  display: none;
  width: 30px;
  height: 30px;
  top: 102px;
  background-repeat: no-repeat;
  text-indent: -9999em;
}
.product_dashboard #graphs .pagination a:hover {
  opacity: 0.8;
}
.product_dashboard #graphs .pagination #previous-week {
  left: 0;
  background-image: url("/static/images/fancybox/fancy_nav_left.png");
}
.product_dashboard #graphs .pagination #next-week {
  right: 0;
  background-image: url("/static/images/fancybox/fancy_nav_right.png");
}
.product_dashboard #graphs:hover.pagination a {
  display: block;
}
.product_dashboard #graphs .graph-title {
  font-size: 20px;
  color: #323232;
  text-align: center;
}
.product_dashboard #graphs .graphs-title {
  clear: both;
  padding-top: 15px;
  font-size: 15px;
  color: #323232;
  text-align: center;
}
.product_dashboard #graphs .d-graph {
  padding-top: 5px;
}
.product_dashboard #graphs .d-graph .bar-graph svg {
  width: 100%;
  height: 170px;
  font-size: 11px;
  color: #505050;
}
.product_dashboard #graphs .d-graph .graph-dates {
  font-size: 12px;
}
.product_dashboard #graphs .d-types {
  padding-top: 5px;
}
.product_dashboard #graphs .d-types li {
  padding-top: 20px;
  text-align: center;
}
.product_dashboard #graphs .d-types li span {
  display: block;
  padding-bottom: 10px;
  color: #444;
  font-size: 14px;
}
.product_dashboard #graphs .d-types .pie-chart-total {
  display: inline-block;
  margin-bottom: 10px;
  padding: 2px 5px;
  width: 30px;
  background-color: #f2f1eb;
  font-size: 11px;
  border-radius: 15px;
  border: 1px solid #acacac;
}
.product_dashboard #graphs .graph-tooltip {
  display: inline-block;
  visibility: hidden;
  position: absolute;
  z-index: 900;
  pointer-events: none;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height: 20px;
}
.product_dashboard #graphs .graph-tooltip span {
  text-align: center;
  color: #fff;
  display: block;
  padding: 5px 0;
  font-weight: bold;
}
.product_dashboard #graphs .graph-tooltip.defects {
  background: #D94949;
}
.product_dashboard #graphs .graph-tooltip.stories {
  background: #84b431;
}
.product_dashboard #graphs .graph-tooltip.tasks {
  background: #454545;
}
.product_dashboard #graphs .graph-tooltip.tests {
  background: #5A96AB;
}

.product_timelines {
  color: #666;
  position: relative;
}
.product_timelines .timeline_container {
  padding-top: 16px;
  position: relative;
  width: 100%;
  min-width: 1000px;
  max-width: 1800px;
  overflow-x: auto;
  overflow-y: auto;
  margin: 22px auto;
}
.product_timelines .timeline_container.shadow_left:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 10px;
  border-left: 1px solid #ccc;
  background-color: transparent;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0.125)', endColorstr='transparent', GradientType=1);
  /* IE6 & IE7 */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0.125)', endColorstr='transparent', GradientType=1);
  /* IE8+ */
  background-image: -khtml-gradient(linear, left top, right top, left, right);
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.125), transparent);
  background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0.125), transparent);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.125)), color-stop(100%, transparent));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.125), transparent);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.125), transparent);
  background-image: linear-gradient(left, rgba(0, 0, 0, 0.125), transparent);
}
.product_timelines .timeline_container.shadow_right:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 10px;
  border-right: 1px solid #ccc;
  background-color: rgba(0, 0, 0, 0.125);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='rgba(0, 0, 0, 0.125)', GradientType=1);
  /* IE6 & IE7 */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='rgba(0, 0, 0, 0.125)', GradientType=1);
  /* IE8+ */
  background-image: -khtml-gradient(linear, left top, right top, left, right);
  background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.125));
  background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.125));
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.125)));
  background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.125));
  background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.125));
  background-image: linear-gradient(left, transparent, rgba(0, 0, 0, 0.125));
  background-color: transparent;
}
.product_timelines .banner {
  min-width: 920px;
  margin-left: 75px;
  border-bottom: 1px dashed #3E4145;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.product_timelines .banner .container {
  position: absolute;
  left: -36px;
  top: 21px;
  width: 100px;
}
.product_timelines .banner .container p {
  float: right;
  background-color: #3E4145;
  color: #fff;
  padding: 3px 6px;
  font-size: 12px;
  text-shadow: none;
  border-radius: 4px;
}
.product_timelines .weeks {
  z-index: 1;
  position: absolute;
  left: 0px;
  list-style-type: none;
}
.product_timelines .weeks .marker.no_icon p {
  background-image: none;
}
.product_timelines .weeks .marker {
  height: 0px;
  width: 1px;
  position: relative;
}
.product_timelines .weeks .marker .line {
  min-width: 920px;
  height: 0px;
  border-top: 1px dashed rgba(0, 0, 0, 0.15);
  margin-left: -10px;
}
.product_timelines .weeks .marker .label {
  width: 100px;
  left: -122px;
  top: -10px;
  position: absolute;
}
.product_timelines .weeks .marker .label p {
  float: right;
}
.product_timelines .weeks .marker.solid .line {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.product_timelines .weeks .marker.dark p {
  background-color: #3E4145;
  color: #fff;
  padding: 3px 6px;
  font-size: 12px;
  text-shadow: none;
  border-radius: 4px;
}
.product_timelines ol.user_columns.users img,
.product_timelines ol.user_columns.users .unassigned {
  width: 35px;
  height: 35px;
  border: 1px solid #fff;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}
.product_timelines ol.user_columns.users .unassigned {
  background: #D9444A url("/static/images/frowny_face.png") no-repeat center center;
}
.product_timelines ol.user_columns {
  position: relative;
  list-style-type: none;
  margin-left: 85px;
  margin-bottom: 10px;
}
.product_timelines ol.user_columns li.user {
  min-height: 1px;
  width: 65px;
  position: relative;
  display: table-cell;
  vertical-align: top;
  height: 100%;
}
.product_timelines ol.user_columns ol.items {
  width: 35px;
  list-style-type: none;
}
.product_timelines ol.user_columns ol.items li.item {
  position: relative;
  background-color: #56595D;
  display: block;
}
.product_timelines ol.user_columns ol.items li.item .divider {
  position: absolute;
  height: 1px;
  width: 35px;
  background-color: #EBEAE1;
}
.product_timelines ol.user_columns ol.items li.item .bubble {
  border-radius: 30px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  color: #fff;
  font-size: 11px;
  border: 2px solid #fff;
  text-align: center;
  width: 14px;
  height: 14px;
  line-height: 12px;
  margin: -12px auto 0 auto;
  font-weight: bold;
  padding: 3px;
  position: absolute;
  top: 50%;
  left: 6px;
  background-color: rgba(0, 0, 0, 0.25);
}
.product_timelines ol.user_columns ol.items li.item .bubble.blocked {
  background-color: #D2484A;
  font-weight: bold;
  font-size: 23px;
  line-height: 12px;
}
.product_timelines ol.user_columns ol.items li.item a.item_link {
  display: block;
}
.product_timelines ol.user_columns ol.items li.blocked,
.product_timelines ol.user_columns ol.items li.blocked .score_0 {
  background-color: #CE4A4A !important;
}
.product_timelines ol.user_columns ol.items .score_0 {
  background-color: #BBBBBB;
  position: relative;
  height: 41px;
  cursor: pointer;
}
.product_timelines ol.user_columns ol.items .score_0 .unscored {
  font-size: 12px;
  font-family: Arial;
  text-align: center;
  line-height: 41px;
}
.product_timelines ol.user_columns ol.items .score_1 {
  height: 15px;
}
.product_timelines ol.user_columns ol.items .score_1.blocked .bubble.blocked {
  display: none;
}
.product_timelines ol.user_columns ol.items .score_3 {
  height: 45px;
}
.product_timelines ol.user_columns ol.items .score_5 {
  height: 75px;
}
.product_timelines ol.user_columns ol.items .score_8 {
  height: 120px;
}
.product_timelines ol.user_columns ol.items li.item.story:hover {
  background: #9BC746;
}
.product_timelines ol.user_columns ol.items li.item.defect:hover {
  background: #D84545;
}
.product_timelines ol.user_columns ol.items li.item.task:hover {
  background: #646464;
}
.product_timelines ol.user_columns ol.items li.item.test:hover {
  background: #449EB1;
}
.product_timelines ol.user_columns ol.items li.item .score_0:hover {
  color: #fff;
}
.product_timelines ol.user_columns ol.items li.item .score_0:hover a {
  text-shadow: none;
}
.product_timelines ol.user_columns ol.items .scoring_widget {
  position: absolute;
  z-index: 40000;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  top: -37px;
  left: -69px;
  width: 155px;
  background-color: #EEEEEB;
  border: 4px solid #fff;
  border-radius: 8px;
  padding: 5px 5px;
}
.product_timelines ol.user_columns ol.items .scoring_widget .arrow {
  position: absolute;
  bottom: -13px;
  left: 74px;
  width: 17px;
  height: 9px;
  background: url("/static/images/arrow_bottom_white.png") no-repeat;
}
.product_timelines ol.user_columns ol.items .scoring_widget ol {
  list-style-type: none;
}
.product_timelines ol.user_columns ol.items .scoring_widget ol li {
  float: left;
  display: block;
}
.product_timelines ol.user_columns ol.items .scoring_widget ol a {
  display: block;
  background: #fff;
  text-shadow: none;
  border: 3px solid #C7C7C7;
  border-radius: 40px;
  box-shadow: 1px 1px 0px #fff;
  font-size: 10px;
  font-family: Arial, sans-serif;
  color: #444;
  padding: 4px;
  width: 11px;
  margin: 0 3px;
  text-align: center;
}
.product_timelines ol.user_columns ol.items .scoring_widget ol a:hover {
  background: #C7C7C7;
  border-color: #fff;
  color: #fff;
}
.product_timelines ol.user_columns ol.items li.item.blocking {
  margin-top: 21px;
  margin-bottom: 21px;
}
.product_timelines ol.user_columns ol.items li.item .squigly {
  cursor: default;
  height: 6px;
  width: 35px;
  position: absolute;
  background: url("/static/images/squigly.png") no-repeat center center;
}
.product_timelines ol.user_columns ol.items li.item .squigly.top {
  top: -13px;
}
.product_timelines ol.user_columns ol.items li.item .squigly.bottom {
  bottom: -15px;
}
.product_timelines ol.user_columns.current li.user {
  position: relative;
  vertical-align: bottom;
}
.product_timelines ol.user_columns.current li.user li.item .divider {
  top: 0px;
}
.product_timelines ol.user_columns.current li.user li.item.blocking:last-child {
  margin-bottom: 0px;
}
.product_timelines ol.user_columns.current li.user li.item:last-child .squigly.bottom {
  display: none;
}
.product_timelines ol.user_columns.current li.weeks {
  bottom: 0px;
}
.product_timelines ol.user_columns.backlog {
  padding-bottom: 50px;
}
.product_timelines ol.user_columns.backlog li.user li.item .divider {
  bottom: 0px;
}
.product_timelines ol.user_columns.backlog li.user li.item.blocking:first-child {
  margin-top: 0px;
}
.product_timelines ol.user_columns.backlog li.user li.item:first-child .squigly.top {
  display: none;
}
.product_timelines ol.user_columns.backlog li.weeks {
  top: 0px;
}
.product_timelines .footer {
  font-size: 10px;
  background-color: red;
  height: 250px;
}
.product_timelines .no-items {
  width: 1000px;
  margin: 50px auto 0 auto;
  border: 1px solid #C6C7BB;
  background-color: #F1F0EB;
  color: #AFAEA9;
  border-radius: 8px;
  padding: 35px 15px;
  font-size: 35px;
  font-weight: 300;
  text-align: center;
  box-shadow: inset 0px 3px 15px rgba(255, 255, 255, 0.25), 1px 1px 3px rgba(0, 0, 0, 0.08);
}
.product_timelines .no-items .create {
  color: #86B633;
  font-weight: 300;
  text-decoration: underline;
}

.product_activity {
  max-width: 1800px;
}
.product_activity .activity-graph {
  margin: 22px auto;
}
.product_activity .activity-graph .graph {
  width: 100%;
  min-width: 990px;
  height: 75px;
  margin: 0 auto;
}
.product_activity .activity-graph path {
  stroke: #575551;
  stroke-width: 2px;
  fill: none;
  shape-rendering: geometricPrecision;
}
.product_activity .activity-graph circle {
  stroke: #575551;
  stroke-width: 2px;
  fill: #fff;
}
.product_activity .activity-graph circle.on {
  fill: #7EB9BF;
}
.product_activity .activity-graph .graph-tooltip {
  width: 22px;
  height: 22px;
  line-height: 22px;
  position: absolute;
  background: #fff;
  border: 1px solid #B7B7B5;
  border-radius: 50%;
  color: #323232;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
.product_activity .activity-graph .area {
  fill: rgba(0, 150, 0, 0.2);
  stroke-width: 0;
}
.product_activity .activity-graph .axis path,
.product_activity .activity-graph .axis line {
  stroke: rgba(0, 0, 0, 0.09);
  stroke-width: 1px;
  fill: none;
  shape-rendering: crispEdges;
}
.product_activity .activity-graph text {
  font-size: 11px;
  fill: #606060;
}
.product_activity .feed_column {
  position: relative;
}
.product_activity .activity-feed-container {
  float: left;
  width: 70%;
  min-width: 700px;
  min-height: 415px;
}
.product_activity .activity-feed-container .delete {
  display: none;
}
.product_activity .feed_column .activity_filters {
  position: absolute;
  right: 10px;
  top: 0px;
  width: 20%;
  border-radius: 5px;
  z-index: 100;
  -webkit-transition: top 0.5s ease-in-out 150ms ease-in-out;
  -moz-transition: top 0.5s ease-in-out 150ms ease-in-out;
  -o-transition: top 0.5s ease-in-out 150ms ease-in-out;
  -ms-transition: top 0.5s ease-in-out 150ms ease-in-out;
  transition: top 0.5s ease-in-out 150ms ease-in-out;
}
.product_activity .feed_column .activity_filters ul {
  list-style-type: none;
  border: 1px solid #c7c7c7;
  background: #ffffff;
  border-radius: 4px;
}
.product_activity .feed_column .activity_filters ul li {
  line-height: 40px;
  padding: 0 10px;
  font-size: 13px;
  color: #323232;
  border-bottom: 1px solid #E9E9E6;
}
.product_activity .feed_column .activity_filters ul li:first-child {
  border-radius: 4px 4px 0 0;
}
.product_activity .feed_column .activity_filters ul li:last-child {
  border-bottom: none;
  border-radius: 0 0 4px 4px;
}
.product_activity .feed_column .activity_filters ul li label {
  display: block;
  cursor: pointer;
}
.product_activity .feed_column .activity_filters ul li label input {
  margin-right: 5px;
}
.product_activity .feed_column .activity_filters ul li label .icon {
  width: 20px;
  height: 20px;
  margin-top: 11px;
  background-image: url("/static/images/icons-sprite.png");
  background-repeat: no-repeat;
  background-position: 0 -1450px;
  float: right;
}
.retina .product_activity .feed_column .activity_filters ul li label .icon {
  background-image: url("/static/images/icons-sprite@2x.png");
  background-size: 80px 2000px;
}
.product_activity .feed_column .activity_filters ul li.comments .icon {
  background-position: 0 -1490px;
}
.product_activity .feed_column .activity_filters ul li.attachments .icon {
  background-position: 0 -1590px;
}
.product_activity .feed_column .activity_filters ul li.blocks .icon {
  background-position: 0 -1550px;
}
.product_activity .feed_column .activity_filters ul li.pullrequests .icon {
  background-position: 0 -1570px;
}
.product_activity .feed_column .activity_filters ul li.assignments .icon {
  background-position: 0 -1470px;
}
.product_activity .feed_column .activity_filters ul li.favorites .icon {
  background-position: 0 -1430px;
}
.product_activity .feed_column .activity_filters ul li.changes .icon {
  background-position: 0 -1510px;
}
.product_activity .feed_column .activity_filters ul li.notations .icon {
  background-position: 0 -1530px;
}
.product_activity .feed_column .activity_filters ul li.deploy .icon {
  background-position: 0 -1410px;
}

#product-item-list {
  max-width: 1800px;
  margin: 0 auto;
}
#product-item-list .loading {
  border-radius: 3px;
  width: 65%;
  height: auto;
  margin: 40px auto;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #c7c7c7;
}
#product-item-list .loading h2 {
  color: #323232;
  padding: 10px 15px;
  margin: 0px;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
}
#product-item-list .loading h2 .reset {
  font-weight: inherit;
}
#product-item-list .hud {
  margin: 22px 0 2px;
}

.item-list-column::before {
  display: table;
  content: "";
}
.item-list-column::after {
  display: table;
  clear: both;
  content: "";
}
.item-list-column .labels th {
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  font-size: 13px;
  font-weight: normal;
  color: #323232;
}
.item-list-column .labels th.active {
  background: #e8e8e8;
  box-shadow: inset 1px 1px 1px 1px #D3D3D3;
}
.item-list-column .labels .control {
  min-width: 55px;
}
.item-list-column table {
  width: 100%;
  border: 1px solid #D3D3D3;
  border-left: none;
  border-bottom: 1px solid #D3D3D3;
  border-collapse: collapse;
  border-spacing: 0;
  z-index: 550;
  /* default (expanded) specific styles */
}
.item-list-column table thead {
  background: #fff;
  border: 1px solid #c7c7c7;
}
.item-list-column table td,
.item-list-column table th {
  text-align: left;
  vertical-align: middle;
  border-right: 1px solid #e8e8e8;
  padding: 4px 10px 3px 10px;
}
.item-list-column table td:last-child,
.item-list-column table th:last-child {
  border-right: none;
}
.item-list-column table tr {
  border-top: 1px solid #D3D3D3;
  border-bottom: 1px solid #D3D3D3;
}
.item-list-column table .created-col {
  font-family: "Monaco", Courier New, monospace;
  font-size: 10px;
}
.item-list-column table .number-col .number {
  font-family: "Monaco", Courier New, monospace;
  font-size: 10px;
}
.item-list-column table.condensed tr .truncated {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.item-list-column table.default tr .title-col {
  padding: 8px 10px 7px 10px;
}
.item-list-column table .has-sub tr:first-child {
  border-top: 1px solid #D3D3D3;
}
.item-list-column table .has-sub tr:last-child {
  border-bottom: 1px solid #D3D3D3;
}
.item-list-column table .has-sub .select-col,
.item-list-column table .is-sub .select-col {
  border-left: 6px solid #84b431;
}
.item-list-column table .spacer {
  height: 4px;
}
.item-list-column .none {
  border-radius: 3px;
  width: 65%;
  height: auto;
  margin: 40px auto;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #c7c7c7;
}
.item-list-column .none h2 {
  color: #323232;
  padding: 10px 15px;
  margin: 0px;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
}
.item-list-column .none h2 .reset {
  font-weight: inherit;
}

#product-item-list .hud_container {
  padding-bottom: 15px;
}

#mine {
  padding-bottom: 140px;
}

#no-data {
  border-radius: 3px;
  width: 65%;
  height: auto;
  margin: 60px auto;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #c7c7c7;
}
#no-data h2 {
  color: #323232;
  padding: 10px 15px;
  margin: 0px;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  line-height: 22px;
}
#no-data h2 .to-dashboard {
  font-weight: inherit;
}

.sortable__wrapper {
  width: 100%;
  min-width: 1000px;
  max-width: 1800px;
  margin-right: auto;
  margin-left: auto;
  overflow: visible;
}

@media (min-width: 1600px) {
  .sortable__cell .wrapper.widest {
    width: 800px;
  }
}
@media (min-width: 2100px) {
  .sortable__cell .wrapper.widest {
    width: 1000px;
  }
}

.tags__tag {
  max-width: 89px;
}

.product-tag-list .settings-icon,
.product-tag-list .arrow-down-icon {
  position: relative;
  display: none;
}
.product-tag-list .settings-icon {
  bottom: 37px;
  left: 81%;
  background: url("/static/images/icons-sprite.png") no-repeat 0px -160px;
  width: 16px;
  height: 16px;
}
.product-tag-list .arrow-down-icon {
  bottom: 49px;
  left: 90%;
  background: url("/static/images/icons-sprite.png") no-repeat 0px -400px;
  width: 10px;
  height: 10px;
}
.product-tag-list .popup {
  width: 100%;
}
.product-tag-list .popup li {
  border-bottom: solid 1px #e8e8e8;
  padding-left: 30px;
  list-style-type: none;
}
.product-tag-list .popup li:hover {
  background: #175574;
}
.product-tag-list .popup li:hover .js-clickable-blue {
  color: #fff;
}
.product-tag-list .popup li:hover .edit {
  background-position: -15px -192px;
}
.product-tag-list .popup li:hover .remove {
  background-position: -15px -48px;
}
.product-tag-list .popup .edit {
  position: absolute;
  left: 10px;
  top: 5px;
  margin: 2px 0 0 0;
  background: url("/static/images/icons-sprite.png") no-repeat 0 -192px;
  width: 16px;
  height: 16px;
}
.product-tag-list .popup .remove {
  position: absolute;
  left: 10px;
  top: 36px;
  margin: 2px 0 0 0;
  background: url("/static/images/icons-sprite.png") no-repeat 0px -48px;
  width: 16px;
  height: 16px;
}
.product-tag-list .popup .js-clickable-blue {
  height: initial;
  line-height: 15px;
  text-align: left;
  padding: 8px 5px 7px 7px;
  border: none;
  font-size: 13px;
  color: #323232;
}
.product-tag-list .tag-list {
  float: left;
  width: 100%;
  font-size: 14px;
  margin-right: -60px;
}
.product-tag-list .tag-list-container {
  width: 100%;
  min-width: 1000px;
}
.product-tag-list .sort-bar {
  float: left;
  width: 60px;
}
.product-tag-list .sort-options {
  margin: 8px;
}
.product-tag-list .sort-reset {
  font-weight: bold;
}
.product-tag-list .sort-option {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  width: 43px;
  margin-top: 14px;
}
.product-tag-list .active {
  color: #767676;
}
.product-tag-list .active:hover {
  color: #21718D;
}
.product-tag-list .active .selected,
.product-tag-list .selected {
  color: #21718D;
  border-bottom: 1px solid #21718D;
}
.product-tag-list .inactive {
  color: #D3D3D3;
}
.product-tag-list .inactive:hover {
  cursor: default;
}
.product-tag-list .tag-list-container {
  border: 1px solid #d8d8d4;
  margin-right: 60px;
}
.product-tag-list .progress-header-fixed {
  position: fixed;
  width: inherit;
  z-index: 100;
}
.product-tag-list .tag-set-selection {
  height: 54px;
  background: #f6f8fa;
  border-bottom: 1px solid rgba(205, 205, 199, 0.7);
}
.product-tag-list .tag-set-selection input {
  width: 248px;
  float: left;
  font-size: 13px;
  border: 1px solid #D3D3D3;
  border-radius: 3px;
  padding: 9px 0 9px 12px;
  margin: 10px;
}
.product-tag-list .tag-set-selection .tags {
  float: left;
  margin: 15px 10px 0;
}
.product-tag-list .tag-set-selection .tags .filter {
  float: left;
  background-color: #fff;
  border: 1px solid #D3D3D3;
  border-radius: 16px;
  padding: 6px 10px 4px 6px;
}
.product-tag-list .tag-set-selection .clear-all {
  float: left;
  display: block;
  font-size: 13px;
  text-decoration: underline;
  margin: 22px 10px;
}
.product-tag-list .tag-set-selection .clear-all:hover {
  color: #21718D;
  cursor: pointer;
}
.product-tag-list .tag-list-col-headers {
  height: 40px;
  width: inherit;
  min-width: inherit;
  background: #f6f8fa;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px solid rgba(205, 205, 199, 0.7);
  clear: both;
  overflow: hidden;
}
.product-tag-list .tag-list-col-headers .column-label {
  display: block;
  padding: 12px 0 0 16px;
}
.product-tag-list .tag-names,
.product-tag-list .tag-graphs,
.product-tag-list .tag-assignees {
  float: left;
  height: inherit;
}
.product-tag-list .tag-names {
  min-width: 150px;
  max-width: 200px;
  width: 15%;
  border-right: 1px solid #d8d8d4;
}
.product-tag-list .tag-graphs {
  min-width: 500px;
  width: 58%;
  border-right: 1px solid #d8d8d4;
}
@media screen and (max-width: 1279px) {
  .product-tag-list .tag-graphs {
    width: 50%;
  }
}
.product-tag-list .tag-assignees {
  min-width: 270px;
  max-width: 500px;
  width: auto;
}
.product-tag-list .tag-rows {
  margin-top: 96px;
  z-index: 10;
}
.product-tag-list .tag-row {
  *zoom: 1;
  list-style-type: none;
  border-top: 1px solid #e8e8e8;
}
.product-tag-list .tag-row:after {
  content: "";
  display: table;
  clear: both;
}
.product-tag-list .tag-row:hover {
  background: #ebf7fa;
}
.product-tag-list .tag-name,
.product-tag-list .tag-graph,
.product-tag-list .tag-gravatars {
  height: 60px;
}
.product-tag-list .tag-name:hover .settings-icon,
.product-tag-list .tag-name:hover .arrow-down-icon {
  display: block;
}
.product-tag-list .tag-gravatars {
  padding-left: 10px;
}
.product-tag-list .name {
  display: block;
  color: #454545;
  font-weight: bold;
  padding: 0 15px;
  max-width: 140px;
  line-height: 60px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.product-tag-list .stacked-horizontal {
  width: 75%;
  min-width: 450px;
  display: inline-block;
}
@media screen and (max-width: 1279px) {
  .product-tag-list .stacked-horizontal {
    width: 70%;
    min-width: 300px;
  }
}
@media screen and (max-width: 1279px) {
  .product-tag-list .pie-chart {
    margin-left: 12%;
  }
}
@media screen and (min-width: 1820px) {
  .product-tag-list .pie-chart {
    margin-left: 7%;
  }
}
.product-tag-list .assignee {
  width: 30px;
  height: 30px;
  margin: 15px 0 0 5px;
  border-radius: 3px;
  background-color: #eee;
}
.product-tag-list .etal {
  color: #afafad;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  padding: 3px;
  width: 31px;
  height: 31px;
  box-sizing: border-box;
  margin: 15px 0 0 5px;
  border: 1px solid #afafad;
  border-radius: 3px;
}
.product-tag-list .etal:hover {
  color: #21718D;
  border: 1px solid #21718D;
}
.product-tag-list .smart_pop.smart_pop_right > .arrowBody {
  border-right: 10px solid #fff;
}
.product-tag-list .smart_pop.smart_pop_left > .arrowBody {
  border-left: 10px solid #fff;
  left: 180px;
}
.product-tag-list .smart_pop.smart_pop_top > .arrowBody {
  border-top: 10px solid #fff;
  top: 132px;
}
.product-tag-list .smart_pop.smart_pop_bottom > .arrowBody {
  top: -10px;
  border-bottom: 10px solid #fff;
}
.product-tag-list .smart_pop .smart_pop_top > .arrowBorder {
  border-top: 10px solid #c7c7c7;
}
.product-tag-list .smart_pop.smart_pop_top > .arrow,
.product-tag-list .smart_pop.smart_pop_bottom > .arrow {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.tag-row-pop,
.etal-pop {
  font-size: 14px;
  font-weight: bold;
  width: 246px !important;
  height: 115px;
  background: #fff;
  border: solid 1px #c7c7c7;
  box-shadow: 0px 3px 8px #c3c3c3;
  border-radius: 3px;
  padding: 14px 0 0 20px;
  box-sizing: border-box;
}

.tag-row-pop .complete,
.tag-row-pop .current,
.tag-row-pop .remaining {
  display: inline-block;
  line-height: 28px;
}
.tag-row-pop .complete {
  color: #84b431;
}
.tag-row-pop .current {
  color: #21718D;
}
.tag-row-pop .remaining {
  color: #767676;
}
.tag-row-pop .icon {
  margin-right: 10px;
}
.tag-row-pop .learn-more {
  display: block;
  font-size: 11px;
  font-weight: normal;
  margin-left: 26px;
  margin-bottom: 10px;
}

.etal-pop {
  width: 200px;
  height: auto;
  padding: 8px 0 8px 10px;
}

.etal-pop .gravatar {
  display: block;
  clear: both;
}

.etal-pop .assignee {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 8px 10px;
}

.etal-pop span {
  display: inline-block;
  color: #21718D;
  font-size: 14px;
  font-weight: bold;
  vertical-align: top;
  margin-top: 16px;
}

.ui-autocomplete .ui-menu-item {
  display: block;
  background-color: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0;
}
.ui-autocomplete .ui-menu-item:hover {
  background-color: #175574;
  color: #fff;
}
.ui-autocomplete .ui-menu-item:last-child {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ui-autocomplete .ui-menu-item .ui-corner-all {
  display: block;
  font-size: 13px;
  margin: 0;
  padding: 8px 11px;
}
.ui-autocomplete .ui-menu-item .ui-corner-all.ui-state-focus, .ui-autocomplete .ui-menu-item .ui-corner-all.ui-state-active {
  font-weight: bold;
  color: #fff;
  background-color: #175574;
}

#onboarding {
  background: #f6f8fa;
}

.onboarding-wrapper {
  width: 1520px;
  margin: 40px auto;
}
.onboarding-wrapper p {
  color: #454545;
  font-size: 13px;
  text-align: center;
}
.onboarding-wrapper a:hover {
  text-decoration: underline;
}

.product-onboarding h1 {
  font-size: 50px;
  text-align: center;
  margin: 10px auto;
}
.product-onboarding h2 {
  display: block;
  font-size: 35px;
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid #e8e8e8;
}
.product-onboarding h3 {
  color: #454545;
  text-align: center;
}
.product-onboarding .column-left,
.product-onboarding .column-right {
  margin-top: 50px;
}
.product-onboarding .column-left {
  width: 55%;
  float: left;
}
.product-onboarding .column-right {
  width: 45%;
  float: left;
}
.product-onboarding .column-right h2 {
  font-size: 30px;
}
.product-onboarding .video {
  margin: 20px auto;
  border: 1px solid #ccc;
  background: #000;
  width: 1120px;
  height: 630px;
}
.product-onboarding .intro-left,
.product-onboarding .intro-right {
  width: 50%;
  float: left;
  margin-top: 40px;
}
.product-onboarding .intro-left.centered,
.product-onboarding .intro-right.centered {
  margin-left: 25%;
}
.product-onboarding .intro-left.centered .name,
.product-onboarding .intro-right.centered .name {
  display: none;
}
.product-onboarding .intro {
  width: 240px;
  height: 240px;
  background-color: #e8e8e8;
  border-radius: 120px;
  overflow: hidden;
}
.product-onboarding .name,
.product-onboarding .success-message-one,
.product-onboarding .success-message-two {
  display: block;
  position: absolute;
  max-width: 120px;
  top: 300px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  background-color: #5A96AB;
  padding: 7px 13px;
  border-radius: 3px;
  margin-left: 168px;
}
.product-onboarding .centered .name {
  display: none;
}
.product-onboarding .success-message-one,
.product-onboarding .success-message-two {
  padding: 8px 10px;
}
.product-onboarding .success-message-one p,
.product-onboarding .success-message-two p {
  color: #fff;
  font-size: 18px;
  line-height: 20px;
}
.product-onboarding .icon-dialog {
  width: 16px;
  margin: 0;
  padding-right: 7px;
}
.product-onboarding .intro-left .profile {
  margin-top: 22px;
  margin-left: 45px;
}
.product-onboarding .intro-right .profile {
  margin-top: 20px;
  margin-left: 34px;
}
.product-onboarding .intro-right.centered .profile {
  margin-left: 0;
}
.product-onboarding .signature {
  opacity: 0.5;
  width: 80px;
  margin: 12px 30%;
}
.product-onboarding .concierge {
  background-color: #fff;
  padding: 30px 50px;
  border: 2px solid #e8e8e8;
  border-radius: 3px;
}
.product-onboarding .tour {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
}
.product-onboarding span {
  display: inline-block;
  font-weight: bold;
}
.product-onboarding .left-divider,
.product-onboarding .right-divider {
  width: 46%;
  border-bottom: 1px dotted #454545;
  vertical-align: middle;
}
.product-onboarding .label {
  color: #c3c3c3;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  margin-left: 36px;
}
.product-onboarding .input-field {
  margin: 20px 0;
}
.product-onboarding .input-wrapper .phone,
.product-onboarding .input-wrapper .skype {
  width: 80%;
  font-size: 13px;
  line-height: 25px;
  margin: 0 10%;
  border: 1px solid #c3c3c3;
  border-radius: 3px;
  padding: 4px 10px;
}
.product-onboarding .get-started {
  margin: 20px 36%;
}
.product-onboarding .skip-it {
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline;
  padding-top: 10px;
}

.column1 {
  width: 490px;
  float: left;
}

.column2 {
  width: 490px;
  float: right;
  background: #fff;
  padding: 30px;
  box-sizing: border-box;
  border: solid 1px #c7c7c7;
  border-radius: 5px;
}
.column2 h2 {
  text-align: center;
}

.image-cycle-holder {
  text-align: center;
  margin-top: 15px;
}
.image-cycle-holder .image-cycle button {
  display: inline-block;
  margin: 0 2px;
  width: 20px;
  height: 20px;
  background: #fff;
  border: solid 1px #c7c7c7;
  border-radius: 50%;
}
.image-cycle-holder .image-cycle button.selected {
  background: #0366d6;
  border: solid 1px #0366d6;
}

.onboarding-modal {
  background-color: rgba(250, 250, 250, 0.8);
  margin: 0;
  z-index: 999;
}
.onboarding-modal .onboarding {
  width: 556px;
  border: 1px solid #e8e8e8;
  margin-top: 230px;
  margin-left: 33%;
}
.onboarding-modal .onboarding .product-tags-onboarding,
.onboarding-modal .onboarding .reports-onboarding {
  padding: 36px;
}
.onboarding-modal .onboarding h2 {
  font-size: 24px;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  color: #134050;
  text-align: center;
}
.onboarding-modal .onboarding h4 {
  font-size: 15px;
  font-weight: bold;
  color: #454545;
  margin-bottom: 15px;
}
.onboarding-modal .onboarding p {
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 24px;
}
.onboarding-modal .onboarding .feature-detail {
  margin-bottom: 32px;
}
.onboarding-modal .onboarding .feature-detail::before {
  display: table;
  content: "";
}
.onboarding-modal .onboarding .feature-detail::after {
  display: table;
  clear: both;
  content: "";
}
.onboarding-modal .onboarding figure {
  width: 50%;
  float: left;
}
.onboarding-modal .onboarding img {
  margin-right: 15px;
  margin-bottom: 10px;
  border: solid 1px #c7c7c7;
}
.onboarding-modal .onboarding figcaption {
  font-style: italic;
  font-size: 14px;
}
.onboarding-modal .onboarding .btn, .onboarding-modal .onboarding .item-following button.follow, .item-following .onboarding-modal .onboarding button.follow, .onboarding-modal .onboarding .item-following button.following, .item-following .onboarding-modal .onboarding button.following {
  width: 220px;
  font-size: 15px;
  padding: 10px;
  margin-right: 8px;
}
.onboarding-modal .onboarding .add-tagged-item {
  display: block;
  font-size: 14px;
  font-style: italic;
  margin-top: 15px;
  padding-bottom: 4px;
}
.onboarding-modal.flex {
  margin-top: 100px;
  margin-left: 62px;
}
.onboarding-modal.flex .onboarding {
  margin-top: 6%;
  margin-left: 24%;
}

.accounts_profile .container-box {
  width: 455px;
  margin: 0px auto;
}
.accounts_profile div#github {
  margin: 20px auto;
  width: 455px;
  padding: 25px 25px 23px 25px;
}
.accounts_profile div#github .avatar {
  padding: 0px;
  margin: 0px;
}
.accounts_profile div#github .avatar img {
  float: left;
}
.accounts_profile div#github .avatar .blurb {
  float: left;
  width: 240px;
  margin: 12px 0 0 20px;
}
.accounts_profile div#github .avatar .slider {
  position: relative;
  float: right;
  border-radius: 5px;
  margin-left: 10px;
  padding: 3px;
  cursor: pointer;
  display: inline-block;
  margin-top: 10px;
  background: #ced7d2;
  background: -moz-linear-gradient(top, #1e5799 0%, #7db9e8 100%);
  background: -webkit-linear-gradient(top, #c3cdc8 0%, #dce3df 100%);
  background: linear-gradient(to bottom, #1e5799 0%, #7db9e8 100%);
}
.accounts_profile div#github .avatar .slider-grabber {
  width: 33px;
  height: 33px;
  background: url("/static/images/sprite-slider.png") no-repeat 0 0;
  position: absolute;
  top: 3px;
  left: 2px;
  z-index: 4;
  -webkit-transition-property: left;
  -webkit-transition-duration: .1s;
}
.accounts_profile div#github .avatar .slider-inside {
  width: 113px;
  height: 31px;
  padding: 0px;
  margin: 0px;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
.accounts_profile div#github .avatar .slider-inside .unlinked-state {
  position: absolute;
  left: 0px;
  height: 31px;
  width: 113px;
  background: url("/static/images/sprite-slider.png") repeat-x 0 -33px;
  border-radius: 5px;
  box-shadow: inset 0 1px 7px rgba(0, 0, 0, 0.35);
  -webkit-transition-property: left;
  -webkit-transition-duration: .1s;
}
.accounts_profile div#github .avatar .slider-inside .unlinked-state a {
  color: #a4a4a4;
  font-size: 12px;
  position: relative;
  top: 8px;
  left: 43px;
}
.accounts_profile div#github .avatar .slider-inside .linked-state {
  position: absolute;
  left: -113px;
  height: 31px;
  width: 113px;
  background: url("/static/images/sprite-slider.png") repeat-x 0 -64px;
  border-radius: 5px;
  box-shadow: inset 0 1px 9px rgba(0, 0, 0, 0.55);
  -webkit-transition-property: left;
  -webkit-transition-duration: .1s;
}
.accounts_profile div#github .avatar .slider-inside .linked-state a {
  color: #fff;
  font-size: 12px;
  position: relative;
  top: 8px;
  left: 9px;
}
.accounts_profile div#github .avatar .slider.active .unlinked-state {
  left: 113px;
}
.accounts_profile div#github .avatar .slider.active .linked-state {
  left: 0px;
}
.accounts_profile div#github .avatar .slider.active .slider-grabber {
  left: 84px;
}
.accounts_profile .avatar {
  margin-bottom: 25px;
}
.accounts_profile .avatar .avatar-pic {
  border: 1px solid #fff;
  float: left;
  margin-right: 10px;
  height: 63px;
}
.accounts_profile .avatar p {
  margin-bottom: .25em;
}
.accounts_profile .avatar p span {
  margin: 0.25em 0em;
  display: block;
  font-size: 0.70em;
}
.accounts_profile .avatar .current .reset-api-key {
  width: 20px;
  height: 20px;
  background: url("/static/images/icons-sprite.png") no-repeat 0 -1510px transparent;
  display: inline-block;
  position: relative;
  top: 4px;
}

.accounts_password_reset .container-box {
  width: 450px;
  margin: 0px auto;
}

.accounts_notifications #notification-form {
  width: 600px;
  margin: 0px auto;
}
.accounts_notifications #notification-form .row {
  border-bottom: 1px dashed #444444;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.accounts_notifications #notification-form input {
  width: auto;
  height: auto;
  float: left;
  margin: 0 15px 0 0;
}
.accounts_notifications #notification-form label {
  float: left;
  width: 90%;
  margin: 0;
  line-height: 15px;
  font-size: 15px !important;
  color: #444444;
}

.accounts_billing h2 {
  font-size: 25px;
  font-weight: 300;
}
.accounts_billing .billing {
  width: 450px;
  margin: 0px auto;
}
.accounts_billing form {
  margin-top: 25px;
}
.accounts_billing form.reactivate,
.accounts_billing form.cancel {
  display: none;
}
.accounts_billing .activate .big-button {
  float: none;
  color: #fff;
}
.accounts_billing .reactivate button {
  width: 450px;
}
.accounts_billing a {
  color: #20718F;
}
.accounts_billing p {
  line-height: 25px;
  font-weight: 300;
  margin-bottom: 5px;
}
.accounts_billing p span {
  font-weight: 500;
}
.accounts_billing button {
  text-align: center;
  display: inline;
}
.accounts_billing .small {
  font-size: 14px;
}
.accounts_billing .usage {
  margin-bottom: 20px;
  color: #444;
}
.accounts_billing p.survey {
  text-align: center;
  margin-bottom: 25px;
  background-color: #fffdc4;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding: 5px 10px;
  color: #444;
}

.accounts_invoices {
  width: 850px;
  margin: 0px auto;
}
.accounts_invoices h2 {
  text-align: center;
  margin: 0;
}
.accounts_invoices h2.title {
  margin-bottom: .5em;
}
.accounts_invoices .payment-table {
  padding-top: 3px;
}
.accounts_invoices .payment-table td,
.accounts_invoices .payment-table th {
  color: #393939;
  text-align: left;
  line-height: 42px;
}
.accounts_invoices .payment-table th {
  font-size: 16px;
  font-weight: normal;
}
.accounts_invoices .payment-table tr.gray td {
  background-image: url("/static/images/tr-gray.png");
}
.accounts_invoices .payment-table tr.failed td.price,
.accounts_invoices .payment-table tr.failed td.status-text {
  color: #D94949;
}
.accounts_invoices .payment-table tr td {
  line-height: 40px;
  background: url("/static/images/tr.png") repeat-x 0 0;
  vertical-align: middle;
}
.accounts_invoices .payment-table tr td .cross,
.accounts_invoices .payment-table tr td .tick {
  display: block;
  width: 22px;
  height: 21px;
  margin: 0 auto;
}
.accounts_invoices .payment-table tr td .cross {
  background: url("/static/images/cross.png");
}
.accounts_invoices .payment-table tr td .tick {
  background: url("/static/images/tick.png");
}
.accounts_invoices .payment-table tr td.status {
  text-align: center;
  width: 30px;
}
.accounts_invoices .payment-table tr td.price {
  color: #578a00;
}
.accounts_invoices .payment-table tr td.status-text {
  text-align: right;
  padding-right: 15px;
}

.accounts_products .products {
  width: 450px;
  margin: 0px auto;
}
.accounts_products .products .upgrade {
  margin-bottom: 40px !important;
  width: 397px;
}
.accounts_products .products .upgrade a {
  width: 397px;
}
.accounts_products .products #products.form {
  margin-bottom: 30px;
}
.accounts_products .products #products.form form {
  width: 100%;
}
.accounts_products .products #products.form input {
  width: 438px;
}
.accounts_products .products #products.form .submits {
  margin-top: 0px;
  text-align: right;
}
.accounts_products .products .product_lists {
  float: left;
  width: 426px;
}
.accounts_products .products .product_lists h2 {
  color: #444;
  font-weight: 300;
  font-size: 24px;
}
.accounts_products .products .product_lists ol {
  margin-bottom: 30px;
  list-style-type: none;
}
.accounts_products .products .product_lists li {
  position: relative;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #C6C6BD;
  background-color: #F7F8F3;
  padding: 20px 22px;
  font-weight: 300;
}
.accounts_products .products .product_lists li p {
  margin-bottom: 5px;
}
.accounts_products .products .product_lists li p.title {
  font-weight: 500;
  margin-bottom: 10px;
}
.accounts_products .products .product_lists li p:last-child {
  margin-bottom: 0px;
}
.accounts_products .products .product_lists li .hook {
  margin-top: 10px;
}
.accounts_products .products .product_lists li .hook input {
  margin-top: 5px;
  width: 370px;
  border: 1px;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  font-size: 14px;
}
.accounts_products .products .product_lists li:hover p.hook {
  overflow: visible;
  opacity: 1;
}
.accounts_products .products .product_lists li.first {
  border-top: none;
  border-radius: 5px 5px 0 0;
}
.accounts_products .products .product_lists li.last {
  border-radius: 0 0 5px 5px;
}
.accounts_products .products .product_lists li.first.last {
  border-radius: 5px;
}
.accounts_products .products .product_lists li.on {
  background-color: #EFEEE9;
}
.accounts_products .products .product_lists form.edit_product {
  display: none;
  margin-bottom: 10px;
}
.accounts_products .products .product_lists form.edit_product input {
  color: #444;
  padding: 5px 10px;
  font-size: 14px;
}
.accounts_products .products .product_lists form.edit_product button {
  font-size: 14px;
  margin-left: 5px;
}
.accounts_products .products .product_lists form.edit_product button span {
  padding: 4px 15px;
}
.accounts_products .products .product_lists .actions {
  position: absolute;
  right: -29px;
  top: 15px;
  background-color: #F7F8F3;
  border-bottom: 1px solid #CAC9C0;
  padding: 5px;
  border-radius: 0 5px 5px 0;
}
.accounts_products .products .product_lists .actions a {
  display: block;
  width: 18px;
  height: 18px;
  text-indent: -5000px;
  opacity: .35;
}
.accounts_products .products .product_lists .actions a:hover {
  opacity: .5;
}
.accounts_products .products .product_lists .actions a.archive {
  background: url("/static/images/archive.png") no-repeat center center;
}
.accounts_products .products .product_lists .actions a.unarchive {
  background: url("/static/images/unarchive.png") no-repeat center center;
}
.accounts_products .products .product_lists .actions a.edit {
  margin-top: 5px;
  background: url("/static/images/pencil.png") no-repeat center center;
}
.accounts_products .products .product_lists .actions a.delete {
  margin-top: 5px;
  background: url("/static/images/trash.png") no-repeat center center;
}
.accounts_products .products .product_lists .memberships .members_link,
.accounts_products .products .product_lists .memberships li:hover button {
  display: none;
}
.accounts_products .products .product_lists .memberships .edit_product {
  display: none;
}
.accounts_products .products .product_lists .memberships .actions {
  display: none;
}

.accounts_upgrade select,
.accounts_billing select {
  background-color: #f9f5f0;
  font-size: 20px;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 1px solid #B5B4AE;
  border-top: 1px solid #fff;
  padding: 5px 10px;
}
.accounts_upgrade .field,
.accounts_billing .field {
  float: left;
}
.accounts_upgrade .error-tip,
.accounts_billing .error-tip {
  width: 175px;
  left: 0px;
}

.accounts_upgrade .upgrade {
  width: 500px;
  margin: 0px auto;
}
.accounts_upgrade .upgrade h2 {
  margin-bottom: 1em;
}
.accounts_upgrade .upgrade button {
  width: 500px;
}
.accounts_upgrade .upgrade form {
  margin: 0px auto;
}
.accounts_upgrade .upgrade .submits {
  margin-top: 30px;
}
.accounts_upgrade .upgrade .account-points {
  list-style-type: none;
  margin-left: 35px;
  width: 350px;
}
.accounts_upgrade .upgrade .account-points ul {
  margin-top: 30px;
  list-style: none;
}
.accounts_upgrade .upgrade .account-points li {
  background-image: url("/static/images/icons-list.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  margin-bottom: 18px;
  height: 53px;
  line-height: 53px;
  padding-left: 65px;
  color: #646464;
  font-size: 22px;
}
.accounts_upgrade .upgrade .account-points li strike {
  color: #9aaaa9;
}
.accounts_upgrade .upgrade .account-points li span {
  color: #84b431;
  text-weight: bold;
}

.account-shared h2 {
  color: #444;
}
.account-shared .list-container {
  width: 500px;
}
.account-shared #menu {
  width: 185px;
  padding-top: 2px;
  float: left;
}
.account-shared #menu ul {
  list-style-type: none;
}
.account-shared #menu ul li {
  margin-bottom: 15px;
}
.account-shared #seat-slider {
  border-radius: 8px;
  position: absolute;
  right: 0;
  top: 29px;
  width: 200px;
}
.account-shared #seats {
  height: 115px;
}
.account-shared #new_user #seats {
  height: 88px;
}
.account-shared #counter {
  background: transparent url("/static/images/bg-counter.png") repeat;
  display: block;
  float: left;
  width: 300px;
  padding: 13px 14px;
  border-right: 1px solid #DFDFD6;
  border-radius: 4px 0 0 4px;
  box-shadow: 0 1px 0 #B5B4AE, 0 -1px 0 #fff;
}
.account-shared #rule {
  background: transparent url("/static/images/rule.png") no-repeat top left;
  display: block;
  height: 64px;
  position: relative;
  width: 201px;
  float: left;
}
.account-shared #actual-price {
  display: block;
  height: 64px;
  width: 86px;
  float: right;
  color: #888887;
  font-size: 15px;
  text-align: center;
}
.account-shared #actual-price span {
  color: #20718F;
  display: block;
  font-size: 38px;
}
.account-shared #remaining {
  border-radius: 0 4px 4px 0;
  background: url("/static/images/bg-remaining.png") repeat scroll 0 0 transparent;
  display: block;
  float: right;
  height: 64px;
  padding: 13px 10px;
  width: 100px;
  box-shadow: 0 1px 0 #B5B4AE, 0 -1px 0 #fff;
  border-left: 1px solid #f7f7f2;
  color: #888887;
  font-size: 15px;
  text-align: center;
}
.account-shared #remaining span {
  display: block;
  font-size: 38px;
}
.account-shared .ui-slider .ui-slider-handle {
  background: transparent url("/static/images/pointer.png") no-repeat 2px top;
  background-position: top center;
  border: none;
  height: 25px;
  margin-top: 5px;
  width: 16px;
}
.account-shared .ui-slider-handle:hover {
  background-position: bottom center;
}
.account-shared .ui-slider-tooltip {
  position: relative;
  left: -30px;
  margin-top: 40px;
  background-color: #fff;
  color: #626262;
  padding: 10px 25px;
  z-index: 2;
  float: left;
  border-radius: 5px;
  box-shadow: 0 1px 3px #7E7E7E;
  color: #888887;
  font-size: 14px;
  cursor: pointer;
}
.account-shared .ui-slider-tooltip span {
  background: url("/static/images/upper-tooltip-arrow.png") no-repeat scroll 0 0 transparent;
  display: block;
  height: 11px;
  left: 14px;
  position: absolute;
  top: -11px;
  width: 22px;
}
.account-shared .ui-slider-horizontal {
  height: 6px;
  background: #c2d1d0;
  border-top: 1px solid #c5c5bd;
  border-bottom: 1px solid #fff;
  border-left: none;
  border-right: none;
}
.account-shared .ui-slider-range-min {
  background: #20718F;
  border-radius: 3px;
}
.account-shared .ui-corner-all {
  border-radius: 3px;
}
.account-shared #bg-seats {
  display: none;
  margin-bottom: 23px;
}

.products-shared {
  /*############################################################

                            Items List

  #############################################################*/
  /* We only want to show this for backlogged items, but we render it everywhere
   * for spacing.
   */
  /*############################################################

    Add Item

  #############################################################*/
}
.products-shared #product-selector {
  position: absolute;
  top: 3px;
  right: 0;
  z-index: 1005;
  max-width: 227px;
  background: #c8d7d5;
  box-shadow: 0 -1px 0 #b5b4ae;
  height: 23px;
  font-size: 14px;
  color: #21718e;
  padding: 10px 8px 0px;
  border-radius: 6px;
}
.products-shared #product-selector .listbox[data-count="1"] {
  background-image: none;
}
.products-shared #product-selector .new {
  float: left;
  display: block;
  width: 0;
  overflow: hidden;
  background: url("/static/images/btn-new-product.png") no-repeat;
  padding-left: 20px;
  margin-top: -2px;
  margin-left: 9px;
}
.products-shared #backlog-banner {
  margin: 50px 0;
}
.products-shared h2.dashed {
  width: 645px;
  margin-left: 60px;
  margin-top: -50px;
}
.products-shared .no-items {
  border: 1px solid #C6C7BB;
  background-color: #F1F0EB;
  color: #AFAEA9;
  border-radius: 8px;
  padding: 35px 15px;
  font-size: 35px;
  font-weight: 300;
  text-align: center;
  box-shadow: inset 0px 3px 15px rgba(255, 255, 255, 0.25), 1px 1px 3px rgba(0, 0, 0, 0.08);
}
.products-shared .no-items a {
  color: #86B633;
  text-decoration: underline;
}
.products-shared .item-list-loading {
  background: rgba(0, 0, 0, 0.5) url("/static/images/ajax-loader.gif") center center no-repeat;
  padding: 10px;
  width: 28px;
  height: 28px;
  margin: 0px auto 15px auto;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.products-shared .items,
.products-shared .items .item,
.products-shared .items li.item-row {
  margin-left: -50px;
  padding-left: 50px;
}
.products-shared .items.showing_drop_target {
  padding-top: 97px;
}
.products-shared .items {
  list-style-type: none;
  overflow: visible;
}
.products-shared .items h2.dashed {
  margin: -19px 0 33px 68px;
  font-size: 22px;
  width: 929px;
}
.products-shared #current_drop_target {
  position: absolute;
  top: 0px;
}
.products-shared .drop_target {
  display: none;
  border: 1px solid #C6C7BB;
  background-color: rgba(241, 240, 235, 0.2);
  color: #AFAEA9;
  border-radius: 8px;
  padding: 15px;
  line-height: 50px;
  width: 900px;
  margin-left: 67px;
  margin-bottom: 15px;
  font-size: 35px;
  font-weight: 300;
  text-align: center;
  box-shadow: inset 0px 3px 15px rgba(255, 255, 255, 0.25), 1px 1px 3px rgba(0, 0, 0, 0.08);
}
.products-shared .drop_target h2 {
  color: #A2A2A1;
  margin: 0px;
}
.products-shared .items .item {
  font-size: 14px;
  line-height: 1.5em;
  position: relative;
}
.products-shared .items .item .add-item-here {
  clear: both;
  visibility: hidden;
  position: relative;
  margin-left: 195px;
  margin-right: 62px;
  width: 835px;
  height: 15px;
}
.products-shared .items .item .add-item-here a#add_item_here {
  position: absolute;
  right: 0px;
  top: 5px;
  display: block;
  margin-top: -15px;
  margin-right: -35px;
  width: 17px;
  height: 17px;
  padding: 6px 6px 5px 6px;
  background: #87b43d url("/static/images/header/add_item.png") no-repeat 6px 4px;
  color: #fff;
  border-top: 1px solid #B4D085;
  border-radius: 4px;
}
.products-shared .items .item .add-item-here a#add_item_here:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.products-shared .items .item .add-item-here a#add_item_here:after {
  border-right-color: #87b43d;
  border-width: 4px;
  top: 50%;
  margin-top: -4px;
}
.products-shared .items .item-row.status-backlog.selected .add-item-here {
  visibility: visible;
}
.products-shared .items .item .move {
  position: absolute;
  left: 0px;
  width: 118px;
  height: auto;
}
.products-shared .items.lock-sorting .move,
.products-shared .items .item.permalink .move {
  display: none;
}
.products-shared .items.lock-sorting .add-item-here a,
.products-shared .items .item.permalink .add-item-here a {
  display: none !important;
}
.products-shared .items .item .move .icon {
  width: 31px;
  margin-top: 24px;
  display: none;
}
.products-shared .items .item .move .icon.quick-move {
  background: url("/static/images/move-icon.png") no-repeat;
  height: 31px;
  cursor: move;
}
.products-shared .items .item .move .icon.promote {
  position: absolute;
  top: -20px;
  background: url("/static/images/promote-icon.png") no-repeat;
  height: 14px;
  cursor: pointer;
}
.products-shared .items .item .move .icon.bury {
  position: absolute;
  bottom: -20px;
  background: url("/static/images/bury-icon.png") no-repeat;
  height: 14px;
  cursor: pointer;
}
.products-shared .items .item-row.selected .icon,
.products-shared .items .item-row.selected .item-clip-container {
  display: block;
}
.products-shared .items .item .icon .quick-move {
  display: none;
}
.products-shared .items .item .icon:hover .quick-move {
  display: block;
}
.products-shared .items li.item-row.ui-sortable-placeholder {
  height: 100px !important;
  border: 3px dashed rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  width: 870px;
  margin-left: 70px;
  margin-bottom: 20px;
  visibility: visible !important;
}
.products-shared .item-status {
  position: relative;
  height: 26px;
  margin-bottom: 7px;
}
.products-shared .item-status #item_status {
  background-color: #f5f5f0;
  position: absolute;
  width: 554px;
}
.products-shared .item-status .icon {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  margin-top: 4px;
  margin-right: 8px;
  cursor: pointer;
  position: relative;
}
.products-shared .item-status .icon .statuses_dropdown {
  width: 140px;
  left: -76px;
  top: 25px;
}
.products-shared .item-status .icon .statuses_dropdown ul {
  list-style-type: none;
}
.products-shared .item-status .icon .statuses_dropdown ul li a {
  padding-left: 30px;
  display: block;
}
.products-shared .item-status .icon .statuses_dropdown ul li {
  margin-bottom: 5px;
}
.products-shared .item-status .icon .statuses_dropdown ul li:last-child {
  margin-bottom: 0px;
}
.products-shared .item-status .icon .statuses_dropdown ul li.backlog a {
  background: url("/static/images/status/backlog_small.png") no-repeat;
}
.products-shared .item-status .icon .statuses_dropdown ul li.current a {
  background: url("/static/images/status/current_small.png") no-repeat;
}
.products-shared .item-status .icon .statuses_dropdown ul li.complete a {
  background: url("/static/images/status/completed_small.png") no-repeat;
}
.products-shared .item-status .icon .statuses_dropdown ul li.accepted a {
  background: url("/static/images/status/accepted_small.png") no-repeat;
}
.products-shared .item-status .icon .statuses_dropdown .arrow {
  left: 73px;
}
.products-shared .item-status .reject_reason,
.products-shared .item-status .statuses_dropdown {
  display: none;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  z-index: 5000;
  width: 175px;
  background-color: #F9F9F3;
  border-radius: 5px;
  font-size: 13px;
  position: absolute;
  padding: 8px 15px;
  left: 20px;
  top: 35px;
}
.products-shared .item-status .reject_reason ul,
.products-shared .item-status .statuses_dropdown ul {
  list-style-type: none;
  margin: 0px;
}
.products-shared .item-status .reject_reason ul li,
.products-shared .item-status .statuses_dropdown ul li {
  margin: 0px;
  padding: 0px;
}
.products-shared .item-status .reject_reason input,
.products-shared .item-status .statuses_dropdown input {
  margin-right: 10px;
}
.products-shared .item-status .reject_reason .arrow,
.products-shared .item-status .statuses_dropdown .arrow {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #F9F9F3;
  position: absolute;
  left: 78px;
  top: -7px;
}
.products-shared .item-status .reject_reason .duplicate {
  width: 30px;
  margin-left: 5px;
}
.products-shared .item-status .template {
  float: left;
  line-height: 25px;
  color: #646464;
}
.products-shared .item-status .template a {
  color: #358294;
}
.products-shared .item-status button {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
  padding: 5px 11px;
  font-size: 12px;
  font-weight: 300;
  color: #fff;
  text-shadow: none;
  background-color: #87b43d;
}
.products-shared .item-status .reject,
.products-shared .item-status .restart,
.products-shared .item-status .stop {
  background-color: #D94949;
}
.products-shared .item-status .showing {
  float: left;
}
.products-shared .item-status .hover {
  display: none;
  margin-left: 7px;
  float: left;
  margin-top: -2px;
}
.products-shared .item-status .hover .actions {
  float: left;
  margin-right: 1px;
  margin-top: 1px;
}
.products-shared .item-status .hover .actions span {
  margin: 0 2px;
}
.products-shared .item-status .hover .actions button {
  padding: 0 10px;
  margin: 0;
  line-height: 26px;
}
.products-shared .item-status .hover .info {
  float: left;
  line-height: 30px;
  margin-left: 5px;
}
.products-shared .item-status .yet {
  margin-right: 3px;
}
.products-shared .item-status .member_chooser,
.products-shared .item-status .reason_chooser {
  width: 200px;
}
.products-shared .items li.item-row.selected #item_status .hover {
  display: inline;
}
.products-shared .items li.item-row .item.permalink #item_status .hover {
  display: inline;
}
.products-shared #item_status.backlog .hover {
  position: relative;
}
.products-shared #item_status.backlog .icon {
  background: url("/static/images/status/backlog_small.png") no-repeat;
}
.products-shared #item_status.backlog span.or {
  margin-left: 3px;
}
.products-shared #item_status.current .icon {
  background: url("/static/images/status/current_small.png") no-repeat;
  margin-left: 9px;
  margin-top: 5px;
}
.products-shared #item_status.complete .reject {
  margin-right: 10px;
}
.products-shared #item_status.complete .icon {
  background: url("/static/images/status/completed_small.png") no-repeat -1px 2px;
}
.products-shared #item_status.complete .hover {
  display: block;
}
.products-shared #item_status.complete .info {
  margin: 0px;
}
.products-shared #item_status.accepted .restart {
  margin-right: 5px;
}
.products-shared #item_status.accepted .icon {
  background: url("/static/images/status/accepted_small.png") no-repeat -1px 1px;
}
.products-shared #item_status.accepted .hover {
  display: block;
}
.products-shared #item_status.archived .hover {
  display: block;
}
.products-shared #item_status.archived .icon {
  cursor: default;
}
.products-shared .items .item-tags {
  margin-top: 8px;
  margin-bottom: 0px;
}
.products-shared .items .item-tags li.tag {
  margin-bottom: 0px;
  margin-top: 7px;
}
.products-shared a#add-item {
  display: none;
  background: url("/static/images/btn-new-item.png") no-repeat;
  height: 59px;
  padding-left: 36px;
  width: 0;
  overflow: hidden;
  position: fixed;
  left: 10px;
  top: 0;
  z-index: 10000;
}
.products-shared a#add-item:hover {
  background-position: 0 -62px;
}
.products-shared #role-upsell-container {
  height: 701px;
  position: absolute !important;
  z-index: 6001 !important;
}
.products-shared .submits {
  margin-top: 0px;
  clear: both;
  width: 409px;
}
.products-shared .submits .button {
  padding: 5px 15px;
}
.products-shared .submits button {
  padding: 3px;
}
.products-shared .submits .green {
  float: left;
}

.item_drag_helper {
  opacity: .8;
  width: 300px !important;
  height: auto !important;
  margin-left: -55px;
  background-color: #F5F5F0;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}
.item_drag_helper p {
  padding: 15px;
  color: #444;
  line-height: 16px;
  border-radius: 4px;
  font-size: 15px;
}

.item_drag_helper.task p {
  background-color: #EAEAE4;
}

.item_drag_helper.story p {
  background-color: #DDE9C5;
}

.item_drag_helper.test p {
  background-color: #D8ECF0;
}

.item_drag_helper.defect p {
  background-color: #F5DFDF;
}

.clip-div embed {
  vertical-align: top;
}

.product_items {
  max-width: 1800px;
  padding-bottom: 8px;
}
.product_items .card:hover .status span {
  display: none;
}
.product_items .condensed ul.items.main .item:first-child .card {
  border-top: solid 1px #c7c7c7;
}
.product_items .condensed ul.items.main span.as-article,
.product_items .condensed ul.items.main span.who,
.product_items .condensed ul.items.main span.i-want {
  display: none;
}
.product_items .item_columns.extra-wide {
  overflow-x: scroll;
}
.product_items .item_columns.extra-wide .column_container {
  width: 250%;
}
@media screen and (min-width: 1401px) {
  .product_items .item_columns.extra-wide .column_container {
    width: 166.6667%;
  }
}
@media screen and (min-width: 1720px) {
  .product_items .item_columns.extra-wide .column_container {
    width: 125%;
  }
}
@media screen and (min-width: 2240px) {
  .product_items .item_columns.extra-wide .column_container {
    width: 100%;
  }
}
.product_items .item_columns.extra-wide .column_container .sub_items .card_item .card .body {
  width: 66%;
}
.product_items .item_columns .sub_items .card_item .card .body .bottom .number {
  right: -25%;
  padding-right: 12px;
}
@media screen and (min-width: 1401px) {
  .product_items .item_columns .sub_items .card_item .card .body .bottom .number {
    padding-right: 22px;
  }
}
@media screen and (min-width: 1720px) {
  .product_items .item_columns .sub_items .card_item .card .body .bottom .number {
    right: -20%;
    padding-right: 12px;
  }
}
.product_items .column_container {
  width: 100%;
}
.product_items .column_container .items_column {
  display: none;
  width: 20%;
}
.product_items .column_container .items_column.ui-active {
  display: block;
  -webkit-animation: animate-fadeIn 800ms 0s;
  -moz-animation: animate-fadeIn 800ms 0s;
  -o-animation: animate-fadeIn 800ms 0s;
  animation: animate-fadeIn 800ms 0s;
}
.product_items .column_container .items_column.stage-mode {
  width: 50%;
}
.product_items .condensed > .smart_pop,
.product_items .has_sub_items > .smart_pop {
  left: 2% !important;
}
.product_items .smart_pop {
  width: 94%;
  max-width: 600px;
}
.product_items .stage-nav {
  margin: 13px auto 4px auto;
  border-radius: 4px;
  font-size: 14px;
  line-height: 32px;
}
.product_items .stage-nav ol {
  list-style-type: none;
  border: 1px solid #c3c3c3;
  background: #FFF;
  border-radius: 4px;
}
.product_items .stage-nav .left-stage,
.product_items .stage-nav .right-stage {
  float: left;
  box-sizing: border-box;
}
.product_items .stage-nav .left-stage {
  width: 5%;
  text-align: center;
  border-right: 1px solid #c3c3c3;
}
.product_items .stage-nav .left-stage li {
  width: 100%;
}
.product_items .stage-nav .right-stage {
  float: left;
  width: 95%;
}
.product_items .stage-nav .right-stage li {
  width: 25%;
}
.product_items .stage-nav ol li {
  float: left;
  position: relative;
}
.product_items .stage-nav ol li.active {
  background: #175574;
}
.product_items .stage-nav ol li.active button {
  color: #fff;
  font-weight: bold;
}
.product_items .stage-nav ol li.active .arrow:after {
  border-left-color: #175574;
}
.product_items .stage-nav ol li button {
  display: block;
  width: 100%;
  text-align: center;
}
.product_items .stage-nav ol li button:first-child {
  border-radius: 4px 0 0 4px;
}
.product_items .stage-nav ol li button:last-child {
  border-radius: 0 4px 4px 0;
}
.product_items .stage-nav ol li button.arrow:after, .product_items .stage-nav ol li button.arrow:before {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.product_items .stage-nav ol li button.arrow:after {
  border-color: rgba(244, 244, 239, 0);
  border-left-color: #FFF;
  border-width: 16px;
  top: 50%;
  margin-top: -16px;
  z-index: 300;
}
.product_items .stage-nav ol li button.arrow:before {
  border-color: rgba(214, 214, 206, 0);
  border-left-color: #c3c3c3;
  border-width: 17px;
  top: 50%;
  margin-top: -17px;
  z-index: 300;
}

.parent_on_subitem_permalink {
  display: none;
}

.product_item_view {
  max-width: 1800px;
}
.product_item_view .layout {
  margin-top: 16px;
}
.product_item_view .top .icons > li:last-child {
  border: none;
}
.product_item_view .item_card_container .parent_on_subitem_permalink .card {
  padding: 0;
  border: none;
  border-radius: 5px 5px 0 0;
}
.product_item_view .item_card_container .parent_on_subitem_permalink .card .status {
  margin-top: 7px;
}
.product_item_view .item_card_container .parent_on_subitem_permalink .card .estimator {
  margin: 7px 0 0 11px;
}
.product_item_view .item_card_container .parent_on_subitem_permalink .body {
  margin: 0;
  padding: 5px;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.product_item_view .item_card_container .parent_on_subitem_permalink .body a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.product_item_view .item_card_container .card_container.is_subitem .card {
  border-radius: 0 0 5px 5px;
  border-top: 1px solid #c7c7c7;
}
.product_item_view .item_card_container .card_container .top {
  cursor: default;
}
.product_item_view .item_card_container .card_container .body .title {
  font-size: 18px;
  line-height: 28px;
}
.product_item_view .item_card_container .card_container .actions,
.product_item_view .item_card_container .card_container .icons {
  display: block;
}
.product_item_view .item_card_container .card_container .outer_bottom {
  display: block;
}
.product_item_view .smart_pop {
  width: 475px;
}
.product_item_view .smart_pop .item_card_container {
  width: 450px;
  margin-left: 0px;
}
.product_item_view .smart_pop .item_card_container .card_container .card {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
.product_item_view .smart_pop .item_card_container .card_container .card .top {
  cursor: default;
}
.product_item_view .smart_pop .item_card_container .card_container .card .top .actions {
  display: none;
}
.product_item_view .smart_pop .item_card_container .card_container .card .body .title {
  font-size: 14px;
  line-height: 20px !important;
}
.product_item_view .smart_pop .item_card_container .card_container .card .outer_bottom {
  display: none;
}
.product_item_view .smart_pop .item_card_container:hover .actions {
  display: block !important;
}
.product_item_view .item_card_container.has_sub_items ul.sub_items li.card_item .card .status {
  margin-left: 30px;
  position: relative;
}
.product_item_view .item_card_container.has_sub_items ul.sub_items li.card_item .card .body {
  width: 78%;
}
.modal-content .product_item_view .item_card_container.has_sub_items ul.sub_items li.card_item .card .body {
  width: 74%;
}
.product_item_view .item_card_container.has_sub_items ul.sub_items li.card_item .card .body .number {
  right: -50px;
}
@media screen and (min-width: 1401px) {
  .product_item_view .item_card_container.has_sub_items ul.sub_items li.card_item .card .body .number {
    right: -17%;
    padding-right: 30px;
  }
}
@media screen and (min-width: 1861px) {
  .product_item_view .item_card_container.has_sub_items ul.sub_items li.card_item .card .body .number {
    right: -20%;
  }
}
.product_item_view .item_card_container.has_sub_items ul.sub_items li.card_item .card.someday .status:before, .product_item_view .item_card_container.has_sub_items ul.sub_items li.card_item .card.backlog .status:before, .product_item_view .item_card_container.has_sub_items ul.sub_items li.card_item .card.current .status:before, .product_item_view .item_card_container.has_sub_items ul.sub_items li.card_item .card.complete .status:before, .product_item_view .item_card_container.has_sub_items ul.sub_items li.card_item .card.accepted .status:before {
  content: '';
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0px;
  right: 30px;
  display: inline-block;
  background-image: url("/static/images/icons-sprite.png");
  background-repeat: no-repeat;
}
.retina .product_item_view .item_card_container.has_sub_items ul.sub_items li.card_item .card.someday .status:before, .retina .product_item_view .item_card_container.has_sub_items ul.sub_items li.card_item .card.backlog .status:before, .retina .product_item_view .item_card_container.has_sub_items ul.sub_items li.card_item .card.current .status:before, .retina .product_item_view .item_card_container.has_sub_items ul.sub_items li.card_item .card.complete .status:before, .retina .product_item_view .item_card_container.has_sub_items ul.sub_items li.card_item .card.accepted .status:before {
  background-image: url("/static/images/icons-sprite@2x.png");
  background-size: 80px 2000px;
}
.product_item_view .item_card_container.has_sub_items ul.sub_items li.card_item .card.backlog.someday .status:before {
  top: 1px;
  background-position: 0 -64px;
}
.product_item_view .item_card_container.has_sub_items ul.sub_items li.card_item .card.someday .status:before {
  background-position: 0 -64px;
}
.product_item_view .item_card_container.has_sub_items ul.sub_items li.card_item .card.backlog .status:before {
  background-position: 0 -80px;
}
.product_item_view .item_card_container.has_sub_items ul.sub_items li.card_item .card.current .status:before {
  top: 2px;
  background-position: 0 -96px;
}
.product_item_view .item_card_container.has_sub_items ul.sub_items li.card_item .card.complete .status:before {
  background-position: 0 -112px;
}
.product_item_view .item_card_container.has_sub_items ul.sub_items li.card_item .card.accepted .status:before {
  background-position: 0 -128px;
}
.product_item_view .item_card_container.has_sub_items ul.sub_items li.card_item {
  position: relative;
}
.product_item_view .item_card_container.has_sub_items .smart_pop .card {
  box-shadow: 2px -1px 3px rgba(0, 0, 0, 0.08);
}
.product_item_view .item_card_container.has_sub_items .smart_pop .card .top {
  cursor: default;
}
.product_item_view #item-assigner {
  margin: 15px 0px 0px 0px;
  font-size: 12px;
}
.product_item_view #item-assigner .listbox {
  background-position: 175px 10px;
  background-color: #f9faf5;
  background-image: url("/static/images/listbox-arrow-white.png");
  width: 189px;
  margin-top: 0px;
  float: left;
  position: absolute;
  right: -205px;
  top: -4px;
  font-size: 13px;
}
.product_item_view #item-assigner .who {
  position: relative;
  float: left;
}
.product_item_view #images_container ol {
  display: none;
  margin-bottom: 5px;
  width: 590px;
  margin-left: 63px;
  list-style-type: none;
}
.product_item_view #images_container ol li {
  float: left;
  margin: 5px;
}
.product_item_view #images_container ol li img {
  border: 1px solid #fff;
  max-width: 134px;
  max-height: 134px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
}
.product_item_view #attachments_container,
.product_item_view #activity_container {
  width: 100%;
  margin-bottom: 15px;
}
.product_item_view .activity_list .activity:last-child {
  border-bottom: 0px;
}
.product_item_view .activity_list .activity .delete-link,
.product_item_view .activity_list .activity .edit-link {
  display: none;
  position: absolute;
}
.product_item_view .activity_list .activity .delete-link button,
.product_item_view .activity_list .activity .edit-link button {
  width: 16px;
  height: 16px;
  display: block;
  text-indent: -9999em;
}
.product_item_view .activity_list .activity .delete-link {
  top: 29px;
  right: 2px;
}
.product_item_view .activity_list .activity .delete-link button {
  background: url("/static/images/icons-sprite.png") no-repeat 0 -48px;
}
.product_item_view .activity_list .activity .delete-link button:hover {
  background-position-x: -48px;
}
.product_item_view .activity_list .activity .edit-link {
  top: 29px;
  right: 22px;
}
.product_item_view .activity_list .activity .edit-link button {
  background: url("/static/images/icons-sprite.png") no-repeat 0 -192px;
}
.product_item_view .activity_list .activity .edit-link button:hover {
  background-position-x: -32px;
}
.product_item_view .activity_list .activity:hover .delete-link {
  display: block;
}
.product_item_view .activity_list .activity:hover .edit-link {
  display: block;
}
.product_item_view .activity_list .activity.editable:not(.editing):hover .edit-link {
  display: block;
}
.product_item_view .activity_list .activity.editing .comment_body {
  display: none;
}
.product_item_view #attachments_container {
  margin-top: 10px;
  margin-left: 68px;
}
.product_item_view #attachments_container .uploader {
  border-radius: 8px;
  color: #636363;
  font-size: 24px;
  text-align: center;
  border: 2px dashed rgba(0, 0, 0, 0.25);
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.product_item_view #attachments_container .uploader .uploader-content {
  padding: 18px 15px;
  border-radius: 5px;
}
.product_item_view #attachments_container .uploader .mask {
  float: left;
  position: relative;
  margin-right: 8px;
  margin-left: 32px;
  cursor: pointer;
}
.product_item_view #attachments_container .uploader .mask input {
  cursor: pointer !important;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  opacity: 0;
}
.product_item_view #attachments_container .uploader .mask .linkText {
  text-decoration: underline;
  cursor: default;
}
.product_item_view #attachments_container .uploader .other {
  float: left;
}
.product_item_view #attachments_container .uploader a {
  cursor: pointer;
  color: #636363;
  text-decoration: underline;
}
.product_item_view #attachments_container .uploader .drop-target.on {
  color: red;
  text-decoration: underline;
}
.product_item_view #attachments_container .uploader .drop-target h2 {
  padding: 0px;
  margin: 0px;
  font-size: 29px;
}
.product_item_view .attachment-hover .uploader {
  background-color: #deedc4;
}
.product_item_view .block_box {
  margin-bottom: 25px;
}
.product_item_view .block_box ul {
  list-style-type: none;
}
.product_item_view .block_box ul li {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #a0a0a0;
}
.product_item_view .block_box ul li:last-child {
  margin-bottom: 0px;
  padding-bottom: 10px;
  border-bottom: none;
}
.product_item_view .block_box .who {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 5px;
}
.product_item_view .block_box .who a {
  display: block;
  float: left;
  color: #20718F;
}
.product_item_view .block_box .who img {
  margin-right: 10px;
}
.product_item_view .block_box .on {
  font-size: 14px;
  line-height: 17px;
}
.product_item_view .block_box .on a {
  color: #d94646;
}

/**
 * For comment-preview popups (fancybox attaches to BODY, so this has to be outside the .product_item_view container)
 */
.fancybox-skin {
  background: #f6f8fa;
}

.fancybox-title {
  display: none;
}

.comment-preview {
  background: #ffffff;
  padding: 7px 12px;
  border: 1px solid #c7c7c7;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.comment-preview.activity {
  padding: 10px 15px;
  font-size: 14px;
  color: #323232;
  line-height: 1.5em;
  position: relative;
  background-color: #FFF;
}
.comment-preview.activity .by {
  display: none;
  line-height: 20px;
  margin-top: 10px;
  font-size: 12px;
}
.comment-preview.activity .body {
  width: 548px;
}
.comment-preview.activity .body .attachment .thumb {
  float: left;
  margin-right: 10px;
}
.comment-preview.activity .body .attachment .thumb img {
  width: 27px;
  height: 27xp;
}
.comment-preview.activity .body .attachment .file-icon {
  background: url("/static/images/file-icon.png") no-repeat;
  width: 18px;
  height: 27px;
}
.comment-preview.activity .body .attachment p.title {
  margin-bottom: 15px;
  margin-top: 5px;
  line-height: 27px;
}

#sortItem {
  opacity: 1;
  width: 65px !important;
  background: none;
}
#sortItem .card {
  position: relative;
  background: #F4F4EF;
  border: 1px solid #D8D9D2;
  border-radius: 5px;
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.05);
  padding: 8px 8px 7px 8px;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 11px;
  font-color: #6e6e6e;
  text-align: left;
}
#sortItem .card .body {
  padding: 8px 8px 8px 8px;
  margin: 0;
  border-radius: 3px;
  position: static;
}
#sortItem .card.story .body {
  background: #E4EFCF;
  border: 1px solid #D2DBBF;
}
#sortItem .card.defect .body {
  background: #F5E3E3;
  border: 1px solid #F0D1CF;
}
#sortItem .card.task .body {
  background: #EAEAE4;
  border: 1px solid #CBCBC6;
}
#sortItem .card.test .body {
  background: #D9ECF0;
  border: 1px solid rgba(80, 158, 179, 0.25);
}
#sortItem .card .number {
  float: none;
  text-align: center;
  margin-left: -2px;
  color: #323232;
}

.placeholder-drag > div {
  opacity: 0.25;
  border: 3px dashed #FFF;
  border-radius: 6px;
}

.placeholder-sort {
  visibility: visible !important;
  background: rgba(0, 0, 0, 0.15) !important;
  margin-bottom: 10px;
  border: 3px dashed #FFF;
  border-radius: 6px;
  display: table;
  width: 99%;
}
.placeholder-sort h2 {
  display: table-cell;
  vertical-align: middle;
  color: #FFF;
  text-align: center;
  font-size: 24px;
  letter-spacing: 0;
}

.products .list-container .none {
  margin-bottom: 0;
}
.products ul#products input {
  width: 438px;
}
.products ul#products li.archived button,
.products ul#products li.archived h2 {
  opacity: .5;
}

.product_items.triage .items_column.someday {
  float: left;
}
.product_items.triage .items_column.backlog {
  float: right;
}
.product_items.planning .items_column.backlog {
  float: left;
}
.product_items.planning .items_column.current {
  float: right;
}
.product_items.pending .items_column.current {
  float: left;
}
.product_items.pending .items_column.complete {
  float: right;
}
.product_items.done .items_column.complete {
  float: left;
}
.product_items.done .items_column.accepted {
  float: right;
}

.product_team {
  width: 807px;
  margin: 0px 0px 0px 70px;
}
.product_team .simple_button {
  display: block;
  width: auto;
  height: 31px;
  line-height: 29px;
  padding: 0 10px 0 10px;
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.75);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 14px;
  border-radius: 4px;
  background: #87b43d;
}
.product_team .simple_button:hover {
  background: #88BB34;
}
.product_team .explain {
  margin-bottom: 20px;
  font-size: 14px;
  color: #444;
  line-height: 20px;
  margin-left: 20px;
}
.product_team .explain a {
  color: #297291;
}
.product_team .invite {
  margin-bottom: 20px;
}
.product_team .invite h2 {
  margin-bottom: 20px;
}
.product_team .invite .invite_form input.email,
.product_team .invite .invite_form a.submit {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}
.product_team .invite .invite_form .fields {
  float: left;
}
.product_team .invite .invite_form label {
  font-size: 14px;
}
.product_team .invite .invite_form .field {
  float: left;
}
.product_team .invite .invite_form .field.email {
  position: relative;
}
.product_team .invite .invite_form .field.email .error-tip {
  bottom: 48px;
}
.product_team .invite .invite_form .field.email input {
  width: 300px;
  border-radius: 3px;
  font-size: 14px;
  border: 1px solid #CFCFCF;
  background: #fff;
  padding: 5px 5px;
  color: #444;
  height: 19px;
  margin-right: 10px;
  margin-bottom: 5px;
  box-shadow: none;
}
.product_team .invite .invite_form .field.email label {
  height: 31px;
  line-height: 31px;
  left: 55px;
  top: 2px;
}
.product_team .invite .invite_form .field.role {
  line-height: 34px;
}
.product_team .invite .invite_form input.submit {
  float: left;
  cursor: pointer;
  margin-left: 15px;
}
.product_team .section {
  margin-bottom: 30px;
}
.product_team .team .list_header {
  text-align: right;
  padding-right: 64px;
  color: #444;
  margin-bottom: 15px;
  float: right;
}
.product_team .team ul.user {
  list-style-type: none;
}
.product_team .team ul.user li {
  color: #444;
  padding: 0;
  margin: 0;
  line-height: 40px;
  padding-right: 6px;
}
.product_team .team ul.user li.even {
  background-color: rgba(0, 0, 0, 0.02);
}
.product_team .team ul.user img.avatar {
  margin-left: 6px;
  margin-top: 6px;
  margin-right: 15px;
  border: 1px solid #fff;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  float: left;
  width: 25px;
  height: 25px;
}
.product_team .team ul.user .who {
  float: left;
}
.product_team .team ul.user .status {
  margin-left: 15px;
  float: left;
  color: #8A8A8A;
}
.product_team .team ul.user .actions {
  float: right;
  width: 200px;
}
.product_team .team ul.user .actions .role_field {
  float: right;
  margin-right: 20px;
}
.product_team .team ul.user .actions .simple_button {
  float: right;
}
.product_team .team ul.user .actions .simple_button.icon {
  box-shadow: none;
  margin-right: 44px;
  background: transparent;
  display: block;
  border: 0px;
  width: 16px;
  height: 16px;
  text-indent: -5000px;
  margin-top: 13px;
}
.product_team .team ul.user .actions .simple_button.icon:first-child {
  margin-right: 12px;
}
.product_team .team ul.user .actions .simple_button.icon.rescind, .product_team .team ul.user .actions .simple_button.icon.remove {
  background: transparent url("/static/images/tag-delete-icon.png") no-repeat center;
}
.product_team .team ul.user .actions .simple_button.icon.link {
  background: transparent url("/static/images/tag-link-icon.png") no-repeat center;
}
.product_team .team ul.user .actions .simple_button.add {
  margin-top: 4px;
}

.integration .title {
  margin: 30px 0;
  text-align: center;
}
.integration ul.integration-options {
  list-style: none;
  margin: 0;
  padding: 0 20px;
}
.integration ul.integration-options li {
  box-sizing: border-box;
  margin: 35px 0;
  width: 29.41176%;
  float: left;
  margin-right: 5.88235%;
}
.integration ul.integration-options li:nth-child(3n+1) {
  clear: left;
}
.integration ul.integration-options li:nth-child(3n+3) {
  margin-right: 0%;
}
.integration ul.integration-options li .thumb,
.integration ul.integration-options li .thumb img {
  display: block;
}
.integration ul.integration-options li .thumb img {
  width: 100%;
  border: solid 1px #e3e3e3;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.integration ul.integration-options li .thumb img:hover {
  border: solid 1px #0366d6;
}
.integration ul.integration-options li .head {
  margin: 15px 0;
  font-size: 15px;
}
.integration ul.integration-options li p,
.integration ul.integration-options li a.action {
  font-size: 13px;
  line-height: 19px;
}
.integration ul.integration-options li p {
  margin-bottom: 10px;
}

@media (min-width: 750px) {
  .page-oauth-authorize .oauth2-authorize .simple-single-content-column {
    width: 70%;
  }
  .page-oauth-authorize .oauth2-authorize .simple-single-content-column .briefcase {
    float: right;
    margin-left: 30px;
  }
  .page-oauth-authorize .oauth2-authorize .simple-single-content-column .permissions {
    text-align: left;
  }
}

.oauth2-authorize .simple-single-content-column {
  width: 100%;
  text-align: center;
}
.oauth2-authorize .column-title {
  margin-bottom: 2em;
}
.oauth2-authorize .permissions {
  margin-bottom: 30px;
}
.oauth2-authorize .permissions h5 {
  margin-bottom: 1em;
}
.oauth2-authorize .permissions .authorize-buttons {
  margin-top: 20px;
}
.oauth2-authorize .permissions-list {
  padding-bottom: 30px;
}

/* "Webinar" aka textual layout 

Default view is a single column mobile view without profile photos.
Small view shows the profile photos across the top.
Medium view shows the profile photos down the right side in a 2 column view.
Large view is 3 column with signup form on the left.

*/
body.webinar {
  /* Clearfix on the forms was causing some wonkiness with floated right
images on the $large-breakpoint version) */
}
body.webinar .form input {
  width: 437px;
}
body.webinar .form .field:after {
  display: none;
}
body.webinar .wrapper {
  padding: 10px;
  width: 100%;
}
body.webinar .profiles {
  text-align: center;
  display: none;
}
body.webinar .profile {
  width: 200px;
  float: left;
}
body.webinar .webinar-description p {
  padding-top: 14px;
}
body.webinar .signup-form {
  margin-top: 15px;
}
body.webinar .form .logo {
  text-align: center;
}
body.webinar .section {
  padding: 20px 0 35px;
}
body.webinar .submits {
  margin: 0;
}
@media (min-width: 500px) {
  body.webinar .profiles {
    display: block;
  }
  body.webinar .profiles::before {
    display: table;
    content: "";
  }
  body.webinar .profiles::after {
    display: table;
    clear: both;
    content: "";
  }
}
@media (min-width: 750px) {
  body.webinar .wrapper {
    width: 730px;
  }
  body.webinar .split-inputs::before {
    display: table;
    content: "";
  }
  body.webinar .split-inputs::after {
    display: table;
    clear: both;
    content: "";
  }
  body.webinar .profiles {
    float: right;
    width: 200px;
    padding-left: 20px;
  }
  body.webinar .webinar-description {
    max-width: 500px;
  }
}
@media (min-width: 1220px) {
  body.webinar .wrapper {
    width: 1200px;
  }
  body.webinar .webinar-description {
    width: 450px;
    float: right;
  }
  body.webinar .signup-form {
    float: left;
  }
}

.add-item-small:before {
  content: '';
  display: block;
  position: absolute;
  background: url("/static/images/icons-sprite.png") 0 -529px no-repeat;
  width: 19px;
  height: 19px;
}

/* Top Header */
#logged-in-header .runner {
  display: block;
  float: left;
  width: 33px;
  height: 37px;
  margin: 7px 0px 0 9px;
  background: url("/static/images/icons-sprite.png") no-repeat 0px -829px;
}
#logged-in-header .runner #ajax-spinner {
  width: 33px;
  height: 37px;
  background: url("/static/images/icons-sprite.png") no-repeat 0px -866px;
  display: none;
}
#logged-in-header .runner #ajax-spinner.loading {
  display: block;
  -webkit-animation: animate-pulse 800ms 0s infinite;
  -moz-animation: animate-pulse 800ms 0s infinite;
  -o-animation: animate-pulse 800ms 0s infinite;
  animation: animate-pulse 800ms 0s infinite;
}
#logged-in-header .add-item-small {
  position: relative;
}
#logged-in-header .add-item-small:before {
  top: 5px;
  left: 6px;
}
#logged-in-header .add-member:before {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  left: 6px;
  background: url("/static/images/icons-sprite.png") 0 -550px no-repeat;
  width: 19px;
  height: 19px;
}

.global-filters-container .filters .filter p.title span {
  padding-right: 11px;
}
.global-filters-container .filters .filter p.title span:after {
  content: '';
  display: block;
  position: absolute;
  top: 13px;
  right: 6px;
  background: url("/static/images/icons-sprite.png") -3px -403px no-repeat;
  width: 6px;
  height: 6px;
}

/* This is the list of elements/icons that use the icon sprite */
.retina #logged-in-header .runner,
.retina #logged-in-header .runner #ajax-spinner,
.retina #logged-in-header ul.links li.link.has-dropdown:after,
.retina #logged-in-header ul.links li.link.has-dropdown.product .link.title:before,
.retina #logged-in-header ul.links li.link.has-dropdown.product ul.product_links li a:before,
.retina #logged-in-header ul.links li.link.has-dropdown.product ul.product_links li button:before,
.retina #logged-in-header li.manage button:before,
.retina #logged-in-header #header-item-search:after, #logged-in-header #add-item-small .retina:before, #logged-in-header .add-member .retina:before,
.retina .search .ui-autocomplete li.backlog a:before,
.retina .search .ui-autocomplete li.current a:before,
.retina .search .ui-autocomplete li.accepted a:before,
.retina .search .ui-autocomplete li.complete a:before,
.retina .search .ui-autocomplete li.someday a:before,
.retina .global-filters-container .filters .filter p.title span:after,
.retina .bulk-edit-container .control-panel .field.tag-field:before,
.retina .bulk-edit-container .tags li .tag .delete,
.retina .bulk-edit-container .smart_pop .item-tags .tags .tag .delete-tag,
.retina .bulk-edit-container div.settings ul li span,
.retina .global-drawer .control-panel ul li .settings span:before,
.retina .global-drawer .control-panel ul li .settings span:after,
.retina .global-drawer .control-panel ul li .global-button.delete span:before,
.retina .global-drawer .control-panel ul li .close span:before,
.retina .global-drawer .control-panel ul li .global-button.menu span:after,
.retina .card .top .icons > li > span,
.retina .card .top .icons > .settings-wrapper .inner li span,
.retina .card .body .item-tags li .icon,
.retina .tag_edit .popup li .delete-tag,
.retina .card .stats .stat button::before,
.retina .item .item_card_container.has_sub_items .sub_items li .card:before,
.retina #add-item-container .submits #send-to-backlog span:before,
.retina #add-item-container ul.attachments li.attachment .delete,
.retina #add-item-container ul.tags li.tag .delete-tag,
.retina #add-item-container .forms .textarea.description label:before,
.retina #add-item-container ul.attachments li:first-child:before,
.retina .product_item_view .activity_list .activity .delete-link button,
.retina .product_item_view .activity_list .activity .edit-link button,
.retina .product_item_view #comment_form p.meta span a.email,
.retina .settings-modal .tab-menu li button:before,
.retina .item-tags li .icon,
.retina .status-changer .status {
  background-image: url("/static/images/icons-sprite@2x.png");
  background-size: 80px 2000px;
}

/*
----------------------------------------------------
Icon Classes
----------------------------------------------------
*/
/*
Base icon class that should be coupled with a specific icon class
Example: <i class="icon icon-archive"></i>
*/
.icon {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  display: inline-block;
  background-image: url("/static/images/icons-sprite.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 16px;
  padding-left: 0;
  width: 16px;
}
.retina .icon {
  background-image: url("/static/images/icons-sprite@2x.png");
  background-size: 80px 2000px;
}

.icon-list {
  list-style: none;
}
.icon-list,
.icon-list li,
.icon-list a {
  display: inline-block;
}

/*
Specific icon styles
*/
.icon-add-circle {
  background-position: 0 -529px;
  height: 19px;
  width: 19px;
}

.icon-add-circle-large {
  background-image: url("/static/images/icons/add-circle-large.png");
  background-size: 36px 36px;
  height: 36px;
  width: 36px;
}
.retina .icon-add-circle-large {
  background-image: url("/static/images/icons/add-circle-large@2x.png");
}

.icon-archive {
  background-position: 0 -384px;
}
.icon-archive.on, .no-touch a:hover .icon-archive, .no-touch button:hover .icon-archive {
  background-position: -32px -384px;
}

.icon-arrow-small {
  background-position: 0 -400px;
  height: 9px;
  width: 12px;
}
.icon-arrow-small.on, .no-touch a:hover .icon-arrow-small, .no-touch button:hover .icon-arrow-small {
  background-position: -32px -400px;
}

.icon-arrow-circle {
  background-position: 0 -96px;
}
.icon-arrow-circle.on, .no-touch a:hover .icon-arrow-circle, .no-touch button:hover .icon-arrow-circle {
  background-position: -16px -96px;
}

.icon-arrow-circle-blue {
  background-position: -32px -96px;
}
.icon-arrow-circle-blue.on, .no-touch a:hover .icon-arrow-circle-blue, .no-touch button:hover .icon-arrow-circle-blue {
  background-position: -32px -96px;
}

.icon-gear {
  height: 20px;
  width: 20px;
  background-position: 0px -909px;
}
a:hover .icon-gear, button:hover .icon-gear {
  background-position: -20px -909px;
}

.icon-mine {
  height: 20px;
  width: 20px;
  background-position: 0px -658px;
}
a:hover .icon-mine, li.link.has-dropdown:hover a.link.title .icon-mine, button:hover .icon-mine, li.link.has-dropdown:hover button.link.title .icon-mine {
  background-position: -20px -658px;
}

.icon-dashboard {
  height: 20px;
  width: 20px;
  background-position: 0px -678px;
}
a:hover .icon-dashboard, li.link.has-dropdown:hover a.link.title .icon-dashboard, button:hover .icon-dashboard, li.link.has-dropdown:hover button.link.title .icon-dashboard {
  background-position: -20px -678px;
}

.icon-support {
  background-position: 0 -1125px;
}
a:hover .icon-support, li.link.has-dropdown:hover a.link.title .icon-support, li.link.has-dropdown:hover button.link.title .icon-support, button:hover .icon-support {
  background-position: -26px -1125px;
}

.icon-person {
  background-position: -5px -1183px;
}
a:hover .icon-person {
  background-position-x: -31px;
}

.icon-guide {
  background-position: -5px -1274px;
}
a:hover .icon-guide {
  background-position-x: -31px;
}

.icon-email {
  background-position: -5px -1212px;
}

.icon-documentation {
  background-position: -5px -1243px;
}
a:hover .icon-documentation {
  background-position-x: -31px;
}

.icon-organizer,
.icon-items {
  height: 20px;
  width: 20px;
  background-position: 0px -698px;
}
a:hover .icon-organizer, li.link.has-dropdown:hover a.link.title .icon-organizer, button:hover .icon-organizer, li.link.has-dropdown:hover button.link.title .icon-organizer, a:hover
.icon-items, li.link.has-dropdown:hover a.link.title
.icon-items, button:hover
.icon-items, li.link.has-dropdown:hover button.link.title
.icon-items {
  background-position: -20px -698px;
}

.icon-activity {
  height: 20px;
  width: 20px;
  background-position: 0px -718px;
}
a:hover .icon-activity, li.link.has-dropdown:hover a.link.title .icon-activity, button:hover .icon-activity, li.link.has-dropdown:hover button.link.title .icon-activity {
  background-position: -20px -718px;
}

.icon-reports {
  height: 20px;
  width: 20px;
  background-position: 0px -926px;
}
a:hover .icon-reports, li.link.has-dropdown:hover a.link.title .icon-reports
button:hover .icon-reports, li.link.has-dropdown:hover button.link.title .icon-reports {
  background-position: -20px -926px;
}

.icon-timelines {
  height: 20px;
  width: 20px;
  background-position: 0px -738px;
}
a:hover .icon-timelines, li.link.has-dropdown:hover a.link.title .icon-timelines, button:hover .icon-timelines, li.link.has-dropdown:hover button.link.title .icon-timelines {
  background-position: -20px -738px;
}

.icon-progress {
  height: 20px;
  width: 20px;
  background-position: 0px -981px;
}
a:hover .icon-progress, li.link.has-dropdown:hover a.link.title .icon-progress, button:hover .icon-progress, li.link.has-dropdown:hover button.link.title .icon-progress {
  background-position: -20px -981px;
}

.icon-labs {
  height: 20px;
  width: 20px;
  background-position: 2px -1871px;
}
a:hover .icon-labs, li.link.has-dropdown:hover a.link.title .icon-labs, button:hover .icon-labs, li.link.has-dropdown:hover button.link.title .icon-labs {
  background-position: -16px -1871px;
}

.icon-kanban {
  height: 20px;
  width: 20px;
  background-position: 0px -1893px;
}
a:hover .icon-kanban, li.link.has-dropdown:hover a.link.title .icon-kanban, button:hover .icon-kanban, li.link.has-dropdown:hover button.link.title .icon-kanban {
  background-position: -20px -1893px;
}

.icon-members {
  height: 20px;
  width: 20px;
  background-position: 0px -758px;
}
a:hover .icon-members, button:hover .icon-members {
  background-position: -20px -758px;
}

.icon-is-locked {
  height: 20px;
  width: 20px;
  background-position: 0px -948px;
}
a:hover .icon-is-locked, button:hover .icon-is-locked {
  background-position: -20px -948px;
}

.icon-search {
  width: 18px;
  height: 18px;
  background-position: 0px -799px;
}
a:hover .icon-search, button:hover .icon-search {
  background-position: -18px -799px;
}

.icon-export {
  width: 16px;
  height: 17px;
  background-position: -17px -460px;
}

.icon-menu-arrow-down {
  background-position: 0px -968px;
  width: 12px;
  height: 12px;
}
a:hover .icon-menu-arrow-down, button:hover .icon-menu-arrow-down, li.link.has-dropdown:hover .icon-menu-arrow-down {
  background-position: -12px -968px;
}

.icon-arrow-down {
  background-position: 0 -400px;
  height: 9px;
  width: 12px;
}
.icon-arrow-down.on, .no-touch a:hover .icon-arrow-down, .no-touch button:hover .icon-arrow-down {
  background-position: -32px -400px;
}

.icon-checkmark-small {
  background-position: 0px -1772px;
}

.icon-checkmark-large-green, .glacier.layout-pricing-page .plan-listings .plan-option:nth-child(5) span.icon {
  height: 20px;
  width: 20px;
  background-position: -20px -1770px;
}

.icon-checkmark-large-light-gray, .glacier.layout-pricing-page .plan-listings .plan-option:nth-child(2) span.icon {
  height: 20px;
  width: 20px;
  background-position: -40px -1770px;
}

.icon-checkmark-large-dark-gray, .glacier.layout-pricing-page .plan-listings .plan-option:nth-child(3) span.icon {
  height: 20px;
  width: 20px;
  background-position: -60px -1770px;
}

.icon-checkmark-large-blue, .glacier.layout-pricing-page .plan-listings .plan-option:nth-child(4) span.icon {
  height: 20px;
  width: 20px;
  background-position: -60px -1790px;
}

.icon-checkmark-large-orange, .glacier.layout-pricing-page .plan-listings .plan-option:nth-child(6) span.icon {
  height: 20px;
  width: 20px;
  background-position: -60px -1810px;
}

.icon-someday-gray {
  background-position: 0px -64px;
}
.icon-someday-gray.on, .no-touch a:hover .icon-someday-gray, .no-touch button:hover .icon-someday-gray {
  background-position: 0px -64px;
}

.icon-close,
.icon-close-light {
  background-position: -64px -48px;
}

.icon-close.on, .no-touch a:hover .icon-close, .no-touch button:hover .icon-close {
  background-position: -32px -48px;
}

.icon-close-light.on, .no-touch a:hover .icon-close-light, .no-touch button:hover .icon-close-light {
  background-position: -16px -48px;
}

.icon-delete {
  background-position: 0 -208px;
}
.icon-delete.on, .no-touch a:hover .icon-delete, .no-touch button:hover .icon-delete {
  background-position: -48px -208px;
}

.icon-delete-blue {
  background-position: -32px -208px;
}

.icon-delete-white, .global-filters-container .saved-filters li:hover .close .icon-delete {
  background-position: -16px -208px;
}
.icon-delete-white:hover, .global-filters-container .saved-filters li:hover .close .icon-delete:hover {
  opacity: .7;
}

.icon-edit {
  background-position: 0 -192px;
}
.icon-edit.on, .no-touch a:hover .icon-edit, .no-touch button:hover .icon-edit {
  background-position: -32px -192px;
}

.icon-info-small {
  height: 20px;
  width: 20px;
  background-position: 0px -1790px;
}

.icon-mail {
  background-position: 0px -574px;
  height: 11px;
  width: 18px;
}

.icon-reset {
  background-position: 0 -1510px;
  height: 20px;
  width: 20px;
}

.icon-settings {
  background-position: 0 -160px;
}
.icon-settings.on, .no-touch a:hover .icon-settings, .no-touch button:hover .icon-settings {
  background-position: -32px -160px;
}

.icon-unarchive {
  background-position: 0 -432px;
}
.icon-unarchive.on, .no-touch a:hover .icon-unarchive, .no-touch button:hover .icon-unarchive {
  background-position: -32px -432px;
}

.icon-video {
  background-position: 0 -1830px;
  width: 20px;
  height: 20px;
  margin-right: 2px;
  margin-top: -2px;
}
.icon-video.on, .no-touch a:hover .icon-video, .no-touch button:hover .icon-video {
  background-position: -20px -1830px;
}

.icon-link {
  background-position: -16px -351px;
  position: relative;
  top: -1px;
  height: 16px;
  width: 16px;
}

.drop-arrow-button {
  color: #454545;
}
.drop-arrow-button .icon-arrow-small {
  display: inline-block;
  margin-left: 5px;
  opacity: 0;
}
.drop-arrow-button.on .icon-arrow-small, .drop-arrow-button:hover .icon-arrow-small {
  opacity: 1;
}

.icon-list-condensed {
  background-position: 0 -288px;
}

.icon-list-expanded {
  background-position: 0 -272px;
}

.icon-ascending {
  background-position: 0 -304px;
}

.icon-descending {
  background-position: 0 -320px;
}

.icon-checkbox {
  background-position: 0px -176px;
}
.icon-checkbox.selected {
  background-position: -16px -176px;
}

/*
New larger icons: (same as icon-hp used on homepage)
*/
.icon-large {
  background-image: url("/static/images/homepage/homepage-sprite@1x.png");
  background-size: 40px 531px;
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -3px;
  left: -4px;
}
.retina .icon-large {
  background-image: url("/static/images/homepage/homepage-sprite@2x.png");
}
.icon-large.icon-dashboard {
  background-position: 0px 0px;
}
.icon-large.icon-organizer {
  background-position: 0px -40px;
}
.icon-large.icon-reports {
  background-position: 0px -80px;
}
.icon-large.icon-activity {
  background-position: 0px -120px;
}
.icon-large.icon-timelines {
  background-position: 0px -160px;
}
.icon-large.icon-progress {
  background-position: 0 -200px;
}

@media screen and (max-width: 500px) {
  .glacier {
    padding-top: 100px;
  }

  .glacier.layout-homepage .content {
    width: 100%;
    overflow-x: hidden;
  }

  .glacier header.logged-out-header {
    height: 100px;
    position: absolute;
  }
  .glacier header.logged-out-header nav {
    text-align: center;
    width: 100%;
  }
  .glacier header.logged-out-header nav a {
    margin-left: 0;
    margin-right: 20px;
  }
  .glacier header.logged-out-header .log-in-button {
    margin: 0;
    position: absolute;
    top: 20px;
    right: 10px;
  }
  .glacier header.logged-out-header .sign-up-button {
    margin: 0;
    position: absolute;
    top: 20px;
    right: 80px;
  }

  .glacier.layout-homepage .layout-screenshot-showcase .explanation {
    width: 100%;
    padding: 20px 0;
  }
  .glacier.layout-homepage .layout-screenshot-showcase .screenshot {
    width: 100%;
  }
  .glacier.layout-homepage .layout-screenshot-showcase .screenshot img {
    width: 100%;
  }

  .glacier.layout-homepage .faqs-questions .one-half {
    width: 100%;
    padding: 20px 0;
  }

  .glacier.layout-homepage .tagline p.tagline-subheader {
    font-size: 1em;
  }
  .glacier.layout-homepage .tagline p.tagline-subheader .btn, .glacier.layout-homepage .tagline p.tagline-subheader .item-following button.follow, .item-following .glacier.layout-homepage .tagline p.tagline-subheader button.follow, .glacier.layout-homepage .tagline p.tagline-subheader .item-following button.following, .item-following .glacier.layout-homepage .tagline p.tagline-subheader button.following {
    margin-top: 3em;
  }

  .glacier.layout-homepage .testimonial-container {
    width: 100%;
    text-align: center;
  }
  .glacier.layout-homepage .testimonial-container blockquote {
    width: 100%;
  }
  .glacier.layout-homepage .testimonial-container .avatar {
    display: inline-block;
    float: none;
  }

  .glacier.layout-homepage .layout-side-by-side .activity-timelines-content .one-half {
    width: 100%;
    padding-bottom: 3em;
  }
  .glacier.layout-homepage .layout-side-by-side .activity-timelines-content .one-half.last {
    padding-bottom: 2em;
  }

  .glacier.layout-homepage .features-list .headline-holder,
  .glacier.layout-homepage .integration-list .headline-holder {
    width: 100%;
  }
  .glacier.layout-homepage .features-list > .container:first-of-type,
  .glacier.layout-homepage .integration-list > .container:first-of-type {
    padding-bottom: 0;
  }
  .glacier.layout-homepage .features-list .one-third,
  .glacier.layout-homepage .integration-list .one-third {
    width: 100% !important;
    text-align: center;
    border-bottom: 1px solid #F0F0EC;
    padding-bottom: 1em;
    margin-bottom: 2em;
  }
  .glacier.layout-homepage .features-list .one-third img,
  .glacier.layout-homepage .integration-list .one-third img {
    border: 1px solid #F0F0EC;
  }

  .glacier.layout-homepage .integration-list .integrations-more-info {
    margin: 0;
    width: 100%;
    padding-top: 0;
    border: none;
  }

  .glacier.layout-homepage .features-list .sub-headline {
    margin-bottom: 1em;
  }
  .glacier.layout-homepage .features-list .one-third {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .glacier.layout-homepage .features-list .features-column.last p {
    text-align: justify;
  }
  .glacier.layout-homepage .features-list ul li {
    padding: 0.5em 0;
  }
  .glacier.layout-homepage .features-list ul li h5 {
    text-align: left;
    text-indent: 3em;
  }
  .glacier.layout-homepage .features-list ul li p {
    text-align: justify;
  }
  .glacier.layout-homepage .features-list .features-video-more-info,
  .glacier.layout-homepage .features-list .features-more-info {
    padding: 1em 0;
    width: 100%;
  }
  .glacier.layout-homepage .features-list .container.small-top {
    padding-bottom: 0;
  }

  .glacier.layout-homepage .quickleft {
    padding: 0;
  }
  .glacier.layout-homepage .quickleft .one-half {
    width: 100%;
    padding: 1em 0;
  }
  .glacier.layout-homepage .quickleft .one-half img {
    width: 100%;
    height: auto;
  }
  .glacier.layout-homepage .quickleft .about-quickleft {
    padding: 0;
  }

  .glacier.layout-homepage #logged-out-footer .links {
    width: 33%;
  }
  .glacier.layout-homepage #logged-out-footer .copyright {
    float: left;
    clear: both;
    width: 100%;
    padding-top: 3em;
  }

  .glacier.layout-homepage .modal-small {
    width: 100%;
    margin: 0;
  }

  .glacier.layout-homepage .modal-small .modal-inner {
    width: 100%;
    padding: 50px 0.5em;
    box-sizing: border-box;
  }
  .glacier.layout-homepage .modal-small .modal-inner .modal-top,
  .glacier.layout-homepage .modal-small .modal-inner .modal-fieldset {
    width: 100%;
  }
  .glacier.layout-homepage .modal-small .modal-inner .slick-form .input-row {
    width: 100%;
  }
  .glacier.layout-homepage .modal-small .modal-inner .sign-up-form .payment-selection {
    box-sizing: border-box;
    width: 100%;
  }
  .glacier.layout-homepage .modal-small .modal-inner .sign-up-form .payment-selection a.select2-choice {
    max-width: 270px;
    box-sizing: border-box;
  }

  .glacier.layout-homepage .modal-blanket.is-open {
    z-index: 10000;
  }

  .glacier.layout-homepage .select2-drop {
    z-index: 11000;
  }
}