/*Ticket Start*/
.rlmyself h6.mb-3,
.rlsomeone h6.mb-3,
.rljoint h6.mb-3,
.rlbusiness h6.mb-3 {
    background: #f5f5f5;
    padding: 10px;
    margin: 20px 0 5px 0 !important;
}

#someonedrpbank, #selfdrpbank, #jointaccountdrpbank, #businessdrpbank {
    text-transform: uppercase;
}

.ui-dialog .ui-dialog-title {
    text-align: center;
    text-transform: uppercase;
    font-size: larger;
}

.ui-dialog .ui-dialog-titlebar-close {
    display: none;
}

.ui-dialog{
    z-index:1051 !important;
}

.openticketform {
    padding: 30px;
}

    .openticketform .form {
        width: 100%;
        max-width: 800px;
    }

    .openticketform .ui.menu {
        box-shadow: none;
        border-radius: 0px;
    }

        .openticketform .ui.menu .item {
            border-radius: 0px !important;
        }

    .openticketform .searchfilterrow {
        padding: 20px 0;
    }

form#myticketsearch {
    position: relative;
}

#myticketsearch input {
    color: #111;
    background: #fff;
    padding: 7px 15px;
    font-size: 14px;
    width: 100%;
    display: block;
    text-align: left;
    border: 1px solid #d6d6d6;
    height: 48px;
    line-height: 48px;
}

#myticketsearch .button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    line-height: 30px;
    text-align: center;
    height: 48px;
    width: 50px;
    background: #236ed4;
    color: #fff;
    border: none;
    cursor: pointer;
}

.aiosc-priority-badge {
    display: inline-block;
    padding: 3px 10px;
    line-height: normal;
    border-radius: 2px;
}

.aiosc-status {
    display: inline-block;
    padding: 3px 10px;
    line-height: normal;
    font-weight: 400;
    border-radius: 2px;
    color: #fff;
}

    .aiosc-status.aiosc-status-open {
        background: #28a745;
    }

    .aiosc-status.aiosc-status-close {
        background: #dd3333;
    }

.aiosc-status-low {
    background: #FFC107;
}

.aiosc-status-medium {
    background: rgb(48, 184, 75);
}

.aiosc-status-high {
    background: #236ED4;
}

.openticketform a.row-title {
    color: #111;
    font-weight: 600;
}

.openticketform tfoot tr th {
    font-weight: 600 !important;
}

.openticketform .table-responsive {
    display: none;
}

    .openticketform .table-responsive.active {
        display: block;
    }

.custom-control-label::before,
.custom-control-label::after {
    top: 0.35rem;
}

.securitywrap .row h3 {
    font-size: 20px;
}

.securitywrap .row .sechead a {
    font-size: 14px;
    display: flex;
}

.securitywrap .row .text-muted {
    margin-left: 10px;
}

.rounded-right-0 {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

select#selectedCountry {
    height: calc(3.25rem + 2px);
}

#verification .modal-body p.lead {
    font-size: 18px;
}

#verification .modal-body h3 {
    font-size: 20px;
}

#verification .modal-body p.text-muted {
    font-size: 14px;
}

h2.aiosc-title {
    font-size: 22px;
    margin: 0 0 30px 0;
}

.aiosc-title span {
    display: block;
    font-size: 16px;
    margin-top: 5px;
    color: #5d7079;
}

.aiosc-eot {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    position: relative;
}

    .aiosc-eot:before {
        content: '';
        width: 100%;
        height: 1px;
        background: rgba(0, 0, 0, .1);
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
    }

    .aiosc-eot span {
        background: #f1f1f1;
        position: relative;
        display: inline-block;
        font-size: 11px;
        padding: 3px 10px;
        font-weight: 700;
    }

.aiosc-window {
    margin-top: 0px;
    margin-bottom: 30px;
}

.aiosc-reply-form h2 {
    margin: 0 0 10px 0;
    font-weight: 500;
}

.btnattach {
    border: 1px solid rgba(34, 36, 38, .15);
    border-radius: 0px;
    font-size: 14px !important;
    color: #5d7079;
    padding: 10px 12px !important;
    min-width: auto;
    line-height: normal !important;
}

h2.aiosc-title.aiosc-title-sm {
    font-weight: 500;
}

.aiosc-reply {
    display: flex;
}

.aiosc-reply-avatar {
    width: 100%;
    max-width: 46px;
    margin: 0 20px 0 0;
}

.aiosc-reply-head {
    background: rgba(144, 171, 212, 0.07);
    padding: 5px 10px;
    font-size: 14px;
    color: #3d4f6f;
    margin: 0 0 10px 0;
}

.detsec {
    background: #f2f5ff;
}

table.aiosc-ticket-details-table,
table.aiosc-attachment-table {
    width: 100%;
}

    table.aiosc-ticket-details-table td {
        padding: 5px;
        font-size: 15px;
    }

    table.aiosc-ticket-details-table th {
        font-weight: 600;
        font-size: 15px;
        padding: 5px;
    }

    table.aiosc-ticket-details-table span.aiosc-ticket-id {
        background: #236ed4;
        padding: 3px 6px;
        color: #fff;
    }


/*Ticket End*/

/*switch Account start */
.profile-switcher .grey-card {
    text-align: center;
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.11);
    background: #5569bf;
}

    .profile-switcher .grey-card * {
        color: #fff;
    }

    .profile-switcher .grey-card a {
        display: block;
        padding: 30px 20px;
    }

        .profile-switcher .grey-card a i {
            width: 50px;
            height: 50px;
            font-size: 22px;
            line-height: 50px;
            background: #405198;
        }

    .profile-switcher .grey-card span {
        padding: 0;
        margin: 20px 0 0 0;
        line-height: normal;
        display: block;
        text-align: center;
        border: 0;
    }
/*switch account End*/

/*Recipient Start*/
.radio-row {
    padding: 0;
}

    .radio-row .ui.slider {
        width: 100%;
        padding: 0 0px 0 0;
    }

    .radio-row label {
        font-size: 15px !important;
        padding: 10px 3.5rem 10px 3.5rem !important;
        margin: 0;
        line-height: 40px !important;
    }

.row-patch .radio-row label {
    line-height: 17px !important;
    cursor: pointer;
}

.radio-row label i img {
    width: 20px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.radio-row label i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 1.1px solid #ccc;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 38px;
    border-radius: 50%;
    color: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
}

i.flag:not(.icon) {
    width: 24px;
    height: 16px;
    top: 1px;
    position: relative;
}

.accdett, .accdett .ui {
    position: relative;
}

    .accdett i.dropdown.icon {
        position: absolute;
        right: 0px;
        top: 50%;
        font-size: 20px !important;
    }

    .accdett small img {
        width: 22px;
        margin: -3px 8px 0 -30px;
    }

    .accdett small {
        font-size: 15px;
        line-height: 20px;
        padding-left: 30px;
    }

.pull-right {
    float: right !important;
}

.accdett {
    margin-bottom: 5px !important;
}

.addacc-form .ui.radio.checkbox label {
    padding-left: 22px;
    line-height: 17px;
    margin-right: 20px;
}

.addacc-form .ui.search.dropdown > .text span {
    display: block;
}

.ui.basic.grey.change-red:hover {
    background: #ff0000 !important;
    color: #fff !important;
    box-shadow: 0 0 0 1px #ff0000 inset !important;
}

.recipientaccordion dd {
    color: #8e8e8e;
    font-size: 14px;
}

tr.clickable-row {
    cursor: pointer;
}

.transfer-info h5 {
    font-size: 17px;
}

.transfer-info dd {
    margin: 0px;
    font-size: 14px;
    color: #5d7079;
}

.transfer-info p {
    font-weight: 600;
}

.ui.message .header {
    font-weight: normal;
    font-size: 16px !important;
}

.ui.message > .close.icon {
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    color: #573a08;
}

.ui.calendar .ui.input input[type="text"] {
    background: #fff !important;
}

.ui.calendar i.calendar.icon {
    color: #007bff;
    opacity: 0.8;
}

.settingsaccordion .accdett small {
    padding-left: 0px;
}

b, strong {
    color: #3d4f6f;
    font-weight: 600;
    letter-spacing: 0;
}

.ui.accordion .title:not(.ui) {
    padding: 0;
    color: #57c7fc;
}

.radio-row small {
    display: block;
    margin: 7px 0 0;
    font-size: 13px;
}

i.flag:not(.icon):before {
    width: 24px;
    height: 16px;
    background-size: cover !important;
    top: 1px;
    position: relative;
}
/*Recipient End*/
.hide {
    display: none !important;
}

.visible_hide {
    visibility: hidden !important;
}

.paused {
    color: #FFC107 !important;
}

.inprogress {
    color: #FFC107 !important;
}

.incomplete {
    color: #FFC107 !important;
}

.amount_notmatched {
    color: #D40E0E !important;
}

.started {
    color: #FFC107 !important;
}

.receieved{
    color: #FFC107 !important;
}

.recieved {
    color: #FFC107 !important;
}

.custom-widget .bal-row:nth-child(4n+1) > span {
    background: #C171E3 !important;
}

.custom-widget .bal-row:nth-child(4n+2) > span {
    background: #70BDE3 !important;
}

.custom-widget .bal-row:nth-child(4n+3) > span {
    background: #F0924B !important;
}

.custom-widget .bal-row:nth-child(4n+4) > span {
    background: #71E49F !important;
}

.reciept_unverified {
    color: #FFC107 !important;
}

.not_started {
    color: #FFC107 !important;
}

.completed {
    color: #13972D !important;
}

.rejected {
    color: #D40E0E !important;
}

.cancelled {
    color: red !important;
}

.has-error {
    border: 1px red solid !important;
}

i.flag.au:before {
    background: url("/assets/images/flags/au.svg");
}

i.flag.np:before {
    background: url("/assets/images/flags/np.svg");
}

i.flag.ph:before {
    background: url("/assets/images/flags/ph.svg");
}

i.flag.in:before {
    background: url("/assets/images/flags/in.svg");
}

i.flag.ad:before {
    background: url("/assets/images/flags/ad.svg");
}

i.flag.ae:before {
    background: url("/assets/images/flags/ae.svg");
}

i.flag.my:before {
    background: url("/assets/images/flags/my.svg");
}


i.flag.af:before {
    background: url("/assets/images/flags/af.svg");
}

i.flag.ag:before {
    background: url("/assets/images/flags/ag.svg");
}

i.flag.ag:before {
    background: url("/assets/images/flags/ag.svg");
}

i.flag.ai:before {
    background: url("/assets/images/flags/ai.svg");
}

i.flag.al:before {
    background: url("/assets/images/flags/al.svg");
}

i.flag.am:before {
    background: url("/assets/images/flags/am.svg");
}

i.flag.ao:before {
    background: url("/assets/images/flags/ao.svg");
}

i.flag.aq:before {
    background: url("/assets/images/flags/aq.svg");
}

i.flag.us:before {
    background: url("/assets/images/flags/us.svg");
}

i.flag.ar:before {
    background: url("/assets/images/flags/ar.svg");
}

i.flag.as:before {
    background: url("/assets/images/flags/as.svg");
}

i.flag.at:before {
    background: url("/assets/images/flags/at.svg");
}

i.flag.au:before {
    background: url("/assets/images/flags/au.svg");
}

i.flag.aw:before {
    background: url("/assets/images/flags/aw.svg");
}

i.flag.ax:before {
    background: url("/assets/images/flags/ax.svg");
}

i.flag.az:before {
    background: url("/assets/images/flags/az.svg");
}

i.flag.ba:before {
    background: url("/assets/images/flags/ba.svg");
}

i.flag.bb:before {
    background: url("/assets/images/flags/bb.svg");
}

i.flag.bd:before {
    background: url("/assets/images/flags/bd.svg");
}

i.flag.be:before {
    background: url("/assets/images/flags/be.svg");
}

i.flag.bf:before {
    background: url("/assets/images/flags/bf.svg");
}

i.flag.bg:before {
    background: url("/assets/images/flags/bg.svg");
}

i.flag.bh:before {
    background: url("/assets/images/flags/bh.svg");
}

i.flag.bi:before {
    background: url("/assets/images/flags/bi.svg");
}

i.flag.bj:before {
    background: url("/assets/images/flags/bj.svg");
}

i.flag.bl:before {
    background: url("/assets/images/flags/bl.svg");
}

i.flag.bm:before {
    background: url("/assets/images/flags/bm.svg");
}

i.flag.bn:before {
    background: url("/assets/images/flags/bn.svg");
}

i.flag.bo:before {
    background: url("/assets/images/flags/bo.svg");
}

i.flag.bq:before {
    background: url("/assets/images/flags/bq.svg");
}

i.flag.br:before {
    background: url("/assets/images/flags/br.svg");
}

i.flag.bs:before {
    background: url("/assets/images/flags/bs.svg");
}

i.flag.bt:before {
    background: url("/assets/images/flags/bt.svg");
}

i.flag.bv:before {
    background: url("/assets/images/flags/bv.svg");
}

i.flag.bw:before {
    background: url("/assets/images/flags/bw.svg");
}

i.flag.by:before {
    background: url("/assets/images/flags/by.svg");
}

i.flag.bz:before {
    background: url("/assets/images/flags/bz.svg");
}

i.flag.ca:before {
    background: url("/assets/images/flags/ca.svg");
}

i.flag.cc:before {
    background: url("/assets/images/flags/cc.svg");
}

i.flag.cd:before {
    background: url("/assets/images/flags/cd.svg");
}

i.flag.cf:before {
    background: url("/assets/images/flags/cf.svg");
}

i.flag.cg:before {
    background: url("/assets/images/flags/cg.svg");
}

i.flag.ch:before {
    background: url("/assets/images/flags/ch.svg");
}

i.flag.ci:before {
    background: url("/assets/images/flags/ci.svg");
}

i.flag.ck:before {
    background: url("/assets/images/flags/ck.svg");
}

i.flag.cl:before {
    background: url("/assets/images/flags/cl.svg");
}

i.flag.cm:before {
    background: url("/assets/images/flags/cm.svg");
}

i.flag.cn:before {
    background: url("/assets/images/flags/cn.svg");
}

i.flag.co:before {
    background: url("/assets/images/flags/co.svg");
}

i.flag.cr:before {
    background: url("/assets/images/flags/cr.svg");
}

i.flag.cu:before {
    background: url("/assets/images/flags/cu.svg");
}

i.flag.cw:before {
    background: url("/assets/images/flags/cw.svg");
}

i.flag.cx:before {
    background: url("/assets/images/flags/cx.svg");
}

i.flag.cy:before {
    background: url("/assets/images/flags/cy.svg");
}

i.flag.cz:before {
    background: url("/assets/images/flags/cz.svg");
}

i.flag.de:before {
    background: url("/assets/images/flags/eu.svg");
}
i.flag.nl:before {
    background: url("/assets/images/flags/nl.svg");
}
i.flag.no:before {
    background: url("/assets/images/flags/no.svg");
}
i.flag.pl:before {
    background: url("/assets/images/flags/pl.svg");
}
i.flag.dee:before {
    background: url("/assets/images/flags/de.svg");
}
i.flag.mt:before {
    background: url("/assets/images/flags/mt.svg");
}
i.flag.pt:before {
    background: url("/assets/images/flags/pt.svg");
}
i.flag.ro:before {
    background: url("/assets/images/flags/ro.svg");
}
i.flag.sk:before {
    background: url("/assets/images/flags/sk.svg");
}
i.flag.sl:before {
    background: url("/assets/images/flags/sl.svg");
}
i.flag.es:before {
    background: url("/assets/images/flags/es.svg");
}
i.flag.se:before {
    background: url("/assets/images/flags/se.svg");
}
i.flag.dj:before {
    background: url("/assets/images/flags/dj.svg");
}

i.flag.dk:before {
    background: url("/assets/images/flags/dk.svg");
}

i.flag.dm:before {
    background: url("/assets/images/flags/dm.svg");
}

i.flag.do:before {
    background: url("/assets/images/flags/do.svg");
}

i.flag.dz:before {
    background: url("/assets/images/flags/dz.svg");
}

i.flag.ec:before {
    background: url("/assets/images/flags/ec.svg");
}

i.flag.ee:before {
    background: url("/assets/images/flags/ee.svg");
}

i.flag.eg:before {
    background: url("/assets/images/flags/eg.svg");
}

i.flag.eh:before {
    background: url("/assets/images/flags/eh.svg");
}

i.flag.er:before {
    background: url("/assets/images/flags/er.svg");
}

i.flag.es:before {
    background: url("/assets/images/flags/es.svg");
}

i.flag.et:before {
    background: url("/assets/images/flags/et.svg");
}

i.flag.eu:before {
    background: url("/assets/images/flags/eu.svg");
}

i.flag.fi:before {
    background: url("/assets/images/flags/fi.svg");
}

i.flag.fj:before {
    background: url("/assets/images/flags/fj.svg");
}

i.flag.fk:before {
    background: url("/assets/images/flags/fk.svg");
}

i.flag.fm:before {
    background: url("/assets/images/flags/fm.svg");
}

i.flag.fo:before {
    background: url("/assets/images/flags/fo.svg");
}

i.flag.fr:before {
    background: url("/assets/images/flags/fr.svg");
}

i.flag.ga:before {
    background: url("/assets/images/flags/ga.svg");
}

i.flag.gb-eng:before {
    background: url("/assets/images/flags/gb-eng.svg");
}

i.flag.gb-nir:before {
    background: url("/assets/images/flags/gb-nir.svg");
}

i.flag.gb-sct:before {
    background: url("/assets/images/flags/gb-sct.svg");
}

i.flag.gb-wls:before {
    background: url("/assets/images/flags/gb-wls.svg");
}

i.flag.gb:before {
    background: url("/assets/images/flags/gb.svg");
}

i.flag.gd:before {
    background: url("/assets/images/flags/gd.svg");
}

i.flag.ge:before {
    background: url("/assets/images/flags/ge.svg");
}

i.flag.gf:before {
    background: url("/assets/images/flags/gf.svg");
}

i.flag.gf:before {
    background: url("/assets/images/flags/gf.svg");
}

i.flag.gg:before {
    background: url("/assets/images/flags/gg.svg");
}

i.flag.gh:before {
    background: url("/assets/images/flags/gh.svg");
}

i.flag.gh:before {
    background: url("/assets/images/flags/gh.svg");
}

i.flag.gl:before {
    background: url("/assets/images/flags/gl.svg");
}

i.flag.gm:before {
    background: url("/assets/images/flags/gm.svg");
}

i.flag.gn:before {
    background: url("/assets/images/flags/gn.svg");
}

i.flag.gp:before {
    background: url("/assets/images/flags/gp.svg");
}

i.flag.gq:before {
    background: url("/assets/images/flags/gq.svg");
}

i.flag.gr:before {
    background: url("/assets/images/flags/gr.svg");
}

i.flag.gs:before {
    background: url("/assets/images/flags/gs.svg");
}

i.flag.gt:before {
    background: url("/assets/images/flags/gt.svg");
}

i.flag.gu:before {
    background: url("/assets/images/flags/gu.svg");
}

i.flag.gw:before {
    background: url("/assets/images/flags/gw.svg");
}

i.flag.gy:before {
    background: url("/assets/images/flags/gy.svg");
}

i.flag.hk:before {
    background: url("/assets/images/flags/hk.svg");
}

i.flag.hm:before {
    background: url("/assets/images/flags/hm.svg");
}

i.flag.hn:before {
    background: url("/assets/images/flags/hn.svg");
}

i.flag.hr:before {
    background: url("/assets/images/flags/hr.svg");
}

i.flag.ht:before {
    background: url("/assets/images/flags/ht.svg");
}

i.flag.hu:before {
    background: url("/assets/images/flags/hu.svg");
}

i.flag.id:before {
    background: url("/assets/images/flags/id.svg");
}

i.flag.ie:before {
    background: url("/assets/images/flags/ie.svg");
}

i.flag.il:before {
    background: url("/assets/images/flags/il.svg");
}

i.flag.im:before {
    background: url("/assets/images/flags/im.svg");
}

i.flag.io:before {
    background: url("/assets/images/flags/io.svg");
}

i.flag.iq:before {
    background: url("/assets/images/flags/iq.svg");
}

i.flag.ir:before {
    background: url("/assets/images/flags/ir.svg");
}

i.flag.is:before {
    background: url("/assets/images/flags/is.svg");
}

i.flag.it:before {
    background: url("/assets/images/flags/it.svg");
}

i.flag.je:before {
    background: url("/assets/images/flags/je.svg");
}

i.flag.je:before {
    background: url("/assets/images/flags/je.svg");
}

i.flag.jm:before {
    background: url("/assets/images/flags/jm.svg");
}

i.flag.jo:before {
    background: url("/assets/images/flags/jo.svg");
}

i.flag.jo:before {
    background: url("/assets/images/flags/jo.svg");
}

i.flag.jp:before {
    background: url("/assets/images/flags/jp.svg");
}

i.flag.ke:before {
    background: url("/assets/images/flags/ke.svg");
}

i.flag.kg:before {
    background: url("/assets/images/flags/kg.svg");
}

i.flag.kh:before {
    background: url("/assets/images/flags/kh.svg");
}

i.flag.ki:before {
    background: url("/assets/images/flags/ki.svg");
}

i.flag.km:before {
    background: url("/assets/images/flags/km.svg");
}

i.flag.km:before {
    background: url("/assets/images/flags/km.svg");
}

i.flag.kn:before {
    background: url("/assets/images/flags/kn.svg");
}

i.flag.kp:before {
    background: url("/assets/images/flags/kp.svg");
}

i.flag.kr:before {
    background: url("/assets/images/flags/kr.svg");
}

i.flag.kw:before {
    background: url("/assets/images/flags/kw.svg");
}

i.flag.ky:before {
    background: url("/assets/images/flags/ky.svg");
}

i.flag.kz:before {
    background: url("/assets/images/flags/kz.svg");
}

i.flag.la:before {
    background: url("/assets/images/flags/la.svg");
}

i.flag.lb:before {
    background: url("/assets/images/flags/lb.svg");
}

i.flag.lc:before {
    background: url("/assets/images/flags/lc.svg");
}

i.flag.lc:before {
    background: url("/assets/images/flags/lc.svg");
}

i.flag.li:before {
    background: url("/assets/images/flags/li.svg");
}

i.flag.lk:before {
    background: url("/assets/images/flags/lk.svg");
}


i.flag.lr:before {
    background: url("/assets/images/flags/lr.svg");
}

i.flag.ls:before {
    background: url("/assets/images/flags/ls.svg");
}

i.flag.lt:before {
    background: url("/assets/images/flags/lt.svg");
}

i.flag.lu:before {
    background: url("/assets/images/flags/lu.svg");
}
i.flag.za:before {
    background: url("/assets/images/flags/za.svg");
}
i.flag.pk:before {
    background: url("/assets/images/flags/pk.svg");
}
i.flag.lv:before {
    background: url("/assets/images/flags/lv.svg");
}

i.flag.ly:before {
    background: url("/assets/images/flags/ly.svg");
}

i.flag.sg:before {
    background: url("/assets/images/flags/sg.svg");
}
i.flag.th:before {
    background: url("/assets/images/flags/th.svg");
}
td a i {
    color: #fff;
}

.searchbox .searchfield {
    border: 1px solid #ccc;
    padding: 4px 8px;
    width: 15%;
    font-size: 13px !important;
    margin: 1%;
}