body{
    padding-top:80px
}
pre{
    background:#f7f7f9
}
@media (min-width: 768px){
    body>.navbar-transparent{
        box-shadow:none
    }
    body>.navbar-transparent .navbar-nav>.open>a{
        box-shadow:none
    }
}
#home{
    padding-top:0px
}
#home .navbar{
    transition:box-shadow 200ms ease-in
}
#home .navbar-brand .nav-link{
    display:inline-block;
    margin-right:-30px
}
#home .navbar-brand img{
    display:inline-block;
    margin:0 10px;
    width:30px
}
#home .btn{
    padding:0.6em 0.7em;
    box-shadow:none;
    font-size:0.7rem
}
.bs-docs-section{
    margin-top:4em
}
.bs-docs-section .page-header h1{
    padding:2rem 0;
    font-size:3rem
}
.dropdown-menu.show[aria-labelledby="themes"]{
    display:flex;
    width:420px;
    flex-wrap:wrap
}
.dropdown-menu.show[aria-labelledby="themes"] .dropdown-item{
    width:33.333%
}
.dropdown-menu.show[aria-labelledby="themes"] .dropdown-item:first-child{
    width:100%
}
.bs-component{
    position:relative
}
.bs-component+.bs-component{
    margin-top:1rem
}
.bs-component .card{
    margin-bottom:1rem
}
.bs-component .modal{
    position:relative;
    top:auto;
    right:auto;
    left:auto;
    bottom:auto;
    z-index:1;
    display:block
}
.bs-component .modal-dialog{
    width:90%
}
.bs-component .popover{
    position:relative;
    display:inline-block;
    width:220px;
    margin:20px
}
#source-button{
    position:absolute;
    top:0;
    right:0;
    z-index:100;
    font-weight:bold
}
.nav-tabs{
    margin-bottom:15px
}
.progress{
    margin-bottom:10px
}
#footer{
    margin:5em 0
}
#footer li{
    float:left;
    margin-right:1.5em;
    margin-bottom:1.5em
}
#footer p{
    clear:left;
    margin-bottom:0
}
.splash{
    padding:12em 0 6em;
    background-color:#2196F3;
    color:#fff;
    text-align:center
}
.splash .logo{
    width:160px
}
.splash h1{
    font-size:3em;
    color:#fff
}
.splash #social{
    margin:2em 0 6em
}
.splash .alert{
    margin:2em 0;
    border:none
}
.splash .sponsor a{
    color:#fff
}
.section-tout{
    padding:6em 0 1em;
    border-bottom:1px solid rgba(0,0,0,0.05);
    background-color:#eaf1f1
}
.section-tout .fa{
    margin-right:0.2em
}
.section-tout p{
    margin-bottom:5em
}
.section-preview{
    padding:4em 0 4em
}
.section-preview .preview{
    margin-bottom:4em;
    background-color:#eaf1f1
}
.section-preview .preview img{
    max-width:100%
}
.section-preview .preview .image{
    position:relative
}
.section-preview .preview .image:before{
    box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:"";
    pointer-events:none
}
.section-preview .preview .options{
    padding:2em;
    border:1px solid rgba(0,0,0,0.05);
    border-top:none;
    text-align:center
}
.section-preview .preview .options p{
    margin-bottom:2em
}
.section-preview .dropdown-menu{
    text-align:left
}
.section-preview .lead{
    margin-bottom:2em
}
@media (max-width: 767px){
    .section-preview .image img{
        width:100%
    }
}
.sponsor img{
    max-width:100%
}
.sponsor #carbonads{
    max-width:240px;
    margin:0 auto
}
.sponsor .carbon-text{
    display:block;
    margin-top:1em;
    font-size:12px
}
.sponsor .carbon-poweredby{
    float:right;
    margin-top:1em;
    font-size:10px
}
@media (max-width: 767px){
    .splash{
        padding-top:8em
    }
    .splash .logo{
        width:100px
    }
    .splash h1{
        font-size:2em
    }
    #banner{
        margin-bottom:2em;
        text-align:center
    }
}
.help-block {
	font-size: 8pt;
	margin-top: 3px;
}

.form-control {
	background-color: #060606;
	border-color: #282828;
	color: white;
}

.form-control:focus {
	background-color: #060606;
	border-color: #282828;
	outline: 0 none;
	box-shadow: none;
	color: white;
}

.deposit-coin-btn {
    margin-left: 10px;
    margin-top: 10px;
}

.withdraw-coin-btn {
    margin-left: 10px;
    margin-top: 10px;
}

.nav-tabs {
    margin-bottom: 0px !important;
}

.table-primary, .table-primary > th, .table-primary > td {
    background-color: #4899bf !important;
}

.card, .btn, .jumbotron, .dropdown-menu, .form-control {
    border-radius: 0 !important;
}

.card {
    background-color: #060606 !important;
}

.card-header {
    border: none !important;
}

.card-body {
    border-top: 1px solid #555;
}

.btn-no-btn, .btn-no-btn:active, .btn-no-btn:hover {
    outline: none !important;
    cursor: default !important;
}

.order-inputs, .order-inputs:focus, .order-inputs:active {
    text-align: right;
    color: gray;
}

.order-inputs:disabled, .order-inputs[readonly] {
    background-color: #060606;
    opacity: 1;
    color: gray;
}

.w-btn {
    width: 100px;
}

.w-btn2 {
    width: 70px;
}

.stats-header-td {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-color: #555 !important;
    padding: 8px;
    color: gray;
}

.table {
    margin-bottom: 0px !important;
}

.alert {
    border-radius: 0px !important;
}

.order-td-price:hover, .order-td-amount:hover{
    text-decoration: underline;
    cursor: pointer;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  cursor: pointer;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
  cursor: pointer;
}
::-webkit-scrollbar-thumb {
  background: #262626;
  border: 0px none #ffffff;
  border-radius: 0px;
  cursor: pointer;
}
::-webkit-scrollbar-thumb:hover {
  background: #262626;
}
::-webkit-scrollbar-thumb:active {
  background: #262626;
}
::-webkit-scrollbar-track {
  background: #060606;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
  background: #060606;
}
::-webkit-scrollbar-track:active {
  background: #060606;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

.trollbox-message {
    padding-top: 5px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 5px;
    border-top: 1px solid #262626;
}

.trollbox-message-inner {
    font-size: 9pt;
    margin-top: 1px;
}

tr {
    transition: background-color 0.5s !important;
}

.order-update-bg {
    background-color: #2A9FD6 !important;
    transition: background-color 0.5s !important;
}

.navbar.bg-dark {
    background-color: #262626 !important;
    border-color: #262626 !important;
}

.card-header {
    background-color: #262626 !important;
    border-color: #262626 !important;
    border-radius: 0px !important;
}

.card-body {
    border-color: #262626 !important;
}

.border-secondary {
    border-color: #262626 !important;
}

.market-selection {
    border-bottom: 1px solid #262626;
}

.gray-table-color {
    color: #888888 !important;
}

.nav-tabs .nav-link {
    border-radius: 0px !important;
}

.account-input {
    color: gray;
}

.page-item:first-child .page-link {
    border-radius: 0px !important;
}

.page-item:last-child .page-link {
    border-radius: 0px !important;
}

pre {
    background-color: #060606;
    color: #e83e8c;
}

.set-order-amount-max {
    text-decoration: none;
    cursor: pointer;
}

.set-order-amount-max:hover {
    text-decoration: underline;
    cursor: pointer;
}

h1, h2, h3, h4, h5 {
   word-wrap: break-word;
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   -o-hyphens: auto;
   hyphens: auto;
}

td {
    vertical-align: middle !important;
}

.markets-search-bar {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-color: #555 !important;
    background-color: #262626;
    padding: 3px;
    outline: none;
    color: gray;
    width: 125px;
}

.balances-search-box-body {
    padding: 10px;
}

.balances-search-bar {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-color: #555 !important;
    background-color: #262626;
    padding: 3px;
    outline: none;
    color: gray;
    width: 200px;
}

.deposit-search-bar {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-color: #555 !important;
    background-color: #262626;
    padding: 3px;
    outline: none;
    color: gray;
    width: 200px;
}

.withdraw-search-bar {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-color: #555 !important;
    background-color: #262626;
    padding: 3px;
    outline: none;
    color: gray;
    width: 200px;
}

.modal-content {
    border-radius: 0px;
    border: 1px solid black;
}

.depth-bar {
    position: absolute;
    z-index: 1;
    top: 1px;
    bottom: 1px;
}

.depth-bar-buy {
    background-color: #5E8D00;
}

.depth-tr {
    background-image: linear-gradient(to right, rgba(133, 187, 101, 0.4) 0%, rgba(133, 187, 101, 0.3) 50%, rgba(133, 187, 101, 0.15) 99%, rgba(71, 207, 71, 0.05) 100%);
    background-repeat: no-repeat;
}
.depth-tr.depth-tr-negative {
    background-image: linear-gradient(to left, rgba(254, 77, 77, 0.4) 0%, rgba(254, 77, 77, 0.3) 50%, rgba(254, 77, 77, 0.15) 99%, rgba(254, 77, 77, 0.05) 100%);
    background-position: 100% 100%;
} 

.timeline-Widget--edge {
    border-radius: 5px !important;
}

.timeline-Widget {
    background-color: #060606 !important;
}