.app-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: 'Raleway', sans-serif;
  width: 100%;
  border: 1px solid #eceeef;
  border-radius: 0.25rem; }

.app-main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-left: 1px solid #eceeef;
  background: #f7f7f9; }

.app-main-header {
  height: 90px;
  background: #fff;
  padding: 1.5rem;
  border-bottom: 1px solid #eceeef; }

.app-main-heading {
  margin-bottom: 0;
  line-height: 40px; }

.app-main-content {
  -webkit-box-flex: 2;
      -ms-flex: 2 2 0%;
          flex: 2 2 0%; }

.app-panel {
  height: calc(100% - 66px);
  top: 66px;
  position: fixed;
  width: 340px;
  left: -340px;
  right: auto;
  z-index: 997;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  -webkit-transition: left .5s, top .5s;
  transition: left .5s, top .5s;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 340px;
          flex: 0 0 340px;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08); }
  .app-panel.show {
    left: 0; }
  body.navbar-collapse-in .app-panel {
    top: 132px; }
  body.menubar-open .app-panel {
    left: -340px; }
  @media (min-width: 768px) {
    .app-panel {
      position: static;
      height: auto;
      box-shadow: none; } }

.app-panel-inner {
  height: auto; }
  @media (max-width: 767px) {
    .app-panel-inner {
      height: calc(100% - 90px);
      overflow: hidden; } }

.app-panel-toggle {
  position: absolute;
  top: 25%;
  right: -30px;
  display: block;
  width: 30px;
  height: 50px;
  background: #fff;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.08); }
  .app-panel-toggle .fa {
    text-align: center;
    line-height: 50px;
    width: 25px;
    font-size: 1.13rem; }
  .app-panel-toggle .fa-chevron-left {
    display: none; }
  .show .app-panel-toggle .fa-chevron-left {
    display: block; }
  .show .app-panel-toggle .fa-chevron-right {
    display: none; }
  @media (min-width: 768px) {
    .app-panel-toggle {
      display: none; } }

.panel-item {
  border: 1px solid #eceeef;
  border-radius: 0.25rem;
  margin-bottom: .5rem;
  padding: .75rem; }
  .panel-item:last-child {
    margin-bottom: 0; }

a.panel-item {
  display: block; }

.app-search {
  position: relative;
  height: 90px;
  padding: 1.5rem;
  border-bottom: 1px solid #eceeef; }
  .app-search .search-field {
    border: none;
    outline: none;
    box-shadow: none;
    width: 100%;
    height: 40px;
    padding: .75rem;
    border-radius: 500px;
    border: 1px solid #eceeef; }
  .app-search .search-icon {
    position: absolute;
    top: 2.25rem;
    right: 2.25rem; }

.inbox-cat-list .panel-item.active, .inbox-cat-list .panel-item:focus, .inbox-cat-list .panel-item:hover {
  color: #fff;
  border-color: #60c84c;
  background: #60c84c; }
  .inbox-cat-list .panel-item.active *, .inbox-cat-list .panel-item:focus *, .inbox-cat-list .panel-item:hover * {
    color: #fff; }

.mail-cat-name {
  margin: 0;
  font-size: 1rem; }
  .mail-cat-name small {
    color: #60c84c;
    font-size: .75rem; }

.mail-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #eceeef;
  padding: .75rem;
  margin-bottom: .5rem;
  background: #fff;
  border-radius: 0.25rem; }
  .mail-item:last-child {
    margin-bottom: 0; }
  .mail-item .mail-item-check,
  .mail-item .mail-item-star {
    margin-right: 1rem; }
  .mail-item .mail-item-star {
    color: #eceeef;
    font-size: 1rem;
    cursor: pointer; }
    .mail-item .mail-item-star.checked, .mail-item .mail-item-star:hover {
      color: #60c84c; }
  .mail-item .mail-item-title {
    margin: 0 0 auto 0;
    font-size: 1rem; }

/*# sourceMappingURL=data:application/json;charset=utf8;base64,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ZTtJQUNmLGdCQUFnQjtJQUNoQixnQkFBZ0IsRUFBRTtJQUNsQjtNQUNFLGVBQWUsRUFBRTtFQUNyQjtJQUNFLG1CQUFtQjtJQUNuQixnQkFBZ0IsRUFBRSIsImZpbGUiOiJhcHBzL2luYm94LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5hcHAtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtZmFtaWx5OiAnUmFsZXdheScsIHNhbnMtc2VyaWY7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXI6IDFweCBzb2xpZCAjZWNlZWVmO1xuICBib3JkZXItcmFkaXVzOiAwLjI1cmVtOyB9XG5cbi5hcHAtbWFpbiB7XG4gIGZsZXg6IDEgMSAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAjZWNlZWVmO1xuICBiYWNrZ3JvdW5kOiAjZjdmN2Y5OyB9XG5cbi5hcHAtbWFpbi1oZWFkZXIge1xuICBoZWlnaHQ6IDkwcHg7XG4gIGJhY2tncm91bmQ6ICNmZmY7XG4gIHBhZGRpbmc6IDEuNXJlbTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlY2VlZWY7IH1cblxuLmFwcC1tYWluLWhlYWRpbmcge1xuICBtYXJnaW4tYm90dG9tOiAwO1xuICBsaW5lLWhlaWdodDogNDBweDsgfVxuXG4uYXBwLW1haW4tY29udGVudCB7XG4gIGZsZXg6IDIgMiAwJTsgfVxuXG4uYXBwLXBhbmVsIHtcbiAgaGVpZ2h0OiBjYWxjKDEwMCUgLSA2NnB4KTtcbiAgdG9wOiA2NnB4O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHdpZHRoOiAzNDBweDtcbiAgbGVmdDogLTM0MHB4O1xuICByaWdodDogYXV0bztcbiAgei1pbmRleDogOTk3O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kOiAjZmZmO1xuICB0cmFuc2l0aW9uOiBsZWZ0IC41cywgdG9wIC41cztcbiAgZmxleDogMCAwIDM0MHB4O1xuICBib3gtc2hhZG93OiAycHggMCA0cHggcmdiYSgwLCAwLCAwLCAwLjA4KTsgfVxuICAuYXBwLXBhbmVsLnNob3cge1xuICAgIGxlZnQ6IDA7IH1cbiAgYm9keS5uYXZiYXItY29sbGFwc2UtaW4gLmFwcC1wYW5lbCB7XG4gICAgdG9wOiAxMzJweDsgfVxuICBib2R5Lm1lbnViYXItb3BlbiAuYXBwLXBhbmVsIHtcbiAgICBsZWZ0OiAtMzQwcHg7IH1cbiAgQG1lZGlhIChtaW4td2lkdGg6IDc2OHB4KSB7XG4gICAgLmFwcC1wYW5lbCB7XG4gICAgICBwb3NpdGlvbjogc3RhdGljO1xuICAgICAgaGVpZ2h0OiBhdXRvO1xuICAgICAgYm94LXNoYWRvdzogbm9uZTsgfSB9XG5cbi5hcHAtcGFuZWwtaW5uZXIge1xuICBoZWlnaHQ6IGF1dG87IH1cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gICAgLmFwcC1wYW5lbC1pbm5lciB7XG4gICAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtIDkwcHgpO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjsgfSB9XG5cbi5hcHAtcGFuZWwtdG9nZ2xlIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDI1JTtcbiAgcmlnaHQ6IC0zMHB4O1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDMwcHg7XG4gIGhlaWdodDogNTBweDtcbiAgYmFja2dyb3VuZDogI2ZmZjtcbiAgYm94LXNoYWRvdzogMnB4IDJweCA2cHggcmdiYSgwLCAwLCAwLCAwLjA4KTsgfVxuICAuYXBwLXBhbmVsLXRvZ2dsZSAuZmEge1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBsaW5lLWhlaWdodDogNTBweDtcbiAgICB3aWR0aDogMjVweDtcbiAgICBmb250LXNpemU6IDEuMTNyZW07IH1cbiAgLmFwcC1wYW5lbC10b2dnbGUgLmZhLWNoZXZyb24tbGVmdCB7XG4gICAgZGlzcGxheTogbm9uZTsgfVxuICAuc2hvdyAuYXBwLXBhbmVsLXRvZ2dsZSAuZmEtY2hldnJvbi1sZWZ0IHtcbiAgICBkaXNwbGF5OiBibG9jazsgfVxuICAuc2hvdyAuYXBwLXBhbmVsLXRvZ2dsZSAuZmEtY2hldnJvbi1yaWdodCB7XG4gICAgZGlzcGxheTogbm9uZTsgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogNzY4cHgpIHtcbiAgICAuYXBwLXBhbmVsLXRvZ2dsZSB7XG4gICAgICBkaXNwbGF5OiBub25lOyB9IH1cblxuLnBhbmVsLWl0ZW0ge1xuICBib3JkZXI6IDFweCBzb2xpZCAjZWNlZWVmO1xuICBib3JkZXItcmFkaXVzOiAwLjI1cmVtO1xuICBtYXJnaW4tYm90dG9tOiAuNXJlbTtcbiAgcGFkZGluZzogLjc1cmVtOyB9XG4gIC5wYW5lbC1pdGVtOmxhc3QtY2hpbGQge1xuICAgIG1hcmdpbi1ib3R0b206IDA7IH1cblxuYS5wYW5lbC1pdGVtIHtcbiAgZGlzcGxheTogYmxvY2s7IH1cblxuLmFwcC1zZWFyY2gge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGhlaWdodDogOTBweDtcbiAgcGFkZGluZzogMS41cmVtO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2VjZWVlZjsgfVxuICAuYXBwLXNlYXJjaCAuc2VhcmNoLWZpZWxkIHtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogNDBweDtcbiAgICBwYWRkaW5nOiAuNzVyZW07XG4gICAgYm9yZGVyLXJhZGl1czogNTAwcHg7XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2VjZWVlZjsgfVxuICAuYXBwLXNlYXJjaCAuc2VhcmNoLWljb24ge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDIuMjVyZW07XG4gICAgcmlnaHQ6IDIuMjVyZW07IH1cblxuLmluYm94LWNhdC1saXN0IC5wYW5lbC1pdGVtLmFjdGl2ZSwgLmluYm94LWNhdC1saXN0IC5wYW5lbC1pdGVtOmZvY3VzLCAuaW5ib3gtY2F0LWxpc3QgLnBhbmVsLWl0ZW06aG92ZXIge1xuICBjb2xvcjogI2ZmZjtcbiAgYm9yZGVyLWNvbG9yOiAjNjBjODRjO1xuICBiYWNrZ3JvdW5kOiAjNjBjODRjOyB9XG4gIC5pbmJveC1jYXQtbGlzdCAucGFuZWwtaXRlbS5hY3RpdmUgKiwgLmluYm94LWNhdC1saXN0IC5wYW5lbC1pdGVtOmZvY3VzICosIC5pbmJveC1jYXQtbGlzdCAucGFuZWwtaXRlbTpob3ZlciAqIHtcbiAgICBjb2xvcjogI2ZmZjsgfVxuXG4ubWFpbC1jYXQtbmFtZSB7XG4gIG1hcmdpbjogMDtcbiAgZm9udC1zaXplOiAxcmVtOyB9XG4gIC5tYWlsLWNhdC1uYW1lIHNtYWxsIHtcbiAgICBjb2xvcjogIzYwYzg0YztcbiAgICBmb250LXNpemU6IC43NXJlbTsgfVxuXG4ubWFpbC1pdGVtIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm9yZGVyOiAxcHggc29saWQgI2VjZWVlZjtcbiAgcGFkZGluZzogLjc1cmVtO1xuICBtYXJnaW4tYm90dG9tOiAuNXJlbTtcbiAgYmFja2dyb3VuZDogI2ZmZjtcbiAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTsgfVxuICAubWFpbC1pdGVtOmxhc3QtY2hpbGQge1xuICAgIG1hcmdpbi1ib3R0b206IDA7IH1cbiAgLm1haWwtaXRlbSAubWFpbC1pdGVtLWNoZWNrLFxuICAubWFpbC1pdGVtIC5tYWlsLWl0ZW0tc3RhciB7XG4gICAgbWFyZ2luLXJpZ2h0OiAxcmVtOyB9XG4gIC5tYWlsLWl0ZW0gLm1haWwtaXRlbS1zdGFyIHtcbiAgICBjb2xvcjogI2VjZWVlZjtcbiAgICBmb250LXNpemU6IDFyZW07XG4gICAgY3Vyc29yOiBwb2ludGVyOyB9XG4gICAgLm1haWwtaXRlbSAubWFpbC1pdGVtLXN0YXIuY2hlY2tlZCwgLm1haWwtaXRlbSAubWFpbC1pdGVtLXN0YXI6aG92ZXIge1xuICAgICAgY29sb3I6ICM2MGM4NGM7IH1cbiAgLm1haWwtaXRlbSAubWFpbC1pdGVtLXRpdGxlIHtcbiAgICBtYXJnaW46IDAgMCBhdXRvIDA7XG4gICAgZm9udC1zaXplOiAxcmVtOyB9XG4iXX0= */