@font-face {
  font-family: 'i-font';
  src: url('i-font.woff2?t=477871') format('woff2');
  font-weight: normal;
  font-style: normal;
}

.ifc-box {
  display: inline-flex;
  position: relative;
  border-radius: 3px;
  text-align: center;
  vertical-align: middle;
  border: solid 1px #00f;
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: blue;
  margin: 5px;
}

.ifc-icon {
  font-size: inherit;
  display: inline-block;
  font-family: 'i-font';
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1em;
  vertical-align: middle;
  text-align: center;
  text-decoration: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin: auto;
}

/*
<div class='ifc-over-box'>
  <i class='ifc-icon ma-refresh'></i>
  <i class='ifc-icon ma-play ifc-over'></i>
</div>
*/
.ifc-over-box {
  display: flex;
  position: relative;
  width: min-content;
}

.ifc-over {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 60%;
  z-index: 1;
  color: red;
  transform: translate(-50%, -50%);
}

/* Animation for spinners */
.ifc-spin {
  animation: ifc-spin-f 2s infinite linear;
  display: inline-block;
}
@keyframes ifc-spin-f {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

/* CoreUI Icons, License: CoreUI Icons Free, Link: https://github.com/coreui/coreui-icons/blob/master/LICENSE */
.co-cil-chat-bubble:before {
  content: '\2711';
}
.co-cib-alipay:before {
  content: '\2712';
}
.co-cib-apple-pay:before {
  content: '\2713';
}
.co-cib-google-pay:before {
  content: '\2714';
}

/* Bootstrap Icons, License: MIT, Link: https://github.com/twbs/icons/blob/main/LICENSE.md */
.bs-alipay:before {
  content: '\2715';
}
.bs-apple:before {
  content: '\2716';
}
.bs-file-image:before {
  content: '\2717';
}
.bs-filetype-jpg:before {
  content: '\2718';
}
.bs-filetype-mp3:before {
  content: '\2719';
}
.bs-filetype-mp4:before {
  content: '\271a';
}
.bs-filetype-pdf:before {
  content: '\271b';
}
.bs-filetype-png:before {
  content: '\271c';
}
.bs-tencent-qq:before {
  content: '\271d';
}
.bs-search:before {
  content: '\271e';
}
.bs-card-image:before {
  content: '\271f';
}
.bs-cart3:before {
  content: '\2720';
}
.bs-chat:before {
  content: '\2721';
}
.bs-check:before {
  content: '\2722';
}
.bs-chevron-left:before {
  content: '\2723';
}
.bs-chevron-right:before {
  content: '\2724';
}
.bs-file-music:before {
  content: '\2725';
}
.bs-list:before {
  content: '\2726';
}
.bs-music-note-list:before {
  content: '\2727';
}
.bs-music-note:before {
  content: '\2728';
}
.bs-wechat:before {
  content: '\2729';
}
.bs-youtube:before {
  content: '\272a';
}
.bs-zoom-in:before {
  content: '\272b';
}
.bs-zoom-out:before {
  content: '\272c';
}
.bs-star-fill:before {
  content: '\272d';
}
.bs-star:before {
  content: '\272e';
}
.bs-arrow-repeat:before {
  content: '\272f';
}
.bs-repeat:before {
  content: '\2730';
}

/* material-design-icons, License: Apache-2.0, Link: https://github.com/google/material-design-icons/blob/master/LICENSE */
.mg-arrow_back_ios_new_outlined:before {
  content: '\2731';
}

/* Material Design, License: Pictogrammers Free, Link: https://github.com/Templarian/MaterialDesign/blob/master/LICENSE */
.ma-apple:before {
  content: '\2732';
}
.ma-account-music-outline:before {
  content: '\2733';
}
.ma-account-group-outline:before {
  content: '\2734';
}
.ma-account-circle-outline:before {
  content: '\2735';
}
.ma-account-cog-outline:before {
  content: '\2736';
}
.ma-account-edit-outline:before {
  content: '\2737';
}
.ma-account-wrench-outline:before {
  content: '\2738';
}
.ma-cancel:before {
  content: '\2739';
}
.ma-alarm-check:before {
  content: '\273a';
}
.ma-alarm-light-outline:before {
  content: '\273b';
}
.ma-application-cog-outline:before {
  content: '\273c';
}
.ma-bell-cog-outline:before {
  content: '\273d';
}
.ma-chevron-down:before {
  content: '\273e';
}
.ma-chevron-left:before {
  content: '\273f';
}
.ma-chevron-right:before {
  content: '\2740';
}
.ma-chevron-up:before {
  content: '\2741';
}
.ma-cog-outline:before {
  content: '\2742';
}
.ma-camera:before {
  content: '\2743';
}
.ma-cellphone-basic:before {
  content: '\2744';
}
.ma-cellphone:before {
  content: '\2745';
}
.ma-chat-outline:before {
  content: '\2746';
}
.ma-chat-processing-outline:before {
  content: '\2747';
}
.ma-check-circle-outline:before {
  content: '\2748';
}
.ma-check:before {
  content: '\2749';
}
.ma-checkbox-outline:before {
  content: '\274a';
}
.ma-chevron-double-down:before {
  content: '\274b';
}
.ma-chevron-double-left:before {
  content: '\274c';
}
.ma-chevron-double-right:before {
  content: '\274d';
}
.ma-chevron-double-up:before {
  content: '\274e';
}
.ma-close-box-outline:before {
  content: '\274f';
}
.ma-close-circle-outline:before {
  content: '\2750';
}
.ma-close:before {
  content: '\2751';
}
.ma-cloud-arrow-down-outline:before {
  content: '\2752';
}
.ma-cloud-arrow-up-outline:before {
  content: '\2753';
}
.ma-cloud-sync-outline:before {
  content: '\2754';
}
.ma-email-outline:before {
  content: '\2755';
}
.ma-home-outline:before {
  content: '\2756';
}
.ma-image-multiple-outline:before {
  content: '\2757';
}
.ma-image-outline:before {
  content: '\2758';
}
.ma-link-variant:before {
  content: '\2759';
}
.ma-location-exit:before {
  content: '\275a';
}
.ma-menu-down:before {
  content: '\275b';
}
.ma-menu-left:before {
  content: '\275c';
}
.ma-menu-right:before {
  content: '\275d';
}
.ma-menu-up:before {
  content: '\275e';
}
.ma-message-processing-outline:before {
  content: '\275f';
}
.ma-message-question-outline:before {
  content: '\2760';
}
.ma-microphone-minus:before {
  content: '\2761';
}
.ma-microphone-outline:before {
  content: '\2762';
}
.ma-microphone-plus:before {
  content: '\2763';
}
.ma-music-accidental-double-sharp:before {
  content: '\2764';
}
.ma-music-box-multiple-outline:before {
  content: '\2765';
}
.ma-music-box-outline:before {
  content: '\2766';
}
.ma-music-circle-outline:before {
  content: '\2767';
}
.ma-music-clef-treble:before {
  content: '\2768';
}
.ma-music:before {
  content: '\2769';
}
.ma-file-music-outline:before {
  content: '\276a';
}
.ma-folder-music-outline:before {
  content: '\276b';
}
.ma-metronome:before {
  content: '\276c';
}
.ma-music-note-eighth-dotted:before {
  content: '\276d';
}
.ma-music-note-eighth:before {
  content: '\276e';
}
.ma-music-off:before {
  content: '\276f';
}
.ma-playlist-music-outline:before {
  content: '\2770';
}
.ma-timer-music-outline:before {
  content: '\2771';
}
.ma-tune-vertical-variant:before {
  content: '\2772';
}
.ma-tune-vertical:before {
  content: '\2773';
}
.ma-pan:before {
  content: '\2774';
}
.ma-pencil-circle-outline:before {
  content: '\2775';
}
.ma-pencil-outline:before {
  content: '\2776';
}
.ma-rename-outline:before {
  content: '\2777';
}
.ma-folder-lock-outline:before {
  content: '\2778';
}
.ma-shield-key-outline:before {
  content: '\2779';
}
.ma-chat-question-outline:before {
  content: '\277a';
}
.ma-logout:before {
  content: '\277b';
}
.ma-wechat:before {
  content: '\277c';
}
.ma-face-man-outline:before {
  content: '\277d';
}
.ma-crown-outline:before {
  content: '\277e';
}
.ma-delete-off-outline:before {
  content: '\277f';
}
.ma-delete-variant:before {
  content: '\2780';
}
.ma-dots-vertical:before {
  content: '\2781';
}
.ma-dots-horizontal:before {
  content: '\2782';
}
.ma-dots-grid:before {
  content: '\2783';
}
.ma-play:before {
  content: '\2784';
}
.ma-pause:before {
  content: '\2785';
}
.ma-plus-thick:before {
  content: '\2786';
}
.ma-plus:before {
  content: '\2787';
}
.ma-minus-thick:before {
  content: '\2788';
}
.ma-minus:before {
  content: '\2789';
}
.ma-tag-edit-outline:before {
  content: '\278a';
}
.ma-tag-multiple-outline:before {
  content: '\278b';
}
.ma-tag-off-outline:before {
  content: '\278c';
}
.ma-tag-outline:before {
  content: '\278d';
}
.ma-tag-plus-outline:before {
  content: '\278e';
}
.ma-tag-remove-outline:before {
  content: '\278f';
}
.ma-volume-high:before {
  content: '\2790';
}
.ma-volume-medium:before {
  content: '\2791';
}
.ma-volume-minus:before {
  content: '\2792';
}
.ma-volume-mute:before {
  content: '\2793';
}
.ma-volume-off:before {
  content: '\2794';
}
.ma-volume-plus:before {
  content: '\2795';
}
.ma-window-close:before {
  content: '\2796';
}
.ma-wrench-cog-outline:before {
  content: '\2797';
}
.ma-youtube:before {
  content: '\2798';
}
.ma-share-all-outline:before {
  content: '\2799';
}
.ma-share-variant-outline:before {
  content: '\279a';
}
.ma-card-search-outline:before {
  content: '\279b';
}
.ma-cloud-refresh-outline:before {
  content: '\279c';
}
.ma-refresh:before {
  content: '\279d';
}
.ma-search-web:before {
  content: '\279e';
}
.ma-text-search-variant:before {
  content: '\279f';
}
.ma-cards-heart-outline:before {
  content: '\27a0';
}
.ma-cards-heart:before {
  content: '\27a1';
}
.ma-file-chart-check-outline:before {
  content: '\27a2';
}
.ma-heart-circle-outline:before {
  content: '\27a3';
}
.ma-eye-check-outline:before {
  content: '\27a4';
}
.ma-eye-outline:before {
  content: '\27a5';
}
.ma-monitor-eye:before {
  content: '\27a6';
}
.ma-bookmark-music-outline:before {
  content: '\27a7';
}
.ma-bookmark-plus-outline:before {
  content: '\27a8';
}
.ma-swap-horizontal-bold:before {
  content: '\27a9';
}
.ma-swap-horizontal-circle-outline:before {
  content: '\27aa';
}
.ma-swap-horizontal-hidden:before {
  content: '\27ab';
}
.ma-swap-horizontal:before {
  content: '\27ac';
}
.ma-swap-vertical-bold:before {
  content: '\27ad';
}
.ma-swap-vertical-circle-outline:before {
  content: '\27ae';
}
.ma-swap-vertical:before {
  content: '\27af';
}
.ma-repeat:before {
  content: '\27b0';
}
.ma-chart-box-outline:before {
  content: '\27b1';
}
.ma-chart-box:before {
  content: '\27b2';
}
.ma-chart-waterfall:before {
  content: '\27b3';
}
.ma-hand-back-left-outline:before {
  content: '\27b4';
}
.ma-hand-clap:before {
  content: '\27b5';
}
.ma-piano:before {
  content: '\27b6';
}
.ma-printer:before {
  content: '\27b7';
}
.ma-video-account:before {
  content: '\27b8';
}
.ma-video-outline:before {
  content: '\27b9';
}
.ma-violin:before {
  content: '\27ba';
}
.ma-foot-print:before {
  content: '\27bb';
}
.ma-gesture-two-tap:before {
  content: '\27bc';
}
.ma-cursor-default-click-outline:before {
  content: '\27bd';
}
.ma-cursor-default-outline:before {
  content: '\27be';
}
.ma-numeric:before {
  content: '\27bf';
}