@charset "UTF-8";

/**
Copyright 2019
**/

:root {
    --bgcolor-hub: rgba(255, 119, 1, 0.1);
    --bgcolor-MYR: rgb(255, 119, 1, 0.1);
    --bgcolor-TUSDT: rgb(122, 6, 199, .1);

    /*--maincolor*/
    --color-hub: #FF7701;
    --color-MYR: #FF7701;
    --color-TUSDT: #7a06c7;

    --colorhover-hub: #e46600;
    --colorhover-MYR: #e46600;
    --colorhover-TUSDT: #9900ff;

    --colorlink-hub: rgb(255, 119, 1, 0.9);
    --colorlink-MYR: rgb(255, 119, 1, 0.9);
    --colorlink-TUSDT: rgb(132, 1, 219, 0.9);

    --colorbtn-hub: rgb(255, 119, 1, 0.3);
    --colorbtn-MYR: rgb(255, 119, 1, 0.3);
    --colorbtn-TUSDT: rgb(132, 1, 219, 0.3);

    --colortable-hub: rgb(255, 180, 95, 0.2);
    --colortable-MYR: rgba(255, 180, 95, 0.2);
    --colortable-TUSDT: rgb(132, 1, 219, 0.2);

    --colordark-hub: #853307;
    --colordark-MYR: #853307;
    --colordark-TUSDT: #580391;
}

.bg-vw {
    background-color: var(--maincolor);
}

.shadow-vw {
    box-shadow: 0 0.1rem 0.3rem 0.05rem var(--linkcolor);
}

.admincontact ~ button {
    top: 4px;
    left: 125px;
    position: absolute;
}

.wrap-float-widget {
    /*bottom: 35%;
    right: 10%;*/
    top: 90%;
    left: 95%;
    z-index: 1100;
    display: inline-block;
    position: fixed;
}

.wrap-float-widget .btn-float-content {
    display: block;
    width: 50px;
    filter: drop-shadow(3px 3px 3px #a8a8a8); 
}

/*
Currency Card
*/
.userCurrency > a {
    text-decoration: none;
    color:#ffffff;
    border-color: var(--maincolor);
    background: var(--maincolor);
    background: -moz-linear-gradient(-45deg,  var(--maincolor) 0%, rgba(141, 0, 24) 100%);
    background: -webkit-linear-gradient(-45deg,  var(--maincolor) 0%,rgba(141, 0, 24) 100%);
    background: linear-gradient(135deg,  var(--maincolor) 0%,rgba(141, 0, 24) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--maincolor)', endColorstr='#1dc193',GradientType=1 );
}

.userCurrency > a:hover {
    background-color:#8d0000;
    background:#8d0000;
    text-decoration: none;
    color:#ffffff
}

.stat {
    align-items:center;
    background:#d3e2f7;
    border-radius:50%;
    color:#3b7ddd;
    display:flex;
    height:40px;
    justify-content:center;
    width:40px
}

.stat i {
    stroke-width:1.5;
    color:inherit!important;
    font-size:30px;
    height:30px;
    width:30px
}

/*currency icon*/
.stat i.MYR {
    background: url('../../assets/img/currency/myr.png') no-repeat center center;
    background-size: 100%;
}

.stat i.TUSDT {
    background: url('../../assets/img/currency/tusdt.png') no-repeat center center;
    background-size: 100%;
}

.stat i.VND {
    background: url('../../assets/img/currency/vnd.png') no-repeat center center;
    background-size: 100%;
}

.stat i.THB {
    background: url('../../assets/img/currency/thb.png') no-repeat center center;
    background-size: 100%;
}

.stat i.SGD {
    background: url('../../assets/img/currency/sgd.png') no-repeat center center;
    background-size: 100%;
}

/* Button */
.btn-ag {
    color: #ffffff;
    background-color: #E8006C;
}

.btn-ag:hover {
    color: #ffffff;
    background-color: #ac0064;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--maincolor);
    --bs-btn-border-color: var(--maincolor);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--hovercolor);
    --bs-btn-hover-border-color: var(--hovercolor);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--hovercolor);
    --bs-btn-active-border-color: var(--btncolor)
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--btncolor);
    --bs-btn-disabled-border-color: var(--btncolor);
}

.btn-outline-primary {
    --bs-btn-color: var(--maincolor);
    --bs-btn-border-color: var(--maincolor);
    --bs-btn-hover-bg: var(--hovercolor);
    --bs-btn-hover-border-color: var(--hovercolor);
}

.btn-light {
    color: #1A3235;
    background-color: var(--btncolor);
}

.btn-light:hover {
    color: var(--maincolor);
    background-color: rgba(115, 122, 122, 0.8);
}

/* Others */
.loginForm [type="submit"], .loginForm [type="submit"]:focus, .loginForm [type="submit"]:active {
    border-color: var(--maincolor);
    background: var(--maincolor);
    background: -moz-linear-gradient(-45deg,  var(--maincolor) 0%, rgba(141, 0, 24) 100%);
    background: -webkit-linear-gradient(-45deg,  var(--maincolor) 0%,rgba(141, 0, 24) 100%);
    background: linear-gradient(135deg,  var(--maincolor) 0%,rgba(141, 0, 24) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--maincolor)', endColorstr='#1dc193',GradientType=1 );
}

.active>.page-link, .page-link.active {
    z-index: 3;
    color: #FFF;
    background-color: var(--maincolor);
    border-color: var(--maincolor);
}

.page-link {
    color: var(--maincolor);
}

.page-link:hover {
    color: #1A3235;
}

.input-group-text {
    color: var(--darkcolor);
    background-color: var(--tablecolor);
    border: 1px solid var(--tablecolor);
}

.form-control, .form-select {
    /* border: 1px solid #FFF; */
    /* box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; */
    /* box-shadow: 0 .125rem .25rem rgba(42,195,152,.3)!important; */
    border: 1px solid var(--tablecolor);
}

.input-group .form-control, .input-group .form-select {
    box-shadow: unset !important;
    border: 1px solid var(--btncolor);
}

thead {
    color: var(--darkcolor);
    background-color: var(--tablecolor);
    /* border: 1px solid rgba(42,195,152,.2); */
}