<div class="container custom-container">

        <div class="ns-inner-maindiv">

            <div class="container-size">

                <div class="inner-pages__main-container">

                    <div class="transfer1">
                        Aşağıda belirtilen adımları izleyerek hesaplar arası para transferi yapabilirsiniz.
                        <br>
                        Öncelikle gönderici hesabı ve sonrasında da alıcı hesabı seçmeniz gerekmektedir.
                        <br>
                        Saraybet aktarımlarında bakiyenizin 0 gözükmesi normaldir. Aktarmak istediğiniz tutarı yazıp aktarımınızı yapabilirsiniz. Saraybet hesabınızda bakiye mevcutsa işlem sorunsuz gerçekleşecektir.
                    </div>

                    <div class="transfer2">

                        

                        <div>
                            <div class="tablediv">
                                <div class="trans_result" style="margin-bottom: 10px;"></div>
                            </div>

                            <div class="row">
                                <div class="ol-12 col-md-9" style="position: relative;">

                                    <!-- BEGIN DIALOGS -->
                                    <div class="loaderTransfer" style="display: none; position: absolute; background-color: rgba(23, 23, 23, .8); float: left; width: 101%; height: 100%; z-index: 1; text-align: center;">
                                        <div style="margin-top: 84px; margin-left: -39px;"></div>
                                        <p style="margin-left: 0px;">Lütfen Bekleyiniz...</p>
                                    </div>

                                    <div class="transfer3 sourceAccountContainer">
                                        <div class="transfer3_1">Bu Hesaptan Transfer Et.</div>

                                        <div class="transfer3_2 tran_x_acc_3" x_accountid="3" x_currencyid="1">
                                            <div class="transfer3_3">Ana Bakiye</div>
                                            <div class="transfer3_4"> <span class="balanceContainer"><i class="fa fa-spinner fa-pulse fa-3x fa-fw transfer_balance_anim_icon"></i></span> <span id="balance_curr_1"> TRY </span> </div>
                                        </div>

                                        

                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        

                                        <div class="transfer3_2 tran_x_acc_7" x_accountid="7" x_currencyid="1">
                                            <div class="transfer3_3">Klas Poker</div>
                                            <div class="transfer3_4"><span class="balanceContainer">0</span> <span id="balance_curr_2"> TRY </span> </div>
                                        </div>

                                        

                                        <div class="transfer3_2" x_accountid="881" x_currencyid="1">
                                            <div class="transfer3_3"> Saraybet Transfer </div>
                                            <div class="transfer3_4"><span class="balanceContainer"></span> 0.00 <span> TRY </span> </div>
                                        </div>
                                    </div>

                                    <div class="transfer4">
                                        <div class="transfer4_1">&nbsp;</div>
                                        ⇄
                                    </div>

                                    <div class="transfer5 destinationAccountContainer">
                                        <div class="transfer3_1">Bu Hesaba Transfer Et</div>

                                        <div class="transfer3_2" x_accountid="3" x_currencyid="1">
                                            <div class="transfer3_3">Ana Bakiye</div>
                                            <div class="transfer3_4"> <span class="balanceContainer"><i class="fa fa-spinner fa-pulse fa-3x fa-fw transfer_balance_anim_icon"></i></span> <span> TRY </span> </div>
                                        </div>
                                        

                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        

                                        <div class="transfer3_2 tran_x_acc_7" x_accountid="7" x_currencyid="1">
                                            <div class="transfer3_3">Klas Poker</div>
                                            <div class="transfer3_4"><span class="balanceContainer">0</span> <span id="balance_curr_2"> TRY </span> </div>
                                        </div>

                                        

                                        <div class="transfer3_2" x_accountid="881" x_currencyid="1">
                                            <div class="transfer3_3"> Saraybet Transfer </div>
                                            <div class="transfer3_4"><span class="balanceContainer"></span> 0.00 <span> TRY </span> </div>
                                        </div>
                                        <!--<div class="transfer3_2">
                                            <div class="transfer3_3">Casino Pro Account</div>
                                            <div class="transfer3_4">0 usd</div>
                                        </div>-->
                                    </div>

                                </div>

                                <!--Hidden inputs to avoid autocomplete-->
                                <input type="text" class="form-control" placeholder="0.00" autocomplete="off" name="" maxlength="5" max="4999" style="display: none">
                                <input type="password" class="form-control" placeholder="0.00" autocomplete="off" name="" maxlength="5" max="4999" style="display: none">
                                <!--Hidden inputs to avoid autocomplete-->

                                <div class="col-12 col-md-3">
                                    <div class="transfer6">
                                        <div class="transfer3_1">Miktar <span id="transfer_amount_curr"></span></div>
                                        <div class="transfer6_1"><input type="text" class="form-control" placeholder="0.00" autocomplete="off" name="Amount" maxlength="9" max="4999"></div>
                                        <div class="transfer3_1">Dönüştürüldü <span id="convertedAmountCurr"></span></div>
                                        <div class="transfer6_1"><input type="number" class="form-control" placeholder="0.00" style="background-color: #0E0F13;" name="convertedAmountTransfer" disabled=""></div>
                                        <div class="transfer6_2" id="transferAmount">
                                            <a href="" class="btn btn-primary btn-block transfer__form--button w-100">
                                                Transfer
                                                <i class="transfer_exchange-icon icon-right" aria-hidden="true"></i>
                                            </a>
                                        </div>

                                        

                                    </div>
                                </div>

                                <div class="clear"></div>

                                


                                <div id="mylightboxm" class="lightbox" style="padding: 20px; background: #141414; ">
                                    <h3 class="h3lightbox">Gizli Kod</h3>
                                    <div class="tablediv">
                                        <div class="error4" style="width:100%; padding: 0px;">  </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 col-sm-offset-4">
                                            <div style="padding-bottom: 10px;">
                                                <input type="password" style="text-align: center; height: 35px; box-sizing: border-box;" id="secretCode_ipn" name="secretCode_inp" class="regdiv_sec_input secretCode_inp form-control" maxlength="5">
                                            </div>
                                            <div>
                                                <a class="btn btn-primary light-close_own" id="sendSecret">
                                                    Gönder
                                                    <i class="fa fa-angle-right"></i>
                                                </a>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="clear"></div>
                                </div>


                                <a data-featherlight="#mylightboxm" id="lightm" class="hiddd">.</a>

                            </div>

                        </div>

                    </div>

                </div>

            </div>


        </div>
        </div>

        <style type="text/css">
            .disabledAccount {
                color: #777777 !important;
            }
        </style>
        <style>

    .transfer1 {
        padding-top: 30px;
        padding-bottom: 30px;
        color: var(--grey);
        font-size: 14px;
        text-align: center;
        line-height: 20px;
        margin-top: -10px;
        max-width: 880px;
        margin: 0 auto;
    }

    .transfer2 {
        margin-bottom: 50px;
    }

        .transfer2 .trans_result {
            margin-bottom: 10px;
        }

        .transfer2 .loaderTransfer {
            display: none;
            position: absolute;
            background-color: rgba(23, 23, 23, .8);
            float: left;
            width: 101%;
            height: 100%;
            z-index: 1;
            text-align: center;
        }

            .transfer2 .loaderTransfer div {
                position: relative;
                top: 4px;
                left: 53%;
                width: 52px;
                height: 52px;
                background: url(/Content/themes/v1/img/468.GIF) no-repeat;
                margin-top: 84px;
                margin-left: -39px;
            }

            .transfer2 .loaderTransfer p {
                margin-left: 0px;
            }

    .transfer3 {
        display: table-cell;
        padding: 0 12px 0 0;
        width: 400px;
        background-color: transparent;
    }

    .transfer3_1 {
        margin: 0;
        font-size: 15px;
        color: var(--yellow);
        padding-bottom: 10px;
    }

    .transfer3_2 {
        width: 100%;
        background: #2E3238;
        display: flex;
        justify-content: space-between;
        padding: 13px 13px 10px 17px;
        text-transform: capitalize;
        margin-bottom: 4px;
        transition: 300ms;
        -moz-transition: 300ms;
        -ms-transition: 300ms;
        -webkit-transition: 300ms;
        cursor: pointer;
    }

    .transfer3_3 {
        font-size: 15px;
    }

    .transfer3_4 {
        text-transform: uppercase;
        color: var(--grey);
    }

    .transfer4 {
        display: table-cell;
        /*		background: #1d242a;*/
        vertical-align: middle;
        text-align: center;
        padding: 10px 12px 0 12px;
        color: var(--yellow);
        font-size: 30px;
        position: relative;
    }

    .transfer4_1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 31px;
    }

    .transfer5 {
        display: table-cell;
        width: 415px;
        padding: 0 0 0 12px;
    }

    .transfer6 {
        margin-top: 31px;
        padding: 25px 30px 30px 30px;
        background: #2E3238;
    }

    .transfer6_1 {
        padding: 4px 0 10px 0;
    }

    .transfer_balance_anim_icon {
        font-size: 18px;
    }

    #lightm {
        color: #171717;
    }

    .trnact {
        background: var(--main-color);
        color: black;
    }

    @media(max-width: 578px) {
        .transfer3 {
            display: block;
            width: 100%;
        }

        .transfer4 {
            display: block;
            width: 100%;
            padding: 0;
        }

        .transfer5 {
            display: block;
            width: 100%;
        }
    }
</style>