body .flag {
  background-repeat: no-repeat;
  background-size: 100% 49494%;
  background-image: url('./flagSprite.png');
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  box-sizing: content-box;
  width: 18px;
  height: 11px;
}

body .flag-CHF,
body .flag-NPR {
  box-shadow: none !important;
}

body .flag-DZD {
  background-position: center 0.2287%;
}

body .flag-AOA {
  background-position: center 0.4524%;
}

body .flag-BWP {
  background-position: center 0.6721%;
}

body .flag-BIF {
  background-position: center 0.8958%;
}

body .flag-CVE {
  background-position: center 1.1162%;
}

body .flag-CDF {
  background-position: left 1.3379%;
}

body .flag-DJF {
  background-position: left 1.5589%;
}

body .flag-EGP {
  background-position: center 1.7805%;
}

body .flag-ERN {
  background-position: left 2.0047%;
}

body .flag-ETB {
  background-position: center 2.2247%;
}

body .flag-GA {
  background-position: center 2.4467%;
}

body .flag-GMD {
  background-position: center 2.6674%;
}

body .flag-GHS {
  background-position: center 2.8931%;
}

body .flag-GNF {
  background-position: center 3.1125%;
}

body .flag-KES {
  background-position: center 3.3325%;
}

body .flag-LSL {
  background-position: center 3.5542%;
}

body .flag-LRD {
  background-position: left 3.7759%;
}

body .flag-LYD {
  background-position: center 4.0015%;
}

body .flag-MGA {
  background-position: center 4.2229%;
}

body .flag-MWK {
  background-position: center 4.441%;
}

body .flag-MRO {
  background-position: center 4.66663%;
}

body .flag-MUR {
  background-position: center 4.8844%;
}

body .flag-MAD {
  background-position: center 5.1061%;
}

body .flag-MZN {
  background-position: left 5.3298%;
}

body .flag-NAD {
  background-position: left 5.5495%;
}

body .flag-NGN {
  background-position: center 5.7712%;
}

body .flag-RWF {
  background-position: right 5.994%;
}

body .flag-SHP {
  background-position: center 6.2156%;
}

body .flag-STD {
  background-position: center 6.4363%;
}

body .flag-SCR {
  background-position: left 6.658%;
}

body .flag-SLL {
  background-position: center 6.8805%;
}

body .flag-SOS {
  background-position: center 7.1038%;
}

body .flag-ZAR {
  background-position: left 7.3231%;
}

body .flag-SDG {
  background-position: center 7.5448%;
}

body .flag-SRD {
  background-position: center 7.7661%;
}

body .flag-SZL {
  background-position: center 7.98937%;
}

body .flag-TND {
  background-position: center 8.2099%;
}

body .flag-UGX {
  background-position: center 8.4316%;
}

body .flag-TZS {
  background-position: center 8.6533%;
}

body .flag-YER {
  background-position: center 8.875%;
}

body .flag-ZMW {
  background-position: center 9.0967%;
}

body .flag-ZWD {
  background-position: left 9.32237%;
}

body .flag-ARS {
  background-position: center 9.5426%;
}

body .flag-AWG {
  background-position: left 9.7628%;
}

body .flag-BSD {
  background-position: left 9.9845%;
}

body .flag-BBD {
  background-position: center 10.2052%;
}

body .flag-BZD {
  background-position: center 10.4269%;
}

body .flag-BMD {
  background-position: center 10.6486%;
}

body .flag-BOB {
  background-position: center 10.8703%;
}

body .flag-BRL {
  background-position: center 11.0945%;
}

body .flag-CAD {
  background-position: center 11.3135%;
}

body .flag-KYD {
  background-position: center 11.5354%;
}

body .flag-CLP {
  background-position: left 11.7593%;
}

body .flag-COP {
  background-position: left 11.9799%;
}

body .flag-KMF {
  background-position: center 12.2005%;
}

body .flag-CRC {
  background-position: center 12.4222%;
}

body .flag-CUP {
  background-position: left 12.644%;
}

body .flag-DOP {
  background-position: center 12.8664%;
}

body .flag-SVC {
  background-position: center 13.0873%;
}

body .flag-FKP {
  background-position: center 13.309%;
}

body .flag-GTQ {
  background-position: center 13.5307%;
}

body .flag-GYD {
  background-position: center 13.7524%;
}

body .flag-HTG {
  background-position: center 13.9741%;
}

body .flag-HNL {
  background-position: center 14.1958%;
}

body .flag-JMD {
  background-position: center 14.4175%;
}

body .flag-MXN {
  background-position: center 14.6415%;
}

body .flag-NIO {
  background-position: center 14.8609%;
}

body .flag-PAB {
  background-position: center 15.0826%;
}

body .flag-PYG {
  background-position: center 15.306%;
}

body .flag-PEN {
  background-position: center 15.528%;
}

body .flag-XCD {
  background-position: center 15.7496%;
}

body .flag-TTD {
  background-position: center 15.9694%;
}

body .flag-USD {
  background-position: center 16.1911%;
}

body .flag-UYU {
  background-position: left 16.4128%;
}

body .flag-VEF {
  background-position: center 16.6345%;
}

body .flag-AFN {
  background-position: center 16.8562%;
}

body .flag-AZN {
  background-position: center 17.0779%;
}

body .flag-BDT {
  background-position: center 17.2996%;
}

body .flag-BTN {
  background-position: center 17.5213%;
}

body .flag-BND {
  background-position: center 17.743%;
}

body .flag-KHR {
  background-position: center 17.968%;
}

body .flag-CNY {
  background-position: left 18.1864%;
}

body .flag-GEL {
  background-position: center 18.4081%;
}

body .flag-HKD {
  background-position: center 18.6298%;
}

body .flag-INR {
  background-position: center 18.8515%;
}

body .flag-IDR {
  background-position: center 19.0732%;
}

body .flag-JPY {
  background-position: center 19.2987%;
}

body .flag-KZT {
  background-position: center 19.518%;
}

body .flag-LAK {
  background-position: center 19.7383%;
}

body .flag-MOP {
  background-position: center 19.96%;
}

body .flag-MYR {
  background-position: center 20.1817%;
}

body .flag-MVR {
  background-position: center 20.4034%;
}

body .flag-MNT {
  background-position: left 20.6241%;
}

body .flag-MMK {
  background-position: center 20.8468%;
}

body .flag-NPR {
  background-position: left 21.0685%;
}

body .flag-KPW {
  background-position: left 21.2902%;
}

body .flag-PGK {
  background-position: center 21.5119%;
}

body .flag-PHP {
  background-position: left 21.7336%;
}

body .flag-SGD {
  background-position: left 21.9553%;
}

body .flag-KRW {
  background-position: center 22.177%;
}

body .flag-LKR {
  background-position: right 22.4002%;
}

body .flag-TWD {
  background-position: left 22.6204%;
}

body .flag-TJS {
  background-position: center 22.8421%;
}

body .flag-THB {
  background-position: center 23.0638%;
}

body .flag-TMT {
  background-position: center 23.2855%;
}

body .flag-VND {
  background-position: center 23.5072%;
}

body .flag-ALL {
  background-position: center 23.732%;
}

body .flag-AMD {
  background-position: center 23.9506%;
}

body .flag-BYN {
  background-position: left 24.1723%;
}

body .flag-BAM {
  background-position: center 24.394%;
}

body .flag-BGN {
  background-position: center 24.6157%;
}

body .flag-HRK {
  background-position: center 24.8374%;
}

body .flag-CZK {
  background-position: left 25.0591%;
}

body .flag-DKK {
  background-position: center 25.279%;
}

body .flag-EEK {
  background-position: center 25.5025%;
}

body .flag-GIP {
  background-position: center 25.7242%;
}

body .flag-HUF {
  background-position: center 25.9459%;
}

body .flag-ISK {
  background-position: center 26.1676%;
}

body .flag-IMP {
  background-position: center 26.3885%;
}

body .flag-JEP {
  background-position: center 26.611%;
}

body .flag-LVL {
  background-position: center 26.8327%;
}

body .flag-LTL {
  background-position: center 27.0544%;
}

body .flag-MDL {
  background-position: center 27.2761%;
}

body .flag-MKD {
  background-position: center 27.7195%;
}

body .flag-NOK {
  background-position: center 27.9412%;
}

body .flag-PLN {
  background-position: center 28.1615%;
}

body .flag-RON {
  background-position: center 28.3846%;
}

body .flag-RUB {
  background-position: center 28.6063%;
}

body .flag-RSD {
  background-position: center 28.829%;
}

body .flag-SKK {
  background-position: center 29.0497%;
}

body .flag-SEK {
  background-position: center 29.2714%;
}

body .flag-CHF {
  background-position: center 29.4931%;
}

body .flag-TRY {
  background-position: center 29.7148%;
}

body .flag-UAH {
  background-position: center 29.9365%;
}

body .flag-GBP {
  background-position: center 30.1582%;
}

body .flag-IRR {
  background-position: center 30.3799%;
}

body .flag-IQD {
  background-position: center 30.6016%;
}

body .flag-ILS {
  background-position: center 30.8233%;
}

body .flag-KWD {
  background-position: left 31.045%;
}

body .flag-JOD {
  background-position: left 31.2667%;
}

body .flag-KGS {
  background-position: center 31.4884%;
}

body .flag-LBP {
  background-position: center 31.7101%;
}

body .flag-OMR {
  background-position: left 31.9318%;
}

body .flag-PKR {
  background-position: center 32.1535%;
}

body .flag-QAR {
  background-position: center 32.3752%;
}

body .flag-SAR {
  background-position: center 32.5969%;
}

body .flag-SYP {
  background-position: center 32.8186%;
}

body .flag-AED {
  background-position: center 33.0403%;
}

body .flag-UZS {
  background-position: left 33.25975%;
}

body .flag-AUD {
  background-position: center 33.4837%;
}

body .flag-FJD {
  background-position: center 33.7054%;
}

body .flag-NZD {
  background-position: center 33.9271%;
}

body .flag-WST {
  background-position: left 34.1488%;
}

body .flag-SBD {
  background-position: left 34.3705%;
}

body .flag-TOP {
  background-position: left 34.5922%;
}

body .flag-TVD {
  background-position: center 34.8139%;
}

body .flag-VUV {
  background-position: left 35.0356%;
}

body .flag-EUR {
  background-position: center 35.2555%;
}

body .flag-ANG {
  background-position: center 35.4772%;
}

body .flag-XPTF {
  background-position: center 35.6989%;
}

body .flag-XAGF {
  background-position: center 35.9206%;
}

body .flag-XAGU {
  background-position: center 36.1423%;
}

body .flag-GGP {
  background-position: center 36.364%;
}

body .flag-XDR {
  background-position: center 36.5857%;
}

body .flag-XAGF {
  background-position: center 36.8074%;
}

body .flag-XOF {
  background-position: center 37.0291%;
}

body .flag-SPL {
  background-position: center 37.2508%;
}

body .flag-XPTT,
body .flag-XPTD,
body .flag-XAGG {
  background-position: center 37.4725%;
}

body .flag-GNF.flag-round,
body .flag-GNF.flag-app,
body .flag-NGN.flag-round,
body .flag-NGN.flag-app,
body .flag-RON.flag-round,
body .flag-RON.flag-app {
  background-size: 100% 50000%;
}

body .flag.flag-sm {
  width: 18px;
  height: 11px;
}

body .flag.flag-md {
  width: 27px;
  height: 17px;
}

body .flag.flag-lg {
  width: 42px;
  height: 27px;
}

body .flag.flag-xl {
  width: 60px;
  height: 37px;
}

/* flag-round = circular icons */
body .flag-round {
  background-size: 160%;
  background-clip: content-box;
  border-radius: 50%;
}

body .flag-round.flag-sm {
  width: 12px;
  height: 12px;
}

body .flag-round.flag-md {
  width: 18px;
  height: 18px;
}

body .flag-round.flag-lg {
  width: 24px;
  height: 24px;
}

body .flag-round.flag-xl {
  width: 32px;
  height: 32px;
}

/* flag-app = app icon look */
body .flag-app {
  background-size: 155%;
  background-clip: content-box;
  border-radius: 21%;
}

body .flag-app:before {
  content: '';
  display: inline-block;
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  background: radial-gradient(circle at center -166%,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 66%,
      rgba(255, 255, 255, 0.5) 80%,
      rgba(255, 255, 255, 0) 80.5%,
      rgba(0, 0, 0, 0.02) 81%,
      rgba(0, 0, 0, 0.2) 100%);
}

body .flag-app.flag-sm:before,
body .flag-app.flag-sm {
  width: 12px;
  height: 12px;
}

body .flag-app.flag-md:before,
body .flag-app.flag-md {
  width: 18px;
  height: 18px;
}

body .flag-app.flag-lg:before,
body .flag-app.flag-lg {
  width: 24px;
  height: 24px;
}

body .flag-app.flag-xl:before,
body .flag-app.flag-xl {
  width: 32px;
  height: 32px;
}
