html {
  height: 100%;
}
body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  padding: 0;
  margin: 0;
  height: 100%;
  display: flex;
}
body > .ember-view {
  flex: 1;
  display: flex;
  flex-direction: column;
}
* {
  box-sizing: border-box;
}
.pbi-layout-header__title {
  white-space: nowrap;
}
.colors {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.color {
  display: block;
  margin: 0;
  padding: 20px;
  width: 300px;
  flex: 0 1 auto;
}
.color .name {
  display: block;
  margin-bottom: 2em;
}
.icons {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.icon-container {
  display: block;
  margin: 0;
  padding: 20px;
  width: 150px;
  flex: 0 1 auto;
  margin: 0 5px 5px 0;
  text-align: center;
  background-color: white;
}
.icon-container .name {
  display: block;
  margin-top: 1em;
}
.pbi-layout {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.pbi-layout__main {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.pbi-layout-main {
  flex: 1;
}
.pbi-layout-header {
  display: flex;
  height: 48px;
  background-color: #f8f8f8;
}
.pbi-layout-header__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
}
.pbi-layout-header__icon .glyphicon {
  font-size: 20px;
}
.pbi-layout-header__icon:hover {
  cursor: pointer;
}
.pbi-layout-header__icon:hover:not(.pbi-layout-header__menu-toggle) {
  background-color: #e0e0e0;
}
.pbi-layout-header__title {
  flex: 1;
  padding: 0.825em;
}
.pbi-layout-main {
  display: flex;
}
.pbi-layout-main__nav {
  width: 48px;
  display: flex;
}
.pbi-layout-main__content {
  flex: 1;
  background-color: #f1f1f1;
  padding: 1em;
  position: relative;
  overflow: auto;
}
.pbi-layout-content {
  margin-right: 1em;
  position: absolute;
}
.pbi-nav {
  position: relative;
  width: 48px;
}
.pbi-nav__content {
  position: absolute;
  width: 48px;
  z-index: 100;
  height: 100%;
  transition: width ease-in-out 0.2s;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.pbi-nav__content--expanded {
  width: 300px;
}
.pbi-nav__secondary-buttons {
  flex: 1;
}
.pbi-nav__button-category {
  border-bottom: 1px solid #777;
}
.pbi-nav__footer-buttons .pbi-nav__button-category {
  border-top: 1px solid #777;
  border-bottom: none;
}
.pbi-nav-button {
  display: flex;
  border: none;
  background: transparent;
  cursor: pointer;
}
.pbi-nav-button:hover {
  background-color: #444444;
}
.pbi-nav-button.active {
  background-color: #212121;
}
.pbi-nav-button__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.pbi-nav-button__icon .glyphicon {
  font-size: 20px;
}
.pbi-nav-button__label {
  flex: 1;
  line-height: 48px;
}
/*# sourceMappingURL=/assets/dummy.css.map */