PNG  IHDRxsBIT|d pHYs+tEXtSoftwarewww.inkscape.org<,tEXtComment File Manager

File Manager

Path: /home/u264723324/domains/acornpartnersfirm.com/public_html/account/

Viewing File: demo.php

<?php
require_once('includes/connect.php');
require_once('includes/functions.php');
if(isset($_GET['l'])){
logout();
header("location: https://Acornpartnersfirm.com");
}
session_start();



if(!isset( $_SESSION['email'])){
header("location:../login.php");
}
 
$not_info = Getnotificationstatus( $_SESSION['email']);
$not_info = Getnotification( $_SESSION['email']);
$user = GetMember1( $_SESSION['email']);
$history = New_history($user['Email']);
$dtradehis = dtradehis($user['Email']);
$Withlist = Withlist();
 
	
	 

if(isset($_POST["tradel"])){ 
    $amt = $_POST["amt"];
    $lev = $_POST['leverage'];
    $dtradel = $_POST['tradel'];
    $par = $_POST['pair'];
    $time = $_POST['time']; 
    $ID = $user['ID'] ;
    $xp = $user["dc"] ; 
    
    $dleverage = $user['dleverage'] ;
    $dtrader = $user['dtrader'] ;
    $dstatus = $user['dstatus'] ;
    $dtime = $user['dtime'] ;
    $dpair = $user['dpair'] ;
    $dtype = $user['dtype'] ; 
    
    if($amt > $xp) {
        echo '<script>alert("Amount input exceeds your current Demo Capital Balance. Consider trading within your balance.")</script>';    
        header("location: demo.php");
        die;   
    } elseif ($xp == 0) {
        echo '<script>alert("Insufficient balance. Add funds to start trading.")</script>';   
        header("location: demo.php");
        die;   
    }
    
    $authTrade = authdT($ID,$dstatus,$dtradel,$lev,$dtrader,$par,$time);

    if($authTrade == true) {
        $l = $_POST["leverage"];
        $statt = "Win";
        $x = $_POST["amt"];
        $y = $user["dp"];
        $pp = $x * $l;
        $z = $pp + $y ;
        $userID = $user['ID'];
        
        $sql15 = sprintf('UPDATE members SET dp = %s, dstatus = "inactive" WHERE ID = "%s"', $z, $userID);

        if(mysqli_query($conn, $sql15)) {
            echo '<script>alert("Demo Profit Added!")</script>';
        } else {
            echo  "Error updating data: " . mysqli_error($conn);
        } 

        $sql12 = sprintf("INSERT INTO tsignal 
                            (amt, ttype,uid,pair,email,status, type,payout,duration,leverage, trader) 
                            VALUES 
                            ('%s','%s','%s','%s','%s','%s','%s','%s','%s','%s','%s')",                        
                            $_POST["amt"],
                            "Demo",
                            $userID,
                            $_POST["pair"],
                            $user["Email"],
                            $statt,
                            $dtradel,
                            $pp,
                            $_POST["time"],
                            $_POST["leverage"],
                            $user['ttrader']
                            ); 

        if(mysqli_query($conn, $sql12)) {
            echo '<script>alert("Trade Successful. Profit Added To Your Trading Account")</script>'; 
            header("location: demo.php");
        } else {
             echo  "Error updating data: " . mysqli_error($conn); 
        }
    } 



    if ($authTrade == false) {
      $statt = "loss"; 
      $x1 = $_POST["amt"];
      $y1 = $user["dp"];
      $yc1 = $user["dc"];
      $ll = $_POST["leverage"]; 
      $ppp = $x1 * $ll;
      $z1 = $yc1 - $x1;
      $pay = "0"; 
      
      $userID = $user['ID'];
  
      $sql19 = sprintf('UPDATE members SET dc = %s, tstatus = "inactive" WHERE ID = "%s"', $z1, $userID);
  
      if (mysqli_query($conn, $sql19)) {
          echo '<script>alert("Demo Trade Lost!")</script>';
      } else {
          echo "Error updating data: " . mysqli_error($conn);
      }  
  
      $sql20 = sprintf("INSERT INTO tsignal 
                          (amt, ttype,uid,type, pair,email,status, payout,duration,leverage, trader) 
                          VALUES 
                          ('%s','%s','%s','%s','%s','%s','%s','%s','%s','%s','%s')",                        
                          $_POST["amt"],
                          "Demo",
                          $userID,
                          $dtradel,
                          $_POST["pair"],
                          $user["Email"],
                          $statt,
                          $pay,
                          $_POST["time"],
                          $_POST["leverage"],
                          $user['ttrader']
                          ); 
  
      if(mysqli_query($conn, $sql20)) {
          echo '<script>alert("You Lost The Trade. Amount Removed From Your Capital Account")</script>';
          // Assuming this is the end of the PHP script and a redirect is not necessary
      }
  
      // Sending email
      $to = $user['Email'];
      $subject = 'Trade';
      $headers = "From: support@Acornpartnersfirm.com\r\n" .
                 "Reply-To: support@Acornpartnersfirm.com\r\n" .
                 "Content-type: text/html; charset=UTF-8\r\n" .
                 "X-Mailer: PHP/" . phpversion(); // Add X-Mailer header
                 
      $message = "<div class='container'>
                  <div class='center'>
                      <div class='logo'>
                      <img class='center' src='https://Acornpartnersfirm.com/assets/img/logo.png' alt='Logo'>
                      </div>
                  </div>
                  Thank you for choosing Acornpartnersfirm.com
  
                  Trade occurred in your Demo account with us, the sum of '" . $user['sym'] . number_format($_POST['amt']) . "'.
                  
                  If the trade was not made by you, contact us at support@Acornpartnersfirm.com.
                  For more inquiries contact:
                  Email: support@Acornpartnersfirm.com
                  </div>";
  
      $headers .= 'MIME-Version: 1.0' ."\r\n";
      $headers .= 'From: Acornpartnersfirm.com<support@Acornpartnersfirm.com>' . "\r\n" .'Reply-To: support@Acornpartnersfirm.com' . "\r\n" .'X-Mailer: PHP/' . phpversion(); // Set from headers
      mail($to, $subject, $message, $headers); // Send our email
  }
    
     
}


 
$expert = Getex();
$user = GetMember1($_SESSION['email']);
 
?>



 <!DOCTYPE html>
<html  lang="en" style="height: 100%;"> 
  
<!-- Mirrored from Acornpartnersfirm MANAGEMENT GROUP-html.vercel.app/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 21 Apr 2023 04:31:54 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Acornpartnersfirm MANAGEMENT GROUP - Crypto Exchange Stock Market & ETF</title>
    <!-- Favicon icon -->
    <link
      rel="icon"
      type="image/png"
      sizes="16x16"
      href="images/favicon.png"
    />
	
	 <!-- another --->
	
	 <link rel="stylesheet" href="./Ptsbrokeragelc Options_files/nice-select.css">
     <link rel="stylesheet" href="./Ptsbrokeragelc Options_files/waves.min.css"> 
    <link rel="stylesheet" href="./Ptsbrokeragelc Options_files/style.css">
    <link rel="stylesheet" href="./Ptsbrokeragelc Options_files/remedy.css">
	 <!-- another --->
	
	
    <!-- Custom Stylesheet -->
    <link rel="stylesheet" type="text/css" href="vendor/slick/slick.css" />
     <link rel="stylesheet" type="text/css" href="./vendor/slick/slick-theme.css" /> 
    <link rel="stylesheet" href="css/style.css" /> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">


 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
 
 
 
 <!---another -->
 

    <style>
    .float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
  font-size:30px;
    box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
    margin-top:16px;
}

        .goog-te-combo{
        	height: 30px !important;
        	padding: 0px !important;
        	
        }
        .goog-logo-link {
           display:none !important;
        }
        
        .goog-te-gadget {
           color: transparent !important;
           height: 35px !important;
           margin: 0px !important;
        }
        
        .goog-te-gadget .goog-te-combo {
           color: #000000 !important;
                      
        }
        
        

.goog-te-banner-frame.skiptranslate { display: none !important;} 
body { top: 0px !important; }
#goog-gt-tt{display: none !important; top: 0px !important; } 
.goog-tooltip skiptranslate{display: none !important; top: 0px !important; } 
.activity-root { display: hide !important;} 
.status-message { display: hide !important;}
.started-activity-container { display: hide !important;}



@media only screen and (max-width: 400px) {
   .goog-te-gadget-simple{
            width: 70px !important;
        }
        
}

    </style>
	
  <script type="text/javascript">
		function googleTranslateElementInit() {
            new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
     }
	</script>
	
<script type="text/javascript" src="./Ptsbrokeragelc Options_files/element.js.download"></script>
<link type="text/css" rel="stylesheet" charset="UTF-8" href="./Ptsbrokeragelc Options_files/m=el_main_css">
<script type="text/javascript" charset="UTF-8" src="./Ptsbrokeragelc Options_files/m=el_main"></script>
<script src="./Ptsbrokeragelc Options_files/l.js.download" async="">
</script> 
 
<script src="./Ptsbrokeragelc Options_files/client.js.download" type="text/javascript" async=""></script>
<link href="./Ptsbrokeragelc Options_files/client_default.css" type="text/css" rel="stylesheet">


 
 <!---another-->
   </head>

  <body data-font="lato" data-bodybg="color_1" data-primary-color="color_1" 
style="position: relative; min-height: 100%; top: 0px;" >
<div id="main-wrapper" >	
	  <div class="header  ">  
       
       
       
       
<div class="container">
          <div class="row">
            <div class="col-xxl-12">
              <div class="header-content">
                <div class="header-left">
                  <div class="brand-logo">
                    <a href="index.php" class="">
                    <h6 style="text-align: right;  font-weight: bold;font-size: 28px;" class="card-title"><b>Trading</b></h6>
                      
                    </a>
                  </div>
                   
                </div>

                <div class="header-right">
                  <div class="dark-light-toggle" onclick="themeToggle()">
                    <span class="dark"><i class="icofont-moon"></i></span>
                    <span class="light"><i class="icofont-sun-alt"></i></span>
                  </div>
                  <div class="notification dropdown">
                    <div class="notify-bell" data-toggle="dropdown">
                      <span  ><i class="icofont-alarm"></i><?php
						          $email =  $_SESSION['email'];
									$sql = sprintf("SELECT Status FROM notification WHERE Email = '%s' and Status = 'Unread' ",$email);
									$result = mysqli_query($conn, $sql);	
									$totaln = mysqli_num_rows($result);
									
									?>
                  <small><?php if($totaln == "0"){ 
                    echo "" ;                    
                  }else{echo $totaln ; }?></small>
                  </span>
                    </div>
                    <div
                      class="
                        dropdown-menu dropdown-menu-right
                        notification-list
                      "
                    >
                      <h4 class="card-title">You have <?php echo $totaln;?> new notifications</h4>
                      <div class="lists">
                      <?php while( $row = mysqli_fetch_assoc($not_info)){     ?>   
                        <a href="notification.php" class="">
                          <div class="d-flex align-items-center">
                            <a href="notification.php?show=<?php echo $row["id"];?>">
                                <span class="me-3 icon pending"><i class="icofont-warning"></i ></span>
                            <div>
                           <p class="card-title"><?php echo $row["subject"];?></p> </a>
                            </div>
                            </a>
                          </div>
                        </a>
                        <?php }   ?>

                        <a href="notification.php"
                          >More <i class="icofont-simple-right"></i
                        ></a>
                      </div>
                    </div>
                  </div>

                  <div class="profile_log dropdown">
                    <a class="user" href="profile.php">
                      <span class="thumb"
                        ><img src="images/profile/<?php echo $user["img"] ?>" alt=""
                      /></span>
                      <span class="arrow"
                        ><i class="icofont-angle-down"></i
                      ></span>
                    </a>
                 </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      
           
   
            
	
      </div>

      <div class="sidebar">
      <?php include('side.php');  ?>
	  
	  
      </div>


      
<?php
// if (isset($_GET['suc'])) {
//     echo "<script>
//             alert('Withdrawal request sent successfully');
//           </script>";
// }
?>
  <div class="content-body">

  
<div class="alert alert-danger alert-dismissible">
  <!--<button type="button" class="btn-close" data-bs-dismiss="alert"></button>-->
  <p style="color:white"><strong>NOTE:</strong>You Can't make a withdrawal from your demo account</p>
</div> 
 
	   

  <div style="position: relative; " class="row">
	 
	  
	  </div>
  
    <div class="container-fluid">
	 <script src="https://investake.co/en/assets/js/coingecko-coin-price-marquee-widget.js">
            </script>
            <coingecko-coin-price-marquee-widget coin-ids="bitcoin,ethereum,eos,ripple,litecoin,stellar" 
			currency="usd" background-color="#ddd" locale="en">
            </coingecko-coin-price-marquee-widget>

            <div class="tradingview-widget-container" style="height: unset !important; overflow: hidden;">
                <div class="tradingview-widget-container__widget"></div>
                <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js" async>
                    {
                        "symbols": [{
                                "title": "S&P 500",
                                "proName": "OANDA:SPX500USD"
                            },
                            {
                                "title": "Nasdaq 100",
                                "proName": "OANDA:NAS100USD"
                            },
                            {
                                "title": "EUR/USD",
                                "proName": "FX_IDC:EURUSD"
                            },
                            {
                                "title": "BTC/USD",
                                "proName": "BITSTAMP:BTCUSD"
                            },
                            {
                                "title": "ETH/USD",
                                "proName": "BITSTAMP:ETHUSD"
                            }
                        ],
                        "colorTheme": "dark",
                        "isTransparent": true,
                        "displayMode": "adaptive",
                        "locale": "en"
                    }

                </script>
            </div>
   
 
  <div style="position: relative; " class="row">
	 
	  
	  </div>
	   
 
		  
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script> 
$(document).ready(function(){
setInterval(function(){
      $("#here").load(window.location.href + " #here" );
}, 7000);
});
</script>


<?php $rand = rand(10, 100); 

if($rand >= 50){
    $bg = "bg-success";
}

if($rand > 20 & $rand < 50){
    $bg = "bg-warning";
}

if($rand < 20){
    $bg = "bg-danger";
}


?>






<?php $rands = $user["signals"]; 

if($rands >= 50){
    $bgs = "bg-success";
}

if($rands > 20 & $rands < 50){
    $bgs = "bg-warning";
}

if($rands < 20){
    $bgs = "bg-danger";
}


?>
	
 <div class="row"   >
     




      <div class="col-xl-6 col-lg-6 col-md-6 col-xxl-6">
          <div class="row"> 
           <div class="card-body">
                
                 
              <div style="background-image: linear-gradient(to right, #62009e , #06063C);" class="price-widget bg-eth">
                <a href="#">
                  <div class="price-content">
                      <br>
                       <div class="icon-title"> 
                    
                      <span style="text-align: right; color:white; font-weight: bold;font-size: 28px;">  &nbsp &nbsp DEMO CAPITAL</span>
                      </div>
                    <div class="icon-title">
                      
                      <span style="text-align: right;color:white; font-weight: bold;font-size: 28px;"> &nbsp &nbsp <?php echo $user["sym"]  ;   ?> <?php echo number_format($user["dc"], 2)  ?> </span>
                    </div>
                 
                  </div>
                  <div style="height: 160px;">
				   <div id="chart"></div>
                </div>
				  
                </a>
				 
                     
                            <!-- TradingView Widget BEGIN -->
  <div  class="col-12" align="center">		 
		        <div id="here">
              
              <?php if($rands == 0){ ?>  
			<div  style="height: 8px;"class="progress progress-bar-striped progress-bar-animated">
    <div  class=" progress-bar <?php echo $bg ?>" style="width:<?php echo $rand?>%"> <?php echo $rand?>%</div>
            </div>
            <?php } else{ ?> 
            <div  style="height: 8px;" class="progress progress-bar-striped progress-bar-animated">
    <div  class=" progress-bar <?php echo $bgs ?>" style="width:<?php echo $rands?>%"> <?php echo $rands?>%</div>
            </div>
            <?php    } ?>
            <span style="text-align: right;color:white"class="card-title">SIGNAL STRENGTH</span>
            </div>  
            </div>
  
  
            
              </div>
              
              
			   <style>
			       body {
  overflow-x: hidden;
  overflow-y: scroll;
  word-break: break-word;
  top: 0px !important;
  max-width: 1500px;
  margin: 0 auto;
  font-weight: 400;
}

nav .sidenav-trigger {
  margin-right: 0;
}

.btn,
.btn-no-hover {
  padding: 8px 15px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  line-height: 20px;
  box-shadow: none;
  margin: 0 3px 0 0;
  text-transform: none;
  border-radius: 10px;
}

.sidenav .user-view {
  margin-bottom: 0;
}

td {
  text-align: center;
}

h2 {
  margin: 2px;
}

.btn.btn-large {
  max-width: 18rem;
  font-weight: 500;
  padding: 12px 23px;
  border-radius: 2px;
  margin-bottom: 2px;
}

label {
  text-transform: capitalize;
}

.carousel .indicators .indicator-item {
  width: 30px;
  border-radius: 5px;
}

.input-field .prefix {
  top: 12px;
}

select {
  padding-bottom: 0;
  padding-top: 0;
  height: 2rem;
}

.padded-select {
  height: 2.9rem;
  padding-top: 10px;
  padding-bottom: 10px;
}

nav ul li {
  padding-right: 10px;
}

nav ul a:hover {
  background-color: transparent;
}

.pagination-button,
.pagination-text {
  margin-bottom: -3px !important;
}

.collection {
  margin-bottom: 0;
}

input:not([type]):focus:not([readonly]),
input[type="text"]:not(.browser-default):focus:not([readonly]),
input[type="password"]:not(.browser-default):focus:not([readonly]),
input[type="email"]:not(.browser-default):focus:not([readonly]),
input[type="url"]:not(.browser-default):focus:not([readonly]),
input[type="time"]:not(.browser-default):focus:not([readonly]),
input[type="date"]:not(.browser-default):focus:not([readonly]),
input[type="datetime"]:not(.browser-default):focus:not([readonly]),
input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
input[type="tel"]:not(.browser-default):focus:not([readonly]),
input[type="number"]:not(.browser-default):focus:not([readonly]),
input[type="search"]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border: 1px solid rgb(225, 225, 225);
  box-shadow: none;
  box-sizing: border-box;
}

[type="checkbox"] + span:not(.lever) {
  font-size: 13px;
  line-height: 1.45;
}

::placeholder {
  color: #4a4a4a;
  text-transform: capitalize;
}

section {
  margin: -1px;
}

.tabs .tab {
  text-transform: none;
}

nav,
nav .nav-wrapper i,
nav a.sidenav-trigger,
nav a.sidenav-trigger i {
  line-height: 45px;
}

nav ul a.btn {
  min-width: 80px;
  margin: 0 8px 0 0;
  padding: 7px 15px;
}

.material-icons {
  position: relative;
  padding: 0;
  margin-right: 0.6rem;
  vertical-align: middle;
  cursor: pointer;
  top: -3px;
  font-size: 18px;
}

.carousel.carousel-slider .carousel-item p {
  font-size: 15px;
}

.icon-share-01 {
  font-size: 2rem;
}

nav {
  padding: 10px 0px;
  max-width: 1500px;
  text-transform: uppercase;
}

.card.medium {
  height: 350px;
}

.card.medium .card-image {
  max-height: 80%;
  overflow: hidden;
}

h2 {
  margin-top: 0;
}

h3 {
  font-size: 20px;
}

img {
  margin: 0;
}

h1 {
  margin: 0;
}

h5 {
  font-size: 1.4rem;
}

h6 {
  font-size: 1.2rem;
}

.card-panel {
  margin: 0;
  border-radius: 20px;
}

.collapsible-header {
  font-size: 1.2rem;
}

.collection {
  border: none;
  margin-top: 0;
}

.fixed-action-btn {
  right: 100px;
}

.row {
  margin-bottom: 0;
}

.sidenav .user-view {
  min-height: 20vh;
}

.goog-te-banner-frame.skiptranslate {
  display: none !important;
}

#particles-js canvas {
  position: absolute;
  max-height: 766px;
  top: 0;
  left: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.input-field .prefix {
  font-size: 14px;
}

input {
  font-size: 0.9rem !important;
}

.file-field .btn {
  line-height: 1.5rem;
}

.fixed-action-btn {
  right: 30px;
  bottom: 60px;
}

.card .card-content {
  padding-left: 0;
  padding-right: 0;
}

.card-content {
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  line-height: 24px;
}

.card-content p {
  line-height: 17px;
}

.app-draft {
  border: 1px solid #000;
  background: #f2f2f2;
}

div.DraftEditor-root {
  min-height: 300px;
  overflow-y: auto;
  padding: 1rem;
}
div.DraftEditor-editorContainer,
div.public-DraftEditor-content {
  height: 100%;
}

.blog img {
  max-height: 85vh;
  max-width: 100%;
}

.app-vh {
  min-height: 566px;
  position: relative;
}

.app-pb-3 {
  padding-bottom: 3rem;
}

.app-flex.app-flex-rev {
  flex-wrap: wrap-reverse;
}

.app-relative {
  position: relative;
}

.app-flex {
  display: flex;
  flex-wrap: wrap;
}

.app-flex-1 {
  flex: 1;
}

.app-flex-2 {
  flex: 2;
}

.app-flex-3 {
  flex: 3;
}

.app-flex-start {
  align-items: flex-start;
}

.app-flex-center {
  align-items: center;
}

.app-flex-vh {
  display: flex;
  align-items: center;
  flex-wrap: wrap-reverse;
  min-height: 600px;
}

.app-flex-l9 {
  flex: 1;
  flex-basis: 576px;
}

.app-flex-l6 {
  flex: 1;
  flex-basis: 384px;
}

.app-flex-l3 {
  flex: 1;
  flex-basis: 192px;
}

.app-bold {
  font-weight: bold;
}

.app-mb-0 {
  margin-bottom: 0;
}

.app-mb-1 {
  margin-bottom: 1rem;
}

.app-mb-2 {
  margin-bottom: 2rem !important;
}

.app-mb-5 {
  margin-bottom: 5rem;
}

.app-mt-0 {
  margin: 0;
}

.app-mt-1 {
  margin-top: 1rem;
}

.app-mt-2 {
  margin-top: 2rem;
}

.app-mt-4 {
  margin-top: 4rem;
}

.app-mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.app-mx-1 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.app-mx-2 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.app-my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.app-my-1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.app-my-2 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.app-my-3 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.app-p-0 {
  padding: 0;
}

.app-p-3 {
  padding: 3rem;
}

.app-pb-0 {
  margin-bottom: 0;
}

.app-pb-1 {
  padding-bottom: 1rem;
}

.app-pt-3 {
  padding-top: 3rem;
}

.app-px-0 {
  padding-left: 0;
  padding-right: 0;
}

.app-px-1 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.app-px-2 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.app-px-3 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.app-px-3-5 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.app-px-4 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.app-py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.app-py-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.app-py-2 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.app-py-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.app-py-4 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.app-text-bold {
  font-weight: bold;
}

.app-text-capitalize {
  text-transform: capitalize;
}

.app-text-center {
  text-align: center;
}

.app-text-justify {
  text-align: justify;
}

.app-px {
  padding-left: 1rem;
  padding-right: 1rem;
}

.fsm {
  z-index: 3;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  /* transform: scale(0); */
  /* transition: 0.5s; */
  clip-path: circle(0%);
  transition: all 300ms ease-in-out;
}

.fsm.open {
  /* transform: scale(1); */
  clip-path: circle(75%);
}

.btn-full {
  width: 99%;
}

h1 {
  margin-top: 6px;
}

.app-inline {
  display: inline;
}

.bread {
  padding: 1rem;
  border-top: 1px solid #e1e1e1;
}

.fade-appear {
  opacity: 0;
}

.fade-appear-active {
  opacity: 1;
  transition: opacity 1000ms linear;
}

.fixed-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.animate-up {
  animation-name: animate-up;
  animation-duration: 15s;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
}

@keyframes animate-up {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-1100px);
  }
}

.app-trading-month {
  margin: 0;
  padding: 0;
  font-weight: 500;
}

.app-trading-day {
  font-size: 2.1rem;
}

.app-slider-title {
  font-size: 25px;
  font-weight: 900;
}

.app-slider-caption {
  font-size: 18px !important;
  line-height: 27px;
}

.my-node-enter {
  opacity: 0;
}
.my-node-enter-active {
  opacity: 1;
  transition: opacity 500ms;
}
.my-node-exit {
  opacity: 1;
}
.my-node-exit-active {
  opacity: 0;
  transition: opacity 500ms;
}

.test-enter {
  opacity: 0;
  font-size: 10px;
}

.test-enter.test-timeout {
  opacity: 1;
  transition: 500ms;
}

.test-enter.test-timeout.test-leaves {
  color: red;
}

body {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
}

p {
  padding-left: 0;
  margin-top: 0px;
}

h1 {
  font-size: 38px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 10px;
}

h2 {
  margin-top: 0;
  font-size: 36px;
  font-weight: 500;
  line-height: 50px;
  margin-bottom: 10px;
}

h3 {
  margin: 0;
  padding: 0;
  color: #3949a7;
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 25px;
  font-weight: 500;
  line-height: 30px;
}

.app-f2 {
  font-size: 14px;
}

.app-font-big {
  font-size: 16px;
}

nav .brand-logo {
  font-size: 1.6rem;
}

nav ul a {
  font-size: 13px;
  padding: 0 15px;
}

a.btn {
  font-size: 11px;
  margin-bottom: 10px;
}

h4 {
  font-size: 18px;
  margin-bottom: 1rem;
}

h5,
h6 {
  font-weight: 700;
  line-height: 1.2rem;
  padding: 0;
  margin: 0;
}

.btn.btn-large {
  height: auto;
  font-size: 14px;
  line-height: 25px;
}

.f-18 {
  font-size: 18px;
}

:root {
  /* --primary-button: #ff5722; */

  --primary-button: #bb0097;

  --alt-colour: #008232;

  --secondary-button: #203146;

  --hover: #dce2e4;

  --background-colour: #f5f7fe;

  --background-font-colour: #000000;

  --background-heading-colour: #ffffff;

  --primary-background: #e6ebec;

  --primary-font-colour: #4a4a4a;

  --primary-border-colour: #363c4e;

  --secondary-background: #ffffff;

  --secondary-font-colour: #000000;

  --secondary-heading-colour: #252525;

  --border-colour: #f2f2f2;

  --button-font-colour: #ffffff;

  --primary-link-colour: black;

  --image: url("/assets/images/Background8.jpg");
}

a {
  color: var(--primary-button);
}

.btn.btn-secondary {
  color: white;
  background: var(--alt-colour);
  border: 1px solid var(--primary-button);
}

 
.btn.btn-trans {
  background: transparent;
  color:  #495057;
  font-size : 12px;
  border: 1px solid #020b32;
}

 
 
 
.alt-color {
  color: var(--alt-colour);
}

nav ul a {
  color: var(--primary-link-colour);
}

.sidenav .user-view .background {
  background: var(--background-colour);
}

/* .collection a.collection-item {
  color: var(--primary-button);
} */

.collection {
  /* border: 1px solid var(--primary-border-colour); */
  border: 0;
  background: transparent;
}

.collection .collection-item {
  border-bottom: 1px solid var(--background-colour);
}

.collection .collection-item:last-child {
  border-bottom: 1px solid var(--background-colour);
}

.collection .collection-item {
  padding: 13px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  margin-bottom: 5px;
  border-radius: 10px;
  background-color: var(--primary-background);
}

.bg-gradient-teal {
  background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;
}

.bg-gradient-indigo {
  background: linear-gradient(87deg, #5603ad 0, #9d03ad 100%) !important;
}

.bg-gradient-orange {
  background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;
}

.bg-gradient-danger {
  background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important;
}

.bg-gradient-charity {
  background: linear-gradient(
    245.59deg,
    rgba(255, 0, 92, 0.4) 2.69%,
    rgba(173, 0, 255, 0) 72.17%
  );
}

.w {
  width: 40px !important;
  margin-right: 1rem !important;
  border: 1px solid var(--background-font-colour) !important;
  border-radius: 5px !important;
  text-align: center;
  padding-left: 0 !important;
}

.btn.btn-wide {
  padding-left: 2rem;
  padding-right: 2rem;
}

 
h1,
h2,
h3,
 
.bg.bg-secondary h1,
.bg.bg-secondary h2,
.bg.bg-secondary h3,
.bg.bg-secondary h6 {
  color: var(--secondary-heading-colour);
}

.f-24 {
  font-size: 24px;
  /* color: #a5bdd9; */
}

.f-20 {
  font-size: 20px;
  /* color: #a5bdd9; */
}

.input-field > label {
  
  font-size: 0.75rem;
}

.collection a.collection-item span {
  
}

ol li {
  padding-left: 2rem;
  padding-bottom: 1rem;
}

.collection a.collection-item:not(.active):hover {
  background-color: var(--hover);
}

.app-image-back-1 {
  background: var(--image);
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
}

/* .carousel .indicators .indicator-item {
  background-color: var(--background-colour);
} */

.alt-bg {
  background-color: #06063d;
  color: #e3e3e3;
}

.bg.bg-secondary {
  color: var(--secondary-font-colour);
  background-color: var(--secondary-background);
}

.nav-circle {
  background: var(--background-colour);
  color: var(--secondary-button);
  border-radius: 50%;
  font-size: 14px;
  font-weight: bolder;
  padding: 0.8rem;
  margin: 0.5rem;
}

.nav-circle.active {
  background: var(--primary-button);
  color: var(--secondary-background);
  border-radius: 50%;
  font-size: 14px;
  font-weight: bolder;
  padding: 0.8rem;
  margin: 0.5rem;
}

.sec-btn-color {
  color: var(--secondary-button);
}

/* nav ul a:hover {
  background-color: var(--secondary-background);
} */

.page-text {
  color: var(--primary-font-colour);
}

 
.app-blue {
  background-color: #060642;
}

.tabs {
  color: white;
  overflow: hidden;
  background: transparent;
}

select:focus {
  outline: none;
}

.app-trade-menu {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-font-colour);
  background: var(--primary-background);
}

.app-trade-menu:hover,
.app-trade-menu.active {
  color: var(--primary-font-colour);
  background: var(--hover);
}

.dropdown-content li > a,
.dropdown-content li > span {
  color: var(--primary-font-colour);
  background: var(--primary-background);
}

input::placeholder {
  color: var(--primary-font-colour);
}

.dropdown-content li:hover,
.dropdown-content li.active {
  color: var(--primary-font-colour);
  background: var(--primary-background);
}

.btn.btn-alt:hover {
  color: var(--button-font-colour) !important;
}

.btn.btn-alt-secondary {
  background: transparent;
  border: 1px solid var(--secondary-button);
  color: #ffffff !important;
}

.btn.btn-alt-secondary:hover {
  background-color: var(--secondary-button);
  color: var(--button-font-colour) !important;
}

.btn-large:hover,
.btn-small:hover {
  background-color: var(--primary-button);
}

.btn.btn.btn-secondary:hover {
  background-color: white;
}

.collection .collection-item:hover {
  background-color: var(--hover);
}

::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--primary-background);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #4f586b;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #4f586b;
}

.background-text {
  color: var(--background-font-colour);
}

 
.bg {
  color: var(--primary-font-colour);
  background-color: var(--primary-background);
}

.app-list-link {
  color: var(--background-font-colour);
  font-weight: 600;
}

.btn:hover {
  box-shadow: none;
}

.btn:focus {
  background: none;
}

.bg.bg-back {
  background-color: var(--background-colour);
}

.btn.btn-trans-primary {
  background: transparent;
  color: var(--primary-button) !important;
  border: 1px solid var(--primary-button);
}

.btn.btn-trans-secondary {
  background: transparent;
  color: var(--secondary-button) !important;
  border: 1px solid var(--secondary-button);
}

nav {
  text-transform: initial;
  background: var(--background-colour);
  box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.05);
}

.btn.bordered {
  background: transparent;
  color: var(--primary-button) !important;
}

select {
  height: 3rem;
  color: var(--background-font-colour);
  border-color: var(--primary-border-colour);
  background-color: transparent;
}

input[type="number"]:not(.browser-default),
input[type="number"]:not(.browser-default):focus:not([readonly]) {
  padding: 0.1rem;
  border-radius: 4px;
  padding-left: 1rem;
  box-sizing: border-box;
  color: var(--background-font-colour);
  border: 1px solid var(--primary-border-colour);
}

textarea.materialize-textarea {
  color: var(--background-font-colour);
}

.input-field .prefix.active {
  color: var(--background-font-colour);
}

input[type="tel"]:not(.browser-default),
input[type="date"]:not(.browser-default),
input[type="text"]:not(.browser-default),
input[type="email"]:not(.browser-default),
input[type="password"]:not(.browser-default),
input[type="number"]:not(.browser-default),
input[type="number"]:not(.browser-default):focus:not([readonly]) {
  padding: 0.1rem;
  border-radius: 7px;
  padding-left: 1rem;
  box-sizing: border-box;
  color: var(--background-font-colour);
  background-color: transparent;
  border: 1px solid var(--primary-border-colour);
}

input:not([type]):focus:not([readonly]),
input[type="text"]:not(.browser-default):focus:not([readonly]),
input[type="password"]:not(.browser-default):focus:not([readonly]),
input[type="email"]:not(.browser-default):focus:not([readonly]),
input[type="url"]:not(.browser-default):focus:not([readonly]),
input[type="time"]:not(.browser-default):focus:not([readonly]),
input[type="date"]:not(.browser-default):focus:not([readonly]),
input[type="datetime"]:not(.browser-default):focus:not([readonly]),
input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
input[type="tel"]:not(.browser-default):focus:not([readonly]),
input[type="number"]:not(.browser-default):focus:not([readonly]),
input[type="search"]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border: 1px solid var(--primary-border-colour);
}

textarea.materialize-textarea {
  min-height: 100px;
  padding: 1rem;
  font-size: 16px;
  background: transparent;
  border-radius: 7px;
  border: 1px solid var(--primary-border-colour);
}

.input-field label {
  padding-left: 1rem;
}

.tabs .tab a,
.tabs .tab a:hover {
  color: #898181;
}

.tabs .tab a.active {
  font-weight: bold;
  color: var(--primary-button);
}

.tab a {
  color: var(--background-font-colour);
}

.tab a.active {
  font-weight: bold;
  color: var(--primary-button);
}

.tabs .indicator {
  background-color: var(--background-font-colour);
}

input {
  color: var(--primary-font-colour);
}

.collapsible {
  border: 0;
}

.collapsible-header {
  border-bottom: 0;
  color: var(--primary-font-colour);
  background: var(--background-colour);
}

.sidenav .collapsible-header:hover,
.sidenav.fixed .collapsible-header:hover,
.sidenav.fixed .collapsible-header {
  color: var(--secondary-font-colour);
  background: var(--secondary-background);
}

.sidenav li > a > i.material-icons {
  color: var(--secondary-font-colour);
}

.sidenav .collapsible-header {
  color: var(--secondary-font-colour);
  background: var(--secondary-background);
}

.sidenav li > a > i,
.sidenav li > a > [class^="mdi-"],
.sidenav li > a li > a > [class*="mdi-"] {
  color: var(--secondary-font-colour);
}

/* .sidenav li > a > i.material-icons {
  color: var(--primary-background);
} */

.sidenav li > a,
.sidenav li > a:hover,
.sidenav li > a > span {
  background: var(--primary-background);
  color: var(--primary-font-colour);
}

/* .sidenav li > a > span {
  color: var(--secondary-font-colour);
} */

.overlay1,
.overlay2,
.overlay3 {
  position: absolute;
  opacity: 0.7;
  height: 100%;
  width: 100%;
  font-weight: bold;
}

.overlay2 {
  background: rgba(0, 0, 0, 0.6);
}

.overlay1 {
  background: var(--primary-button);
}

.overlay3 {
  background: linear-gradient(rgba(122, 0, 147, 0.85), rgba(3, 6, 126, 0.85));
  background: linear-gradient(
    180deg,
    rgba(122, 0, 147, 0.85),
    rgba(3, 6, 126, 0.85)
  );
  opacity: 0.8;
}

.overlay4 {
  background: black;
}

.overlay5 {
  background: red;
}

.pagination-button,
.pagination-text {
  border: 1px solid rgba(229, 229, 229, 1);
  border-radius: 5px;
  padding: 1rem;
  margin: 2px;
  display: inline-block;
}

.pagination-button:hover {
  background: var(--primary-button);
}

.sidenav {
  background: var(--primary-background);
  overflow-y: scroll;
}

.app-orange {
  color: #fab915;
}

.card-content p {
  font-size: 13px;
  
}

.btn-background {
  background: var(--primary-button);
  color: black;
  padding: 1rem;
  margin-top: 0;
}

table.striped > tbody > tr:nth-child(odd) {
  background-color: var(--background-colour);
}

.carousel .indicators .indicator-item.active {
  background-color: #fff;
}

.app-trading-month {
  margin: 0;
  padding: 0 0.2rem;
  font-weight: 500;
}

.app-trading-day {
  font-size: 2.1rem;
}

.card,
.card-panel {
  
  
}

.tap-target {
  background: var(--primary-button);
  color: var(--button-font-colour);
}

a.hover:hover {
  color: var(--primary-button);
}

.app-bg-stocks {
  background: url(../../assets/images/BgStocks2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.app-bg-forex {
  background: url(../../assets/images/BgForex.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.app-bg-crypto {
  background: url(../../assets/images/Crypto4.jpeg);
  background-size: cover;
  background-repeat: no-repeat;
}

.app-image-back-1 {
  background: url(../../assets/images/Background1.png);
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
}

.app-image-back-4 {
  background: url(../../assets/images/Expert.jpg);
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
}

.app-image-gradient {
  background: url(../../assets/images/Gradient.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.app-image-world {
  background: url(../../assets/images/World.webp);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}

.app-image-dots {
  background: url(../../assets/images/Dots.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.app-image-awards {
  background: url(../../assets/images/Awards.jpeg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hero1 {
  background: url(../../assets/images/Hero1.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hero2 {
  background: url(../../assets/images/Hero2.jpg);
  background-size: auto 900px;
  background-position: center;
  background-repeat: no-repeat;
}

.hero3 {
  background: url(../../assets/images/Hero3.jpg);
  background-position: center;
  background-repeat: no-repeat;
}

.hero4 {
  background: url(../../assets/images/Hero4.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hero5 {
  background: url(../../assets/images/Hero5.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Width Below 320px - Small Mobile */
/* Width Above 320px and Below 420px - Mobile */
/* Width Above 420px and Below 1024px - Tablet */
/* Width Above 1024px and At 1366px - Tablet or PC */
/* Width Above 1366px - Large Screen PC */

/* Height Above 560px and Below 620px - Small Mobile */
/* Height Above 620px and Below 767px - IPhone 6 or PC */
/* Height Above 767px and Below 820px - Tablet or Iphone X  */
/* Height Above 820px - Tablet  */

.app-trade-icon {
  width: 45px;
  border-radius: 10px;
}

.app-trade-icon-container {
  position: relative;
  left: -20px;
}

.ld-text {
  min-width: 100%;
}

.container-50 {
  max-width: 50%;
}

.pc-container-left {
  width: 95%;
}

.app-line {
  line-height: 3.5rem;
}

.chart-height {
  height: 63vh;
}

.list-height {
  height: 92vh;
  overflow-y: scroll;
  overflow-x: hidden;
}

.app-title {
  font-weight: bold;
}

.app-trade-vh {
  height: 90vh;
}

.app-trade-menu {
  font-size: 11px;
  font-weight: bold;
}

.app-font-small {
  font-size: 12px;
  line-height: 10px;
}

.app-font-normal {
  font-size: 12px;
  line-height: 10px;
}

/* Small Screen Mobile */
@media (max-width: 320px) {
  .app-trade-icon-container {
    left: -17px;
    top: 6px;
  }

  .app-trade-icon {
    width: 35px;
  }

  .container {
    width: 99%;
  }

  .btn {
    padding-left: 1.1rem;
    padding-right: 1.1rem;
  }

  body {
    font-size: 10px;
    line-height: 11px;
  }

  .container-50 {
    max-width: 95%;
  }

  .app-title {
    left: -2px;
    top: -4px;
    font-size: 12px;
    font-weight: bold;
    position: relative;
  }

  input {
    font-size: 0.7rem !important;
  }

  .chip {
    font-size: 11px;
  }

  nav ul a {
    font-size: 20px;
    padding: 0 5px;
  }

  h1 {
    font-size: 1.8rem;
  }

  h2 {
    font-size: 20px;
  }

  .f-24 {
    font-size: 18px;
  }

  .mobile-bg {
    background-color: var(--primary-background);
  }
}

/* Mobile Sure */
@media (min-width: 321px) and (max-width: 490px) {
  .container {
    width: 99%;
  }

  .cryptoicons {
    width: 32px;
  }

  .app-title {
    top: -4px;
    left: -6px;
    font-size: 16px;
    font-weight: bold;
    position: relative;
  }

  .app-mobile-justify {
    text-align: justify;
  }

  .container-90 {
    margin: auto;
    max-width: 93%;
  }

  .pc-container-left {
    width: 80%;
    margin: auto;
  }

  h1 {
    font-size: 1.8rem;
  }

  h2 {
    font-size: 25px;
    line-height: 25px;
  }

  .f-24 {
    font-size: 20px;
  }

  .mobile-start {
    align-self: flex-start;
  }

  .btn.btn-large {
    max-width: 47%;
  }

  .app-image-back-1 {
    background-position: center;
  }

  .container-50 {
    max-width: 80%;
  }

  .app-image-back-2 {
    background-position: left;
  }

  nav ul a {
    font-size: 20px;
    padding: 0 5px;
  }

  .app-mobile-center {
    text-align: center;
  }

  .chip .close {
    top: -9px;
    line-height: 20px;
  }

  .app-px-3-5 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  ul.stepper .step .step-content {
    margin-left: 1.5rem;
    margin-right: 0;
  }

  .app-f-3-6 {
    font-size: 2.5rem;
  }

  .mobile-table {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
  }

  nav .brand-logo {
    left: 47%;
  }

  .mobile-bg {
    background-color: var(--primary-background);
  }
}

/* Wide Screen Mobile */
@media (min-width: 414px) and (max-width: 570px) {
  .pc-container {
    width: 96%;
    margin: auto;
  }

  .app-title {
    top: -2px;
    left: 15px;
    font-size: 18px;
    position: relative;
  }

  .app-hide {
    display: none;
  }

  h3 {
    font-size: 17px;
  }

  .mobile-bg {
    background-color: var(--primary-background);
  }
}

@media (max-width: 825px) {
  .app-trade-vh {
    height: 85vh;
  }

  .app-font-normal {
    font-size: 11px;
  }

  .app-trade-menu {
    font-size: 9px;
  }

  .app-font-small {
    font-size: 10px;
  }

  .table-title {
    text-decoration: underline;
    text-transform: uppercase;
    padding-top: 1rem !important;
    text-align: center;
  }

  .table-content {
    padding-bottom: 2rem !important;
    text-align: center;
  }
}

@media (max-width: 740px) {
  .app-tr-hidden {
    display: none;
  }
}

/* Tablets and PCs */
@media (min-width: 450px) {
  .mobile-bg {
    background-color: var(--background-colour);
  }

  .container {
    width: 90%;
  }

  /* .container-50 {
    max-width: 90%;
  } */

  .app-big-right {
    text-align: right;
  }

  .app-slider-title {
    font-size: 40px;
    padding: 0;
  }

  .app-flex-vh {
    min-height: 602px; /* Height of device mmius navbar height */
  }

  .app-px {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  #particles-js canvas {
    max-height: 664px;
  }

  .btn {
    font-size: 14px;
    height: 100%;
  }

  .icon {
    padding-right: 1rem;
  }
}

/*  PC Sure */
@media (min-width: 826px) {
  .pc-right {
    text-align: right;
  }

  .app-line {
    line-height: 3.5rem;
  }

  .chart-height {
    height: 93vh;
  }

  /* .app-pc-right {
    padding-right: 1rem !important;
  } */

  /* .container-50 {
    max-width: 60%;
  } */
  .btn.btn-large {
    width: 99%;
    margin-bottom: 15px;
  }

  .container-right {
    margin-left: auto;
    margin-right: 10%;
  }

  .table-title {
    vertical-align: middle;
    text-transform: uppercase;
    padding: 1rem !important;
  }

  .table-content {
    padding: 1rem !important;
  }
}

/*  Large PC Sure */
@media (min-width: 850px) {
  .pc-container {
    width: 90%;
    margin-right: auto;
  }

  .pc-container-left {
    margin-left: auto;
  }

  .app-form-padding {
    padding: 0px;
  }
}

@font-face {
  font-family: "icomoon";
  src: url(../../assets/fonts/icomoon.eot);
  src: url(../../assets/fonts/icomoon.eot#iefix) format("embedded-opentype"),
    url(../../assets/fonts/icomoon.ttf) format("truetype"),
    url(../../assets/fonts/icomoon.woff) format("woff"),
    url(../../assets/svgs/icomoon.svg#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* [class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
/* font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
/* -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  */
/* }  */

.icon-share-alternitive:before {
  content: "\e900";
}
.icon-share-01:before {
  content: "\e901";
}
.icon-share:before {
  content: "\e902";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}


			   </style>
		      <div class="row center "><div class="col l6 s6" style="padding-right: 0px;"><a class="btn btn-full btn-trans" href="addfunds.php">ADD FUNDS</a></div>
		     
		     <div class="col l6 s6" style="padding-left: 0px;"><a class="btn btn-full btn-trans" href="ct.php">COPY EXPERT </a></div></div>
		     <br>
  
			  
			
			  
<!--			  <div class="price-widget bg-usdt card-header">-->
                <!-- TradingView Widget BEGIN -->
<!-- TradingView Widget BEGIN -->
<!--<div class="tradingview-widget-container ">-->
<!--  <div class="tradingview-widget-container__widget card-header"></div>-->
<!--  <div class="tradingview-widget-copyright">-->
<!-- <h5>NASDAQ:AAPL </h5><p> </p></div>-->
<!--  <script type="text/javascript" -->
<!--  src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js" async>-->
<!--  {-->
<!--  "symbol": "NASDAQ:AAPL",-->
<!--  "width": "100%",-->
<!--  "height": "30%",-->
<!--  "locale": "en",-->
<!--  "dateRange": "12M", -->
  
<!--  "trendLineColor": "rgba(41, 98, 255, 1)",-->
<!--  "underLineColor": "rgba(41, 98, 255, 0.3)",-->
<!--  "underLineBottomColor": "rgba(41, 98, 255, 0)",-->
<!--  "isTransparent": false,-->
<!--  "autosize": true,-->
<!--  "largeChartUrl": ""-->
<!--}-->
<!--  </script>-->
<!--</div>-->
<!-- TradingView Widget END -->
<!-- TradingView Widget END -->
<!--              </div>-->
			  
           
            
                </div>
            </div>
        </div>
    
    
    
      <div class="col-xl-6 col-lg-6 col-md-6 col-xxl-6">
          <div class="row"> 
           <div class="card-body">
                
                 
              <div style="background-image: linear-gradient(to right, #62009e , #06063C);" class="price-widget bg-eth">
                <a href="#">
                  <div class="price-content">
                    <div class="icon-title"> 
                     <br>
                     <div class="icon-title"> 
                    
                      <span style="text-align: right; color:white; font-weight: bold;font-size: 28px;">  &nbsp &nbsp DEMO PROFIT</span>
                      </div>
                      
                      <span style="text-align: right;color:white; font-weight: bold;font-size: 28px;"> &nbsp &nbsp <?php echo $user["sym"]  ;   ?> <?php echo number_format($user["dp"], 2) ?> </span>
                    </div>
                 
                  </div>
                  <div style="height: 160px;">
				   <div id="chart"></div>
                </div>
				  
                </a>
				 
                     
                            <!-- TradingView Widget BEGIN -->
  <div  class="col-12" align="center">		 
		        <div  >
              
             
<style>
  .containered {
   
    align-items: center;
  }

  .lighted {
    width: 10px;
    height: 10px;
    border-radius: 90%;
    background-color: red;
    animation: blink 1s infinite;
    margin-right: 10px;
  }

  @keyframes blink {
    0%, 50% {
      opacity: 1;
    }
    51%, 100% {
      opacity: 0;
    }
  }
</style>
             
<div class="containered">
  
<div class="lighted"></div>   
<p style="text-align: center;color:white"class="card-title" > DEMO TRADING DASHBOARD </p>
</div>
 
 
            </div>  
            </div>
  
  
            
              </div>
              
            
		     <div class="row center "><div class="col l6 s6 card-title style="padding-right: 0px;">Get Started On </div>
		     
		     <div class="col l6 s6" style="padding-left: 0px;"><a class="btn btn-full btn-trans"  href="index.php"> LIFE TRADE NOW </a></div></div>
		     <br>
		     
			  
			
			  
<!--			  <div class="price-widget bg-usdt card-header">-->
                <!-- TradingView Widget BEGIN -->
<!-- TradingView Widget BEGIN -->
<!--<div class="tradingview-widget-container ">-->
<!--  <div class="tradingview-widget-container__widget card-header"></div>-->
<!--  <div class="tradingview-widget-copyright">-->
<!-- <h5>NASDAQ:AAPL </h5><p> </p></div>-->
<!--  <script type="text/javascript" -->
<!--  src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js" async>-->
<!--  {-->
<!--  "symbol": "NASDAQ:AAPL",-->
<!--  "width": "100%",-->
<!--  "height": "30%",-->
<!--  "locale": "en",-->
<!--  "dateRange": "12M", -->
  
<!--  "trendLineColor": "rgba(41, 98, 255, 1)",-->
<!--  "underLineColor": "rgba(41, 98, 255, 0.3)",-->
<!--  "underLineBottomColor": "rgba(41, 98, 255, 0)",-->
<!--  "isTransparent": false,-->
<!--  "autosize": true,-->
<!--  "largeChartUrl": ""-->
<!--}-->
<!--  </script>-->
<!--</div>-->
<!-- TradingView Widget END -->
<!-- TradingView Widget END -->
<!--              </div>-->
			  
           
            
                </div>
            </div>
        </div>
    
    
       
 </div>

 <div class="row">      
 <div class="col-xl-12 col-lg-12 col-md-12 col-xxl-12 ">
   <div class="tradingview-widget-container ">
                        <div  ><div id="tradingview_28a40-wrapper card-body" 
						style="position: relative;box-sizing: content-box;width: 100%;height: 460px;
						margin: 0 auto !important;padding: 0 !important;font-family:Arial,sans-serif;">
						<div style="width: 100%;height: 460px;background: transparent;padding: 0 !important;">
						<iframe   id="tradingview_28a40" 
						src="https://s.tradingview.com/widgetembed/?frameElementId=tradingview_28a40&amp;symbol=BITSTAMP%3ABTCUSD&amp;interval=D&amp;hidesidetoolbar=0&amp;symboledit=1&amp;saveimage=1&amp;toolbarbg=f1f3f6&amp;studies=%5B%5D&amp;theme=Dark&amp;style=1&amp;timezone=Etc%2FUTC&amp;withdateranges=1&amp;showpopupbutton=1&amp;studies_overrides=%7B%7D&amp;overrides=%7B%7D&amp;enabled_features=%5B%5D&amp;disabled_features=%5B%5D&amp;showpopupbutton=1&amp;locale=en&amp;utm_source=ptsbrokeragelc.com&amp;utm_medium=widget&amp;utm_campaign=chart&amp;utm_term=BITSTAMP%3ABTCUSD" style="width: 100%; height: 100%; margin: 0 !important; padding: 0 !important;" frameborder="0" allowtransparency="true" scrolling="no" allowfullscreen="" ></iframe></div></div></div>
                    </div>
</div>
</div>
 
 <div class="row">
                    <!-- Buy Widget BEGIN -->
                        <div class="col-xl-6 col-lg-6 col-md-6 col-xxl-6">
                            
                            <div class="row"> 
           <div class="card-body">
                            <div class="card" style="height: 380px;">
  <div class="card-header">
  
        <h4 class="card-title">BUY NOW</h4>
    </div>
   
  <div class="card-body market-limit">
    <div class="tab-content">
      <div class="tab-pane fade show active" id="limit" role="tabpanel">

 
        
        <form  action="demo.php" method="POST" class="currency_limit" >


          <div class="form-group">
            <div class="input-group">
              <input type="number" required="" 
			  id="buy_amount" data-decimals="2" min="20" class="form-control" name="amt" placeholder="Amount">
            </div>
          </div>

          <div class="form-group">
            <div class="input-group">
              <select required=""  name="pair" id="buy_pair" class="form-control" style="display: none;">
                <option value="BCH/BTC">BCH/BTC</option>
                <option value="BCH/EUR">BCH/EUR</option>
                <option value="BCH/GBP">BCH/GBP</option>
                <option value="BTC-EOS">BTC-EOS</option>
                <option value="BTC/EUR">BTC/EUR</option>
                <option value="BTC/GBP">BTC/GBP</option>
                <option value="BTC/USDT">BTC/USDT</option>
                <option value="BTC/USDC">BTC/USDC</option>
                <option value="EOS/BTC">EOS/BTC</option>
                <option value="EOS/EUR">EOS/EUR</option>
                <option value="EOS/USDT">EOS/USDT</option>
                <option value="ETC/BTC">ETC/BTC</option>      
                <option value="ETC/EUR">ETC/EUR</option>
                <option value="ETC/GBP">ETC/GBP</option>
                <option value="ETC/USDT">ETC/USDT</option>
                <option value="ETH/BTC">ETH/BTC</option>
                <option value="ETH/EUR">ETH/EUR</option>
                <option value="ETH/GBP">ETH/GBP</option>
                <option value="ETH/USDT">ETH/USDT</option>
                <option value="LTC/BTC">LTC/BTC</option>
                <option value="LTC/EUR">LTC/EUR</option>
                <option value="LTC/GBP">LTC/GBP</option>
                <option value="LTC/USDT">LTC/USDT</option>
                <option value="MKR/BTC">MKR/BTC</option>
                <option value="PCP-BTC">PCP-BTC</option>
                <option value="PCP-BTC">REP/BTC</option>
                <option value="REP/USDT">REP/USDT</option>
                <option value="TXR/GBP">TXR/GBP</option>
                <option value="XLM/BTC">XLM/BTC</option>
                <option value="XLM/EUR">XLM/EUR</option>
                <option value="XLM/USDT">XLM/USDT</option>
                <option value="XRP/BTC">XRP/BTC</option>
                <option value="XRP/EUR">XRP/EUR</option>
                <option value="XRP/USDT">XRP/USDT</option>
                <option value="ZEC/BTC">ZEC/BTC</option>
                <option value="ZRX/BTC">ZRX/BTC</option>
                <option value="ZRX/EUR">ZRX/EUR</option>
                <option value="ZRX/USDT">ZRX/USDT</option>
              </select><div class="nice-select form-control" tabindex="0"><span class="current">BCH/BTC</span><ul class="list"><li data-value="BCH/BTC" class="option selected">BCH/BTC</li><li data-value="BCH/EUR" class="option">BCH/EUR</li><li data-value="BCH/GBP" class="option">BCH/GBP</li><li data-value="BTC-EOS" class="option">BTC-EOS</li><li data-value="BTC/EUR" class="option">BTC/EUR</li><li data-value="BTC/GBP" class="option">BTC/GBP</li><li data-value="BTC/USDT" class="option">BTC/USDT</li><li data-value="BTC/USDC" class="option">BTC/USDC</li><li data-value="EOS/BTC" class="option">EOS/BTC</li><li data-value="EOS/EUR" class="option">EOS/EUR</li><li data-value="EOS/USDT" class="option">EOS/USDT</li><li data-value="ETC/BTC" class="option">ETC/BTC</li><li data-value="ETC/EUR" class="option">ETC/EUR</li><li data-value="ETC/GBP" class="option">ETC/GBP</li><li data-value="ETC/USDT" class="option">ETC/USDT</li><li data-value="ETH/BTC" class="option">ETH/BTC</li><li data-value="ETH/EUR" class="option">ETH/EUR</li><li data-value="ETH/GBP" class="option">ETH/GBP</li><li data-value="ETH/USDT" class="option">ETH/USDT</li><li data-value="LTC/BTC" class="option">LTC/BTC</li><li data-value="LTC/EUR" class="option">LTC/EUR</li><li data-value="LTC/GBP" class="option">LTC/GBP</li><li data-value="LTC/USDT" class="option">LTC/USDT</li><li data-value="MKR/BTC" class="option">MKR/BTC</li><li data-value="PCP-BTC" class="option">PCP-BTC</li><li data-value="PCP-BTC" class="option">REP/BTC</li><li data-value="REP/USDT" class="option">REP/USDT</li><li data-value="TXR/GBP" class="option">TXR/GBP</li><li data-value="XLM/BTC" class="option">XLM/BTC</li><li data-value="XLM/EUR" class="option">XLM/EUR</li><li data-value="XLM/USDT" class="option">XLM/USDT</li><li data-value="XRP/BTC" class="option">XRP/BTC</li><li data-value="XRP/EUR" class="option">XRP/EUR</li><li data-value="XRP/USDT" class="option">XRP/USDT</li><li data-value="ZEC/BTC" class="option">ZEC/BTC</li><li data-value="ZRX/BTC" class="option">ZRX/BTC</li><li data-value="ZRX/EUR" class="option">ZRX/EUR</li><li data-value="ZRX/USDT" class="option">ZRX/USDT</li></ul></div>
              <div class="input-group-append">
                <span class="input-group-text">Symbol</span>
              </div>
            </div>
          </div>

          <div class="form-group">
            <div class="input-group">

              <select class="form-control" name="time" id="buy_duration" style="display: none;">
               <option value="60">1 min</option>
               <option value="180">3 min</option>
               <option value="300">5 min</option>
               <option value="900">15 mins</option>
               <option value="1800">30 mins</option>
               <option value="3600">1 hr</option>
               <option value="7200">2 hr</option>
               <option value="86400">1 day</option>
             </select><div class="nice-select form-control" tabindex="0"><span class="current">1 min</span><ul class="list"><li data-value="60" class="option selected">1 min</li><li data-value="180" class="option">3 min</li><li data-value="300" class="option">5 min</li><li data-value="900" class="option">15 mins</li><li data-value="1800" class="option">30 mins</li><li data-value="3600" class="option">1 hr</li><li data-value="7200" class="option">2 hr</li><li data-value="86400" class="option">1 day</li></ul></div>
             <div class="input-group-append">
              <span class="input-group-text">Interval</span>
            </div>

          </div>
        </div>

        <div class="form-group">
          <div class="input-group">

            <select class="form-control" name="leverage" id="buy_leverage" required="" style="display: none;">
             
              <!-- <option value="">Please select</option> -->
                   <option data-rate="high_sell" value="7">7X</option>
                      <option data-rate="high_sell" value="20">20X</option>
                      <option data-rate="high_sell" value="15">15X</option>
                      <option data-rate="high_sell" value="30">30X</option>
                      <option data-rate="high_sell" value="40">40X</option>
                      <option data-rate="high_sell" value="50">50X</option>
                      <option data-rate="high_sell" value="80">80X</option> 

            </select>
            <div class="nice-select form-control" tabindex="0">
                <span class="current">7X</span>
                <ul class="list">
                <li data-value="7" class="option selected">7X</li>
                <li data-value="20" class="option">20X</li>
                <li data-value="15" class="option">15X</li>
                <li data-value="30" class="option">30X</li>
                <li data-value="40" class="option">40X</li>
                <li data-value="50" class="option">50X</li>
                <li data-value="80" class="option">80X</li>
                </ul>
            </div>

            <div class="input-group-append">
              <span class="input-group-text">Leverage</span>
            </div>
          </div>
        </div>

        <div class="btn-group btn-block mt-3">
          <button name="tradel" value="Buy"  type="submit" class="btn btn-success col-12" id="buyBtn">Buy Now</button>

        </div>

      </form>

    </div>

  </div>
</div>
</div>

                        </div>
                        </div>
                        </div>
                        <!-- Buy Widget END -->
                        <!-- Sell Widget BEGIN -->
                        <div class="col-xl-6 col-lg-6 col-md-6 col-xxl-6">
                           
                            <style>

    // ::-webkit-scrollbar {
    //     width: 8px;
    //     background: transparent;
// }

 // ::-webkit-scrollbar-thumb {
//     border-radius: 10px;
//      min-height:50px;
//     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
//     background-color: #666;
 // }

  ::-webkit-scrollbar-track {
                                              }


                                              /*custom scrollbar end here */

                                             


                                              /* style for nice select*/

                                              .nice-select {
                                                border-radius: 0px;
                                              }

                                              .nice-select .list {
                                                border-radius: 0px;
                                                height: 200px;
                                                overflow-y: auto;
                                              }
                                              .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
                                                color:red;
                                                background: none;
                                              }
                                            </style>
                                             
                            <div class="row"> 
           <div class="card-body">
<div class="card" style="height: 380px;">
   
   <div class="card-header">
  
        <h4 class="card-title">SELL NOW</h4>
    </div>
  <div class="card-body market-limit">
    <div class="tab-content">
      <div class="tab-pane fade show active" id="limit" role="tabpanel">


        <form action="demo.php" class="currency_limit" id="tradelive2" method="POST"> 

 

         
          <div class="form-group">
            <div class="input-group">
              <input type="number" required="" 
			  id="buy_amount" data-decimals="2" min="20" class="form-control" name="amt" placeholder="Amount">
            </div>
          </div>

          <div class="form-group">
            <div class="input-group">
              <select required=""  name="pair" id="buy_pair" class="form-control" style="display: none;">
                <option value="BCH/BTC">BCH/BTC</option>
                <option value="BCH/EUR">BCH/EUR</option>
                <option value="BCH/GBP">BCH/GBP</option>
                <option value="BTC-EOS">BTC-EOS</option>
                <option value="BTC/EUR">BTC/EUR</option>
                <option value="BTC/GBP">BTC/GBP</option>
                <option value="BTC/USDT">BTC/USDT</option>
                <option value="BTC/USDC">BTC/USDC</option>
                <option value="EOS/BTC">EOS/BTC</option>
                <option value="EOS/EUR">EOS/EUR</option>
                <option value="EOS/USDT">EOS/USDT</option>
                <option value="ETC/BTC">ETC/BTC</option>      
                <option value="ETC/EUR">ETC/EUR</option>
                <option value="ETC/GBP">ETC/GBP</option>
                <option value="ETC/USDT">ETC/USDT</option>
                <option value="ETH/BTC">ETH/BTC</option>
                <option value="ETH/EUR">ETH/EUR</option>
                <option value="ETH/GBP">ETH/GBP</option>
                <option value="ETH/USDT">ETH/USDT</option>
                <option value="LTC/BTC">LTC/BTC</option>
                <option value="LTC/EUR">LTC/EUR</option>
                <option value="LTC/GBP">LTC/GBP</option>
                <option value="LTC/USDT">LTC/USDT</option>
                <option value="MKR/BTC">MKR/BTC</option>
                <option value="PCP-BTC">PCP-BTC</option>
                <option value="PCP-BTC">REP/BTC</option>
                <option value="REP/USDT">REP/USDT</option>
                <option value="TXR/GBP">TXR/GBP</option>
                <option value="XLM/BTC">XLM/BTC</option>
                <option value="XLM/EUR">XLM/EUR</option>
                <option value="XLM/USDT">XLM/USDT</option>
                <option value="XRP/BTC">XRP/BTC</option>
                <option value="XRP/EUR">XRP/EUR</option>
                <option value="XRP/USDT">XRP/USDT</option>
                <option value="ZEC/BTC">ZEC/BTC</option>
                <option value="ZRX/BTC">ZRX/BTC</option>
                <option value="ZRX/EUR">ZRX/EUR</option>
                <option value="ZRX/USDT">ZRX/USDT</option>
              </select><div class="nice-select form-control" tabindex="0"><span class="current">BCH/BTC</span><ul class="list"><li data-value="BCH/BTC" class="option selected">BCH/BTC</li><li data-value="BCH/EUR" class="option">BCH/EUR</li><li data-value="BCH/GBP" class="option">BCH/GBP</li><li data-value="BTC-EOS" class="option">BTC-EOS</li><li data-value="BTC/EUR" class="option">BTC/EUR</li><li data-value="BTC/GBP" class="option">BTC/GBP</li><li data-value="BTC/USDT" class="option">BTC/USDT</li><li data-value="BTC/USDC" class="option">BTC/USDC</li><li data-value="EOS/BTC" class="option">EOS/BTC</li><li data-value="EOS/EUR" class="option">EOS/EUR</li><li data-value="EOS/USDT" class="option">EOS/USDT</li><li data-value="ETC/BTC" class="option">ETC/BTC</li><li data-value="ETC/EUR" class="option">ETC/EUR</li><li data-value="ETC/GBP" class="option">ETC/GBP</li><li data-value="ETC/USDT" class="option">ETC/USDT</li><li data-value="ETH/BTC" class="option">ETH/BTC</li><li data-value="ETH/EUR" class="option">ETH/EUR</li><li data-value="ETH/GBP" class="option">ETH/GBP</li><li data-value="ETH/USDT" class="option">ETH/USDT</li><li data-value="LTC/BTC" class="option">LTC/BTC</li><li data-value="LTC/EUR" class="option">LTC/EUR</li><li data-value="LTC/GBP" class="option">LTC/GBP</li><li data-value="LTC/USDT" class="option">LTC/USDT</li><li data-value="MKR/BTC" class="option">MKR/BTC</li><li data-value="PCP-BTC" class="option">PCP-BTC</li><li data-value="PCP-BTC" class="option">REP/BTC</li><li data-value="REP/USDT" class="option">REP/USDT</li><li data-value="TXR/GBP" class="option">TXR/GBP</li><li data-value="XLM/BTC" class="option">XLM/BTC</li><li data-value="XLM/EUR" class="option">XLM/EUR</li><li data-value="XLM/USDT" class="option">XLM/USDT</li><li data-value="XRP/BTC" class="option">XRP/BTC</li><li data-value="XRP/EUR" class="option">XRP/EUR</li><li data-value="XRP/USDT" class="option">XRP/USDT</li><li data-value="ZEC/BTC" class="option">ZEC/BTC</li><li data-value="ZRX/BTC" class="option">ZRX/BTC</li><li data-value="ZRX/EUR" class="option">ZRX/EUR</li><li data-value="ZRX/USDT" class="option">ZRX/USDT</li></ul></div>
              <div class="input-group-append">
                <span class="input-group-text">Symbol</span>
              </div>
            </div>
          </div>

          <div class="form-group">
            <div class="input-group">

              <select class="form-control" name="time" id="buy_duration" style="display: none;">
               <option value="60">1 min</option>
               <option value="180">3 min</option>
               <option value="300">5 min</option>
               <option value="900">15 mins</option>
               <option value="1800">30 mins</option>
               <option value="3600">1 hr</option>
               <option value="7200">2 hr</option>
               <option value="86400">1 day</option>
             </select><div class="nice-select form-control" tabindex="0"><span class="current">1 min</span><ul class="list"><li data-value="60" class="option selected">1 min</li><li data-value="180" class="option">3 min</li><li data-value="300" class="option">5 min</li><li data-value="900" class="option">15 mins</li><li data-value="1800" class="option">30 mins</li><li data-value="3600" class="option">1 hr</li><li data-value="7200" class="option">2 hr</li><li data-value="86400" class="option">1 day</li></ul></div>
             <div class="input-group-append">
              <span class="input-group-text">Interval</span>
            </div>

          </div>
        </div>

        <div class="form-group">
          <div class="input-group">

            <select class="form-control" name="leverage" id="buy_leverage" required="" style="display: none;">
             
              <!-- <option value="">Please select</option> -->
                      <option data-rate="high_sell" value="7">7X</option>
                      <option data-rate="high_sell" value="20">20X</option>
                      <option data-rate="high_sell" value="15">15X</option>
                      <option data-rate="high_sell" value="30">30X</option>
                      <option data-rate="high_sell" value="40">40X</option>
                      <option data-rate="high_sell" value="50">50X</option>
                      <option data-rate="high_sell" value="80">80X</option> 
 

            </select>
            <div class="nice-select form-control" tabindex="0">
                <span class="current">7X</span>
                  <ul class="list">
                <li data-value="7" class="option selected">7X</li>
                <li data-value="20" class="option">20X</li>
                <li data-value="15" class="option">15X</li>
                <li data-value="30" class="option">30X</li>
                <li data-value="40" class="option">40X</li>
                <li data-value="50" class="option">50X</li>
                <li data-value="80" class="option">80X</li>
                </ul>
            </div>

            <div class="input-group-append">
              <span class="input-group-text">Leverage</span>
            </div>
          </div>
        </div>

        <div class="btn-group btn-block mt-3">

          <button type="submit" value="Sell" name="tradel" class="btn btn-danger  col-12" >Sell Now</button>
        </div>

      </form>

    </div>

  </div>
</div>
</div>
            </div>
                        </div>
                        
                                    </div>
                        <!-- Sell Widget END -->
                   

 </div>

<div class="row">
    <!--Trade Widget Starts -->
    <div class="col-xl-12 col-lg-12 col-md-12 col-xxl-12">
        <div class="card">
    <div class="card-header">
        <h4 class="card-title">Demo Trading History</h4>
    </div>
    <div class="card-body overflow-auto" style="max-height: 350px; overflow-y: scroll;">
        <table class="table table-striped mb-0 table-responsive-sm">
            <thead>
                <tr>
                    <th > <h3 class="card-title">Trade ID</h3></th>
                     <th > <h3 class="card-title">Trade Type</h3></th>
                    <th> <h3 class="card-title">Time</h3></th>
                    <th><h3 class="card-title">Symbol/Pair</h3></th> 
                    <th><h3 class="card-title">Amount</h3></th>
                    <th><h3 class="card-title">Payout</h3></th>
                    <th><h3 class="card-title">Leverage</h3></th>  
                    <th><h3 class="card-title">Trade Status</h3></th>

                </tr>
            </thead>
            <tbody id="history"> 
                  <?php
                  
                  while($row = mysqli_fetch_assoc($dtradehis))
                  
                 
                  
                  { ?>
                    <tr>
                                                    <td><span class="buy-thumb"><i class="la la-arrow-up"></i> <?php echo $row["id"] ?>#</span>
                                                    </td>
                                                     <td>
                                                        <?php if($row["type"] == "Buy"){ ?>
                                                        <span class="badge badge-success"><?php echo $row["type"] ?></span>
                                                        <?php } else{?>
                                                        <span class="badge badge-danger"><?php echo $row["type"] ?></span>
                                                        <?php }?>
                                                    </td>
                                                    <td>
                                                        <span class="badge badge-success"><?php echo $row["time"] ?></span>
                                                    </td>
                                                    <td>
                                                        <?php echo $row["pair"] ?>
                                                    </td>
                                                     
                                                    <td class="text-danger"><i class="cc DASH"></i> <?php echo $user["sym"]   ?><?php echo $row["amt"]   ?>
                                                    </td>


                                                    <td class="text-danger"><i class="cc DASH"></i> <?php echo $user["sym"]   ?><?php echo $row["payout"]   ?>
                                                    </td>
													<td class="text-success"><?php echo $row["leverage"]   ?></td>
													<?php if($row["status"] == "Win"){ ?>
                                                    <td> <span class="badge badge-success">Win</span></td>  
													<?php }else{ ?>
													<td> <span class="badge badge-danger">Loss</span></td>
													<?php  } ?>
                                                </tr>
   <?php } ?>
   <tr>
  <td colspan="10">  NO TRADE  </td> 
   
    </tr> 
          </tbody> 
      </table>
 </div> 
 </div>
</div> 

</div>



 
      <!-- Trade Widget Ends --> 
    <!--Currrency Converter Widget Starts -->
 <!--   <div class="col-xl-3 col-lg-3 col-md-12 col-xxl-3">-->
	
	<!--<div class="card">-->
 <!--               <div class="card-header">-->
 <!--                 <h4 class="card-title">Quick Trade</h4>-->
 <!--               </div>-->
 <!--               <iframe src="https://widget.coinlib.io/widget?type=converter&amp;theme="-->
 <!--                  width="100%" height="310px" scrolling="auto" marginwidth="0" marginheight="0" -->
 <!--                  frameborder="0" border="0" style="border:0;margin:0;padding:0;"></iframe>-->
 <!--             </div>-->

 <!--   </div> -->
    <!-- Currrency Converter Widget Ends -->  


</div>

     </div>
   
    
    
	
	
	
	<!--another-->
	
    <script src="./Ptsbrokeragelc Options_files/global.js.download"></script>

    <script src="./Ptsbrokeragelc Options_files/waves.min.js.download"></script>

    <script src="./Ptsbrokeragelc Options_files/scripts.js.download"></script>
    <script src="./Ptsbrokeragelc Options_files/sweetalert.min.js.download"></script>

    <script src="./Ptsbrokeragelc Options_files/amchart-init.js.download"></script>
 
    <script src="./Ptsbrokeragelc Options_files/circle-progress.min.js.download"></script>
    <script src="./Ptsbrokeragelc Options_files/circle-progress-init.js.download"></script>


    <!--  flot-chart js -->
    <script src="./Ptsbrokeragelc Options_files/perfect-scrollbar.min.js.download"></script>
    <script src="./Ptsbrokeragelc Options_files/apexchart-init.js.download"></script>
     <script src="./Ptsbrokeragelc Options_files/tv.js.download"></script>


    <!-- <script src="./js/dashboard.js"></script> -->

    <script src="./Ptsbrokeragelc Options_files/dashboard.js.download"></script>
    <script src="./Ptsbrokeragelc Options_files/scripts.js.download"></script>
    <script type="text/javascript">
          $(window).ready(function() { //start after HTML, images have loaded
         
              var InfiniteRotator =
            {
                init: function()
                {
                    //initial fade-in time (in milliseconds)
                    var initialFadeIn = 500;
         
                    //interval between items (in milliseconds)
                    var itemInterval = 500;
         
                    //cross-fade time (in milliseconds)
                    var fadeTime = 500;
         
                    //count number of items
                    var numberOfItems = $('.rotating-item').length;
         
                    //set current item
                    var currentItem = 0;
         
                    //show first item
                    $('.rotating-item').eq(currentItem).show(initialFadeIn);
         
                    //loop through the items
                    var infiniteLoop = setInterval(function(){
                        $('.rotating-item').eq(currentItem).hide();
         
                        if(currentItem == numberOfItems -1){
                            currentItem = 0;
                        }else{
                            currentItem++;
                        }
                        $('.rotating-item').eq(currentItem).show();
         
                    }, itemInterval);
                }
            };
         
            InfiniteRotator.init();
        });
    </script>

    <script type="text/javascript">
          $(window).ready(function() { //start after HTML, images have loaded
         
              var InfiniteRotator =
            {
                init: function()
                {
                    //initial fade-in time (in milliseconds)
                    var initialFadeIn = 500;
         
                    //interval between items (in milliseconds)
                    var itemInterval = 500;
         
                    //cross-fade time (in milliseconds)
                    var fadeTime = 500;
         
                    //count number of items
                    var numberOfItems = $('.rotating-sell').length;
         
                    //set current item
                    var currentItem = 0;
         
                    //show first item
                    $('.rotating-sell').eq(currentItem).show(initialFadeIn);
         
                    //loop through the items
                    var infiniteLoop = setInterval(function(){
                        $('.rotating-sell').eq(currentItem).hide();
         
                        if(currentItem == numberOfItems -1){
                            currentItem = 0;
                        }else{
                            currentItem++;
                        }
                        $('.rotating-sell').eq(currentItem).show();
         
                    }, itemInterval);
                }
            };
         
            InfiniteRotator.init();
        });
    </script>

    <script type="text/javascript">
          $(window).ready(function() { //start after HTML, images have loaded
         
              var InfiniteRotator =
            {
                init: function()
                {
                    //initial fade-in time (in milliseconds)
                    var initialFadeIn = 500;
         
                    //interval between items (in milliseconds)
                    var itemInterval = 500;
         
                    //cross-fade time (in milliseconds)
                    var fadeTime = 500;
         
                    //count number of items
                    var numberOfItems = $('.rotating-history').length;
         
                    //set current item
                    var currentItem = 0;
         
                    //show first item
                    $('.rotating-history').eq(currentItem).show(initialFadeIn);
         
                    //loop through the items
                    var infiniteLoop = setInterval(function(){
                        $('.rotating-history').eq(currentItem).hide();
         
                        if(currentItem == numberOfItems -1){
                            currentItem = 0;
                        }else{
                            currentItem++;
                        }
                        $('.rotating-history').eq(currentItem).show();
         
                    }, itemInterval);
                }
            };
         
            InfiniteRotator.init();
        });
    </script>


   <script>
   
//   <!-- function getBall(){ -->
//       <!-- $.post('../../php/bal.php',{balanc:1},function(data){ -->
//              <!-- $('#wallet-balances').html(data);  -->
// <!-- console.log(data);              -->
//           <!-- }) -->
//   <!-- } -->
//     <!-- getBall(); -->
//   <!-- $(window).ready(function(){ -->
//       <!-- getBall(); -->
//       <!-- // alert('a'); -->
//       <!-- setInterval(function(){ -->
//           <!-- getBall() -->
//       <!-- },5000); -->
       
//   <!-- }); -->
   </script>

    <script src="./Ptsbrokeragelc Options_files/settings.js.download"></script>
    <script src="./Ptsbrokeragelc Options_files/quixnav-init.js.download"></script>
    <script src="./Ptsbrokeragelc Options_files/styleSwitcher.js.download"></script>
    <!--<script src="plugin/tv.js"></script>  -->
    
	<style>.tradingview-widget-copyright {font-size: 13px !important; line-height: 32px !important; text-align: center !important; vertical-align: middle !important; font-family: 'Trebuchet MS', Arial, sans-serif !important; color: #9db2bd !important;} .tradingview-widget-copyright .blue-text {color: #2962FF !important;} .tradingview-widget-copyright a {text-decoration: none !important; color: #9db2bd !important;} .tradingview-widget-copyright a:visited {color: #9db2bd !important;} .tradingview-widget-copyright a:hover .blue-text {color: #1E53E5 !important;} .tradingview-widget-copyright a:active .blue-text {color: #1848CC !important;} .tradingview-widget-copyright a:visited .blue-text {color: #2962FF !important;}</style>
        <!--<script type="text/javascript" src="https://c24trades.com//Account/Trade/includes/js/trade.js"></script>-->
        <script type="text/javascript" src="./Ptsbrokeragelc Options_files/trade.js.download"></script>
<script src="https://alkconst.com/cryptologs/pricebar.js/script.js"></script>
 
<script>
$(document).ready(function(){
  $(".dashboard_log").click(function(){
    $(".profile_log").toggleClass("show");
    $(".dropdown-menu-right").toggleClass("show");
  });
});
</script> 
 

  
<!--another-->
	
	
	
	
	
	
	


    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

    <script src="vendor/basic-table/jquery.basictable.min.js"></script>
    <script src="js/plugins/basic-table-init.js"></script>

    <script src="vendor/perfect-scrollbar/perfect-scrollbar.min.js"></script>
    <script src="js/plugins/perfect-scrollbar-init.js"></script>

    <script src="vendor/apexchart/apexcharts.min.js"></script>
    <script src="js/dashboard.js"></script>
    <script src="js/plugins/apex-price.js"></script>

    <script src="vendor/slick/slick.min.js"></script>
    <script src="js/plugins/slick-init.js"></script>
    <script src="js/scripts.js"></script>
	
	</div>
  </body>
 
</html>
 
b IDATxytVսϓ22 A@IR :hCiZ[v*E:WũZA ^dQeQ @ !jZ'>gsV仿$|?g)&x-EIENT ;@xT.i%-X}SvS5.r/UHz^_$-W"w)Ɗ/@Z &IoX P$K}JzX:;` &, ŋui,e6mX ԵrKb1ԗ)DADADADADADADADADADADADADADADADADADADADADADADADADADADADADADADADADADADADADADADADADADA݀!I*]R;I2$eZ#ORZSrr6mteffu*((Pu'v{DIߔ4^pIm'77WEEE;vƎ4-$]'RI{\I&G :IHJ DWBB=\WR޽m o$K(V9ABB.}jѢv`^?IOȅ} ڶmG}T#FJ`56$-ھ}FI&v;0(h;Б38CӧOWf!;A i:F_m9s&|q%=#wZprrrla A &P\\СC[A#! {olF} `E2}MK/vV)i{4BffV\|ۭX`b@kɶ@%i$K z5zhmX[IXZ` 'b%$r5M4º/l ԃߖxhʔ)[@=} K6IM}^5k㏷݆z ΗÿO:gdGBmyT/@+Vɶ纽z񕏵l.y޴it뭷zV0[Y^>Wsqs}\/@$(T7f.InݺiR$푔n.~?H))\ZRW'Mo~v Ov6oԃxz! S,&xm/yɞԟ?'uaSѽb,8GלKboi&3t7Y,)JJ c[nzӳdE&KsZLӄ I?@&%ӟ۶mSMMњ0iؐSZ,|J+N ~,0A0!5%Q-YQQa3}$_vVrf9f?S8`zDADADADADADADADADAdqP,تmMmg1V?rSI꒟]u|l RCyEf٢9 jURbztѰ!m5~tGj2DhG*{H9)꒟ר3:(+3\?/;TUݭʴ~S6lڧUJ*i$d(#=Yݺd{,p|3B))q:vN0Y.jkק6;SɶVzHJJЀ-utѹսk>QUU\޲~]fFnK?&ߡ5b=z9)^|u_k-[y%ZNU6 7Mi:]ۦtk[n X(e6Bb."8cۭ|~teuuw|ήI-5"~Uk;ZicEmN/:]M> cQ^uiƞ??Ңpc#TUU3UakNwA`:Y_V-8.KKfRitv޲* 9S6ֿj,ՃNOMߤ]z^fOh|<>@Å5 _/Iu?{SY4hK/2]4%it5q]GGe2%iR| W&f*^]??vq[LgE_3f}Fxu~}qd-ږFxu~I N>\;͗O֊:̗WJ@BhW=y|GgwܷH_NY?)Tdi'?խwhlmQi !SUUsw4kӺe4rfxu-[nHtMFj}H_u~w>)oV}(T'ebʒv3_[+vn@Ȭ\S}ot}w=kHFnxg S 0eޢm~l}uqZfFoZuuEg `zt~? b;t%>WTkķh[2eG8LIWx,^\thrl^Ϊ{=dž<}qV@ ⠨Wy^LF_>0UkDuʫuCs$)Iv:IK;6ֲ4{^6եm+l3>݆uM 9u?>Zc }g~qhKwڭeFMM~pМuqǿz6Tb@8@Y|jx](^]gf}M"tG -w.@vOqh~/HII`S[l.6nØXL9vUcOoB\xoǤ'T&IǍQw_wpv[kmO{w~>#=P1Pɞa-we:iǏlHo׈꒟f9SzH?+shk%Fs:qVhqY`jvO'ρ?PyX3lх]˾uV{ݞ]1,MzYNW~̈́ joYn}ȚF߾׮mS]F z+EDxm/d{F{-W-4wY듏:??_gPf ^3ecg ҵs8R2מz@TANGj)}CNi/R~}c:5{!ZHӋӾ6}T]G]7W6^n 9*,YqOZj:P?Q DFL|?-^.Ɵ7}fFh׶xe2Pscz1&5\cn[=Vn[ĶE鎀uˌd3GII k;lNmشOuuRVfBE]ۣeӶu :X-[(er4~LHi6:Ѻ@ԅrST0trk%$Č0ez" *z"T/X9|8.C5Feg}CQ%͞ˣJvL/?j^h&9xF`њZ(&yF&Iݻfg#W;3^{Wo^4'vV[[K';+mӍִ]AC@W?1^{එyh +^]fm~iԵ]AB@WTk̏t uR?l.OIHiYyԶ]Aˀ7c:q}ힽaf6Z~қm(+sK4{^6}T*UUu]n.:kx{:2 _m=sAߤU@?Z-Vކеz왍Nэ{|5 pڶn b p-@sPg]0G7fy-M{GCF'%{4`=$-Ge\ eU:m+Zt'WjO!OAF@ik&t݆ϥ_ e}=]"Wz_.͜E3leWFih|t-wZۍ-uw=6YN{6|} |*={Ѽn.S.z1zjۻTH]흾 DuDvmvK.`V]yY~sI@t?/ϓ. m&["+P?MzovVЫG3-GRR[(!!\_,^%?v@ҵő m`Y)tem8GMx.))A]Y i`ViW`?^~!S#^+ѽGZj?Vģ0.))A꨷lzL*]OXrY`DBBLOj{-MH'ii-ϰ ok7^ )쭡b]UXSְmռY|5*cֽk0B7镹%ڽP#8nȎq}mJr23_>lE5$iwui+ H~F`IjƵ@q \ @#qG0".0" l`„.0! ,AQHN6qzkKJ#o;`Xv2>,tێJJ7Z/*A .@fفjMzkg @TvZH3Zxu6Ra'%O?/dQ5xYkU]Rֽkق@DaS^RSּ5|BeHNN͘p HvcYcC5:y #`οb;z2.!kr}gUWkyZn=f Pvsn3p~;4p˚=ē~NmI] ¾ 0lH[_L hsh_ғߤc_њec)g7VIZ5yrgk̞W#IjӪv>՞y睝M8[|]\շ8M6%|@PZڨI-m>=k='aiRo-x?>Q.}`Ȏ:Wsmu u > .@,&;+!!˱tﭧDQwRW\vF\~Q7>spYw$%A~;~}6¾ g&if_=j,v+UL1(tWake:@Ș>j$Gq2t7S?vL|]u/ .(0E6Mk6hiۺzښOrifޱxm/Gx> Lal%%~{lBsR4*}{0Z/tNIɚpV^#Lf:u@k#RSu =S^ZyuR/.@n&΃z~B=0eg뺆#,Þ[B/?H uUf7y Wy}Bwegל`Wh(||`l`.;Ws?V@"c:iɍL֯PGv6zctM̠':wuW;d=;EveD}9J@B(0iհ bvP1{\P&G7D޴Iy_$-Qjm~Yrr&]CDv%bh|Yzni_ˆR;kg}nJOIIwyuL}{ЌNj}:+3Y?:WJ/N+Rzd=hb;dj͒suݔ@NKMԄ jqzC5@y°hL m;*5ezᕏ=ep XL n?מ:r`۵tŤZ|1v`V뽧_csج'ߤ%oTuumk%%%h)uy]Nk[n 'b2 l.=͜E%gf$[c;s:V-͞WߤWh-j7]4=F-X]>ZLSi[Y*We;Zan(ӇW|e(HNNP5[= r4tP &0<pc#`vTNV GFqvTi*Tyam$ߏWyE*VJKMTfFw>'$-ؽ.Ho.8c"@DADADADADADADADADA~j*֘,N;Pi3599h=goضLgiJ5փy~}&Zd9p֚ e:|hL``b/d9p? fgg+%%hMgXosج, ΩOl0Zh=xdjLmhݻoO[g_l,8a]٭+ӧ0$I]c]:粹:Teꢢ"5a^Kgh,&= =՟^߶“ߢE ܹS J}I%:8 IDAT~,9/ʃPW'Mo}zNƍ쨓zPbNZ~^z=4mswg;5 Y~SVMRXUյڱRf?s:w ;6H:ºi5-maM&O3;1IKeamZh͛7+##v+c ~u~ca]GnF'ټL~PPPbn voC4R,ӟgg %hq}@#M4IÇ Oy^xMZx ) yOw@HkN˖-Sǎmb]X@n+i͖!++K3gd\$mt$^YfJ\8PRF)77Wא!Cl$i:@@_oG I{$# 8磌ŋ91A (Im7֭>}ߴJq7ޗt^ -[ԩSj*}%]&' -ɓ'ꫯVzzvB#;a 7@GxI{j޼ƌ.LÇWBB7`O"I$/@R @eee@۷>}0,ɒ2$53Xs|cS~rpTYYY} kHc %&k.], @ADADADADADADADADA@lT<%''*Lo^={رc5h %$+CnܸQ3fҥK}vUVVs9G R,_{xˇ3o߾;TTTd}馛]uuuG~iԩ@4bnvmvfϞ /Peeeq}}za I~,誫{UWW뮻}_~YƍSMMMYχ֝waw\ďcxꩧtEƍկ_?۷5@u?1kNׯWzz/wy>}zj3 k(ٺuq_Zvf̘:~ ABQ&r|!%KҥKgԞ={<_X-z !CyFUUz~ ABQIIIjݺW$UXXDٳZ~ ABQƍecW$<(~<RSSvZujjjԧOZQu@4 8m&&&jԩg$ď1h ͟?_{768@g =@`)))5o6m3)ѣƌJ;wҿUTT /KZR{~a=@0o<*狔iFɶ[ˎ;T]]OX@?K.ۈxN pppppppppppppppppPfl߾] ,{ァk۶mڿo5BTӦMӴiӴ|r DB2e|An!Dy'tkΝ[A $***t5' "!駟oaDnΝ:t֭[gDШQ06qD;@ x M6v(PiizmZ4ew"@̴ixf [~-Fٱc&IZ2|n!?$@{[HTɏ#@hȎI# _m(F /6Z3z'\r,r!;w2Z3j=~GY7"I$iI.p_"?pN`y DD?: _  Gÿab7J !Bx@0 Bo cG@`1C[@0G @`0C_u V1 aCX>W ` | `!<S `"<. `#c`?cAC4 ?c p#~@0?:08&_MQ1J h#?/`7;I  q 7a wQ A 1 Hp !#<8/#@1Ul7=S=K.4Z?E_$i@!1!E4?`P_  @Bă10#: "aU,xbFY1 [n|n #'vEH:`xb #vD4Y hi.i&EΖv#O H4IŶ}:Ikh @tZRF#(tXҙzZ ?I3l7q@õ|ۍ1,GpuY Ꮿ@hJv#xxk$ v#9 5 }_$c S#=+"K{F*m7`#%H:NRSp6I?sIՖ{Ap$I$I:QRv2$Z @UJ*$]<FO4IENDB`