.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.button__base,
.estimator__button,
.expander__button,
.tag_editor__tag,
.tags__tag,
.sortable__button {
  background: none repeat scroll 0 0 transparent;
  border: none;
  color: inherit;
  font: inherit;
  font-weight: normal;
  overflow: visible;
  text-transform: none;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}
.icon__base,
.icon__base_small,
.icon__base_medium,
.expander__icon,
.tag_editor__edit_icon,
.tag_editor__delete_icon,
.sortable__cell .subitem,
.selector__icon {
  display: block;
  background-image: url("https://s3.amazonaws.com/sprintly-ui-icons/icons-sprite.png");
  background-repeat: no-repeat;
}
.icon__base_small,
.tag_editor__edit_icon,
.selector__icon {
  height: 8px;
  width: 8px;
}
.icon__base_medium,
.expander__icon,
.tag_editor__delete_icon,
.sortable__cell .subitem {
  height: 16px;
  width: 16px;
}
.popup__base,
.estimator__menu,
.tag_editor__menu {
  position: absolute;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.2);
  padding: 10px;
}
.estimator__score {
  display: inline-block;
  margin-left: 4px;
  margin-bottom: 2px;
}
.estimator__button {
  width: 22px;
  height: 22px;
  font-size: 11px;
  color: #fff;
  line-height: 19px;
  text-align: center;
  border: none;
  border-radius: 11px;
}
.estimator__button.story {
  background-color: #84b431;
}
.estimator__button.task {
  background-color: #454545;
}
.estimator__button.test {
  background-color: #5a96ab;
}
.estimator__button.defect {
  background-color: #d94949;
}
.estimator__menu {
  display: inline-block;
  line-height: 19px;
  padding: 6px 10px 0px 7px;
  margin-top: -6px;
  margin-left: 12px;
}
.estimator__menu:before {
  content: ' ';
  position: absolute;
  border-right: 12px solid #fff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  left: -8px;
}
.estimator__list {
  list-style-type: none;
  width: 100%;
  height: 28px;
  padding: 0;
  margin: 0;
}
.expander__button {
  display: inline-block;
  background-color: #fff;
  border: 1px solid #c7c7c7;
  padding: 2px 2px 1px 3px;
}
.expander__button.expand {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-right: none;
}
.expander__button.condense {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-left: none;
}
.expander__button.active {
  background-color: #175574;
  border: 1px solid #175574;
}
.expander__icon.expand {
  background-position: 0 -272px;
}
.expander__icon.expand.active {
  background-position: -16px -272px;
}
.expander__icon.condense {
  background-position: 0 -288px;
}
.expander__icon.condense.active {
  background-position: -16px -288px;
}
.tag_editor__wrapper {
  display: inline-block;
}
.tag_editor__wrapper.in-menu {
  display: block;
}
.tag_editor__tag {
  line-height: 19px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tag_editor__list {
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.tag_editor__list .tag-wrapper {
  width: 100%;
  padding: 2px 10px 0 0;
}
.tag_editor__list .tag-wrapper .tag {
  margin-right: 10px;
}
.tag_editor__edit_icon {
  display: inline-block;
  background-position: -4px -228px;
  margin-right: 6px;
}
.tag_editor__delete_icon {
  display: inline-block;
  background-position: 0 -208px;
  vertical-align: middle;
  margin-right: 4px;
  margin-bottom: 2px;
}
.tag_editor__menu {
  margin-top: -44px;
  margin-left: 28px;
}
.tag_editor__menu:before {
  content: ' ';
  position: absolute;
  border-right: 16px solid #fff;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  margin-left: -20px;
}
.tag_editor__menu .add-tag {
  border: 1px solid #c7c7c7;
  border-radius: 4px;
  margin-bottom: 4px;
  padding: 6px;
}
.tags__wrapper {
  display: inline-block;
}
.tags__tag {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tags__list {
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.tags__list.expanded {
  display: inline-block;
  margin-right: 4px;
}
.sortable__wrapper {
  width: 1000px;
  margin-bottom: 40px;
  overflow: hidden;
}
.sortable__title {
  font-size: 28px;
  font-weight: bold;
  color: #323232;
  padding-top: 30px;
  padding-bottom: 0;
  text-transform: capitalize;
}
.sortable__table {
  width: 100%;
  border: 1px solid #d3d3d3;
  border-left: none;
  border-collapse: collapse;
  border-spacing: 0;
}
.sortable__table .head {
  background-color: #fff;
  border: 1px solid #c7c7c7;
}
.sortable__label {
  -webkit-user-select: none;
  cursor: pointer;
  font-size: 13px;
  line-height: 35px;
  color: #323232;
  border-left: 1px solid #d3d3d3;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 10px;
  padding-right: 10px;
}
.sortable__button {
  text-transform: capitalize;
}
.sortable__row {
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  box-sizing: border-box;
}
.sortable__row.story {
  background-color: #e4efcf;
}
.sortable__row.task {
  background-color: #f0f0ec;
}
.sortable__row.test {
  background-color: #ebf7fa;
}
.sortable__row.defect {
  background-color: #f8e6e6;
}
.sortable__row.spacer {
  width: 100%;
  height: 4px;
}
.sortable__row.expanded {
  min-height: 30px;
}
.sortable__row.matched {
  border-left: 6px solid #84b431;
}
.sortable__row.non-matching {
  border-left: 6px solid #84b431;
  opacity: 0.6;
}
.sortable__cell {
  border-left: 1px solid #d3d3d3;
  box-sizing: border-box;
}
.sortable__cell .wrapper {
  width: 60px;
  font-size: 12px;
  vertical-align: middle;
  padding: 0 10px;
}
.sortable__cell .wrapper.expanded {
  line-height: 19px;
  padding: 8px 10px;
}
.sortable__cell .wrapper.condensed {
  line-height: 32px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.sortable__cell .wrapper.narrow {
  width: 20px;
}
.sortable__cell .wrapper.narrow.matched {
  padding: 0 8px;
}
.sortable__cell .wrapper.wide {
  width: 50px;
}
.sortable__cell .wrapper.wider {
  width: 90px;
}
.sortable__cell .wrapper.widest {
  width: 375px;
}
.sortable__cell .link {
  color: #323232;
  text-decoration: none;
}
.sortable__cell .link.title-cell:hover,
.sortable__cell .link.number-cell:hover,
.sortable__cell .link.product-cell:hover {
  text-decoration: underline;
}
.sortable__cell .subitem {
  float: left;
  background-position: 0 -335px;
  margin-top: 6px;
}
.sortable__cell .subitem .expanded {
  margin-top: 0;
}
.selector__wrapper {
  position: absolute;
  min-width: 148px;
  color: #2e2e2e;
  font-size: inherit;
  font-family: inherit;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  overflow: hidden;
}
.selector__wrapper.expanded {
  border: 1px solid #5a96ab;
  box-shadow: 0 5px 11px -4px rgba(0, 0, 0, 0.5);
}
.selector__wrapper .inner-wrapper {
  display: none;
}
.selector__wrapper .inner-wrapper.expanded {
  display: block;
}
.selector__searchbox {
  height: 30px;
  padding: 4px;
  margin: 6px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  box-sizing: border-box;
  outline: none;
}
.selector__label {
  display: block;
  width: 100%;
  height: 34px;
  line-height: 34px;
}
.selector__label .inner {
  display: block;
  padding: 0 10px;
}
.selector__options {
  width: 100%;
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}
.selector__options .option {
  width: 100%;
  color: #2e2e2e;
  line-height: 40px;
  background-color: #fff;
  padding: 5px 0;
}
.selector__options .option:hover {
  background-color: #175574;
  color: #fff;
  text-transform: none;
}
.selector__options .option .inner {
  padding-left: 10px;
}
.selector__label .inner,
.selector__options .option {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.selector__icon {
  position: absolute;
  background-position: 0 -400px;
  width: 12px;
  height: 9px;
  top: 12px;
  left: 130px;
}

/*# sourceMappingURL=sprintly-ui.css.map */