/******************************************************

Freak Flags, Copyright ©2020 Michael P. Cohen. Freak flags is licenced under the MIT licence.

For complete information visit: www.freakflagsprite.com

******************************************************/

.fflag {
    padding-left: 36px !important;
    position: relative;
}
.fflag::before {
    display: block !important;
    content: '';
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 15px;
    border-radius: 0;
    background-color: transparent;
    background-image:url(../freakflags/flagSprite42.png);
    background-repeat:no-repeat;
    background-size: 100% 49494%;
    overflow: hidden;
    box-sizing: content-box;
    box-shadow: 0 0 0 1px rgb(220,220,220);
}
.fflag-CH,
.fflag-NP {box-shadow: none!important}
.fflag-AF::before {background-position:center 0.2287%}
.fflag-AZ::before {background-position:center 0.4524%}
.fflag-BD::before {background-position:center 0.6721%}
.fflag-BT::before {background-position:center 0.8958%}
.fflag-BN::before {background-position:center 1.1155%}
.fflag-KH::before {background-position:center 1.3379%}
.fflag-CN::before {background-position:left 1.5589%}
.fflag-GE::before {background-position:center 1.7826%}
.fflag-HK::before {background-position:center 2.0047%}
.fflag-IN::before {background-position:center 2.2247%}
.fflag-ID::before {background-position:center 2.4467%}
.fflag-JP::before {background-position:center 2.6674%}
.fflag-KZ::before {background-position:center 2.8931%}
.fflag-LA::before {background-position:center 3.1125%}
.fflag-MO::before {background-position:center 3.3325%}
.fflag-MY::before {background-position:center 3.5542%}
.fflag-MV::before {background-position:center 3.7759%}
.fflag-MN::before {background-position:left 4.0015%}
.fflag-MM::before {background-position:center 4.2229%}
.fflag-NP::before {background-position:left 4.441%}
.fflag-KP::before {background-position:left 4.66663%}
.fflag-MP::before {background-position:center 4.8844%}
.fflag-PW::before {background-position:center 5.1061%}
.fflag-PG::before {background-position:center 5.3278%}
.fflag-PH::before {background-position:left 5.5495%}
.fflag-SG::before {background-position:left 5.7712%}
.fflag-KR::before {background-position:center 5.9929%}
.fflag-LK::before {background-position:right 6.2156%}
.fflag-TW::before {background-position:left 6.4363%}
.fflag-TJ::before {background-position:center 6.658%}
.fflag-TH::before {background-position:center 6.8805%}
.fflag-TL::before {background-position:left 7.1038%}
.fflag-TM::before {background-position:center 7.3231%}
.fflag-VN::before {background-position:center 7.5448%}
.fflag-AL::before {background-position:center 7.7691%}
.fflag-AD::before {background-position:center 7.98937%}
.fflag-AM::before {background-position:center 8.2099%}
.fflag-AT::before {background-position:center 8.4316%}
.fflag-BY::before {background-position:left 8.6533%}
.fflag-BE::before {background-position:center 8.875%}
.fflag-BA::before {background-position:center 9.0967%}
.fflag-BG::before {background-position:center 9.32%}
.fflag-HR::before {background-position:center 9.5426%}
.fflag-CY::before {background-position:center 9.7628%}
.fflag-CZ::before {background-position:left 9.9845%}
.fflag-DK::before {background-position:center 10.2052%}
.fflag-EE::before {background-position:center 10.4269%}
.fflag-FO::before {background-position:center 10.6486%}
.fflag-FI::before {background-position:center 10.8703%}
.fflag-FR::before {background-position:center 11.0945%}
.fflag-DE::before {background-position:center 11.3175%}
.fflag-GI::before {background-position:center 11.5354%}
.fflag-GR::before {background-position:left 11.7593%}
.fflag-HU::before {background-position:center 11.9799%}
.fflag-IS::before {background-position:center 12.2005%}
.fflag-IE::before {background-position:center 12.4222%}
.fflag-IM::before {background-position:center 12.644%}
.fflag-IT::before {background-position:center 12.8664%}
.fflag-JE::before {background-position:center 13.0873%}
.fflag-XK::before {background-position:center 13.309%}
.fflag-LV::before {background-position:center 13.5307%}
.fflag-LI::before {background-position:left 13.7524%}
.fflag-LT::before {background-position:center 13.9741%}
.fflag-LU::before {background-position:center 14.1958%}
.fflag-MT::before {background-position:left 14.4175%}
.fflag-MD::before {background-position:center 14.6415%}
.fflag-MC::before {background-position:center 14.8609%}
.fflag-ME::before {background-position:center 15.0826%}
.fflag-NL::before {background-position:center 15.306%}
.fflag-MK::before {background-position:center 15.528%}
.fflag-NO::before {background-position:center 15.7496%}
.fflag-PL::before {background-position:center 15.9694%}
.fflag-PT::before {background-position:center 16.1911%}
.fflag-RO::before {background-position:center 16.4128%}
.fflag-RU::before {background-position:center 16.6345%}
.fflag-SM::before {background-position:center 16.8562%}
.fflag-RS::before {background-position:center 17.0779%}
.fflag-SK::before {background-position:center 17.2996%}
.fflag-SI::before {background-position:center 17.5213%}
.fflag-ES::before {background-position:left 17.743%}
.fflag-SE::before {background-position:center 17.968%}
.fflag-CH::before {background-position:center 18.1864%}
.fflag-TR::before {background-position:center 18.4081%}
.fflag-UA::before {background-position:center 18.6298%}
.fflag-GB::before {background-position:center 18.8515%}
.fflag-VA::before {background-position:right 19.0732%}
.fflag-BH::before {background-position:center 19.2959%}
.fflag-IR::before {background-position:center 19.518%}
.fflag-IQ::before {background-position:center 19.7383%}
.fflag-IL::before {background-position:center 19.96%}
.fflag-KW::before {background-position:left 20.1817%}
.fflag-JO::before {background-position:left 20.4034%}
.fflag-KG::before {background-position:center 20.6241%}
.fflag-LB::before {background-position:center 20.8468%}
.fflag-OM::before {background-position:left 21.0685%}
.fflag-PK::before {background-position:center 21.2902%}
.fflag-PS::before {background-position:center 21.5119%}
.fflag-QA::before {background-position:center 21.7336%}
.fflag-SA::before {background-position:center 21.9553%}
.fflag-SY::before {background-position:center 22.177%}
.fflag-AE::before {background-position:center 22.3987%}
.fflag-UZ::before {background-position:left 22.6204%}
.fflag-AS::before {background-position:right 22.8421%}
.fflag-AU::before {background-position:center 23.0638%}
.fflag-CX::before {background-position:center 23.2855%}
.fflag-CC::before {background-position:center 23.5072%}
.fflag-CK::before {background-position:center 23.732%}
.fflag-FJ::before {background-position:center 23.9506%}
.fflag-PF::before {background-position:center 24.1723%}
.fflag-GU::before {background-position:center 24.394%}
.fflag-KI::before {background-position:center 24.6157%}
.fflag-MH::before {background-position:left 24.8374%}
.fflag-FM::before {background-position:center 25.0591%}
.fflag-NC::before {background-position:center 25.2808%}
.fflag-NZ::before {background-position:center 25.5025%}
.fflag-NR::before {background-position:left 25.7242%}
.fflag-NU::before {background-position:center 25.9459%}
.fflag-NF::before {background-position:center 26.1676%}
.fflag-WS::before {background-position:left 26.3885%}
.fflag-SB::before {background-position:left 26.611%}
.fflag-TK::before {background-position:center 26.8327%}
.fflag-TO::before {background-position:left 27.0544%}
.fflag-TV::before {background-position:center 27.2761%}
.fflag-VU::before {background-position:left 27.4978%}
.fflag-WF::before {background-position:center 27.7195%}
.fflag-EU::before {background-position:center 27.9412%}
.fflag-JR::before {background-position:center 28.1635%}
.fflag-OLY::before {background-position:center 28.3846%}
.fflag-UN::before {background-position:center 28.6063%}

.fflag.ff-sm::before {width: 18px;height: 11px}
.fflag.ff-md::before {width: 27px;height: 17px}
.fflag.ff-lg::before {width: 42px;height: 27px}
.fflag.ff-xl::before {width: 60px;height: 37px}
