@font-face {
  font-family: "tokoiconbeta";
  src: url("/fonts/tokoiconbeta.eot");
  src: url("/fonts/tokoiconbeta.eot") format("embedded-opentype"), url("/fonts/tokoiconbeta.ttf") format("truetype"), url("/fonts/tokoiconbeta.woff") format("woff"), url("/fonts/tokoiconbeta.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.tokoicon,
i.tokoicon,
span.tokoicon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "tokoiconbeta" !important;
  font-size: 1.25rem;
  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;
}

.toko-align-center:before {
  content: "\e900";
}

.toko-align-left:before {
  content: "\e901";
}

.toko-align-right:before {
  content: "\e902";
}

.toko-alphabets:before {
  content: "\e903";
}

.toko-arrow-down:before {
  content: "\e904";
}

.toko-arrow-left:before {
  content: "\e905";
}

.toko-arrow-ne:before {
  content: "\e906";
}

.toko-arrow-nw:before {
  content: "\e907";
}

.toko-arrow-right:before {
  content: "\e93f";
}

.toko-arrow-se:before {
  content: "\e908";
}

.toko-arrow-sw:before {
  content: "\e909";
}

.toko-arrow-up:before {
  content: "\e90a";
}

.toko-bag:before {
  content: "\e90c";
}

.toko-bag-fill:before {
  content: "\e90b";
}

.toko-cart:before {
  content: "\e90e";
}

.toko-cart-fill:before {
  content: "\e90d";
}

.toko-check:before {
  content: "\e911";
}

.toko-check-fill:before {
  content: "\e90f";
}

.toko-check-line:before {
  content: "\e910";
}

.toko-chevrondown:before {
  content: "\e913";
}

.toko-chevronleftt:before {
  content: "\e912";
}

.toko-chevronright:before {
  content: "\e914";
}

.toko-chevronup:before {
  content: "\e915";
}

.toko-close:before {
  content: "\e918";
}

.toko-close-fill:before {
  content: "\e916";
}

.toko-close-line:before {
  content: "\e917";
}

.toko-contrast-fill:before {
  content: "\e919";
}

.toko-contrast-line:before {
  content: "\e91a";
}

.toko-delivery:before {
  content: "\e91b";
}

.toko-download-fill:before {
  content: "\e91c";
}

.toko-download-line:before {
  content: "\e91d";
}

.toko-external-fill:before {
  content: "\e91e";
}

.toko-external-line:before {
  content: "\e91f";
}

.toko-fontsize:before {
  content: "\e920";
}

.toko-grid:before {
  content: "\e921";
}

.toko-info-fill:before {
  content: "\e922";
}

.toko-info-line:before {
  content: "\e923";
}

.toko-line-height:before {
  content: "\e924";
}

.toko-lock:before {
  content: "\e926";
}

.toko-lock-line:before {
  content: "\e925";
}

.toko-minus:before {
  content: "\e929";
}

.toko-minus-fill:before {
  content: "\e927";
}

.toko-minus-line:before {
  content: "\e928";
}

.toko-more-fill:before {
  content: "\e92a";
}

.toko-more-line:before {
  content: "\e92b";
}

.toko-numerals:before {
  content: "\e92c";
}

.toko-one-col:before {
  content: "\e92d";
}

.toko-plus:before {
  content: "\e930";
}

.toko-plus-fill:before {
  content: "\e92e";
}

.toko-plus-line:before {
  content: "\e92f";
}

.toko-refresh:before {
  content: "\e931";
}

.toko-row:before {
  content: "\e932";
}

.toko-search:before {
  content: "\e933";
}

.toko-setting:before {
  content: "\e934";
}

.toko-settings-2-fill:before {
  content: "\e935";
}

.toko-settings-2-line:before {
  content: "\e936";
}

.toko-store-fill:before {
  content: "\e937";
}

.toko-store-line:before {
  content: "\e938";
}

.toko-text-wrap:before {
  content: "\e939";
}

.toko-three-col:before {
  content: "\e93a";
}

.toko-two-col:before {
  content: "\e93b";
}

.toko-user-fill:before {
  content: "\e93c";
}

.toko-user-line:before {
  content: "\e93d";
}

.toko-wallet:before {
  content: "\e93e";
}