/*
 * CSS for xchain explorer
 */

body {
    position: relative;
/*    background-color: #eeeeee;*/
/*    margin-bottom: 50px;*/
}

/* CSS for icons in main menu */
.fa-xchain {
    background-image: url('../images/xchain-icon-20.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 18px;
    position: relative;
    top: 2px;  
}
.fa-xchain-bitcoin-mainnet {
    background-image: url('../images/bitcoin-mainnet-icon-20.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;  
}
.fa-xchain-bitcoin-testnet {
    background-image: url('../images/bitcoin-testnet-icon-20.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;  
}
.fa-xchain-bitcoin-regtest {
    background-image: url('../images/bitcoin-regtest-icon-20.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;  
}
.fa-xchain-litecoin-mainnet {
    background-image: url('../images/litecoin-mainnet-icon-20.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;  
}
.fa-xchain-litecoin-testnet {
    background-image: url('../images/litecoin-testnet-icon-20.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;  
}
.fa-xchain-litecoin-regtest {
    background-image: url('../images/litecoin-regtest-icon-20.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;  
}
.fa-xchain-dogecoin-mainnet {
    background-image: url('../images/dogecoin-mainnet-icon-20.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;  
}
.fa-xchain-dogecoin-testnet {
    background-image: url('../images/dogecoin-testnet-icon-20.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;  
}
.fa-xchain-dogecoin-regtest {
    background-image: url('../images/dogecoin-regtest-icon-20.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;  
}
.fa-mempool {
    background-image: url('../images/mempool-icon-20.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: relative;
    top: 0px;  
}
.fa-blockstream {
    background-image: url('../images/blockstream-icon-20.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: relative;
    top: 0px;  
}
.fa-blockcypher {
    background-image: url('../images/blockcypher-icon-20.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: relative;
    top: 0px;  
}
.fa-blockchair {
    background-image: url('../images/blockchair-icon-20.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: relative;
    top: 0px;  
}
.fa-litecoinspace {
    background-image: url('../images/litecoinspace-icon-20.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: relative;
    top: 0px;  
}
.fa-sochain {
    background-image: url('../images/sochain-icon-20.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: relative;
    top: 0px;  
}

/* CSS for sticky footer (also requires html/)*/
.footer {
/*  position: absolute;*/
/*  bottom: 0;*/
  width: 100%;
  /* Set the fixed height of the footer here */
   height: 50px;
  color: #fff;
  background-color: #222;
}
.footer a,
.footer a:visited {
    color: #888;
}
.footer a:hover {
    color: #fff;
    text-decoration: none;
}

/* CSS to auto-truncate header overflows */
#address-stats td,
#token-info td {
    max-width: 200px;
    min-width: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* CSS for datatables */
.dataTables_wrapper th, 
.dataTables_wrapper td {
    max-width: 200px;
    min-width: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    display: inline-block;
    float: none;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    padding-top: 0em !important;
}
.dataTables_wrapper .dataTables_length select {
    padding: 2px ;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0em 0.5em;
}

/* Force borders on datatables to look nice */
table.dataTable.cell-border {
    border-bottom: 1px solid #ddd !important;
}
table.dataTable.cell-border tbody tr:first-child td {
    border-top: 1px solid #ddd !important;
}
table.dataTable.cell-border tbody tr td:first-child {
    border-left-width: 0px;
}
table.dataTable.cell-border tbody tr td:last-child {
    border-right-width: 0px;
}

/* Do not put border on 2nd from last field next to status field */
table.dataTable.cell-border.view-button tbody tr td:nth-last-child(2){
    border-right: 0px;
}

table.dataTable thead th, 
table.dataTable thead td,
table.dataTable tbody th, 
table.dataTable tbody td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 1px;
    border-top: 0px;
}

/* Set style for the `loading data` placeholder in datatables */
td.loading-data {
    text-align: center !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* Align values on the right side of the column */
#datatable-market th:nth-child(n+3),
#datatable-market td:nth-child(n+3){
    text-align: right;
}

/* Align values on the right side of the column */
#datatable-buys th,
#datatable-buys td,
#datatable-sells th,
#datatable-sells td {
    text-align: right;
}

/* Align empty datatable messages in the center */
.dataTables_empty {
    text-align: center !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* Market information */
#market-info {
    height: 100px;
}
.market-header {
    padding-top: 5px;
    height: 65px;
}
.market-icons {
    width: 135px;
    margin-left: 5px;
    margin-right: 5px;
}
.market-header .market-name {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.0em;
    white-space: nowrap;    
}
.market-pair {
    margin-top: 5px;
}
.market-description {
    margin-top: 5px;
    margin-left: 5px;
}
.table-market-stats th,
.table-market-stats2 th {
    width: 120px;
    white-space: nowrap;
}
.table-market-stats th {
    border-left: 0px !important;
}
.table-market-stats2 th {
    border-left: 0px !important;
}
.table-market-stats2 td {
    border-right: 0px !important;
}
.table-market-stats tr:last-child,
.table-market-stats2 tr:last-child {
    border-bottom: 0px !important;
}



/* Wrapper around icons to standardize the size and make content line up*/
.wrapicon-25 {
    display: inline-block;
    width: 25px !important;
    margin-right: 5px;
    text-align: center;
}

.icon-20 {
    width: 20px;
    height: 20px;
}

.icon-48 {
    width: 48px;
    height: 48px;
}

.icon-64 {
    width: 64px;
    height: 64px;
}


.bg-red,
.bg-red td  {
    background-color: #EFC9CA !important;
}
.bg-green,
.bg-green td {
    background-color: #E0F2DF !important;
}
.bg-yellow,
.bg-yellow td {
    background-color: #FFFAA0 !important;
}

/* CSS Used to force heights of certain fields */
th.record,
th.block,
th.rating {
    width: 75px;
}
th.time {
    width: 150px;
}
th.amount {
    width: 100px;
}
th.quantity {
    width: 250px;
}
th.quantity-small {
    width: 100px;
}
th.view {
    width: 50px;
}
th.transactions {
    width: 120px;
}
th.address {
    width: 320px;
}

/* Homepage stats */
.table-stats th {
    width: 120px;
    white-space: nowrap;
}
.table-stats tr:last-child {
    border-width: 0px !important;
}
.table-stats tr:last-child {
    border-width: 0px !important;
}

/* Address page stats */
.table-address-stats th {
    width: 175px;
    white-space: nowrap;
}
.table-address-stats tr:last-child {
    border-width: 0px !important;
}
.table-address-stats tr:last-child {
    border-width: 0px !important;
}

/* Market Page */


/* CSS Used on transaction pages */
#transaction tbody tr th {
    white-space: nowrap;
}
#transaction tr th:first-child {
    border-left-width: 0px !important;
}
#transaction tr td:last-child {
    border-right-width: 0px !important;
}
#transaction tr:last-child th,
#transaction tr:last-child td {
    border-bottom-width: 0px !important;
}

/* Custom styles for enhanced asset info display */
table.token-info,
table.enhanced-token-info {
    table-layout:fixed;                            
}

table.token-info tr th {
    width: 120px !important;
    text-transform: capitalize;
}

table.enhanced-token-info tr th {
    width: 140px !important;
    text-transform: capitalize;
}

table.token-info tr th,
table.token-info tr td,
table.enhanced-token-info tr th,
table.enhanced-token-info tr td {
    white-space: nowrap;  
    overflow: hidden;  
    text-overflow: ellipsis;
}

table.token-info-hide tr {
    display: none;
}

table.lock-info tr th {
    width: 120px !important;
/*    background-color: #d9edf7 !important;*/
    text-transform: capitalize;
}
table.lock-info tr th,
table.lock-info tr td {
    white-space: nowrap;  
    overflow: hidden;
}

table.no-outer-borders tr th:first-child {
    border-left-width: 0px !important;
}
table.no-outer-borders tr td:last-child {
    border-right-width: 0px !important;
}
table.no-outer-borders tr:last-child {
    border-bottom-width: 0px !important;
}
#assetExtendedDescription {
    white-space: normal;  
    overflow:  visible !important;
}
#customContentWarning {
    height: 200px;
    background-color: #D0D0D0; 
    padding-top: 20px;
}
#loadCustomContentButton {
    margin:  0px;
}
#customContentWarningDanger {
    margin-top:  0px;
    margin-bottom:  20px;
    margin-left:  20px;
    margin-right:  20px;
}
#customContentViewer {
    width:  100%;
}

/* CSS used in terms of use */
.upper-alpha {
    list-style-type:upper-alpha;
}
.terms-of-use li {
    margin-bottom: 10px;
}

.highlight-search-term {
  background-color: yellow;
  font-weight: bold;  
}

.rounded-corners {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

.clear,
.clear-both {
  clear:both;
}