@import url('style/bootstrap.css');
@import url('style/bootstrap-theme.css');



body {
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 25px;
    color: #000;
    background-color:#eff2f6;
}

.log-bg {
    background-image: url(images/background.jpg);
    background-size: cover;
    background-position: bottom;
    height: 100vh;
}
.btn-primary {
    background-color: #815cff !important;
}

.log-w-social {
    font-size: 13px;
    font-family: Roboto;
    font-weight: 500;
    color: #151f2b;
    border-left: 1px solid #eeeeee;
    padding: 10px 0px 10px 10px;
}
.reject_reason{
     background-color: #815cff !important;
}
span.log-w-social img {
    margin: 0;
    margin-left: 15px;
}

.log-bg .logo img {
    /* height: 50px; */
    height: 54px;
    width: auto;
}

.login-sec{
    display:flex;
    height:82vh;
}

.forget span{
    margin-left:10px;
}

.mid-v {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    margin: auto;
}

a.btn-c {
    display: block;
}

.com{
    padding:0px 6px;
}

.com span {
    display: inline-block;
}

.com span .logo {
    margin-left:20px;
}

ul.top-nav-list {
    text-align: center;
    display: flex;
    gap: 30px;
    width: 800px;
    margin: 0 auto;
    max-width: 100%;
    justify-content: center;
}


.top-nav {
    background: #fff;
    min-height: 82px;
    box-shadow: 0px 3px 20px 0px rgba(31, 84, 250, 0.05);
    position: fixed;
    width: 100%;
    z-index: 99;
    display: flex;
    align-items: center;
}
.rounded-btns {
    border: 1px solid #393939;
    padding: 12px;
    border-radius: 5px;
    font-weight: bold !important;
}
ul{
    padding:0px;
}

.top-nav .logo h2{
    font-size: 22px;
    font-weight:700;
    color: #a0aec2;
    font-family: 'Montserrat';
    margin-bottom:0px;
    text-align: center;
}
.top-nav.top-login .row {
    align-items: center;
}
.top-nav .float-right.forget {
    margin-top: 0;
}


.top-nav-list li{
    display:inline-block;
}

.top-nav-list li a {
    font-family: roboto;
    font-size: 12px;
    color: #2D2D2D;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
}

.top-nav-list li a:hover{
    color:#7768ff;
}

.top-nav-list li a img{
    margin-right:6px;
}

.mystyle {
    width: 180px;
    /* padding: 25px; */
    background-color: #ffffff;
    color: #2d2d2d;
    top: 70px;
    right: 20px;
    font-size: 14px;
    border-radius: 6px;
    z-index: 99999999;
    padding: 10px 0px;
    box-sizing: border-box;
    position: absolute;
    box-shadow: 0px 3px 20px 0px rgba(31, 84, 250, 0.05);
    display: block !important;
}

.profile-view.mystyle a {
    font-size: 14px;
    color: #2d2d2d;
    padding: 6px 25px;
    display: block;
    font-weight: 400;
}

.profile-view.mystyle a:hover, .profile-view.mystyle a:focus {
    color: #7768ff;
}

.user-top{
    background-color:transparent;
    border:none;
    font-family:roboto;
    font-size:16px;
    color:#2D2D2D;
    font-weight:500;
    padding-right:20px;
    background-image: url(images/header-arrow.png);
    background-repeat:no-repeat;
    background-position:right center;
    margin-right:7px;
    cursor:pointer;

}

.user-top:focus{
    outline:none;
}

.user-btn {
    margin-top: 0 !important;
    display: inline-flex;
}

.profile-view{
    position:absolute;
    display:none;

}

.sidenav {
    height: 100%;
    padding-bottom: 100px;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 70px;
    left: 0;
    background-color:#fafafb;
    overflow-x: hidden;
    transition: 0.5s;
}


.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 5px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

#mainBg {
    transition: margin-left .5s;
}

.menu-img{
    margin-left:20px;
    cursor:pointer;
}

.blue-top{
    background:#1f53f9;
    padding:20px 10px;
}

.blue-top h2{
    font-family:roboto;
    font-weight:400;
    font-size:22px;
    color:#fff;
    margin-bottom:0px;
}

.blue-top h2 span{
    font-size:16px;
    opacity:0.8;
}

.blue-top img {
    margin-top: -30px;
}

.blue-top ul{
    margin-bottom:0px;
}

.blue-top ul li {
    display: inline-block;
    margin-left: 20px;
}

.user-profile{
    text-align:center;
    padding:30px 0px;
    padding-bottom: 0px;
}

.user-profile h3{
    ont-family:roboto;
    font-weight:500;
    font-size:18px;
    color:#2d2d2d;
    margin-top:20px;
    margin-bottom:5px;
}

.side-icons{
    text-align:center;
    margin-bottom:40px;
}

.user-profile p{
    ont-family:roboto;
    font-weight:400;
    font-size:14px;
    color:#a0aec2;
}

.side-list li{
    display:inline-block;
    margin:0px 4px;
}

.side-list li a{
    background-image:url(images/menu-home.png);
    background-repeat:no-repeat;
    background-position:center;
    background-color: #fff;
    padding: 7px 20px;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
}

.side-list li:nth-child(2) a {
    background-image:url(images/menu-mail.png);
}

.side-list li:nth-child(2) a:hover {
    background-image:url(images/menu-mail-2.png);
}

.side-list li:nth-child(3) a {
    background-image: url(images/menu-profile.png);
}

.side-list li:nth-child(3) a:hover {
    background-image: url(images/menu-profile-2.png);
}

.side-list li:nth-child(4) a {
    background-image: url(images/menu-logout.png);
}

.side-list li:nth-child(4) a:hover {
    background-image: url(images/menu-logout-2.png);
}

.side-list li a:hover{
    background-image: url(images/menu-home-2.png);
    background-color: #7768ff;
    border: 1px solid #7768ff;
}

.drop-card {
    background: #fff;
    border-top: 1px solid #eff0f3;
}

.drop-card .collapsed .list-img-1 h5,.direct-link h5{
    font-family:roboto;
    font-weight:400;
    font-size:14px !important;
    color:#7a879b !important;
    padding-top: 10px;
    padding-left: 20px;
}

.drop-card h5{
    color:#7768ff;
    font-size:14px;
    padding-top: 10px;
    padding-left: 20px;
    font-family:roboto;
    font-weight:400;
}



.drop-card .collapsed .list-img-1{
    background-image: url(images/menu-deposit-1.png);
    width: 100%;
    height: auto;
    background-position: left center;
    background-position-x: 20px;
    padding: 8px 0px 8px 34px;
    background-repeat: no-repeat;
}

.direct-link {
    background: #fff;
    border-top: 1px solid #eff0f3;
    background-image: url(images/bonus-icon-1.png);
    width: 100%;
    height: auto;
    background-position: left center;
    background-position-x: 20px;
    padding: 8px 0px 8px 34px;
    background-repeat: no-repeat;
}

.ancor-direct .direct-link:nth-child(2) {
    background-image: url(images/menu-center-2.png);
}

.ancor-direct .direct-link:nth-child(3) {
    background-image: url(images/menu-download-2.png);
}

.ancor-direct .direct-link:nth-child(4) {
    background-image: url(images/menu-promotion-2.png);
}

.ancor-direct .direct-link:nth-child(5) {
    background-image: url(images/menu-reports-2.png);
}

.ancor-direct .direct-link:nth-child(6) {
    background-image: url(images/menu-terms-2.png);
}

.drop-card:nth-child(4) .collapsed .list-img-1 {
    background-image: url(images/menu-trading-1.png);
}

.drop-card:nth-child(4) .list-img-1 {
    background-image: url(images/menu-trading-2.png);
}

.drop-card:nth-child(2) .collapsed .list-img-1 {
    background-image: url(images/menu-withdraw-1.png);
}

.drop-card:nth-child(2) .list-img-1 {
    background-image: url(images/menu-withdraw-2.png);
}

.drop-card:nth-child(3) .collapsed .list-img-1 {
    background-image: url(images/menu-transfer-1.png);
}

.drop-card:nth-child(3) .list-img-1 {
    background-image:url(images/menu-transfer-2.png);
}

.drop-card:nth-child(5) .collapsed .list-img-1 {
    background-image: url(images/menu-settings-1.png);
}

.drop-card:nth-child(5) .list-img-1 {
    background-image: url(images/menu-settings-2.png);
}

.drop-card .list-img-1{
    background-image: url(images/menu-deposit-2.png);
    width: 100%;
    height: auto;
    background-position: left center;
    background-position-x: 20px;
    padding: 8px 0px 8px 34px;
    background-repeat: no-repeat;
}

.ancor-direct.cus-menu .direct-link{
    background-image:url(images/menu-reports-2.png);
}

.list-side-nav{
    margin-bottom:0px;
}

.list-side-nav li {
    border-top: 1px solid #eff0f3;
    padding: 8px 10px 8px 66px;
    background-color: #fafafb;
}

.list-side-nav li a{
    font-family: roboto;
    font-size: 14px;
    color: #7a879b;

}

.list-side-nav li a:hover{
    color:#7768ff;
}

.list-side-nav li a img{
    margin-left:20px;
}

a:hover, a:focus, a:active{
    text-decoration:none;
}

.drop-tab.collapsed{
    background-image:url(images/menu-arrow-down.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: 93%;
}

.drop-tab{
    background-image: url(images/menu-arrow-up.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: 93%;
}

.main-bg{
    padding:140px 0px 0px 0px;
    transition: 0.3s;
}

.box-white{
    background-color:#fff;
    min-height:300px;
    width:930px;
    border-radius:8px;
    box-shadow: 0px 3px 20px 0px rgba(31, 84, 250, 0.05);
    margin-bottom:80px;
}

.box-white h2, .promotion-text-body h2{
    font-familmy: roboto;
    font-size: 18px;
    color: #2d2d2d !important;
    font-weight:600;
    line-height:24px;
    margin-bottom: 0px;
}

.box-white h2 span{
    font-family: roboto;
    font-size: 14px;
    color: #a0aec2;
    font-weight:300;
}

.top-sec{
    min-height: 72px;
    border-left: 2px solid #7768ff;
    border-top-left-radius: 8px;
    border-bottom: 1px solid #eff0f3;
    padding: 10px 30px;
    display: flex;
    align-items: center;
}

.box-body {
    padding: 40px 32px;
}

.box-body p{
    font-family: roboto;
    font-size: 18px;
    color: #2d2d2d;
    font-weight:400;
    margin-bottom: 6px;
}


.selector-1 ul li{
    color: #AAAAAA;
    display: inline-block;
    position: relative;
    float: left;
    margin-right: 16px;
    width:23%;
}

.selector-1 ul li input[type=radio]{
    position: absolute;
    visibility: hidden;
}

.selector-1 ul li label{
    display: block;
    position: relative;
    border: 1px solid #e5e5e5;
    font-weight: 300;
    font-size: 1.35em;
    padding: 18px 10px 0px 49px;
    margin: 10px auto;
    height: 69px;
    width: 204px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
}

.selector-1 ul li:hover label{
    color: #000;
}
.play-btn{
    z-index: 0 !important;
}

.selector-1 ul li .check{
    display: block;
    position: absolute;
    border: 1px solid #eff0f3;
    border-radius: 100%;
    height: 18px;
    width: 18px;
    top: 35px;
    left: 20px;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.selector-1 ul li:hover .check {
    border: 1px solid #eff0f3;
}

.selector-1 ul li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 8px;
    width: 8px;
    top: 4px;
    left: 4px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.selector-1 input[type=radio]:checked ~ .check {
    border: 1px solid #eff0f3;
}

.selector-1 input[type=radio]:checked ~ .check::before{
    background: #00dc9f;
}

.selector-1 input[type=radio]:checked ~ label{
    color: #7768ff;
    border: 1px solid #7768ff;
    box-shadow: 0px 3px 7px 0px rgba(31, 84, 250, 0.06);
}


.Rounded_Rectangle_5 {
    border-width: 1px;
    border-color: rgb(31, 84, 250);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 3px 7px 0px rgba(31, 84, 250, 0.06);
    position: absolute;
    left: 628px;
    top: 401px;
    width: 202px;
    height: 67px;
    z-index: 72;
}

.table-1 th{
    font-family: roboto;
    font-size: 16px;
    color: #7a879b;
    font-weight: 400;
    padding-bottom: 15px;
}

.table-1 td{
    width:100%;
    border-bottom: 1px solid #eff0f3;
    font-family: roboto;
    font-size: 14px;
    color: #7a879b;
    font-weight: 400;
    padding: 10px 0px;
}

.table-1{
    border-right: 1px solid #eff0f3;
    padding-right: 80px;
    margin-top: 20px
}

.table-1 td:last-child{
    text-align:right;
    color: #2d2d2d;
}

.table-1 td span{
    color: #7768ff;
    text-decoration:underline;
}

.grey-text {
    font-family: roboto;
    font-size: 16px !important;
    color: #7a879b !important;
    font-weight: 400 !important;
    margin-bottom:27px !important;
    margin-top: 20px
}

.dash-list-1 li{
    list-style:none;
    display:inline-block;
    margin-right:58px;
}

.dash-list-1 li p{
    font-family: roboto;
    font-size: 14px;
    color: #919fb3;
    font-weight: 400;
    margin-bottom:10px;
}

.dash-list-1 li span{
    font-size: 15px;
    color: #2d2d2d;
    font-family: roboto;
    font-weight: 400;
}

.btn-green {
    width: 106px;
    height: 39px;
    margin-right: 10px;
    border: 1px solid #7768ff;
    background-color: #7768ff;
    border-radius: 5px;
    font-family: roboto;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    cursor:pointer;
    margin-top:20px;
}

.btn-green:hover {
    border:1px solid #7768ff;
    background-color:transparent;
    color:#7768ff;
}

.btns-inner p{
    font-family: roboto;
    font-size: 14px;
    color: #7768ff;
    font-weight: 400;
    margin-top:20px;
    margin-bottom:0px;
}

.table-account-details table{
    width:100%;

}

.table-account-details th{
    background:#0b153b;
    padding:8px 24px;
    color:#fff;
    font-family: roboto;
    font-size: 14px;
    font-weight: 400;
    border-left:1px solid #eff2f6;
    border-bottom: 1px solid #626262;

}

.select-table-1 select {
    width: 100%;
    border: none;
    color:#7a879b;
    font-family: roboto;
    font-size: 14px;
    font-weight: 400;
    background: transparent;
}

.table-account-details th:first-child{
    border-left: 1px solid #626262;
}

.select-table-1 select:focus{
    outline:none;
}

.table-account-details th:last-child{
    border-right: 1px solid #626262;
}

.table-account-details td{
    padding:10px 24px;
    border:1px solid #eff2f6;
    color:#7a879b;
    font-family: roboto;
    font-size: 14px;
    font-weight: 400;
}

.btn-table, .btn-table-1 {
    width:100%;
    background-color: #00dc9f;
    border-radius: 5px;
    font-family: roboto;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    border:none;
}

.btn-table-1{
    background-color:#f9a44a;
}



/** deposit page **/

ul.field-deposit li {
    list-style: none;
    display: inline-block;
    font-family: Roboto;
    font-size: 16px;
    color: #7a879b;
    font-weight: 500;
    margin-left: 10px;
}

.select-mt select{
    -webkit-appearance: none;
    width: 260px;
    border: none;
    font-family: Roboto;
    font-size: 14px;
    color: #7a879b;
    font-weight: 400;
    background-image:url(images/listing-arrow-down.png);
    background-repeat:no-repeat;
    background-position:right center;
}

.select-mt select:focus{
    outline:none;
}

ul.field-deposit {
    border: 1px solid #e5e5e5;
    padding: 8px 10px;
    border-radius: 5px;
    width: 100%;
   /* margin-bottom: 40px;*/
    margin-top: 20px;
}

.commision-list{
    padding-left:23px;
    margin-top:20px;
}

.commision-list li{
    float:left;
    list-style-image: url(images/round-tick.png);
    margin-right:70px;
    font-family: Roboto;
    font-size: 14px;
    color: #4d4d4d;
    font-weight: 400;
}

/*.top-sec-1 {
    padding-top: 24px;
}*/

.select-currency ul li{
    display:inline-block;
    margin-right: 40px;
}

.currency-label input:checked ~ .checkmark:after {
    display: block;
}

.currency-label input:checked ~ .checkmark {
    background-color: transparent;
}

.currency-label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-family:Roboto;
    font-size: 16px;
    color:#60738f;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.currency-label [type="radio"] {
    display:none;
}

.currency-label .checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #eff0f3;
}

.currency-label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.currency-label .checkmark:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00dc9f;
}

.currency-2 li{
    margin-right: -5px !important;
    padding: 16px 40px;
    border: 1px solid #eff0f3;
    width:210px;
}

.currency-2 li label{
    margin-bottom:0px;
}

.currency-2 li span{
    color:#7768ff;
}

.currency-2 li p{
    margin-bottom:0px;
}

.other-input{
    width: 84px;
    border: none;
    height: 24px;
    font-family: Roboto;
    position: absolute;
    top: 59px;
    font-weight:300;
    right: 110px;
    color: #9aa3b2;
    font-size: 16px;
    border-bottom: 1px solid #e5e5e5;
}

.other-input:focus{
    outline:none;
}

.bit-table-bg{
    border:1px solid #eff0f3;
    border-radius:4px;
    width: 96%;
}

.bit-table {
    width: 100%;  
}

.bit-table tbody td{
    padding:10px 20px;
    font-family: Roboto;
    font-size: 14px;
    color: #919fb3;
    font-weight: 400;
}

.bit-table tbody td:last-child{
    color: #2d2d2d !important;
}


.bit-table tbody tr{
    border-bottom:1px solid #eff0f3;
}


.bit-table tbody tr:last-child{
    border-bottom:none;
}




.bit-table tbody td:last-child{
    text-align:right;
}

.qr-code{
    margin-top:50px;
    margin-bottom:20px;
}

.select-currency{
    margin-top: 20px;
}

/** Deposit end*/


/** Mt4 start**/

.blue-para {
    font-family: roboto !important;
    font-size: 14px !important;
    color: #a0aec2 !important;
    font-weight: 300 !important;
    margin-bottom: 20px !important;
}

.download-img{
    border:1px solid #eff0f3;
    text-align:center;
    padding:40px 0px;
}

.download-mt{
    text-align:center;
    margin-top: 30px;
}

.download-mt h3{
    font-family: Roboto;
    font-size: 16px;
    color: #2d2d2d;
    font-weight: 400;
    text-align:center;
    margin-bottom:6px;
    margin-top: 20px;
}

.download-mt p{
    font-family: roboto;
    font-size: 14px;
    color: #a0aec2;
    font-weight: 300;
    text-align:center;
}

.download-mt .btn-green{
    width:126px;
    margin-top:0px;
}

.box-body-1{
    padding:40px 32px !important;
}

/** mt4 end **/

/** my transfer start **/

.green{
    color:#00dc9f !important;
}

.table-account-details table tr:nth-child(odd){
    background:#fff;
}

.table-account-details table tr:nth-child(even){
    background:#efefef;
}

/** my transfer end **/

/** new transfer start **/

.select-transfer select{
    -webkit-appearance: none;
    width: 100%;
    font-family: Roboto;
    font-size: 14px;
    color: #7a879b;
    font-weight: 400;
    background-image: url(images/listing-arrow-down.png);
    background-repeat: no-repeat;
    background-position: right 6% center;
    border: 1px solid #eff0f3;
    border-radius:5px;
    padding:15px 20px;
}

.please-select h3{
    font-family: roboto;
    font-size: 15px;
    color: #2d2d2d;
    font-weight: 400;
    margin-bottom:20px;
}

.select-input{
    border: 1px solid #eff0f3;
    border-radius:5px;
    padding:15px 20px;
    font-family: Roboto;
    font-size: 14px;
    color: #7a879b;
    font-weight: 400;
    width: 100%;
}

.select-input:focus{
    outline:none;
}

.select-input-1{
    padding:15px 40px;
    background-image:url(images/dollar.png);
    background-repeat:no-repeat;
    background-position:left 5% center;
    margin-bottom: 30px;
}

.pincode-input-text {
    border: none;
    padding: 15px;
    width: 60px;
    text-align: center;
    color:#e4e6ea;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 600;
}

.code-type {
    border: 1px solid #eff0f3;
    max-width: 255px;
    border-radius: 5px;

}

.pincode-input-text:focus{
    outline:none;
}

.please-select a{
    color:#479eef;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.forgot-pass{
    padding-top:14px;
}

.submit-request .btn-green{
    margin-top:40px !important;
    width:126px;
}

/** top up demo **/

.demo-submit{
    margin-top:0px !important;
    padding:10px 20px !important;
    height:auto !important;
    width:100% !important;

}

.select-input-2{
    padding: 10px 20px;
}

/** top up demo end **/


.table-tab li{
    display: inline-block;
    margin-right: 30px;


}

.table-tab li a{
    border: 1px solid #eff0f3 !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-color:#fff !important;
    color:#7e8a9e;
    padding:10px 40px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.table-tab{
    border-bottom:1px solid #eff0f3;
}

.table-tab .nav-link.active{
    color:#7768ff !important;
    background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(246,246,246) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(246,246,246) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(246,246,246) 100%);
}

.table-content {
    margin-top: 30px;
}

.btn-create .btn-green{
    width:auto !important;
    height:45px !important;
    padding:0px 30px !important;
    margin-top:0px;
    margin-bottom:30px;
}

.tab-content .table-account-details table {
    width: 100%;
}

/** open my demo account **/

.selector-2 ul li label{
    width:272px;
    height:96px;
}

.selector-2 ul li{
    margin-right: 25px;
}

.selector-2 ul li .check{
    top:50px;
}

.demo-list{
    text-align:center;
    border:1px solid #eff0f3;
    padding:16px 0px;
    border-radius:5px;
    margin-top:10px;

}

.selector-2 li:last-child {
    margin:0px 0px !important;
}

.demo-list li{
    display:inline-block;
    margin: 0px 28px;
    width: 82px;
}

.demo-list li h3{
    color:#4d4d4d;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    text-transform:uppercase;
}


.select-demo select {
    -webkit-appearance: none;
    width: 100%;
    border: none;
    font-family: Roboto;
    font-size: 18px;
    color: #4d4d4d;
    font-weight: 400;
    background-image: url(images/grey-down.png);
    background-repeat: no-repeat;
    background-position: right center;
    text-align:center;
}

.select-demo select:focus{
    outline:none;
}

.dollar-other .other-input {
    position:inherit;
    width:100%;
    border-bottom:none;
    background-color:transparent;
    font-family: Roboto;
    font-size: 18px;
    color: #4d4d4d;
    font-weight: 400;
}

.dollar-other{
    background-image:url(images/dollar-1.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left: 13px;
    margin: 0px 10px;
    border-bottom:1px solid #dbdcde;
}

.documnet-list{
    list-style-image:url(images/bullet-grey.png);
    padding-left:8px;
}

.documnet-list li{
    font-family: roboto;
    font-size: 14px;
    color: #a0aec2;
    font-weight: 300;
    margin-bottom:5px;
}


hr{
    border-top:1px solid #eff0f3;
    height: 1px;
    margin: 0px 0px 30px 0px;
    width: 100%;
}

.uplaod-sec{

    padding-bottom:30px

}

.upload-field{
    width:100%;
    margin-top:20px;
}

.upload-field h3 img{
    margin-right:10px;
}

.upload-field h3 {
    font-size: 14px;
    font-family: roboto;
    border: 1px solid #cecece;
    padding: 15px 20px;
    font-weight: 400;
    color:#7a879b;
    background-image: url(images/upload-btn.png);
    background-repeat:no-repeat;
    background-position:right 6% center;
    border-radius:5px;

}

.upload-field input {
    opacity: 0;
    width: 100%;
    position:absolute;
    padding: 9px;
}

.select-transfer .pass-change{
    margin-top:10px;
    margin-bottom:10px;

}

.pass-sec{
    border-right:1px solid #f1f2f5;
    padding-right:30px;
}


.pass-sec-1{
    padding-top:50px;

}
.pass-bar{
    height:4px;
    background-image:none !important;
    background-color:#7768ff !important;
}

.pass-sec-1 p{
    font-family: Roboto;
    font-size: 14px;
    color: #465061;
    font-weight: 500;
}

.pass-sec-1 p span{
    font-weight:400;
}

.pass-sec-1 .progress{
    width:180px;
    margin:25px 0px;
    background-image:none !important;
    background-color:#e4e7eb !important;
}

.profile-img{
    text-align:center;
    margin-top:10px;
}

.profile-img img{
    margin-bottom:15px;
}

.profile-img .picture-upload{
    font-family: Roboto;
    font-size: 14px;
    color: #479eef;
    font-weight: 400;


}

.profile-table .profile-t{
    border-bottom:1px solid #eff0f3;
}

.profile-table .profile-t th, .profile-t h3{
    font-family: Roboto;
    font-size: 18px;
    color: #2d2d2d;
    font-weight: 500;
    padding:10px 0px;
}

.profile-table .profile-t th span, .profile-t h3 span{
    font-family: Roboto;
    font-size: 14px;
    color: #a0aec2;
    font-weight: 400;
}

.profile-table {
    width: 100%;
}

.profile-table td:last-child {
    text-align: right;
    color: #7a879b;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.profile-table td{
    padding-top:8px;
    color: #5f6d82;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
}

.restore-box{
    width: 512px !important;
}

.restore-box .btn-green{
    min-height:50px;
    width:140px;
}

.select-request select {
    -webkit-appearance: none;
    width: 100%;
    font-family: Roboto;
    font-size: 14px;
    color: #7a879b;
    font-weight: 400;
    background-image: url(images/listing-arrow-down.png);
    background-repeat: no-repeat;
    background-position: right 6% center;
    border: 1px solid #eff0f3;
    border-radius: 5px;
    padding: 10px 20px;
}

.select-request{
    margin-top:20px;
    margin-bottom:30px;
}

.select-request-input {
    border: 1px solid #eff0f3;
    border-radius: 5px;
    padding: 15px 20px;
    font-family: Roboto;
    font-size: 14px;
    color: #7a879b;
    font-weight: 400;
    width: 100%;
}

.pay-1 {
    margin: 20px 0px 10px;
}

.pay-1 .select-input{
    margin-top:20px;
}

.pay-1 .btn-green{
    width: auto !important;
    padding: 0px 15px !important;
}


.ib-1{
    margin-top:30px;
}

.ib-para {
    font-family: roboto !important;
    font-size: 14px !important;
    color: #a0aec2 !important;
    font-weight: 300 !important;
    margin-bottom: 20px !important;
    margin-top:30px !important;
}

.check-box-1 {
    display: block;
    position: relative;
    margin-bottom: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 35px;
}

.check-box-1 p {
    font-family: Roboto;
    font-size: 14px;
    color: #a0aec2;
    font-weight: 300;
}


.check-box-1 p span {
    color: #4a70fa;
    font-weight: 400;
    text-decoration:underline;
}

.check-box-1 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 2px;
    left: 0px;
    height: 21px;
    width: 21px;
    background-color: #fff;
    border: 1px solid #eff0f3;
    border-radius: 3px;
}

.check-box-1 input:checked ~ .checkmark {
    background-color: transparent;
}

.checkmark:after {
    left: 2px;
    top: 4px;
    width: 14px;
    height: 10px;
    background-image:url(images/tick-img.png);
    background-repeat:no-repeat;
    background-position:center;

}

input:checked ~ .checkmark:after {
    display: block;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.forget a{
    font-size: 14px;
    font-family: Roboto;
    font-weight: 400;
    color: #fff;
}

.forget a:hover{
    color: #7768ff;
}

.forget{
    margin-top:24px;
}

.login-sec h3{
    font-size: 16px;
    font-family: Roboto;
    font-weight: 500;
    color:#fff;
    margin-top:20px;
}

.login-sec img{
    margin-top:20px;
}

.login-sec p{
    font-size: 15px;
    font-family: Roboto;
    font-weight: 300;
    color: #fff;
}

.box-login{
    width:100% !important;
    padding: 80px 50px;
}

.box-login h2{
    font-size: 20px;
    font-family: Roboto;
    font-weight: 500;
    color:#151f2b;
    margin-bottom:25px;
}

.box-login .email-lnk input{
    padding:8px 20px 8px 50px !important;
    background-image:url(images/email.png) !important;
    background-repeat:no-repeat !important;
    background-position:left 5% center !important;
    color:#151f2b !important;
    margin-bottom:20px;
    transition:0.3s ease-in-out;
}



.box-login .email-lnk input:focus, .box-login .pass-lnk input:focus, .signup-field input:focus, .signup-field select:focus{
    border-color:#1f52f8;
    outline:none;
}

.signup-field{
    margin:0px !important;
}


.box-login .pass-lnk input{
    padding:8px 20px 8px 50px !important;
    background-image:url(images/password.png) !important;
    background-repeat:no-repeat !important;
    background-position:left 5% center !important;
    color:#151f2b !important;
    transition:0.3s ease-in-out;
}

.box-login .btn-green{
    height:46px;
    font-size:14px;
}

.middle-sep p{
    font-size: 13px;
    font-family: Roboto;
    font-weight: 400;
    color: #60646a;
    left: 19px;
    top: 84px;
    background-color: #fff;
    position: absolute;
    padding: 5px 0px;
}

.middle-sep:before{
    content:'';
    width:1px;
    height:198px;
    background-color:#eeeeee;
    position:absolute;
    left:27px;
}

.btn-create-acc {
    width: auto;
    height: 46px;
    margin-right: 10px;
    border: 1px solid #7768ff;
    padding:0px 20px;
    background-color: #7768ff;
    border-radius: 5px;
    font-family: roboto;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    margin-top: 15px;
}

.btn-create-acc:hover {
    border: 1px solid #7768ff;
    background-color: transparent;
    color: #7768ff;
}

.box-login h3{
    font-size: 13px;
    font-family: Roboto;
    font-weight: 500;
    color: #151f2b;
    margin-top: 65px;
}

.box-signup h2{
    margin-bottom:0px !important;
}

.login-sec .box-signup p{
    font-size: 14px;
    font-family: Roboto;
    font-weight: 500;
    color:#455a73;
    margin-top: 25px;
    margin-bottom: 10px;
}

.signup-field input, .signup-field select{
    padding:8px 20px !important;
    color:#151f2b !important;
    transition:0.3s ease-in-out;
}

.mt-2 a {
    font-size: 13px;
    font-family: Roboto;
    font-weight: 500;
    color: #151f2b;
}

.resp_number, .resp_code {
    width: 100% !important;
}

button.btn-green.btn-snd-pas {
    width: 100%;
}
.select-transfer.email-lnk.forgot-lnk input {
    margin-bottom: 0px !important;
}
.liveaccountsummary {
    width: 190px !important;
}

.bit-table tbody td img{
    width: 350px;
}

.form-control {
    width: 100%;
    font-family: Roboto;
    font-size: 14px;
    color: #7a879b;
    font-weight: 400;
    border: 1px solid #eff0f3;
    border-radius: 5px;
    padding: 15px 20px;
}

button.edit-btn {
    background-color: #7768ff;
    border: none;
    color: #fff;
    width: 100%;
    right: 0;
    position: absolute;
    font-family: roboto;
    bottom: 0px;
    height: 35px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    transition: 0.3s;
    cursor: pointer;
}

.profile-img {
    text-align: center;
    margin-top: 10px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    height: 194px;
    width: 194px;
}
.container-fluid {
    width: 100%;
}
.top-nav .com span .logo img {
    width: 122px;
    height: auto;
}
a.live-btn, a.demo-btn {
    background-color: #815cff !important;
    border: 1px solid #815cff !important;
}

a.live-btn:hover, a.demo-btn:hover {
    background-color: transparent !important;
    color: #815cff !important;
}
button.edit-btn:hover {
    height: 100%;
    background-color:#7768ff;
}

th.update-btn {
    float: right;
}

.update-btn .btn-green{
    width:max-content;
    padding: 0px 20px;
    margin-top: 0px;
}


.user-update-txt .col-md-5{
    padding-right: 0px !important;
}

.user-update-txt .col-md-7{
    padding-left: 0px !important;
}

.update-btn .btn-green{
    margin-right: 0px;
}

.update-btn {
    float: right;
}

.profile-details {
    border-top: 1px solid #eff0f3;
}
#google_translate_element {
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
}
.top-right-btns {
    display: flex;
    justify-content: end;
    gap: 20px;
}

div#goog-gt-tt {
    display: none !important;
}
.pd-width {
    margin-bottom: 20px;
    width: 930px;
    display: flex;
    justify-content: center;
    max-width: 100%;
}

/**************************/
/***** Media-Querries *****/
/**************************/


@media (min-width: 1200px) {
    .mobile-menu {
        display: none;
    }
    .container{
        width: 1155px;
    }
}

@media (min-width: 1200px){
    .container {
        width:1170px;
    }


}
@media (max-width: 1399px) {
    ul.top-nav-list {
        gap: 10px;
    }
    .user-top{
        font-size: 14px;
    }
}


@media (max-width: 1199px) {

    .top-nav-list li {
        margin-right: 8px;
    }

    .com span .logo {
        margin-left: 1px;
    }

    span.log-w-social img {
        margin-left: 10px;
    }
    .btn-create-acc-a {
        padding: 12px 10px !important;
    }
    a.live-btn, a.demo-btn {
        padding: 6px 20px !important;
        font-size: 12px !important;
    }

}



/* END OF iPAD LANDESCAPE*/


@media (max-width: 991px) {

    #mainBg {
        margin: 0px !important;
    }

    .btn-create-acc-a {
        width: 160px;
    }

    .box-login h3 {
        margin-top: 20px;
    }

    .box-login {
        padding: 40px 30px;
    }

    .top-nav {
        min-height: 72px;
    }
    .top-nav .row{
        align-items: center;
    }
    
    .btn-green{
            width: 94px;
    margin-right: 7px;
    }
    
    .dash-list-1 li {
    margin-right: 28px;
}

.selector-1 ul li{
    width:30%;
}

.profile-img{
    height:141.5px;
}

.profile-table .profile-t th:first-child {
    width: 138px;
}

.update-btn .btn-green {
    padding: 0px 10px;
}

.play-btn {
    padding-top: 50px !important;
}
.table-tab li {
    display: inline-block;
    margin-right: 0;
}
}




@media (max-width: 767px) {

    .box-white {
        width: 100%;
    }

    .box-body {
        padding: 20px;
    }


    .sidenav {
        box-shadow: 0px 3px 20px 0px rgba(142, 142, 142, 0.35);
    }

    .table-1 {
        border-right: none;
        padding-right:0px;
    }

    .main-bg {
        margin: 0px 15px !important;
    }
    
    .dash-list-1 li:last-child {
    border-right: none;
}

.dash-list-1 li {
    margin-right: 0px !important;
    width: 32%;
    border-right: 1px solid #eff0f3;
    text-align: center;
}

.dash-list-1 li p {
    margin-right: 4px;
    background-color: aliceblue;
}

.selector-1 ul li {
    width: auto;
}

ul.field-deposit li:nth-child(2) {
    width: 69%;
}

select#LiveAccountID {
        width: 100% !important;
    }
    
    .profile-img {
    width: 141.5px;
    margin: 0 auto;
}

.order-position-1{
    -webkit-order: 1; /* Safari 6.1+ */
    order: 1;
} 

.order-position-2{
    -webkit-order: 2; /* Safari 6.1+ */
    order: 2;
} 

.update-btn .btn-green {
    width: 140px;
    margin-bottom: 20px;
}

.update-btn {
    float: none;
    text-align: center;
    margin-top: 20px;
}

.user-update-txt .col-md-7, .user-update-txt .col-md-5 {
    padding: 0px; 15px !important;
}


.download-mt .btn-green{
    width: 100% !important;
}

.download-img{
    border:none;
    padding: 10px; 0px;
}

.download-img img {
    width: 40px;
}

.em-space{
    margin-top: 0px !important;
}

.download-mt {
    margin-top: 20px;
}

.play-btn {
    padding-top: 62px !important;
}
.table-tab li a {
    padding: 6px 20px;
}
}

@media (max-width: 575px) {
    /*.box-login .email-lnk input{
        padding: 10px 30px !important;
        width: 240px;
        margin-left: -25px;
        font-size: 13px;
    }
    .box-login .pass-lnk input{
        padding: 10px 30px !important;
        width: 240px;
        margin-left: -25px;
        font-size: 13px;
    }
    .log-w-social{
        font-size: 10px;
    }
    span.log-w-social img{
        margin-left: 10px;
        margin-top: 2px;
    }
    .resp_code{
        width: 60px !important;
    }
    .resp_number{
        width: 148px !important;
        margin: 0 -30px !important;
    }
    .login_social {
        margin: 5px 5px;
    }
    .box-login h2{
        text-align: center;
    }
    .middle-sep p{
        display:none;
    }
    .box-login .btn-green{
        width: 93% !important;
    }
    .box-login h3{
        margin-top: 76px;
    }
    .signup_resp select {
        width: 135% !important;
        margin: 0 -35px;
    }
    .signup_box_white {
        width: 285px !important;
        margin: 0 -15px;
    }
    .signup_resp input {
        width: 135% !important;
        margin: 0 -35px;
    }

    .have_account {
        margin: -60px 0;
    }*/

.box-body-1 {
    padding: 20px 15px !important;
}
    .table-tab li {
    margin-right: 0 !important;
    width: 32% !important;
    text-align: center;
}

.table-tab li a{
    padding:10px !important;
}

    .com span .logo {
        text-align: center;
        margin-left:0px;
    }

    .com span:first-child {
        position: absolute;
        left: 20px;
        top:6px;
    }

    .com span:last-child {
        width: 100%;
    }

    .box-body p {
        font-size: 16px;
    }

   .main-bg {
    padding: 100px 0px 0px 0px;
}
.top-sec-1 {
    padding: 10px !important;
}
.box-white h2 span {
    font-size: 12px;
    line-height: 14px;
}
.drop-card .collapsed .list-img-1 h5, .direct-link h5{
    font-size: 12px !important;
}
.list-img-1, .direct-link {
    background-size: 20px;
    padding-left: 15px !important;
    background-position-x: 8px !important;
}
.drop-tab {
    background-size: 8px;
}

.select-transfer select {
    margin-bottom: 20px;
    padding: 6px 10px;
}

.please-select.ib-1 {
    margin-top: 0;
}

.select-input {
    padding: 6px 10px;
    font-size: 14px;
}

.list-img-1, .direct-link {
    background-size: 20px;
    padding-left: 15px !important;
    background-position-x: 8px !important;
}

.drop-tab {
    background-size: 8px;
}

.user-profile img {
    width: 60px !important;
    height: 60px !important;
}

.side-icons {
    margin-bottom: 0;
}

.user-profile p {
    display: none;
}
.pd-width > a {
    flex: 0 0 100%;
}

.pd-width {
    flex-wrap: wrap;
}
.alert.alert-success a {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 6px;
}

.alert.alert-success {
    text-align: center;
}
.user-profile h3 {
    margin-bottom: 20px;
}

.side-list li a {
    background-size: 14px;
    padding: 6px 18px;
}
    .user-btn {
        margin-top:0px;
        float:none;
        text-align: center;
        display:none;
    }

    .dash-list-1 li {
        margin-bottom: 0px;
    }
    .select-transfer select {
    margin-bottom: 20px;
    padding: 6px 10px;
}
.please-select.ib-1 {
    margin-top: 0;
}
.select-input {
    padding: 6px 10px;
    font-size: 14px;
}
    .dash-list-1 li p img{
        display:none;
    }

    .dash-list-1 li:last-child {
        margin-bottom:0px;
    }


    .btn-green {
    width: 160px;
}

    .box-body p {
        font-size: 13px;
    }

    #mainBg {
        margin: 0px 15px 0px 15px !important;
    }

    .profile-table button {
        margin: 3px 6px;
    }

    .bitcoin_note{
        text-align: left;
        width: 280px !important;
    }
    .bitcoin_minimumamount{
        text-align: rigth;
        margin-left: -125px;
    }
    .bitcoin_exchangerate{
        float: left;
        text-align: left;
        margin-left: -179px;
    }
    .bitcoin_walletaddress{
        word-break: break-word;
        text-align: right;
        margin-left: -185px;
    }
    .webmoney_content {
        margin: 0 20px;
    }
   
    .selector-1 ul li label{
        width: 100%;
    }
    
    ul.field-deposit li:nth-child(2) {
    width: 36%;
}

.update-btn .btn-green {
    margin-bottom: 10px;
}
.profile-t {
    text-align: center;
}


}


.table .dropdown-menu {
    left: inherit;
    right: 0;
}

.table-min-height{
    min-height: 256px;
}

/**.table-account-details tr:last-child td .dropdown-menu {
    top: -144px;
}**/