body.indent {
    /*background: linear-gradient(*/
    /*      rgba(0, 0, 0, 0.3),*/
    /*      rgba(0, 0, 0, 0.7)*/
    /*    ),url("/static/img/backgrounds/flavouredretro-bw3-blue-reduced.jpg");*/
    background-attachment: fixed;
    /*background-position: top;*/
    background-size: cover;
    background-repeat: no-repeat;
    /*padding: 35px 35px;*/
    padding: 0px 0px;
    background-color:#000;

}

body.indent.index-dark {
    /*background: linear-gradient(*/
    /*      rgba(0, 0, 0, 0.3),*/
    /*      rgba(0, 0, 0, 0.7)*/
    /*    ),url("/static/img/backgrounds/flavouredretro-bw3-blue-reduced.jpg");*/
    background-attachment: fixed;
    /*padding: 35px 75px;*/
    padding: 0px 0px;

    /*background-position: top;*/
    background-size: cover;
    background-repeat: no-repeat;
    background-color:#000;
}

.base-nav-custom {
    border:1px solid rgba(0,0,0,0.5)!important;
}

.widget__container {
    /*border: 1px solid rgba(255,255,255,0.1);*/
    /*border-radius: 3px;*/
    background-color:rgba(0,0,0,0);
}

.form-control:disabled, .form-control[readonly] {
     background-color: transparent;
    /*opacity: 1;*/
}

.divider {
    background: #444;
}

.rw-accordion__item {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    /*border: 1px solid rgba(0, 0, 0, 0.1);*/
    border-radius: 3px;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.1)!important;
}

.rw-accordion__header {
    float: left;
    width: 100%;
    padding: 20px;
    line-height: 20px;
    background: rgba(50, 50, 50, 0.4);
    cursor: pointer;
}

.btn-outline-dark:hover {
    background-color: #343a40;
}

.dropdown-menu.show {
    background-color: #000;
}


.divider:after, .divider:before {
    background: #000;
    border: 1px solid #666;
}

.feature_upgrade_table_cell_title {
    text-align: left;
    line-height:32px;
    font-size:14px;
    border-bottom:  1px solid rgba(255,255,255,0.15);
    border-top:  1px solid rgba(255,255,255,0.15);
    padding-left:20px;
    color:#ddd;
    background-color:transparent;
}

.feature_upgrade_table_cell {
    line-height:32px;
    font-size:14px;
    font-weight:normal;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    border-top: 1px solid rgba(255,255,255,0.15);
    color:#fff;
    /*background-color:rgba(0,0,0,0.5);*/
}


.feature_upgrade_table_cell_title_head {
    border-bottom: 0px solid #ccc;
    border-top: 0px solid #ccc;
    font-weight: bold;
    text-transform: uppercase;
    /*font-size:4px;*/
    text-align: left;
    /*padding-top:20px;*/
    padding-left:15px;
    color:#fff;
    font-size:15px;
}

.card .card-body {
    border: 1px solid rgba(255, 255, 255, 0.1);
}


.nav-tabs-cardtop > .card-body {
    border: 0px!important;
}

.dex-order-entry-panel-generic > .card-body {
    border: 0px!important;
}

.container-fluid{
    background-color:rgba(0,0,0,0.2);
}

.page__content > .content {
    background-color: rgba(0,0,0,0.2);
}


.card {
    background-color: rgba(0,0,0,0.15);
    background-clip: border-box;
    /*border: 1px solid rgba(0,0,0, 0.9);*/
    color:#fff;
}

.widget__subtitle {
    font-size: smaller;
    color:#ccc;
}


.btn-outline-hybrid-always-dark {
    background-color: transparent;
    color: #fff;
}

.page-heading {
    width: 100%;
    position: relative;
    /*background: rgba(0,0,0,0.1);*/
    background: rgba(0,0,0,0.25);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.navigation {
    background-color: transparent;
}

.btn.btn-outline-darkgray {
    border: 1px solid rgba(128, 128, 128, 0.5);
    /*background: rgba(52, 62, 72, 0.84);*/
    background-color:rgba(0,0,0,0.9);
    /*color: #fff;*/
    /*padding:6px 12px;*/
    /*font-size:12px;*/
}

.page-heading .page-heading__container .title {
    color: #fff;
}

.table.table-indent-rows tbody td, .table.table-indent-rows tbody th {
    border-top:  0px solid rgba(255,255,255,0);
    border-bottom:  0px solid rgba(255,255,255,0);
}

.table.table-indent-rows tbody td:first-child, .table.table-indent-rows tbody th:first-child {
    border-left: 0px solid rgba(255,255,255,0.1);
}

.table.table-indent-rows tbody td:last-child, .table.table-indent-rows tbody th:last-child {
    border-right: 0px solid rgba(255,255,255,0.1);
}


.table.table-indent-rows tbody td {
     background-color: rgba(0,0,0,0.15);
}

.page__header {
    background: rgba(0,0,0,0.8);
    color: #fff;
    /*border-bottom: 1px solid #d7dde3;*/
}

.page__header_index {

    /*background: rgba(0,0,0,0.5);*/
    color: #fff;
    /*border-bottom: 1px solid #d7dde3;*/
}

/*#logo{*/
/*    content: url("/static/img/whitelabel/hybrid/hybrid-logo-300px.png");*/
/*}*/

.page .page__content .page-aside.invert {
    border-right-color: rgba(255,255,255,0.1);
    background-color:rgba(0,0,0,0.55);
}

.modal-content .modal-header {
    border-color: rgba(88, 88, 88, 0.5);
}

.modal-content .modal-footer {
    border-color: rgba(88, 88, 88, 0.5);
}

.modal-body {
    /*background-color:#111a2a88;*/
    background-color:#22262fdd;
}

.close:not(:disabled):not(.disabled) {
    color: #fff;
}

.text-muted {
    color: rgba(255,255,255,0.8) !important;
}

.navigation > ul > li.open > a {
       color: rgba(255,255,255,0.8) !important;
}

.navigation > ul > li > a {
    color: #fff !important;
}

.btn-hybrid {
    background-color:rgba(89, 129, 183, 0.5);
    color:#fff;
    width:100%;
    border:1px solid rgba(255,255,255,0.1);
    text-transform: uppercase;
    font-weight: bolder;
    padding: 7px 7px 7px 0px;
    font-size:13px;
    margin-bottom:5px;
    border-radius: 4px;
}

.btn-hybrid-xs {
    background-color:rgba(89, 129, 183, 0.5);
    color:#fff;
    width:100%;
    border:1px solid rgba(255,255,255,0.1);
    text-transform: uppercase;
    font-weight: bolder;
    padding: 7px;
    font-size:13px;
    margin-bottom:5px;
}

.btn-outline-hybrid {
    background-color:rgba(0,0,0,0);
    color:#fff;
    border:1px solid rgba(255,255,255,0);
    width:100%;
    text-transform: uppercase;
    font-weight: bolder;
    padding: 7px 7px 7px 0px;
    font-size:13px;
    margin-bottom:5px;
}

.btn-outline-hybrid:hover {
    background-color: rgba(58, 84, 116, 0.42);
    border:1px solid rgba(255,255,255,0.3);
}

.btn-hybrid-admin {
    background-color: rgba(89, 91, 183, 0.5);
    color:#fff;
    width:100%;
    border:1px solid rgba(255,255,255,0.1);
    text-transform: uppercase;
    font-weight: bolder;
    padding: 7px 7px 7px 0px;
    font-size:13px;
    margin-bottom:5px;
}

.btn-outline-hybrid-admin {
    background-color:rgba(0,0,0,0.3);
    color:#fff;
    border:1px solid rgba(255,255,255,0.1);
    width:100%;
    text-transform: uppercase;
    font-weight: bolder;
    padding: 7px 7px 7px 0px;
    font-size:13px;
    margin-bottom:5px;
}

.page-heading .breadcrumb {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background: transparent;
    margin-bottom: 0px;
    padding: 5px 20px 4px;
    width: 100%;
}


.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color:rgba(89, 129, 183, 0.5);
}

.nav-pills .nav-link.active {
    background-color: rgba(104, 114, 128, 0.5);
    /*background-color:rgb(97, 111, 129, 0.5);*/
    /*background-color:rgba(255,255,255,0.1);*/
    border:1px solid rgba(0,0,0,0.5);
}

.nav-pills .nav-link:hover {
    background-color:rgba(89, 129, 183, 0.5);
    /*background-color:rgb(97, 111, 129, 0.4);*/
    border:1px solid rgba(255,255,255,0.2);
}

.nav-pills .nav-link.active:hover {
    background-color:rgba(89, 129, 183, 0.5);
    /*background-color:rgb(97, 111, 129, 0.6);*/
    border:1px solid rgba(255,255,255,0.2);
}

.nav-item {
    background-color:transparent;
}

.btn.btn-dark {
    border-color: #d7dde3;
/*    background: #FFF;*/
/*    color: #20232a;*/
}

.btn.btn-dark:hover {
    border-color: #bfc9d2;
    background: #f2f2f2;
    color: #20232a;
}

.btn.btn-dark:not([disabled]):not(.disabled):active, .btn.btn-light:not([disabled]):not(.disabled).active {
    border-color: #b9c4ce;
    background: #f7f7f7;
    color: #20232a;
    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.2);
}

.btn.btn-dark:focus, .btn.btn-light.focus {
    border-color: #ced5dd;
    background: #fafafa;
    color: #20232a;
    box-shadow: none;
}

.btn.btn-light {
    /*border-color: #0b0b10;*/
    border-color:#515158;
    background: #121119;
    color: #FFF;
}

.btn.btn-light:hover {
    border-color: black;
    background: #07070a;
    color: #FFF;
}

.btn.btn-light:not([disabled]):not(.disabled):active, .btn.btn-dark:not([disabled]):not(.disabled).active {
    border-color: black;
    background: #0b0b10;
    color: #FFF;
    box-shadow: 0px 0px 0px 2px rgba(18, 17, 25, 0.2);
}

.btn.btn-light:focus, .btn.btn-dark.focus {
    border-color: #050507;
    background: #0e0d13;
    color: #FFF;
    box-shadow: none;
}

.user > .user__name a {
    color: #fff;
    text-decoration: none;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.user > .user__name a:hover {
    color: #ddd;
}

h1, h2, h3, h4, h5, h6 {
    color: #eaf6ff;
}

.bulletinboard-side-panel-tr {
     background-color:rgba(0,0,0,0.0);
}

.bulletinboard-side-panel-tr-off {
     background-color:rgba(0,0,0,0.2);
}


.btn.btn-outline-dark {
    border-color: #444;
    color: #eee;
    background: black;
    font-weight: bold;
}

.btn.btn-outline-dark:hover, .btn.btn-outline-dark.active, .btn.btn-outline-dark:active, .btn.btn-outline-dark:active:focus {
    border-color: #999;
    background: #565656;
    color: #FFF;
}

.btn.btn-outline-dark:focus {
    border-color: rgba(128,128,128,128);
    background: #565656;
    color: #FFF;
}

.btn.btn-outline-dark.disabled {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(37, 37, 37, 0.5);
    color: #bbb;
}

.btn.btn-outline-dark.disabled:hover {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(37, 37, 37, 0.5);
    color: #ccc;
}

.btn.btn-light.disabled {
    border-color: rgba(255, 255, 255, 0.1) !important;
    background: rgba(18, 17, 25, 0.1);
}

.btn.btn-light.disabled:hover {
    border-color: rgba(255, 255, 255, 0.1)!important;
    background: rgba(18, 17, 25, 0.1);
    color: #121119;
}

#orderbook-dex-table {
    background-color:transparent;color:#fff;border-color:#000;
}

.orderbook-header {
    color:#fff;border-left:0px solid #363c4e;
}

.orderbook-entry-td {
    border-color:#333!important;
}

#last-trades-market-feed-dex {
    /*background-color:transparent!important;*/
    color:#fff;border-color:rgba(255,255,255,0.1);
}

.clear-pool-last-trades-header {
 color:#fff;
    border:none;
}

#order-entry-table{
    background: transparent!important;
}

.buying-power-table{
    background-color:transparent!important;
    color:#fff!important;border-color:#ddd;
}

.table td {
    border-top: 1px solid rgba(255,255,255,0.1);
}
.input-group-prepend .input-group-text,
.input-group-append .input-group-text {
    background: rgba(0,0,0,0.5);
    border: 1px solid rgba(255,255,255,0.2);
    color: #fff;
}

.form-control {
    border: 1px solid #444;
    background:#000;
    color:#fff;
}

.form-control:focus {
    border: 1px solid #444;
    background:#000!important;
    color:#fff;
}

.custom-select:focus {
    border-color: #444;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5);
    color: #fff;
    background:#000!important;
}

input:-webkit-autofill{
    -webkit-text-fill-color: white !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    transition: background-color 600000s 0s, color 600000s 0s;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}
input[data-autocompleted] {
    background-color: transparent !important;
}

.custom-select:focus::-ms-value {
    color: #fff;
    background-color: #000;
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.75rem;
    background-image: none;
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #000;
}


.widget.invert {
    /*background-color: rgba(0,0,0,0.5);*/
    background-color: transparent;
    height:115px;
}

.form-control:focus {
    color: #fff;
    background-color: #000;
    border-color: #444;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-heading .page-heading__container .caption {
    color: rgba(255,255,255,0.8);
}

.page-heading .breadcrumb .breadcrumb-item > a {
       color: rgba(255,255,255,0.8);
}

.nav-pills .nav-link {
    color: #ddd;
    border:1px solid rgba(0,0,0,0.8);
    background-color: rgba(255,255,255,0.05);
}

.btn-outline-hybrid:hover {
    color: #fff;
}

.modal-content {
    /*background-color: #000;*/
    background-color: #14161b88;
    background-clip: padding-box;
    border: 1px solid rgba(128,128,128,0.5);
    /*border-radius: 0.3rem;*/
    outline: 0;
}

.custom-select {
    background-color:#000;
    color:#fff;
    border:1px solid #444;
    /*line-height: 20px;*/
    /*font-size: 13px;*/
    /*padding: 9px 30px 9px 9px;*/
    /*border-color: #d7dde3;*/
    /*border-radius: 3px;*/
    /*height: auto;*/
    /*width: 100%;*/
    /*-webkit-appearance: none;*/
    /*-moz-appearance: none;*/
    /*appearance: none;*/
}


.form-group label {
    color: #fff;
}

.page__header {
    border-bottom:1px solid rgba(255,255,255,0.2);
}

.irs-min, .irs-max {
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 3px;
    background: rgba(89, 129, 183, 0.5);
    color: #FFF;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.irs-from, .irs-to, .irs-single {
    color: #FFF;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: rgba(89, 129, 183, 0.5);
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.irs-from:after, .irs-to:after, .irs-single:after {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: rgba(89, 129, 183, 0.5);
}


.marquee{
    /*border-top:1px solid rgba(255,255,255,0.2)!important;*/
    border-bottom:1px solid rgba(255,255,255,0.2)!important;
    background-color:rgba(0,0,0,0.5);
}

.btn-outline-success {
    color: #03c903;
    background-color: transparent;
    background-image: none;
    border-color: #03c903;
}

.btn.btn-outline-success {
    border-color: #03c903;
    color: #03c903;
}

.btn-outline-info {
    color: #04a5e2;
    background-color: transparent;
    background-image: none;
    border-color: #04a5e2;
}

.btn.btn-outline-info {
    border-color: #04a5e2;
    color: #04a5e2;
}

.btn-outline-info-alt {
    color: #b363ff;
    background-color: transparent;
    background-image: none;
    border-color: #b363ff;
}

.btn.btn-outline-info-alt {
    border-color: #b363ff;
    color: #b363ff;
}

.case-table-card {
    background-color:rgba(0,0,0,0.2);
    border:1px solid rgba(0,0,0,0.5);
}

.case-table-card:hover
{
    border:1px solid #fff!important;
}

.fake-link {
    color:#fff;
}

.page-heading .page-heading__container .title > a {
    color: #fff;
}

.card .card-header .card-title {
    color: #fff;
}

p.dashboard {
    color:#eee;
}

p.subtitle {
    color:#eee;
}
p.caption {
    background-color: transparent;
}

html body > .page {
    /*border:0px solid rgba(0,0,0,1);*/
    border:1px solid rgba(0,0,0,0.5);
    /*border-top:1px solid rgba(255,255,255,0.2);*/
}

.page__content > .content .container, .page__content > .content .container-fluid {
  /*border-bottom:1px solid rgba(255,255,255,0.1);*/
}

.side-panel-avatar-div {
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 4px;
    margin-top:3px;
}

.table.table-indent-rows tbody th {
    background-color:rgba(0,0,0,0.2);
    color:#fff;
}

.page__content .page-aside {
    width: 220px;
    background-color:rgba(0,0,0,0.55)!important;
}

#side-panel-module {
    background-color: rgba(0,0,0,0.5);
    border-right: 1px solid rgba(255,255,255,0.1);
}


.custom-control .custom-control-input:checked ~ .custom-control-label:before {
    background-color: rgba(89, 129, 183,0.90);
}

.custom-control .custom-control-input:active ~ .custom-control-label:before {
    background-color: #333;
}

.custom-control .custom-control-input:disabled ~ .custom-control-label:before {
    background-color: #000;
}

.custom-control .custom-control-label:before {
    background-color: rgba(0,0,0,0.2);
}

.custom-select {
    border-color: rgba(255,255,255,0.4);
}


.invert .rw-btn--nav span, .invert .rw-btn--minimized span {
    background: #fff;
}

.invert .rw-btn--nav span:after, .invert .rw-btn--nav span:before, .invert .rw-btn--minimized span:after, .invert .rw-btn--minimized span:before {
    background: #fff;
}