.mmx-elem-bg-color {
    background-color: var(--mmx-elem-bg-color);
}

.container-fluid {
    height: 100vh;
}

.btn {
    border-radius: 0;
}

.mmx-top-row {
    margin-bottom: 18px;
    background-color: var(--mmx-elem-bg-color);
}

.recent-trades, .order-book, .markets {
    height: 416px;
}

/* TOP ROW LINKS */

.navbar {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: var(--mmx-border-line);
    color: var(--mmx-main-font-color);
}

.nav-link {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    color: white;
    font: var(--mmx-main-font);
}

.nav-link:focus {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    color: white;
    font: var(--mmx-main-font);
}

.navbar-brand {
    font: 18px "Consolas";
    margin-left: 0.4rem;
    margin-right: 0.4rem;
}

/* TABLE */

.table {
    font: var(--mmx-main-font);
    color: var(--mmx-main-font-color);
}

.table tr {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.mmx-table {
    overflow: auto;
    display:inline-block;
    border: var(--mmx-border-line);
    background-color: var(--mmx-elem-bg-color);
}

.mmx-table thead th, .mmx-table tbody tr {
    border: none;
    text-align: center;
}

.mmx-table thead th {
    border-bottom: var(--mmx-border-line);
}

.order-book tbody tr td:nth-child(2) {
    color: var(--mmx-ob-buy-color);
}
.order-book tbody tr td:nth-child(3) {
    color: var(--mmx-ob-sell-color);
}

.buy-color {
    color: var(--mmx-ob-buy-color);
}

.sell-color {
    color: var(--mmx-ob-sell-color);
}

/* ******* Options panel ************ */

#options-panel-h1 {
    margin-bottom: 0px;
    border-bottom: 0;
}

#options-panel {
    max-height: 220px;
    margin-top: -6px;
    border-top: none;
}

#options-panel::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: grey;
}

#options-panel::-webkit-scrollbar {
    width: 11px;
}

#options-panel::-webkit-scrollbar-thumb {
    /* border-radius: 10px; */
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
    background-color: #555;
}


/* ******* Account window ************ */

.account-window-headers {
    margin-bottom: 0;
    border: none;
    border-left: var(--mmx-border-line);
    border-right: var(--mmx-border-line);
    border-bottom: var(--mmx-border-line);
}

.account-window {
    max-height: 215px;
    margin-bottom: 0;
    border: none;
    /* border: var(--mmx-border-line); */
}

/* order-book window scrollbar */
.order-book::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: grey;
}
.order-book::-webkit-scrollbar {
    width: 11px;
}
.order-book::-webkit-scrollbar-thumb {
    /* border-radius: 10px; */
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
    background-color: #555;
}
/* end order-book window scrollbar */

/* recent-trades window scrollbar */
.recent-trades::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: grey;
}
.recent-trades::-webkit-scrollbar {
    width: 11px;
}
.recent-trades::-webkit-scrollbar-thumb {
    /* border-radius: 10px; */
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
    background-color: #555;
}
/* end recent-trades window scrollbar */

/* markets window scrollbar */
.markets::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: grey;
}
.markets::-webkit-scrollbar {
    width: 11px;
}
.markets::-webkit-scrollbar-thumb {
    /* border-radius: 10px; */
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
    background-color: #555;
}
/* end markets window scrollbar */

/* account window scrollbar */
.account-window::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: grey;
}
.account-window::-webkit-scrollbar {
    width: 11px;
}
.account-window::-webkit-scrollbar-thumb {
    /* border-radius: 10px; */
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
    background-color: #555;
}
/* end account window scrollbar */

.acc-btns-row {
    background-color: var(--mmx-elem-bg-color);
    border: var(--mmx-border-line);
}

.acc-disp-btn {
    background-color: var(--mmx-elem-bg-color);
    font: var(--mmx-main-font);
    color: var(--mmx-main-font-color);
    margin-top: -5px;
    padding: 0;
    height : 1.5rem;
	text-decoration: none;
	cursor: pointer;
    border: none;
}

.acc-disp-btn:focus {
    background-color: var(--mmx-elem-bg-color);
    color: white;
    text-decoration: bold;
}

.acc-disp-btn:active {
    background-color: var(--mmx-elem-bg-color);
    color: white;
    text-decoration: bold;
}

.acc-disp-btn:hover {
    background-color: var(--mmx-elem-bg-color);
    color: white;
    text-decoration: bold;
    border: 2px solid blue;
}

/* ORDER FORM */

.mmx-form {
    background-color: var(--mmx-elem-bg-color);
    border: var(--mmx-border-line);
}

.mmx-form-title-tbl {
    overflow: auto;
    display:inline-block;
    border: none;
    background-color: var(--mmx-elem-bg-color);
    margin-bottom: 9px;
}

.mmx-form-title-tbl thead th {
    border: none;
    text-align: center;
    border-bottom: var(--mmx-border-line);
}

.form-row {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 0.75rem;
}

.mmx-form-row-label {
    font:  var(--mmx-main-font);
    color: var(--mmx-main-font-color);
}

#all-lists {
    font: var(--mmx-main-font);
    color: var(--mmx-main-font-color);
}

.form-input {
    background-color: rgba(80,80,95,1);
    font: var(--mmx-main-font);
    color: white;
    border: none;
}

#submit-order-btn {
    font: var(--mmx-main-font);
    color: white;
}

#submit-order-btn:hover:enabled {
    border: 1px solid blue;
}

.mwi_col_1 {
    text-align: left;
}
.mwi_col_2_buy {
    text-align: center;
    color: var(--mmx-ob-buy-color);
}
.mwi_col_2_sell {
    text-align: center;
    color: var(--mmx-ob-sell-color);
}