PNG IHDR x sBIT|d pHYs + tEXtSoftware www.inkscape.org< ,tEXtComment
<!DOCTYPE html>
<html lang="en">
<!-- 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>aceempiretrades</title>
<!-- Favicon icon -->
<link
rel="icon"
type="image/png"
sizes="16x16"
href="images/favicon.png"
/>
<!-- 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">
<!-- Latest compiled JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- Mirrored from aceempiretrades-html.vercel.app/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 01 Mar 2023 16:56:29 GMT -->
</head>
<body>
<div id="main-wrapper">
<div class="header">
<?php
require_once('includes/connect.php');
require_once('includes/functions.php');
if(isset($_GET['l'])){
logout();
header("location: https://aceempiretrades.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']);
$tradehis = tradehis($user['Email']);
$total = $user["Profit"] + $user["Capital"];
if(isset($_POST["adr"])){
$code = 988798;
if($_POST["amt"] > $user["Pbalance"] or $_POST["amt"] == 0){
header("location: index.php?er=er");
die();
}
$sql = sprintf("INSERT INTO deposit
(name, amount, idcode, Email, BTCadr)
VALUES
('%s','%s','%s','%s','%s')",
$user['Uname'],
$_POST['amt'],
$code,
$user['Email'],
$_POST['adr']
);
if(mysqli_query($conn, $sql)){
header("location: index.php?suc=suc");
}
}
if(isset($_POST["tradel"])){
$amt = $_POST["amt"];
$lev = $_POST['leverage'];
$tradel = $_POST['tradel'];
$par = $_POST['pair'];
$time = $_POST['time'];
$ID = $user['ID'] ;
$xp = $user["Profit"];
$tamt = $user['tamt'] ;
$tleverage = $user['tleverage'] ;
$ttrader = $user['ttrader'] ;
$tstatus = $user['tstatus'] ;
$ttime = $user['ttime'] ;
$tpair = $user['tpair'] ;
$ttype = $user['ttype'] ;
if($amt > $xp or $amt == 0)
{
echo '<script>alert("Insufficient Balance Deposite Now To Start Trading")</script>';
die();
}
$authTrade = authTrade($ID,$tradel,$amt,$lev,$ttrader,$par,$time);
if( $authTrade == TRUE){
$l= $_POST["leverage"];
$statt = "Win";
$x= $_POST["amt"];
$y= $user["Profit"];
$pp= $x * $l;
$z = $pp + $x ;
$sql1 = sprintf('UPDATE members SET Profit = %s WHERE ID = "%s" ',$z, $user['ID']);
$sql2 = sprintf("INSERT INTO tsignal
(amt, pair,email,status, payout,duration,leverage, trader)
VALUES
('%s','%s','%s','%s','%s','%s','%s','%s')",
$_POST["amt"],
$_POST["pair"],
$user["Email"],
$statt,
$pp,
$_POST["time"],
$_POST["leverage"],
$user['ttrader']
);
if(mysqli_query($conn, $sql1)) {
echo '<script>alert("Trade Successful Profit Added To Your Trading Account")</script>';
}
}
if( $authTrade !== TRUE){
$statt = "loss";
$x1= $_POST["amt"];
$y1= $user["Profit"];
$z1= $y1 - $x1;
$pay = "0";
$sql2 = sprintf('UPDATE members SET Profit = %s WHERE ID = "%s" ',$z1, $user['ID']);
$sql2 = sprintf("INSERT INTO tsignal
(amt, pair,email,status, payout,duration,leverage, trader)
VALUES
('%s','%s','%s','%s','%s','%s','%s','%s')",
$_POST["amt"],
$_POST["pair"],
$user["Email"],
$statt,
$pay,
$_POST["time"],
$_POST["leverage"],
$user['ttrader']
);
if(mysqli_query($conn, $sql2)) {
echo '<script>alert("You Loss The Trade Amount Removed From Your Trading Account")</script>';
header("location: index.php");
}
}
$to = $user['Email']; // Send email to our user
$subject = 'Trade'; // Give the email a subject
$message = '<div>
Thank you for choosing aceempiretrades.com
Trade occour in your account with us the sum of ' .$user['sym'] .number_format($_POST['amt']).' USD
If trade was not made by you contact us at support@aceempiretrades.com
For more enquires contact:
Email: support@aceempiretrades.com
</div>';
$header .= 'MIME-Version: 1.0' ."\r\n";
$headers = 'From: aceempiretrades.com<support@aceempiretrades.com>' . "\r\n" .'Reply-To: support@aceempiretrades.com' . "\r\n" .'X-Mailer: PHP/' . phpversion(); // Set from headers
mail($to, $subject, $message, $headers); // Send our email
}
$expert = Getex();
$user = GetMember1($_SESSION['email']);
if(isset($_POST["id"])){
$sql5 = sprintf("INSERT INTO copy
(exp, Email)
VALUES
('%s','%s')",
$_POST['id'],
$user["Email"]
);
if(mysqli_query($conn, $sql5));
header("location: ct.php");
/*
$sql = sprintf('UPDATE members SET expert = "%s" WHERE Email="%s" ',$_POST["id"], $_SESSION['email']); if(mysqli_query($conn, $sql));
*/
}
if(isset($_GET['id'])){
$sql4 = sprintf("DELETE FROM copy WHERE ID = %s", $_GET['id']);
if(mysqli_query($conn, $sql4));
header("location: ct.php?done");
}
if(isset( $_GET['trader'])){
$expidd = Getexprid($_GET['trader']);
}
?>
<?php
$user = GetMember1( $_SESSION['email']);
if(isset($_POST['sub'])){
$image = $_FILES['file']['name'];
$temp_name = $_FILES["file"]["tmp_name"];
$image2 = $_FILES['file2']['name'];
$temp_name2 = $_FILES["file2"]["tmp_name"];
//die($_SERVER['DOCUMENT_ROOT']);
$value = explode('.',$_FILES['file']['name']);
$file_ext=strtolower(array_pop($value));
$file_size =$_FILES['file']['size'];
$expensions= array("jpeg","jpg","png","gif","svg");
if(in_array($file_ext,$expensions)=== false){
$errors[]="extension not allowed, please choose a JPEG or PNG file.";
}
if($file_size > 2097152){
$errors[]='File size must be excately 2 MB';
}
if(empty($errors)==true){
move_uploaded_file($temp_name,"../upload/".$image);
echo "Your file upload successfully.";
}
if(empty($errors)==true){
move_uploaded_file($temp_name2,"../upload/".$image2);
echo "Your file upload successfully.";
}
if($image != ""){
$sql = sprintf('UPDATE members SET idfront = "%s" WHERE Email= "%s" ',$image, $_SESSION['email']);
if(mysqli_query($conn, $sql));
}
if($image2 != ""){
$sql = sprintf('UPDATE members SET idback = "%s" WHERE Email= "%s" ',$image2, $_SESSION['email']);
if(mysqli_query($conn, $sql));
}
header('location: photo.php?suc');
}
?>
<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="#" class="">
<h6 style="text-align: right; font-weight: bold;font-size: 28px;" class="card-title"><b>Mining</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">
<div class="user" data-toggle="dropdown">
<span class="thumb"
><img src="images/profile/<?php echo $user["img"] ?>" alt=""
/></span>
<span class="arrow"
><i class="icofont-angle-down"></i
></span>
</div>
<div class="dropdown-menu dropdown-menu-right">
<div class="user-email">
<div class="user">
<span class="thumb"
><img src="images/profile/<?php echo $user["img"] ?>" alt=""
/></span>
<div class="user-info">
<h5><?php echo $user['Uname']; ?></h5>
<span><?php echo $user['Email']; ?></span>
</div>
</div>
</div>
<div class="user-balance">
<div class="total">
<p>Total</p>
<span><?php echo $user['sym']; ?> <?php echo number_format("$total"); ?></span>
</div>
</div>
<a href="profile.php" class="dropdown-item">
<i class="icofont-ui-user"></i> Profile
</a>
<a href="settings.php" class="dropdown-item">
<i class="icofont-ui-settings"></i> Setting
</a>
<a href="logout.php" class="dropdown-item logout">
<i class="icofont-logout"></i> Logout
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sidebar">
<?php include('side.php'); ?>
</div>
<div class="content-body">
<div class="container">
<br><br><br><br>
<div class="row">
<div class="col-xxl-4 col-xl-4 col-lg-6">
<div class="price-widget bg-btc">
<a href="#">
<div class="price-content">
<div class="icon-title">
<span style="text-align: right;color:white; font-weight: bold;font-size: 28px;">$<?php echo number_format($user["mining"])?>.00</span>
</div>
</div>
<div id="chart"></div>
</a>
</div>
<div class="row center ">
<div class="col l6 s6" style="padding-right: 0px;">
<a class="btn btn-full btn-trans" href="addfunds.php">BUY CONTRACT</a>
</div>
<div class="col l6 s6" style="padding-left: 0px;">
<a class="btn btn-full btn-trans" href="contracts.php">MY CONTRACTS</a>
</div>
</div>
<div class="price-widget bg-usdt">
<!-- TradingView Widget BEGIN -->
<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
<div class="tradingview-widget-container__widget"></div>
<div class="tradingview-widget-copyright">
<h5 style="color:white">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": "100%",
"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>
<style>
.box{
margin-bottom:10px;
padding-top: 20px;
padding-bottom: 20px;
}
.G{
font-size:18px;
}
</style>
<div class="col-xxl-8 col-xl-8 col-lg-6">
<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: var(--primary-button);
border: 1px solid var(--primary-button);
}
.btn.btn-trans {
background: transparent;
color: var(--primary-button);
border: 1px solid var(--primary-button);
}
.btn.btn-white-trans {
background: transparent;
color: white;
border: 1px solid white;
}
.light-text {
color: #a5bdd9;
}
.btn,
.btn-floating,
.btn-no-hover,
.btn-floating:hover {
background: var(--primary-button);
color: var(--button-font-colour);
}
.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;
}
.btn.btn-alt {
background: var(--primary-background);
/* border: 1px solid var(--primary-button); */
color: var(--secondary-background) !important;
}
h1,
h2,
h3,
h6 {
color: var(--background-heading-colour);
}
.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 {
color: #5b728c;
font-size: 0.75rem;
}
.collection a.collection-item span {
color: var(--primary-font-colour);
}
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);
}
.btn-color {
color: var(--primary-button) !important;
}
.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);
}
body {
background: var(--background-colour);
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;
color: var(--primary-font-colour);
}
.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 {
color: var(--primary-font-colour);
background: var(--primary-background);
}
.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(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;
}
/* 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);
}
body {
background: var(--background-colour);
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;
color: var(--primary-font-colour);
}
.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 {
color: var(--primary-font-colour);
background: var(--primary-background);
}
.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(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>
<h5> MY CONTRACT</h5>
<hr>
<li class="list-group-item d-flex justify-content-between box">
<img src="https://foreigncoin247.com/assets/icons/pair-icon-btcusd.img.svg" width="50px" style="border-radius: 50%;">
<div class="ms-2 me-auto">
<script>
var totalValb = 0;
function handleFormb(){
val = <?php echo number_format($user["Profit"]); ?>;
totalValb = val ;
//document.getElementById("resultb").value = totalValb;
let ws = new WebSocket('wss://stream.binance.com:9443/ws/btcusdt@trade');
let stockPriceElement = document.getElementById('resultb').value = totalValb;
ws.onmessage = (event) =>
{
let stockObject = JSON.parse(event.data);
let btcv = stockObject.p;
totalbtcv = val ;
totalbtcvv = totalbtcv ;
document.getElementById("resultb").value = parseFloat(totalbtcvv).toFixed(2);
}
}
</script>
<div id="resultb" class="fw-bold G card-title">0.000000 BTC</div>
<span class="card-title"><?php echo $user["sym"]?> <?php echo number_format($user["Profit"]); ?></span>
</div>
<span class="G card-title"><?php echo rand(0, 10) ?> GH/s</span>
</li>
<li class="list-group-item d-flex justify-content-between box">
<img src="https://foreigncoin247.com/assets/icons/pair-icon-ethusd.img.svg" width="50px" style="border-radius: 50%;">
<div class="ms-2 me-auto">
<div class="fw-bold G card-title">0.000000 ETH</div>
<span class="card-title"><?php echo $user["sym"]?> 0.00</span>
</div>
<span class="G card-title"><?php echo rand(0, 10) ?> GH/s</span>
</li>
<li class="list-group-item d-flex justify-content-between box">
<img src="https://foreigncoin247.com/assets/icons/pair-icon-dogeusd.img.svg" width="50px" style="border-radius: 50%;">
<div class="ms-2 me-auto">
<div class="fw-bold G card-title">0.000000 DOGE</div>
<span class="card-title"><?php echo $user["sym"]?> 0.00</span>
</div>
<span class="G card-title"><?php echo rand(0, 10) ?> GH/s</span>
</li>
<li class="list-group-item d-flex justify-content-between box">
<img src="https://foreigncoin247.com/assets/icons/pair-icon-bnbusd.img.svg" width="50px" style="border-radius: 50%;">
<div class="ms-2 me-auto">
<div class="fw-bold G card-title">0.000000 BNB</div>
<span class="card-title"><?php echo $user["sym"]?> 0.00</span>
</div>
<span class="G card-title"><?php echo rand(0, 10) ?> GH/s</span>
</li>
<div id="screen"></div>
</div>
<br><br><br><br><br><br>
</div>
</div>
</div>
</div>
<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>
</body>
<!-- Mirrored from aceempiretrades-html.vercel.app/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 01 Mar 2023 16:56:37 GMT -->
</html>
b IDATxytVսϓ22 A@IR:hCiZ[v*E:WũZA ^dQeQ @ !jZ'>gsV仿$|?g)&x-E