.trade-dialog__mobile {
    .t-dialog {
        width: 90vw;
        padding: 20px;
    }

    .custom-trade-form {
        padding-right: 20px;

        & > :not(:first-child) {
            margin-top: 12px;
        }

        .trade-form-item {
            display: flex;
            align-items: center;

            .trade-form-item__label {
                text-align: right;
                width: 70px;
            }

            .required {
                &:before {
                    content: '*';
                    color: red;
                    padding-right: 2px;
                }
            }

            .trade-form-item__value {
                flex: 1;
                box-sizing: border-box;
                margin-left: 12px;

                .trade-form-submit {
                    float: right;

                    & > :nth-child(1) {
                        margin-right: 12px;
                    }
                }

                .trade-form-input-suffix {
                    background: #EAECEF;
                    width: 32px;
                    height: 32px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-right: -8px;
                }

                .trade-dialog-select {
                    .t-select {
                        .t-input__wrap {
                            width: 100% !important;

                            .t-input {
                                &:hover {
                                    border-color: #C99400;
                                }
                            }
                        }

                        .t-input--focused {
                            box-shadow: none;
                            border-color: #C99400;
                        }

                        .t-fake-arrow--active {
                            color: #C99400;
                        }

                        .t-input__prefix {
                            .t-tag {
                                background-color: #C99400;
                                color: #fff;
                                font-weight: 600;
                                font-size: 11px;

                                .t-icon {
                                    color: #fff;
                                }
                            }
                        }


                    }
                }

            }
        }

    }
}

.trade-dialog-select__overlay {
    .t-select-option {
        color: #C99400;

        .t-checkbox__input {
            border-color: #C99400 !important;

        }
    }

    .t-is-selected {
        background-color: white;

        .t-checkbox__input {
            background-color: #C99400;
            border-color: #C99400;

            &:hover, &:focus, &:active {
                background-color: #C99400;
                border-color: #C99400;
            }
        }

        .t-checkbox__label {
            color: #C99400;
        }

        &:hover {
            background-color: white;
        }

        .t-is-checked {
            background-color: white;
            color: #fff;
        }
    }


}
