﻿.card, .fflag {
    position: relative
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table thead td, .table thead th {
    letter-spacing: .5px;
    text-transform: uppercase;
    border-bottom-width: 1px;
    border-top-width: 0;
    padding: 5px 15px;
    line-height: 30px;
    border-bottom-color: #edeef7 !important
}

.table tbody tr {
    background-color: rgba(255,255,255,.5)
}

    .table tbody tr th {
        font-weight: 500
    }

.table-bordered thead td, .table-bordered thead th {
    border-top-width: 1px;
    padding-top: 7px;
    padding-bottom: 7px
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #031b4e
}

    .table td, .table th {
        padding: .3rem;
        vertical-align: top;
        font-size: 13px;
        text-transform: uppercase
    }

    .table thead th {
        vertical-align: bottom
    }

.table-sm td, .table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #edeef7
}

    .table-bordered td, .table-bordered th {
        border: 1px solid #edeef7;
        border-bottom-color: #edeef7 !important
    }

.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f4f5fd
}

.table-hover tbody tr:hover {
    color: #031b4e;
    background-color: #f4f5fd
}

.card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background: 0 0;
    border-radius: 10px;
    border: 0 solid #edeef7 !important;
    margin-bottom: 1.3rem;
    box-shadow: 0 5px 15px 5px rgb(80 102 224 / 8%)
}

.fflag {
    background-image: url(https://dovizmix.com/img/flagSprite42.png);
    background-repeat: no-repeat;
    background-size: 100% 49494%;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    box-sizing: content-box
}

    .fflag.ff-sm {
        width: 18px;
        height: 11px
    }

    .fflag.ff-md {
        width: 27px;
        height: 17px
    }

    .fflag.ff-lg {
        width: 42px;
        height: 27px
    }

    .fflag.ff-xl {
        width: 60px;
        height: 37px
    }

.ff-round {
    background-size: 160%;
    background-clip: content-box;
    border-radius: 50%
}

    .ff-round.ff-sm {
        width: 12px;
        height: 12px
    }

    .ff-round.ff-md {
        width: 18px;
        height: 18px
    }

    .ff-round.ff-lg {
        width: 24px;
        height: 24px
    }

    .ff-round.ff-xl {
        width: 32px;
        height: 32px
    }

.DZ, .dzd {
    background-position: center .2287%
}

.EG, .egp {
    background-position: center 2.8931%
}

.LY, .lyd {
    background-position: center 5.7712%
}

.ZA, .zar {
    background-position: left 10.4269%
}

.AR, .ars {
    background-position: center 13.7524%
}

.CA, .cad {
    background-position: center 15.9694%
}

.CL, .clp {
    background-position: left 16.4128%
}

.CO, .cop {
    background-position: left 16.6345%
}

.MX, .mxn {
    background-position: center 21.0685%
}

.US, .usd {
    background-position: center 24.394%
}

.AZ, .azn {
    background-position: center 25.5025%
}

.CN, .cny {
    background-position: left 26.611%
}

.GE, .gel {
    background-position: center 26.8327%
}

.HK, .hkd {
    background-position: center 27.0544%
}

.IN, .inr {
    background-position: center 27.2761%
}

.JP, .jpy {
    background-position: center 27.7195%
}

.KZ, .kzt {
    background-position: center 27.9412%
}

.SG, .sgd {
    background-position: left 30.8233%
}

.KR, .krw {
    background-position: center 31.045%
}

.LK, .lkr {
    background-position: right 31.2667%
}

.TW, .twd {
    background-position: left 31.4884%
}

.TH, .thb {
    background-position: center 31.9318%
}

.BA, .bam {
    background-position: center 34.1488%
}

.HR, .hrk {
    background-position: center 34.5922%
}

.DK, .dkk {
    background-position: center 35.2555%
}

.HU, .huf {
    background-position: center 37.0309%
}

.IS, .isk {
    background-position: center 37.2526%
}

.NO, .nok {
    background-position: center 40.7998%
}

.NZ, .nzd {
    background-position: center 50.5546%
}

.PL, .pln {
    background-position: center 41.0215%
}

.RO, .ron {
    background-position: center 41.4649%
}

.RU, .rub {
    background-position: center 41.6866%
}

.SE, .sek {
    background-position: center 43.0168%
}

.CH, .chf {
    background-position: center 43.2385%
}

.TR, .try {
    background-position: center 43.4602%
}

.UA, .uah {
    background-position: center 43.6819%
}

.GB, .gbp {
    background-position: center 43.9036%
}

.BH, .bhd {
    background-position: center 44.347%
}

.IQ, .iqd {
    background-position: center 44.7904%
}

.IL, .ils {
    background-position: center 45.0121%
}

.KW, .kwd {
    background-position: left 45.2338%
}

.JO, .jod {
    background-position: left 45.4555%
}

.OM, .omr {
    background-position: left 46.1206%
}

.PK, .pkr {
    background-position: center 46.3423%
}

.QA, .qar {
    background-position: center 46.7857%
}

.SA, .sar {
    background-position: center 47.0074%
}

.AE, .aed {
    background-position: center 47.4508%
}

.AU, .aud {
    background-position: center 48.1159%
}

.EU, .eur {
    background-position: center 52.9933%
}

.BE.ff-round, .CI.ff-round, .FR.ff-round, .GN.ff-round, .IE.ff-round, .IT.ff-round, .ML.ff-round, .NG.ff-round, .RO.ff-round, .TD.ff-round {
    background-size: 100% 50000%
}
