@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0); } }

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0); } }

body {
  background-color: #ff4343;
  color: #fff;
  overflow-x: hidden; }

td,
th {
  padding: 0; }

a {
  cursor: pointer; }

a {
  color: inherit;
  text-decoration: none; }

h1,
h2,
h3,
h4 {
  font-weight: 100; }

span.grey-tinted {
  color: #b7b7b7; }

@media only screen and (max-width: 767px) {
  .u-hide-mobile {
    display: none; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .u-hide-tablet {
    display: none; } }

@media only screen and (min-width: 1024px) {
  .u-hide-desktop {
    display: none; } }

.cfda-member-shield {
  direction: ltr;
  display: inline-block;
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal; }

.cfda-customer {
  direction: ltr;
  display: inline-block;
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal; }

.cfda-member-shield.active {
  color: #6fb16f; }

.cfda-member-shield.in-active {
  color: #000; }

.button.button--nav {
  background-color: transparent;
  color: #fff; }
  .button.button--nav:hover {
    background-color: rgba(0, 0, 0, 0.3); }

.header--link {
  background-color: transparent;
  border: none;
  color: #fff;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  text-decoration: underline; }
  .header--link:hover {
    background-color: rgba(0, 0, 0, 0.3); }

.button {
  -webkit-transition: background-color 192ms linear;
  transition: background-color 192ms linear; }

.login {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ff4343;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0; }

.login__wrapper {
  background-color: #fff;
  max-width: 400px;
  width: 82.5%; }

.login__form {
  padding: 1.25rem; }

.admin-account-selector.select {
  background-color: #FFF;
  color: #ff4343;
  margin-bottom: 1rem;
  margin-left: 1.25rem;
  padding: 0.5rem 1.25em 0.3em;
  width: 200px; }

.global-alert {
  cursor: pointer; }

.global-alert.global-alert--slide {
  border-radius: 3px;
  border: none;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.17);
          box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.17);
  overflow: hidden;
  position: fixed;
  right: -350px;
  top: 20px;
  -webkit-transition: right 192ms linear;
  transition: right 192ms linear;
  width: 300px;
  z-index: 999; }
  .global-alert.global-alert--slide.global-alert--active {
    right: 20px; }
  .global-alert.global-alert--slide .alert {
    margin: 0; }

.alert.alert--transparent {
  background-color: rgba(0, 0, 0, 0);
  border-bottom: none;
  color: #000;
  margin-bottom: 0; }

.tabs {
  max-height: calc(100vh - 300px);
  overflow-y: auto; }
  .tabs .form-group--action .input {
    display: inline-block;
    width: calc(100% - 120px); }
  .tabs .form-group--action .button {
    margin-left: 17px; }
  .tabs .ng-submitted .input.ng-invalid,
  .tabs .ng-submitted .select.ng-invalid {
    border-color: #f37060; }
  .tabs .tabs__tab:active {
    outline: 0; }
  .tabs .tabs__tab.ng-invalid.ng-submitted {
    color: #f37060; }
  .tabs .tabs__tab.ng-invalid.ng-submitted {
    color: #f37060; }
  .tabs .tabs__panel {
    display: none; }
  .tabs .tabs__panel.is-selected {
    display: block; }
  .tabs .tab__alert {
    margin-top: -1px; }
  .tabs label a {
    text-decoration: underline; }

.scopes__permissions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.scopes__roles-list {
  text-align: center; }
  .scopes__roles-list label {
    text-transform: capitalize; }
  .scopes__roles-list li {
    display: inline-block; }

.scopes__permissions-list label {
  text-transform: capitalize; }

.scopes__permissions-list li {
  display: block; }

.scopes__permissions-list li.tier-1 label {
  font-weight: bold; }

.scopes__permissions-list li.tier-2 {
  margin-left: 10px;
  padding-left: 10px; }

.scopes__permissions-list li.tier-3 {
  margin-left: 20px;
  padding-left: 20px; }
  .scopes__permissions-list li.tier-3 label {
    font-size: 0.8rem; }

.uploaded {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 80px; }

.uploaded + .uploaded {
  margin-top: 1rem; }

.uploaded__display img, .uploaded__display video {
  border: 1px solid grey;
  max-height: 140px; }

.uploaded__display p {
  font-size: .875rem;
  line-height: 1;
  margin: 0;
  padding: 1em 1.25em .85em; }

.increment-group {
  display: inline-block; }
  .increment-group .button-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .increment-group label {
    text-align: center;
    width: 60px; }

.new-official-schedule-group {
  margin: 30px 100px 30px 0; }

.cfda-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%; }
  .cfda-pagination .pagination {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: calc(100% - 110px); }
  .cfda-pagination .select.limit-selector {
    margin-left: 6px;
    padding: 12px 1.25em 10px;
    width: 100px; }

.table th.sortable {
  cursor: pointer; }

.table th {
  padding: .9375rem; }

.table td > * {
  display: block;
  padding: .9375rem; }

.table th,
.table td {
  font-size: .875rem;
  min-width: 100px; }

.table .table th:first-child,
.table .table td:first-child {
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.table td.small__column,
.table th.small__column {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 130px; }

.table td.timestamp__column,
.table th.timestamp__column {
  width: 130px; }
  @media only screen and (max-width: 1379px) {
    .table td.timestamp__column,
    .table th.timestamp__column {
      display: none; } }

.table td.timestamp__column {
  text-align: right; }

.table td.icon__column,
.table th.icon__column {
  text-align: center;
  width: 20px; }

.table th.order_by.asc,
.table th.order_by.desc {
  position: relative; }

.table th.order_by.desc::after {
  border-color: #b7b7b7 transparent transparent;
  border-style: solid;
  border-width: 8px;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0, -35%);
      -ms-transform: translate(0, -35%);
          transform: translate(0, -35%);
  width: 0; }

.table th.order_by.asc::after {
  border-color: transparent transparent #b7b7b7;
  border-style: solid;
  border-width: 8px;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0, -85%);
      -ms-transform: translate(0, -85%);
          transform: translate(0, -85%);
  width: 0; }

.table__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  width: 100%; }

.table__table {
  max-height: calc(100vh - 370px);
  overflow-y: auto; }

.table__pagination {
  padding: 1rem; }

.table__filter {
  max-height: calc(100vh - 310px);
  overflow-y: auto; }

.button--group--spaced {
  text-align: right; }
  .button--group--spaced a.button {
    margin-left: 20px; }

.api-review .new-tag {
  color: #666; }

.api-review .ng-submitted .input.ng-invalid,
.api-review .ng-submitted .select.ng-invalid {
  border-color: #f37060; }

.api-review .tabs__tab.ng-invalid.ng-submitted {
  color: #f37060; }

.api-review .tabs__panel {
  display: none; }

.api-review .tabs__panel.is-selected {
  display: block; }

form li {
  display: block; }

.card__header > * {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 2;
      flex-shrink: 2; }

.card__header > form {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2; }

.card__header > .card__header__secondary-actions {
  text-align: right; }

.input.verified {
  border-color: #a6e4d0; }

.output {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  font-family: 'Larsseit', 'Helvetica Neue', 'Arial', sans-serif;
  font-size: .875rem;
  line-height: 1;
  padding: 0.85em 1.25em 0.75em;
  width: 100%; }

.output--large {
  font-size: 1rem;
  padding: 0.925em 1.25em 0.85em; }

.form-row + .form-row {
  margin-top: 2rem; }

.form-group + .form-group {
  margin-top: 1rem; }

.lookbook img {
  width: 180px; }

.lookbook h3 {
  margin: 0;
  padding: 0;
  width: 180px; }

.lookbook .lookbook__general {
  margin-bottom: 3rem; }

.lookbook .lookbook__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.lookbook .lookbook__images-image {
  margin-bottom: 2rem;
  width: 100%; }
  @media only screen and (min-width: 768px) and (min-height: 0) {
    .lookbook .lookbook__images-image {
      width: 50%; } }
  @media only screen and (min-width: 1024px) and (min-height: 0) {
    .lookbook .lookbook__images-image {
      width: 33%; } }
  @media only screen and (min-width: 1380px) and (min-height: 0) {
    .lookbook .lookbook__images-image {
      width: 25%; } }

.notification--muted,
.notification--info {
  padding-left: 4rem;
  position: relative; }
  .notification--muted::before,
  .notification--info::before {
    border-radius: 50%;
    content: '';
    display: block;
    height: 0.75rem;
    left: 1.625rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(2px, calc(-50% - 1px));
        -ms-transform: translate(2px, calc(-50% - 1px));
            transform: translate(2px, calc(-50% - 1px));
    width: 0.75rem; }

.notification--info::before {
  background-color: #cccccc; }

.notification--muted::before {
  background-color: #cccccc; }

.notification a {
  text-decoration: underline; }

.notification :first-letter {
  text-transform: capitalize; }

.reports-overview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  left: 50px;
  position: absolute;
  right: 50px;
  top: 100px; }

.reports-overview.loading {
  display: none; }

.report {
  padding: 20px;
  width: 300px; }

.report__line {
  padding: 20px;
  margin: 0; }

.tabs__panel.tabs__panel--secondary {
  margin-top: 4rem; }

.tabs__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .tabs__group .tags__name-list > li {
    width: 100%; }
    @media only screen and (min-width: 1024px) and (min-height: 0) {
      .tabs__group .tags__name-list > li {
        width: 50%; } }
    @media only screen and (min-width: 1380px) and (min-height: 0) {
      .tabs__group .tags__name-list > li {
        width: 33%; } }

.tabs__group > .tabs {
  width: 75%; }

.tabs__group > .tabs ~ .tabs {
  width: 25%; }

.tabs__nyfw-proposal .tabs__panel {
  max-height: 600px;
  overflow-y: auto; }

.proposal__entry {
  margin-bottom: 1rem; }
  .proposal__entry .proposal__entry-label {
    float: left;
    font-weight: bold;
    text-align: left;
    width: 35%; }
  .proposal__entry .proposal__entry-value {
    float: right;
    font-weight: normal;
    text-align: right;
    width: 65%; }
  .proposal__entry::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden; }

.tags__kind-list > li {
  display: block;
  margin-bottom: 20px;
  margin-top: 20px; }

.tags__name-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0; }
  .tags__name-list > li {
    display: block;
    width: 100%; }
    @media only screen and (min-width: 1024px) and (min-height: 0) {
      .tags__name-list > li {
        width: 33%; } }
    @media only screen and (min-width: 1380px) and (min-height: 0) {
      .tags__name-list > li {
        width: 25%; } }
  .tags__name-list .checkbox > label {
    font-size: 0.85rem;
    word-break: break-all; }

.tags__shortcuts {
  text-align: center; }

.l-shell svg {
  fill: currentColor; }

.l-shell__content {
  border-top-left-radius: unset;
  left: 0; }
  @media only screen and (min-width: 1380px) and (min-height: 0) {
    .l-shell__content {
      left: 0; } }

.l-shell__header {
  color: #fff; }

.l-shell__navigation {
  border-top-left-radius: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  top: 0;
  z-index: 999; }
  .l-shell__navigation .side-navigation {
    background-color: #ff4343;
    border-top-left-radius: unset;
    border: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 300px; }
  .l-shell__navigation .side-navigation__scroll-container {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto; }
  .l-shell__navigation .side-navigation__inner {
    height: auto;
    min-height: 100%; }
  .l-shell__navigation .side-naviation__overlay {
    cursor: pointer;
    display: none;
    height: 100vh;
    width: 100vw; }
  .l-shell__navigation.visible {
    width: calc(100% + 350px); }
    .l-shell__navigation.visible .side-naviation__overlay {
      display: block; }

.l-shell__navigation.l-shell__navigation--left {
  background-color: rgba(0, 0, 0, 0);
  left: -350px;
  right: auto;
  -webkit-transition: left 192ms linear, background-color 192ms linear;
  transition: left 192ms linear, background-color 192ms linear; }
  .l-shell__navigation.l-shell__navigation--left.visible {
    background-color: rgba(0, 0, 0, 0.3);
    left: 0; }
  .l-shell__navigation.l-shell__navigation--left .side-navigation {
    border-right: 1px solid rgba(0, 0, 0, 0.2); }

.l-shell__navigation.l-shell__navigation--right {
  background-color: rgba(0, 0, 0, 0);
  left: auto;
  right: -350px;
  -webkit-transition: right 192ms linear, background-color 192ms linear;
  transition: right 192ms linear, background-color 192ms linear; }
  .l-shell__navigation.l-shell__navigation--right.visible {
    background-color: rgba(0, 0, 0, 0.3);
    right: -50px; }
  .l-shell__navigation.l-shell__navigation--right .side-navigation {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    left: auto;
    right: 50px; }

.l-overview__search {
  max-width: 500px; }

.side-navigation__list-item.is-active a {
  background-color: rgba(255, 255, 255, 0.3); }

.side-navigation__list-item a:active,
.side-navigation__list-item a:target {
  background-color: rgba(0, 0, 0, 0.5); }

/**
 * Limbo UI Overrides
 *
 * @see https://mrhenry.github.io/limbo-styleguide/assets/css/limbo.css
 */
.l-overview.l-overview--reports {
  display: block;
  grid-row-gap: 2rem;
  grid-template-areas: none;
  grid-template-columns: none;
  grid-template-rows: none; }

.l-overview--reports .l-overview__header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  grid-area: unset;
  height: 5rem; }

.l-overview--reports .reports-overview {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: auto;
  margin: 0;
  padding: 1.25rem 3.125rem 3.125rem;
  position: relative;
  right: auto;
  top: auto;
  width: 100%; }