.top.dialog-trade .ant-drawer-content-wrapper {
    height: auto;
}

.futures_trade {
    display: flex;
    height : 100%;
    padding: 20px;

    &__left {
        flex          : 1;
        display       : flex;
        flex-direction: column;
        max-width     : 100%;
    }

    &__form {
        .ant-form-item-control {
            flex : auto;
            width: 250px;

            &-input-content {
                display    : flex;
                align-items: center;

                .ant-input[disabled] {
                    color           : #fff;
                    background-color: transparent;
                }
            }
        }

        .ant-row {
            flex-flow: row;
        }
    }

    &__submit {
        display      : flex;
        align-items  : center;
        margin-bottom: 21px;

        .ant-btn {
            display        : flex;
            justify-content: center;
            flex-direction : column;
            align-items    : center;
            width          : 80px;
            height         : 64px;
            border-radius  : 5px;
            padding        : 0 5px;

            &:not(:last-child) {
                margin-right: 10px;
            }

            span {
                flex           : 1;
                display        : flex;
                justify-content: center;
                align-items    : center;
                width          : 100%;
                font-weight    : bold;

                &:first-child {
                    font-size: 16px;
                }

                &:last-child {
                    font-size: 20px;
                }
            }
        }

        .buy {
            color           : #FF4848 !important;
            border          : 1px solid #FF4848 !important;
            background-color: #2F1B1C !important;

            span:not(:first-child) {
                border-top: 1px dashed #5E1616;
            }
        }

        .sell {
            color           : #1DDFAF !important;
            border          : 1px solid #1DDFAF !important;
            background-color: #20322A !important;

            span:not(:first-child) {
                border-top: 1px dashed #095936;
            }
        }

        .close {
            color           : #FFA235 !important;
            border          : 1px solid #FFA235 !important;
            background-color: #3D3325 !important;

            span:not(:first-child) {
                border-top: 1px dashed #653F0D;
            }
        }
    }

    &__table {
        width     : 100%;
        overflow-x: auto;
    }
}