/*
 * ChainViewer CSS
 */

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}

.center {
    text-align: center;
}

.red {
    color: #990000;
}

.bold {
    font-weight: bold;
} 

.alert-notice {
    color: #ffffff;
    background-color: #2980b9;    
}

.navbar-brand {
    padding-left: 15px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom:0px;
}

.panel-heading-lg {
    font-size: 1.0em;
    font-weight: bold;
    padding: 5px 5px 5px 5px !important;
}

/* 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;
  border-color: #080808;  
  border-top: 1px solid #080808;
}
.footer a,
.footer a:visited {
    color: #888;
}
.footer a:hover {
    color: #fff;
    text-decoration: none;
}

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

ul.dropdown-menu .fa {
    width: 20px;
}
.dropdown-menu>li>a {
    padding: 5px 15px;
}

.qrcode {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 20px;
}


/* CSS for datatables */
.search-results-footer {
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}

.dataTables_wrapper .search-results-footer .dataTables_length {
    color: #fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:active {
    color: #333 !important;
}

.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_paginate .paginate_button, 
.dataTables_wrapper .dataTables_paginate .paginate_button:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #fff !important;
}

table.dataTable tbody td {
  padding: 5px 5px;
}

.search-results-footer .dataTables_length {
    margin-top:10px;
    margin-left:10px
}

form.form-header-searchbox {
    position:relative;
    top: -5px;
}
.form-header-searchbox {
    line-height:1.0em;
}

.panel-heading.panel-search-results {
    padding-bottom:0px;
    padding-right: 5px;
}

.primary-middle {
  color: #fff;
  font-weight: bold;
  background: #428bca;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.white {
    color: #fff !important;
}

.nav-pills>li.active>a, 
.nav-pills>li.active>a:hover, 
.nav-pills>li.active>a:focus {
  color: #428bca;
  background: transparent;

}

table.dataTable thead th, 
table.dataTable thead td {
    padding: 5px 5px;
    border-bottom: 1px solid #111;
}

/* CSS to support dropdown submenus since bootstrap dropped support */
.dropdown-menu {
  background-color: #cdcdcd;
  padding: 0px 0px 0px 0px;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#333;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#333;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

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

/* Force twitter widget to 500 pixels high... it is not respecting the height value it says it is*/
#twitter-widget-0 {
  height: 500px !important;
}

/* Force text color on dropdown.. showing up as white text in some browsers */
.dataTables_wrapper select {
  color: #000;
  font-weight:normal;
}
.centered-icons .fa-lg {
  text-align: center;
  width: 20px;
}
/* Tweak top navbar spacing a bit to make things fit */
.topnav .navbar-nav>li>a {
  padding: 15px 10px 15px 10px;
}

.no-bottom-margin {
  margin-bottom: 0px;
}
.no-bottom-padding {
  padding-bottom: 0px;
}
.no-bottom-border {
  border-bottom-width: 0px;
}
.no-top-margin {
  margin-top: 0px;
}
.no-top-padding {
  padding-top: 0px;
}
.no-top-border {
  border-top-width: 0px;
}
.table-bordered.no-bottom-border>tbody>tr>td {
  border-bottom: 0px;
}
.table-bordered.top-border>thead:first-child>tr:first-child>th {
  border-top: 1px solid #ddd;
}
.table-bordered>thead>tr>th {
  border-bottom-width: 1px;
}
#assetIcon,
#broadcastIcon {
  width: 48px;
  height: 48px;
}
ul.asset-view-options {
  color: #333;
  width: 150px;
}
ul.asset-view-options>li>a {
  color: #333 !important;
}
ul.asset-view-options a:after {
    content: '';    
}
.dropdown-menu-header {
  background-color: #222;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 0px;
  padding-bottom: 5px;
  color: #fff;
  width: 100%;
  font-weight: bold;
}
.dropdown-menu {
  min-width: 120px !important;
}
.asset-icon-sm {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
/* CSS to force asset names to not be truncated or wrapped */
th.asset-name,
td.asset-name {
  max-width: 200px !important;
  min-width: 200px !important;
}
th.broadcast-message,
td.broadcast-message {
  overflow: hidden;
}

/* CSS to center news widget */
#bitcoin_news_widget {
  width: 600px !important;
  height: 30px !important;
  position: relative !important;
  margin: 0px auto;
}



/* CSS for Cointelegraph news ticket (use here so we don't have to rely on their site... since it is unreliable) */
#bitcoin_news_s_title_wrap{
    background:#FFE709!important;
    border-radius:6px!important;
    width:300px;
    height:30px!important;
    margin-top:0px!important;
    display:inline-block!important;
    position:absolute!important;
    top:0px!important;
    left:124px!important;
}

#bitcoin_news_s_title_wrap a{
    color:#2B2A29!important;
    text-decoration:none!important;
    padding-left:20px!important;
}
#bitcoin_news_s_title_wrap p{
    margin-top:5px!important;
}

#bitcoin_news_widget_s_line{
    width:600p!important;
    height:30px!important;
    position:relative!important;
}
#bitcoin_news_s_length_temp{
    visibility:hidden;
}

.overflow-hidden {
  overflow: hidden;
}
.width-100-percent {
  width: 100%;
}
.nowrap {
  white-space: nowrap;
}
.ellipsis {
    text-overflow: ellipsis;
}

/* CSS to handle wrapping text to 1-4 lines */
.line-clamp-0 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
}
.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
}
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
}
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
}
.line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;  
}

.quickstats {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.dataTable.no-footer {
    border-bottom: 1px solid transparent !important;
    border-radius: 0px 0px 4px 4px;
}