/*
 * #OneChart overrides
 * ---------------------------------------------------------------
*/

.nd-mbox-window-trading .nd-mdl-content {
    overflow: auto;
}

.nd-mbox-window-trading .nd-mdl-content .nd-nfsc-dialog-tbl {
    margin: 0 0 7px 0;
}

.nd-mbox-window-trading .nd-trading-buttons [class*=nd-btn] {
    width: calc(50% - 2px);
}

.nd-mbox-window-trading .nd-nfsc-close-button  {
    width: calc(50% - 25px);
}

.nd-mbox-window-trading .nd-nfsc .nd-nfsc-dialog-tbc {
    vertical-align: middle;
}

.nd-mbox-window-trading .nd-nfsc-dialog-tbc input ~ label {
    margin-left: 5px;
}

.nd-mbox-window-trading fieldset {
    border-radius: 4px;
}

.nd-mbox-window-trading fieldset > div:not(:first-of-type) {
    margin-top: 4px;
}

.nd-mbox-window-trading .related-orders-label {
    display: flex;
    align-items: center;
    max-width: 45px;
    max-height: 32px;
}

/*
 * #OneChart Buttons
 * ---------------------------------------------------------------
*/

.nd-mnu-opt.transaction-action {
    min-width: fit-content;
    margin: 0;
    padding: 0;
}

.nd-mnu-opt.transaction-action {
    margin-top: 2px;
    margin-left: 5px;
}

.nd-transaction-button {
    display: inline-block;
    min-width: 115px;
    margin-left: auto;
    border: 0;
    border-radius: 4px;
    padding: 5px 10px;
    white-space: nowrap;
    text-align: center;
    line-height: 16px;
    font: 14px Roboto, Helvetica, Arial, sans-serif;
    cursor: pointer;
}

.button-value {
    margin-left: 20px;
}

.button-text {
    float: left;
}

.nd-nfsc-close-button {
    display: inline-block;
    padding: 1rem 1rem;
    vertical-align: middle;
    width: 175px;
    margin: 12.5px;
    border-radius: 5px;
    opacity: 0.2;
}

.nd-nfsc-close-button .nd-fsc-close-type {
    font-weight: bold;
    font-size: large;
}

.nd-nfsc-close-button .nd-fsc-close-type.nd-nfsc-buy {
    color: #0f870f;
}

.nd-nfsc-close-button .nd-fsc-close-type.nd-nfsc-sell {
    color: #ac0404;
}

.nd-nfsc-close-button .nd-fsc-close-value {
    width: 100%;
    height: 100%;
    font-size: xx-large;
    font-weight: bold;
}

.nd-nfsc-close-button.selected {
    opacity: 1;
    border-radius: 5px;
}

/*
 * #OneChart Buttons Themes
 * ---------------------------------------------------------------
*/

/*
 * #LIGHT Theme
 * ---------------------------------------------------------------
*/

.nd-th-light .buy-button {
    background: rgb(0, 133, 255);
    color: #fff;
}

.nd-th-light .sell-button {
    background: rgb(252, 1, 106);
    color: #fff;
}

.nd-th-light .nd-nfsc-close-button {
    border-radius: 5px;
    background: #fcfdfd;
    box-shadow: inset 2px 2px 1px #bdbdbd, inset -2px -2px 7px #bdbdbd;
}

.nd-th-light .nd-nfsc-close-button.selected {
    border-radius: 5px;
    background: #fcfcfd;
    box-shadow: inset 5px 5px 15px 3px #e7e7e7, inset -5px -5px 9px #e7e7e7;
}

.nd-th-light .nd-nfsc-close-button.selected .nd-fsc-close-type.buy {
	color: rgb(78, 82, 193);
}

.nd-th-light .nd-nfsc-close-button.selected .nd-fsc-close-type.sell {
	color: rgb(181, 103, 255);
}

.nd-th-light.nd-mbox-window-trading fieldset {
	border: 1px solid #c5c5c5;
}

/*
 * #DARK Theme
 * ---------------------------------------------------------------
*/

.nd-th-dark .buy-button {
    background: rgb(0, 219, 203);
    color: #fff;
}

.nd-th-dark .sell-button {
    background: rgb(231, 0, 60);
    color: #fff;
}

.nd-th-dark .nd-nfsc-close-button {
    background: #161b27;
    box-shadow: inset 3px 3px 1px #020202, inset -7px -11px 7px #020202;
}

.nd-th-dark .nd-nfsc-close-button.selected {
    background: #171c27;
    box-shadow: inset 5px 5px 15px 3px #080e1a, inset -5px -5px 9px #080e1a;
}

.nd-th-dark .nd-nfsc-close-button.selected .nd-fsc-close-type.buy {
	color: rgb(78, 82, 193);
}

.nd-th-dark .nd-nfsc-close-button.selected .nd-fsc-close-type.sell {
	color: rgb(181, 103, 255);
}

.nd-th-dark.nd-mbox-window-trading fieldset {
	border: 1px solid #555;
}


/*
 * #DARK PURPLE Theme
 * ---------------------------------------------------------------
*/

.nd-th-darkpurple .buy-button {
    background: rgb(78, 82, 193);
    color: #fff;
}

.nd-th-darkpurple .sell-button {
    background: rgb(181, 103, 255);
    color: #fff;
}

.nd-th-darkpurple .nd-nfsc-close-button {
    border-radius: 5px;
    background: #1d1a32;
    box-shadow: inset 3px 3px 1px #070b1a, inset -7px -11px 7px #070b1a;
}

.nd-th-darkpurple .nd-nfsc-close-button.selected {
    border-radius: 5px;
    background: #1d1a32;
    box-shadow: inset 5px 5px 15px 3px #080614, inset -5px -5px 9px #05031e;
}

.nd-th-darkpurple .nd-nfsc-close-button.selected .nd-fsc-close-type.buy {
	color: rgb(78, 82, 193);
}

.nd-th-darkpurple .nd-nfsc-close-button.selected .nd-fsc-close-type.sell {
	color: rgb(181, 103, 255);
}

.nd-th-darkpurple.nd-mbox-window-trading fieldset {
	border: 1px solid #6b667f;
}