.flag-icon-background,
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.active.flag::after {
    /* font-family: "boxicons" !important; */
    /* content: "\ea23"; */
    content: 'used';
    padding: 1px 8px;
    border-radius: 3px;
    border-color: transparent;
    background: #e7e7ff;
    color: #696cff;
    font-size: 12px;
    border-color: transparent;
    /* font-size: 1.15rem; */
    margin-left: 30px;
    margin-bottom: 1px;
}

.flag-icon {
  position: relative;
  display: inline-block;
  width: 1.3333333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: " ";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}

.flag-icon-lang_en {
  background-image: url(../fonts/flags/4x3/us.svg);
}
.flag-icon-lang_en.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/us.svg);
}
.flag-icon-lang_vi {
  background-image: url(../fonts/flags/4x3/vn.svg);
}
.flag-icon-lang_vi.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/vn.svg);
}
.flag-icon {
  vertical-align: middle;
}