.prices .container > .row {
    margin-bottom:3em
}
.prices .section .header {
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:1em 2em;
    background:#f5f5f5;
    border-radius:.5em .5em 0 0
}
.prices .section .header,
.prices .section .header > .title {
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.prices .section .header > .title .h {
    font-size:2em
}
.prices .section .header .title .bullet {
    width:16px;
    height:16px;
    display:inline-block;
    margin-left:15px;
    border-radius:.25em
}
.prices .section .header,
.prices .section .header .meta,
.prices .section .header > .title {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
.prices .section .header .meta > div {
    margin-left:3em
}
.prices .section .header .meta .value {
    font-weight:400;
    font-size:1.2em
}
.prices .section .header .meta .value.up {
    color:#4caf50
}
.prices .section .body table td.up:before,
.prices .section .header .meta .value.up .v:before {
    content:"+"
}
.prices .section .header .meta .value.down {
    color:#f44336
}
.prices .section .header .meta .title {
    font-weight:100
}
.section .body .loader-wrapper {
    display:block;
    position:relative;
    width:100%;
    height:150px;
    border:1px solid #f5f5f5
}
.prices .section .body table {
    max-width:100%;
    width:100%;
    table-layout:auto;
    border-collapse:collapse;
    border:1px solid #f5f5f5;
    margin-bottom:0!important
}
.prices .section .body table thead {
    border:1px solid #333
}
.prices .section .body table tbody tr:hover {
    background:#fbfbfb;
    border-right:1px solid #bdbdbd
}
.prices .section .body table td,
.prices .section .body table th {
    text-align:center;
    vertical-align:middle;
    line-height:1.2;
    padding:15px 10px;
    font-weight:400
}
.prices .section .body table td {
    border-color:#f5f5f5;
    direction:ltr;
    font-size:1.2em
}
.prices .section .body table th {
    border-color:#3a3a3a;
    background:#333;
    color:#fff;
    font-size:1.25em
}
.prices .section .body table td.up {
    color:#4caf50;
    -webkit-animation:up-td 2s linear;
    animation:up-td 2s linear
}
.prices .section .body table td.down {
    color:#f44336;
    -webkit-animation:down-td 2s linear;
    animation:down-td 2s linear
}
.prices .section .body table td img {
    width:15px;
    height:15px;
    vertical-align:top;
    margin-left:10px;
    border-radius:50%
}
.prices .section .body table td a {
    color:#212121;
    display:block;
    height:100%;
    width:100%;
    padding:15px
}
.prices .section .body table tbody tr td:first-child {
    width:30%;
    font-size:14px;
    background:#fbfbfb;
    border-left:1px solid #f5f5f5;
    direction:rtl;
    text-align:center;
    padding:15px
}
.exchange-prices .section .body table tbody tr td:first-child {
    width:50%
}
.prices .section.stock .header .title .bullet {
    background:#00a1b1
}
.prices .section.gold .header .title .bullet {
    background-image:-o-linear-gradient(135deg,#e4c05f,#fce69d 60%,#e4c05f);
    background-image:linear-gradient(-45deg,#e4c05f,#fce69d 60%,#e4c05f);
    background-size:cover;
    background-repeat:no-repeat
}
.prices .section.currency .header .title .bullet {
    background:#e73625
}
.prices .section.crypto .header .title .bullet {
    background:#f7931a
}
body.bg-222 .prices .section .body table td {
    color: #ccc;
}
body.bg-222 .prices .section .body table tbody tr td:first-child {
    background: #3e3e3e;
    color: #f7931a;
}