@import url('../node_modules/font-awesome/css/font-awesome.min.css');
@import url('./../node_modules/react-select/dist/react-select.css');

.App {
  text-align: center;
  padding: 1em;
}

.App-logo {
  animation: App-logo-spin infinite 20s linear;
  height: 80px;
}

.App-header {
  background-color: #222;
  height: 150px;
  padding: 20px;
  color: white;
}

.App-title {
  font-size: 1.5em;
}

.App-intro {
  font-size: large;
}

@keyframes App-logo-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?udcsi5');
  src:  url('fonts/icomoon.eot?udcsi5#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?udcsi5') format('truetype'),
    url('fonts/icomoon.woff?udcsi5') format('woff'),
    url('fonts/icomoon.svg?udcsi5#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-BF-Logo .path1:before {
  content: "\e90e";
  color: rgb(89, 90, 92);
}
.icon-BF-Logo .path2:before {
  content: "\e90f";
  margin-left: -1em;
  color: rgb(89, 90, 92);
}
.icon-BF-Logo .path3:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(89, 90, 92);
}
.icon-BF-Logo .path4:before {
  content: "\e911";
  margin-left: -1em;
  color: rgb(89, 90, 92);
}
.icon-BF-Logo .path5:before {
  content: "\e912";
  margin-left: -1em;
  color: rgb(89, 90, 92);
}
.icon-BF-Logo .path6:before {
  content: "\e913";
  margin-left: -1em;
  color: rgb(243, 109, 33);
}
.icon-BF-Logo .path7:before {
  content: "\e914";
  margin-left: -1em;
  color: rgb(243, 109, 33);
}
.icon-BF-Logo .path8:before {
  content: "\e915";
  margin-left: -1em;
  color: rgb(243, 109, 33);
}
.icon-BF-Logo .path9:before {
  content: "\e916";
  margin-left: -1em;
  color: rgb(243, 109, 33);
}
.icon-BF-Logo .path10:before {
  content: "\e917";
  margin-left: -1em;
  color: rgb(243, 109, 33);
}
.icon-BF-Logo .path11:before {
  content: "\e918";
  margin-left: -1em;
  color: rgb(243, 109, 33);
}
.icon-BF-Logo .path12:before {
  content: "\e919";
  margin-left: -1em;
  color: rgb(243, 109, 33);
}
.icon-BF-Logo .path13:before {
  content: "\e91a";
  margin-left: -1em;
  color: rgb(243, 109, 33);
}
.icon-BF-Logo .path14:before {
  content: "\e91b";
  margin-left: -1em;
  color: rgb(89, 90, 92);
}
.icon-BF-Logo .path15:before {
  content: "\e91c";
  margin-left: -1em;
  color: rgb(243, 109, 33);
}
.icon-BF-Logo .path16:before {
  content: "\e91d";
  margin-left: -1em;
  color: rgb(89, 90, 92);
}
.icon-Add:before {
  content: "\e900";
}
.icon-Avatar:before {
  content: "\e901";
}
.icon-Calendar:before {
  content: "\e902";
}
.icon-Chart:before {
  content: "\e903";
}
.icon-Chat:before {
  content: "\e904";
}
.icon-Check:before {
  content: "\e905";
}
.icon-Close:before {
  content: "\e906";
}
.icon-Down:before {
  content: "\e907";
}
.icon-DownAlternative:before {
  content: "\e908";
}
.icon-Edit:before {
  content: "\e909";
}
.icon-Email:before {
  content: "\e90a";
}
.icon-Hamburger:before {
  content: "\e90b";
}
.icon-History:before {
  content: "\e90c";
}
.icon-Information:before {
  content: "\e90d";
}
.icon-Key:before {
  content: "\e91e";
}
.icon-Left:before {
  content: "\e91f";
}
.icon-Log:before {
  content: "\e920";
}
.icon-Move:before {
  content: "\e921";
}
.icon-Notification:before {
  content: "\e922";
}
.icon-Right:before {
  content: "\e923";
}
.icon-Search:before {
  content: "\e924";
}
.icon-Share:before {
  content: "\e925";
}
.icon-StarBlank:before {
  content: "\e926";
  color: #e0e0e0;
}
.icon-StarFull:before {
  content: "\e927";
  color: #faca18;
}
.icon-StarHalf .path1:before {
  content: "\e928";
  color: rgb(224, 224, 224);
}
.icon-StarHalf .path2:before {
  content: "\e929";
  margin-left: -1em;
  color: rgb(250, 202, 24);
}
.icon-Up:before {
  content: "\e92a";
}