@font-face {
  font-family: 'maxnine';
  src: url('./icon/font/fontello.eot');
  src: url('./icon/font/fontello.eot') format('embedded-opentype'),
       url('./icon/font/fontello.woff') format('woff2'),
       url('./icon/font/fontello.woff') format('woff'),
       url('./icon/font/fontello.ttf') format('truetype'),
       url('./icon/font/fontello.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*--------------
      icon
----------------*/
.icon {
  font-family: 'maxnine';
}

.icon.nav-item.search:before { content: '\e86d'; }
.icon.nav-item.log:before { content: '\e866'; }
.icon.nav-item.instant-msg:before { content: '\e873'; }
.icon.nav-item.dist:before {  content: '\e81c'; }

.icon.icon-search:before { content: '\e875'; }
.icon.icon-search-funnel:before { content: '\e865'; }
.icon.icon-cancel:before { content: '\e871'; }
.icon.icon-delete:before { content: '\e874'; }
.icon.icon-rework:before { content: '\e869'; }

.icon.icon-send:before { content: '\e822'; }
.icon.icon-play:before { content: '\e86a'; }
.icon.icon-pause:before { content: '\e868'; }
.icon.icon-stop:before { content: '\e870'; }
.icon.icon-arrow-top:before { content: '\e805'; }
.icon.icon-arrow-bottom:before { content: '\e802'; }

.icon.icon-view:before { content: '\e821'; }
.icon.icon-hide:before,
.icon.icon-more:before { content: '\e820'; }

.icon.forward:before { content: '\e803'; }
.icon.backward:before { content: '\e804'; }

.icon.nav-item.logout:before {  content: '\e81d'; }



.icon.fold:before { content: '\e810'; }
.icon.unfold:before { content: '\e80e'; }

.icon.icon-arrow-left:before { content: '\e80f'; }
.icon.icon-arrow-right:before { content: '\e813'; }

.icon.icon-close:before { content: '\e81d'; }
.icon.icon-confirm:before { content: '\e81c'; }
.icon.search:before { content: '\e809'; }




/*--------------
   button icon
----------------*/
button > span.icon{
  font-size: 1rem;
}
.list-footer span.icon {
  font-size: 1.1rem;
}


/*--------------
    status
----------------*/
.is-error{
  color: #ff4141;
}
.is-return{
  color: #dc8b0c;
}
.is-info{
  color: #3f80d2;
}
.is-done{
  color: #808288;
}
.is-progress{
  color: #027340;
  background: #7dffb7;
  border-radius:  3px;
  padding-left: 5px;
}
.is-ready{
  color: #198e64;
}
.is-request{
  color: #198e64;
}