/* CPS AdminCSS */

body {   
    font-family: 'Source Sans Pro', sans-serif;
    background: #01321B;
    color: white;
}

.header {
    font-family: Verdana, Geneva, sans-serif;
    color: #ffffff;
    padding: 15px 15px 15px 25px;
    border-radius: 5px 5px 0px 0px;
    min-height: 35px;
    background-image: url(../images/CurPayLogoText.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: rgba(255, 255, 255, 0.5);
}

#nav {
    float: right;
    clear: left;
    padding: 10px;
    margin: 20px 0px 0px 0px;
}

.adminhead {
    font-size: 30px;
    font-family: 'Slabo 27px', serif;
    font-weight: bold;
    margin-left: 0px;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 5px;
    margin-bottom: 10px;
    display: block;
    border-radius: 0px 0px 5px 5px;
    text-align: left;
}


.style1 {
    height: 444px;
}

a.link {
    color: #333333;
    font-size: 12px;
    padding: 5px;
    background-color: #eeeeee;
    text-decoration: none;
    border: 1px solid #cccccc;
    width: 100% !important;
}

    a.link:hover {
        background-color: #ffffff;
        text-decoration: none;
    }

.linkHead {
    font-size: 10px;
    font-weight: bold;
    color: #333333;
    margin-top: 5px !important;
    padding: 5px;
    background-color: #eeeeee;
    text-decoration: none;
    border: 1px solid #666666;
    border-radius: 5px;
    display: inline-block;
}

a.linkHead:hover {
    background-color: #ffffff;
    text-decoration: none;
}


.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}

.item {
    display: inline-block;
    background: #fff;
    margin: 0 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 2px 2px 4px 0 #777;
    border-radius: 0px 0px 8px 8px;
}

    .item ul {
        list-style: none;
        margin: 0px !important;
        padding-left: 0px;
    }

    .item li, .item li a {
        text-decoration: none !important;
        padding-left: 8px;
        line-height: 25px;
        display: block;
        color: #202021;
        border-bottom: 1px solid #ccc;
    }

        .item li:first-of-type {
            background: white;
            margin-top: 0px !important;
            padding: 5px !important;
            color: #4B0082;
            font-weight: bold;
            text-transform: uppercase;
            background-image: none !important;
            font-size: 15px !important;
            -webkit-box-shadow: inset 0 2px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,0,0,.25), inset 0 -8px 0 rgba(255,255,255,.2), 0 2px 0 rgba(0,0,0,.1);
            -moz-box-shadow: inset 0 2px 0 rgba(255,255,255,.5), inset 0 -6px 0 rgba(0,0,0,.25), inset 0 -8px 0 rgba(255,255,255,.2), 0 2px 0 rgba(0,0,0,.1);
            box-shadow: inset 0 2px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.25), inset 0 -1px 0 rgba(255,255,255,.2), 0 2px 0 rgba(0,0,0,.1);
        }

.item-headers {
    background: #194c9c;
    margin-top: 0px !important;
    padding: 5px;
    color: #fff;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.76);
    font-weight: bold;
    text-transform: uppercase;
}

.item li:last-of-type {
    border-bottom: none !important;
}

.item li a:last-of-type {
    border-bottom: none !important;
}


.item li:hover {
    background-image: url(../images/RightArrow.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 15px 15px;
    padding-left: 21px;
    font-weight: bold;
    font-size: 14px;
}


.accordion {
    margin: 1em 0
}

    .accordion h3 {
        background-color: #028385;
        color: #fff;
        cursor: pointer;
        margin: 0;
        padding: 4px 10px
    }

        .accordion h3.current {
            cursor: default
        }

    .accordion div.pane {
        padding: 5px 10px
    }

.JReportL {
    font-size: 17px;
    font-weight: bold;
    margin-left: 0px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 0px 0px 5px 5px;
    border-top: 1px solid #779408;
    padding: 5px;
}

/* tables ------------------------------------------------- */

table.table1 col.col_sel {
    width: 25px;
}

table.table1 col.col_sort {
    width: 37px;
}

table.table1 col.col_cmt {
    width: 50px;
}

table.table1 col.col_date {
    width: 70px;
}

table.table1 col.col_icon {
    width: 100px;
}

table.table1 {
    padding: 0;
    margin: 0;
    color: #333;
}

    table.table1 th {
        background: #333;
        padding: 10px 3px;
        color: #ccc;
        font-size: 12px;
        line-height: 14px;
        font-weight: bold;
        border: 0;
        vertical-align: middle;
    }

        table.table1 th span {
            float: left;
        }

            table.table1 th span.cmt {
                text-indent: -900em;
                display: block;
                width: 13px;
                height: 13px;
            }

    table.table1 td {
        background: #f3f3f3;
        border-bottom: 1px solid #ccc;
        padding: 6px 3px;
        font-size: 14px;
        line-height: 14px;
        /*font-weight: normal;*/
        vertical-align: middle;
    }

    table.table1 tr td:nth-child(2) {
        word-break: keep-all;
    }

    table.table1 tr.self td {
        background: #fff;
        color: #b42a2a;
    }

    table.table1 a.cmt {
        display: block;
        padding-left: 18px;
    }

input.sel {
    padding: 0;
    margin: 0px 0 0 5px;
    width: 14px;
    height: 14px;
}

td input.sel {
    margin: 0px 0 -2px 5px;
}

table.table1 th.sel, table.table1 td.sel {
    padding: 0px 0 0 0px;
    vertical-align: middle;
}

table.table1 td.sort {
    padding: 0px 3px;
}

table.table1 td.icon {
    padding: 0px 3px;
    vertical-align: middle;
}

.table_cell {
    padding: 5px;
}

.tdCenter {
    text-align: center;
}

.tabletop {
    font-size: 14px;
    min-width: 500px;
}

.tableedit {
    font-size: 14px;
    min-width: 1000px;
}

.tabletop td {
    background: #f3f3f3;
    border-bottom: 1px solid #ccc;
    padding: 6px 3px;
    font-size: 14px;
    line-height: 16px;
    vertical-align: middle;
}

.tableGrid {
    font-size: 14px;
    min-width: 1200px;
}

    .tableGrid td {
        border-bottom: 1px solid #ccc;
        padding: 6px 3px;
        font-size: 14px;
        line-height: 16px;
        vertical-align: middle;
    }

table.tableData {
    padding: 0;
    margin: 0;
    color: #333;
    width: 100%;
    background: white;
}

    table.tableData th {
        background: #333;
        padding: 10px 3px;
        color: #ccc;
        font-size: 12px;
        line-height: 14px;
        font-weight: bold;
        border: 0;
        vertical-align: middle;
    }

        table.tableData th span {
            float: left;
        }

    table.tableData td {
        border-bottom: 1px solid #ccc;
        padding: 6px 3px;
        font-size: 14px;
        line-height: 14px;
        vertical-align: middle;
        text-align: center;
    }


    table.tableData tr:nth-child(even) {
        background: #d3d3d3
    }

.tablefull {
    border: 0px;
    width: 99%;
}


canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.chart-container {
    width: 47%;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    position: relative;
}

.chart-container-full {
    width: 60%;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    position: relative;
}

.container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    background-color: black;
}

#divClock {
    Color: black;
    float: right;
    display: block;
    font-size: 14px;
    margin-right: 10px;
}

td {
    max-width: 1000px;
    word-wrap: break-word;
}

.base-icon {
    float: left;
    width: 29px;
    height: 47px;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    /* padding-right: 28px; */
}

.icon-btc {
    background-image: url(../../images/Icons/btc.png);
}

.icon-eur {
    background-image: url(../../images/Icons/eur.png);
}

.icon-usd {
    background-image: url(../../images/Icons/usd.png);
}

.icon-ghs {
    background-image: url(../../images/Icons/ghs.png);
}

.icon-cad {
    background-image: url(../../images/Icons/cad.png);
}

.icon-avax {
    background-image: url(../../images/Icons/1Inch.png);
}

.icon-waves {
    background-image: url(../../images/Icons/waves.png);
}

.icon-sushi {
    background-image: url(../../images/Icons/sushi.png);
}

.icon-rose {
    background-image: url(../../images/Icons/rose.png);
}

.icon-paxos, .icon-paxo, .icon-pax {
    background-image: url(../../images/Icons/paxos.png);
}

.icon-etn {
    background-image: url(../../images/Icons/etn.png);
}

.icon-kim {
    background-image: url(../../images/Icons/kim.png);
}

.icon-meetone {
    background-image: url(../../images/Icons/meetone.png);
}

.icon-one {
    background-image: url(../../images/Icons/one.png);
}

.icon-near {
    background-image: url(../../images/Icons/near.png);
}

.icon-mir {
    background-image: url(../../images/Icons/mir.png);
}

.icon-kcs {
    background-image: url(../../images/Icons/kcs.png);
}

.icon-ftm {
    background-image: url(../../images/Icons/ftm.png);
}

.icon-crv {
    background-image: url(../../images/Icons/crv.png);
}

.icon-cro {
    background-image: url(../../images/Icons/cro.png);
}

.icon-gusd {
    background-image: url(../../images/Icons/gusd.png);
}

.icon-ust {
    background-image: url(../../images/Icons/ust.png);
}

.icon-cake {
    background-image: url(../../images/Icons/cake.png);
}

.icon-1inch {
    background-image: url(../../images/Icons/1Inch.png);
}

.icon-aave {
    background-image: url(../../images/Icons/aave.png);
}

.icon-ach {
    background-image: url(../../images/Icons/ach.png);
}

.icon-ada {
    background-image: url(../../images/Icons/ada.png);
}

.icon-amp {
    background-image: url(../../images/Icons/amp.png);
}

.icon-ankr {
    background-image: url(../../images/Icons/ankr.png);
}

.icon-discord {
    background-image: url(../../images/discord.png);
    cursor: pointer;
}

.icon-bat {
    background-image: url(../../images/Icons/bat.png);
}

.icon-xyo {
    background-image: url(../../images/Icons/xyo.png);
}

.icon-spell {
    background-image: url(../../images/Icons/spell.png);
}

.icon-iotx {
    background-image: url(../../images/Icons/iotx.png);
}

.icon-gyen {
    background-image: url(../../images/Icons/gyen.png);
}

.icon-deso {
    background-image: url(../../images/Icons/deso.png);
}

.icon-api3 {
    background-image: url(../../images/Icons/api3.png);
}

.icon-imx {
    background-image: url(../../images/Icons/imx.png);
}

.icon-dgb {
    background-image: url(../../images/Icons/dgb.png);
}

.icon-rfox {
    background-image: url(../../images/Icons/rfox.png);
}

.icon-rsr {
    background-image: url(../../images/Icons/rsr.png);
}

.icon-qrdo {
    background-image: url(../../images/Icons/qrdo.png);
}

.icon-kda {
    background-image: url(../../images/Icons/kda.png);
}

.icon-htr {
    background-image: url(../../images/Icons/htr.png);
}

.icon-galax {
    background-image: url(../../images/Icons/galax.png);
}

.icon-frax, .icon-fxs {
    background-image: url(../../images/Icons/fxs.png);
}

.icon-flux {
    background-image: url(../../images/Icons/flux.png);
}

.icon-erg {
    background-image: url(../../images/Icons/erg.png);
}

.icon-vra {
    background-image: url(../../images/Icons/vra.png);
}

.icon-hbar {
    background-image: url(../../images/Icons/hbar.png);
}

.icon-cweb {
    background-image: url(../../images/Icons/cweb.png);
}

.icon-chmb {
    background-image: url(../../images/Icons/chmb.png);
}

.icon-luna2 {
    background-image: url(../../images/Icons/luna2.png);
}

.icon-jasmy {
    background-image: url(../../images/Icons/jasmy.png);
}

.icon-stg {
    background-image: url(../../images/Icons/stg.png);
}

.icon-lunc {
    background-image: url(../../images/Icons/lunc.png);
}

.icon-scrt {
    background-image: url(../../images/Icons/scrt.png);
}

.icon-ustc {
    background-image: url(../../images/Icons/ustc.png);
}

.icon-ape {
    background-image: url(../../images/Icons/ape.png);
}

.icon-snx {
    background-image: url(../../images/Icons/snx.png);
}

.icon-nu {
    background-image: url(../../images/Icons/nu.png);
}

.icon-coti {
    background-image: url(../../images/Icons/coti.png);
}

.icon-lrc {
    background-image: url(../../images/Icons/lrc.png);
}

.icon-sgb {
    background-image: url(../../images/Icons/sgb.png);
}

.icon-pol {
    background-image: url(../../images/Icons/pol.png);
}

.icon-gala {
    background-image: url(../../images/Icons/gala.png);
}

.icon-bch {
    background-image: url(../../images/Icons/bch.png);
}

.icon-btrst {
    background-image: url(../../images/Icons/btrst.png);
}

.icon-comp {
    background-image: url(../../images/Icons/comp.png);
}

.icon-celo, .icon-cgld {
    background-image: url(../../images/Icons/celo.png);
}

.icon-doge {
    background-image: url(../../images/Icons/dgb.png);
}

.icon-elon {
    background-image: url(../../images/Icons/elon.png);
}

.icon-enj {
    background-image: url(../../images/Icons/enj.png);
}

.icon-eth {
    background-image: url(../../images/Icons/eth.png);
}

.icon-filecoin, .icon-fil {
    background-image: url(../../images/Icons/filecoin.png);
}

.icon-glmr {
    background-image: url(../../images/Icons/glmr.png);
}

.icon-glm, .icon-gnt {
    background-image: url(../../images/Icons/glm.png);
}

.icon-vet {
    background-image: url(../../images/Icons/vet.png);
}

.icon-ltc {
    background-image: url(../../images/Icons/ltc.png);
}

.icon-mana {
    background-image: url(../../images/Icons/mana.png);
}

.icon-omg {
    background-image: url(../../images/Icons/omg.png);
}

.icon-poly {
    background-image: url(../../images/Icons/polymath.png);
}

.icon-sandbox, .icon-sand {
    background-image: url(../../images/Icons/sandbox.png);
}

.icon-sol, .icon-sol_bsc {
    background-image: url(../../images/icons/sol.png);
}

.icon-tru {
    background-image: url(../../images/Icons/tru.png);
}

.icon-uni {
    background-image: url(../../images/Icons/uni.png);
}

.icon-uma {
    background-image: url(../../images/Icons/uma.png);
}

.icon-xlm {
    background-image: url(../../images/Icons/xlm.png);
}

.icon-xmr {
    background-image: url(../../images/Icons/xmr.png);
}

.icon-xrp {
    background-image: url(../../images/Icons/xrp.png);
}

.icon-xtz {
    background-image: url(../../images/Icons/xtz.png);
}

.icon-zec {
    background-image: url(../../images/Icons/zec.png);
}

.icon-gbp {
    background-image: url(../../images/Icons/gbp.png);
}

.icon-algo {
    background-image: url(../../images/Icons/algo.png);
}

.icon-atom {
    background-image: url(../../images/Icons/atom.png);
}

.icon-dai {
    background-image: url(../../images/Icons/dai.png);
}

.icon-dash {
    background-image: url(../../images/Icons/dash.png);
}

.icon-eos {
    background-image: url(../../images/Icons/eos.png);
}

.icon-etc {
    background-image: url(../../images/Icons/etc.png);
}

.icon-icp {
    background-image: url(../../images/Icons/icp.png);
}

.icon-knc {
    background-image: url(../../images/Icons/knc.png);
}

.icon-kar {
    background-image: url(../../images/Icons/kara.png);
}

.icon-link {
    background-image: url(../../images/Icons/link.png);
}

.icon-luna, .icon-wluna {
    background-image: url(../../images/Icons/luna.png);
}

.icon-matic {
    background-image: url(../../images/Icons/matic.png);
}

.icon-mkr {
    background-image: url(../../images/Icons/mkr.png);
}

.icon-oxt {
    background-image: url(../../images/Icons/oxt.png);
}

.icon-rep {
    background-image: url(../../images/Icons/rep.png);
}

.icon-shib {
    background-image: url(../../images/Icons/shiba.png);
}

.icon-xtz {
    background-image: url(../../images/Icons/xtz.png);
}

.icon-zrx {
    background-image: url(../../images/Icons/zrx.png);
}

.icon-nmr {
    background-image: url(../../images/Icons/nmr.png);
}

.icon-yfi {
    background-image: url(../../images/icons/yfi.png);
}

.icon-lsk {
    background-image: url(../../images/icons/lisk.png);
}

.icon-tether, .icon-usdt, .icon-usdt_erc20 {
    background-image: url(../../images/icons/tether.png);
}

.icon-tron, .icon-trx, .icon-trx_bsc {
    background-image: url(../../images/icons/tron.png);
}

.icon-bnb, .icon-bnb_bsc {
    background-image: url(../../images/icons/bnb.png);
}

.icon-dot {
    background-image: url(../../images/dot.png);
}

.icon-usdc {
    background-image: url(../../images/icons/usdc.png);
}

.icon-grt {
    background-image: url(../../images/icons/grt.png);
}

.icon-usg {
    background-image: url(../../images/icons/usg.png);
}

.icon-xlc {
    background-image: url(../../images/icons/xlc.png);
}

.icon-xet {
    background-image: url(../../images/icons/xet.png);
}

.icon-tet {
    background-image: url(../../images/icons/tet.png);
}

.icon-tusd {
    background-image: url(../../images/icons/tusd.png);
}

.icon-busd {
    background-image: url(../../images/icons/busd.png);
}

.icon-bsv {
    background-image: url(../../images/icons/bsv.png);
}

.icon-paxg {
    background-image: url(../../images/icons/paxg.png);
}

.icon-waxp {
    background-image: url(../../images/icons/waxp.png);
}


table.tableData td.cellleft b, strong {
    font-weight: 700;
    Color: #4B0082;
}

table.tableData td.cellleft {
    text-align: left;
}

table.tableData td.cellmiddle {
    text-align: center;
}

table.tableData td.cellleft span {
    margin: 5px;
    display: inline-block;
}

#tblLiveTransactionsResults tr:nth-child(even) {
    background-color: White;
}

@media only screen and (min-width: 400px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media (max-width: 574px) {
    .chart-container {
        width: 98%;
        margin-left: 0px;
        margin-right: 5px;
        margin-bottom: 5px;
        position: relative;
    }

    #tblPayNow td {
        display: inline-block;
    }

    canvas {
        min-height: 200px;
    }

    .invoice-box table tr td:nth-child(2) {
        text-align: left;
    }

    .input-group-text {
        display: flex;
        align-items: center;
        padding: $input-group-addon-padding-y $input-group-addon-padding-x;
        @include font-size($input-font-size);
        line-height: $input-line-height;
        color: $input-group-addon-color;
        text-align: center;
        white-space: nowrap;
        background-color: $input-group-addon-bg;
        border: $input-border-width solid $input-group-addon-border-color;
        @include border-radius($input-border-radius);
    }

    table.table1 {
        min-width: 350px;
    }


    table1, tabletop {
        width: 100%;
        min-width: 350px;
    }

    td, th {
        display: block;
        width: 100%;
    }

    tr {
        display: block;
        margin-bottom: 30px;
    }
}


@media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

@media only screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
    }
}

@media only screen and (min-width: 1280px) {
    .wrapper {
        width: 1260px;
    }
}