@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap');
body{font-family: 'Poppins', sans-serif; font-size:15px; line-height:22px; color:#525252; font-weight:400; padding:0; margin:0; background:#1d2127; }
a, a:hover, :focus{text-decoration:none; outline: none; transition: all 0.5s ease; color:#fff;}
.login-page{background:#282d36; padding:0; margin:0; min-height:100vh; width:100%; position: relative;}
.login-logo{ display:block; margin:0 auto; text-align:center; padding:70px 0 0;}
.login-logo img{ display: block; margin:0 auto; width:150px; height:auto;}
.login-box{background:#1d2127; padding:30px; box-shadow:0 6px 2px rgba(0,0,0,0.1); max-width:600px; margin:50px auto 0; border-radius:6px; }
.login-box input{background:#282d36; border:none; padding:14px 15px; color:rgba(255,255,255,0.8); margin-top:10px; margin-bottom:15px; width:100%; border-radius:5px; height:auto;}
.login-box select{background:#282d36; border:none; padding:12px 15px; color:rgba(255,255,255,0.8); margin-top:10px; margin-bottom:15px; width:100%; border-radius:5px; height:auto;}
.login-box input[type="button"], .login-box input[type="submit"]{background:#4265a3; border:none; padding:16px 15px; color:#fff; margin-top:10px; font-size:18px; text-transform:uppercase; margin-bottom:15px; width:100%; border-radius:5px; font-weight:600; letter-spacing:1px; cursor:pointer;}
.login-box input[type="button"]:hover, .login-box input[type="submit"]:hover{background:#f7931a;}
.forgot-password{ float:right; color:#287eff; text-decoration:underline;}
.login-box label.custom-control-label{padding:5px 10px; font-size:16px; color:#fff; }
.login-box .custom-control.custom-checkbox.mr-sm-2{float: left;}
.account-link{display:block; text-align:center; padding:25px 0;}

#HEADER{position:relative; padding:0; margin:0; background:#171717; min-height:62px; z-index: 99;}
.logo{float:left; padding:0; margin:0 0 -20px; width:130px; min-height:70px; position:relative; z-index:999; background:#fff;}
.logo img{position: absolute; left:6px; top:6px;} 
.menu-button{ position: relative; margin-left:0; display: block; float: left;}
.welcome-sms{float: left; padding:0 22px;}
.welcome-sms p{font-size: 15px; font-weight:500; color: #fff; line-height: 20px; padding: 0; margin: 0;}
.welcome-sms span{font-size: 13px; font-weight:500; color:#feccce; display:block;}
.header-rt{ float:right; padding:12px 0 0;}
.hdr-search {float:left; margin:15px 15px; position:relative; width:450px; }
.hdr-search input{ background:#282d36; padding:5px 15px; border-radius:5px; width:100%; border:none; color:#fff; font-size:14px;}
.hdr-search .search-button{ width:100px; height:31px; border-radius:5px;  position:absolute; top:0; right:0; background:#ed9c29; color: #fff; font-size: 14px; font-weight:500; border:none; transition:all 0.5s ease;}
.hdr-search .search-button:hover{background:#fa2d0c; transition:all 0.5s ease;}
.hdr-search .search-button img{width:13px; height:auto; float:left; margin:5px 0 0 6px}
.hdr-search .search-button:focus{outline: none;}
.hdr-search input::-webkit-input-placeholder { color:rgba(255,255,255,1); opacity:0.8;}
.hdr-search input:-ms-input-placeholder { color:rgba(255,255,255,1); opacity:0.8;}
.hdr-search input::placeholder {color:rgba(255,255,255,1); opacity:0.8;}
.get-help{float: left; padding:8px 15px 10px 35px; background: url(../images/help-icon.png) no-repeat 6px 8px; color:#fff; font-size:14px; font-weight:400;}
.get-help:hover{opacity:0.7; color:#fff;}
.logout{float:left; background:#fff; border-radius:50px; padding:7px 25px; margin:2px 15px 0 0; color:#0d1632; font-weight:600; text-transform:uppercase; font-size:14px; }
.logout:hover{background:rgba(0,0,0,0.5); color: #fff;}
.admin-profile-pic{float: left; padding:9px 40px 7px 15px; color: #fff; font-size: 14px; position: relative;}
.admin-profile-pic:hover{color:#ed9c29;}
.admin-profile-pic:after { top:45%; left:88%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color: rgba(255, 255, 255, 0); border-top-color:#fff; border-width:5px; margin-left:-5px;}
.admin-profile-pic:hover:after{ opacity: 0.5;}
.admin-profile-pic img{width:30px; height:30px; border-radius:50%; float:left; margin-top:-4px; margin-right: 12px;}
.main-section{padding-bottom:30px;}
.sidebar-left:before{ content: ''; background:#171717; width:200px; height:100vh; z-index:0; position: fixed; top:0; left:0;}


.sidebar-left > a:hover{color:#fff; opacity:0.7; padding-left:20px;}
.sidebar-left > a{display:block; color:#fff; font-size:14px; font-weight:400; padding:8px 15px; position:relative; margin:0;}
.sidebar-left > a > img{float: left; padding-right:12px; margin-top:3px;}
.sidebar-left > ul{list-style: none; background:#ed1c24; padding:15px 15px 15px 25px; margin: 0; position: relative;}
.sidebar-left > ul:after {bottom:100%; left:14%; border:solid transparent; content:" ";	height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(237, 28, 36, 0); border-bottom-color:#ed1c24; border-width:7px; margin-left: -7px;}
.sidebar-left > ul li{display: block;}
.sidebar-left > ul li a{color:#fff; font-size:14px; display:block; padding:3px 0 3px 20px; background:url(../images/sub-menu-arrow.png) no-repeat 0 10px; font-weight:400;}
.sidebar-left > ul li a:hover{color:#fff; margin-left:8px;}
.heading-header{background: #282d36; box-shadow:0 8px 8px rgba(0,0,0,0.03); padding: 10px 22px;}
.heading-header h1{color:#fff; font-size:18px; font-weight:500; background:#282d36; padding:10px 0; margin:0;}
.heading-header p{ color:rgba(255,255,255,0.6); font-size: 14px; line-height: 12px; }

.content-section{ padding:20px 0 0 22px;}
.white-bg{background:#282d36; box-shadow:0 0 15px rgba(0,0,0,0.05); border-radius:5px 0 5px 0; min-height:50px; margin-bottom:15px; position: relative;}
.heading-section{padding:10px 15px;}
.heading-section h2{font-size:16px; font-weight:400; color:#fff; padding:12px 0; margin:0;}
.heading-section h2 img{float:left; margin-right:10px;}
.head-form{float: right; padding:5px 0 0;}
.head-form label{float:left; font-weight:500; width:auto; color:#252525; font-size:15px; padding:10px 10px 0 20px;}
.head-form select{width:150px; float:left; font-size:15px; font-weight:500; color:#252525; margin:0; padding:9px 10px; height:auto;}
.dashboard-target{padding: 25px;}
.target-boxes{ background: #eeeeee; padding: 30px 20px 30px; border-radius:5px; text-align: center; position: relative; transition: all 0.5s ease;}
.target-boxes:hover{background: #f9f9f9; box-shadow: 0 10px 15px rgba(0,0,0,0.15); transition: all 0.5s ease;}
.target-boxes img{display: block; margin: 0 auto;}
.target-boxes p{font-size:16px; color:#252525; font-weight: 500; line-height:28px; padding: 10px 0;}
.target-boxes p span{display: block; font-size: 30px; color: #000; font-weight: 600;}
.target-boxes:after{position: absolute; content: ''; height:2px; width:30%; left:35%; background:#ed1c24; bottom:25px; }
.two-boxes-row{padding: 0 7px; overflow-x:hidden;}
.two-boxes-row .row{margin-left: -14px; margin-right: -14px;}
.two-boxes-row .col{padding-left: 7px; padding-right: 7px;}
.dashboard-target .row{margin-left: -7px; margin-right: -7px;}
.dashboard-target .col{padding-left: 7px; padding-right: 7px;}
.table-design table{width: 100%;}
.table-design table td{font-size:15px; color:#252525; padding:8px 12px; text-align: left; font-weight: 400;}
.table-design table td:last-child{text-align: right;}
.table-design table thead td{font-size:16px; color:#252525; padding: 10px 12px; text-align: left; font-weight: 600;}
.table-design table tbody tr:nth-child(2n+1){ background: #f1f1f1;}
#FOOTER{background:#282d36; padding:20px; clear: both; position: relative; z-index: 99;}
#FOOTER p{ text-align:center; color:#fff; font-size:13px; padding:0; margin:0;}

.filter-sec {padding: 20px;}
.filter-form{background:#f0f0f0; padding:15px 20px 0; border-radius:5px; }
.filter-form label{font-size:16px; font-weight:600; color:#252525; padding-bottom: 8px;}
.filter-form input{border:none; box-shadow:0 1px 1px rgba(0,0,0,0.1); color: #252525; font-size: 15px; padding: 10px 15px; height: auto; margin: 0; }
.filter-form .submit-btn{background:url(../images/hdr-search-button.png) no-repeat top 10px right 15px #484848; width: 100%; border:none; border-radius:5px; color:#fff; text-align:center; padding:10px 30px 10px 10px; margin-top:40px; transition: all 0.5s ease;}
.filter-form .submit-btn:hover{background:url(../images/hdr-search-button.png) no-repeat top 10px right 15px #ed1c24; transition: all 0.5s ease;}
.filter-form .row{margin-left:-7px; margin-right:-7px;}
.filter-form .col{padding-left:7px; padding-right:7px;}

.total-token-supply{overflow-x: hidden; width: 100%; margin-top:-20px; padding-top:20px;}
.total-token-supply .row{margin-left:-7px; margin-right:-7px;}
.total-token-supply .col-sm-4, .total-token-supply .col-sm-2, .total-token-supply .col-sm-3, .total-token-supply .col-sm-5, .total-token-supply .col-sm-6,
.total-token-supply .col-sm-7, .total-token-supply .col-sm-8, .total-token-supply .col-sm-9, .total-token-supply .col-sm-10, .total-token-supply .col-sm-11,
.total-token-supply .col-sm-12{padding-left:7px; padding-right:7px;}

.table-search {float: right; margin-right:0; position: relative; width:220px; padding-top:5px; }
.table-search input{ background:none; padding:8px 15px; border-radius:5px; width:100%; border:solid 1px rgba(0,0,0,0.6); color:#252525; font-size:15px;}
.table-search .search-button{ width:38px; height:38px; position:absolute; top:5px; right:5px; background:none; border:none;}
.table-search .search-button:focus{outline: none;}
.table-search input::-webkit-input-placeholder { color:rgba(0,0,0,0.8);}
.table-search input:-ms-input-placeholder { color:rgba(0,0,0,0.8);}
.table-search input::placeholder {color:rgba(0,0,0,0.8);}

.total-token-supply .col-sm-6 h2{color:#f0f0f0; font-size:24px; font-weight:400; padding-bottom:10px;}
.total-token-supply .col-sm-6 span.token-price{display:block; text-align:right; font-size:17px; color:#fff; font-weight:500; padding-right: 12px;}
.total-token-supply .col-sm-6 span.token-price span{color:#fe0702;}
.type-abc{padding:18px;}
.type-abc > img{float: right;}
.type-abc p{font-size:14px; font-weight:400; color:#fff; padding:0 0 3px 0; margin: 0;}
.type-abc h3{font-size:26px; text-transform:uppercase; font-weight:500; color:#fff; margin:0; padding:0 0 3px;}
.token-type-graph{ padding:15px 0 0;}
.token-type-graph img{display:block; margin:0 auto;}
.dci-target{padding: 10px;}
.dci-target h3{font-size:20px; color:#fff; padding:0 0 3px; margin:0; font-weight:400;}
.dci-target p{font-size:13px; color:#abacae; padding:0; margin:0; font-weight:500;}
.dci-sale{padding:10px; text-align:right;}
.dci-sale h3{font-size:20px; color:#fff; padding:0; margin:0; font-weight:600;}
.dci-sale h5{font-size:16px; color:#f0f0f0; padding:0 0 3px; margin:0; font-weight:400;}
.target-graph{padding: 0 30px 20px;}
.ito-economics ul{display: block; list-style: none; padding:0 30px 30px;}
.ito-economics ul li{display: block; color: #fff; font-size: 15px; padding:0;}
.ito-economics ul li span{float: right;}
.ito-economics ul li .target-bar{clear:both; height:3px; margin:6px 0; border-radius:50px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff0000+0,ed9c29+100 */
background: #ff0000; /* Old browsers */
background: -moz-linear-gradient(left,  #ff0000 0%, #ed9c29 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff0000 0%,#ed9c29 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff0000 0%,#ed9c29 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ed9c29',GradientType=1 ); /* IE6-9 */
}
.notification-top, .email-top{float:left; padding:10px 25px; position:relative;}
.notification-top span{position:absolute; width:18px; height:18px; line-height:18px; border-radius:50%; color:#fff; display:block; right:13px; top:0; background:#e79521; text-align: center; font-size:12px; font-weight:600; }
.email-top span{position:absolute; width:18px; height:18px; line-height:18px; border-radius:50%; color:#fff; display:block; right:7px; top:0; background:#fe0702; text-align: center; font-size:12px; font-weight:600; }

.transition-grf.id-verification-form p{color: rgba(255,255,255,.6);}
.balance-dci{padding:25px 20px; text-align: center;}
.balance-dci p{font-size:14px; font-weight:400; color:#fff; padding:15px 0 0 0; margin: 0;}
.balance-dci h3{font-size:22px; font-weight:500; color:#fff; margin:0; padding:0;}
.balance-dci img.balance-grf{max-width:100%; height:auto; margin-top:20px;}
.transition-grf{padding: 10px 20px 8px;}
.transition-grf p{font-size:14px; color:#fff; padding-bottom:10px; margin-bottom: 0; font-weight:400;}
.transition-grf p.details{font-size:18px; color:#fff; padding:5px 0; margin-bottom: 0; font-weight:400;}
.transition-grf p.details a{float:right; font-size:13px; color:#ed9c29;}
.transition-grf p .left-img{float:left; padding-right:10px; margin-top:6px;}
.transition-grf p .right-img{float:right; padding-right:0; margin-top:0px; width:27px; height:auto;}

.account-status{padding:15px 25px;}
.account-status p{ font-size: 16px; color: #fff;}
.account-status .verified-link{color:#fff; background:#66972d; font-size:14px; display: inline-block; padding:5px 15px; border-radius:5px; margin-right: 10px; }
.account-status .pending-link{color:#fff; background:#fc1907; font-size:14px; display: inline-block; padding:5px 15px; border-radius:5px; margin-right: 10px; }
.p-t-30{padding-top:48px;}
.wallet-account{font-size:20px; color:#fff;}
.account-status a.edit{ color:#ed9c29; float:right;}

#countdown .cd-box{float: left; padding:15px 20px 0 0;}
#countdown .cd-box p{ font-size:12px; text-align:center; margin-bottom:0; padding-bottom:0;}
#countdown .cd-box p.numbers{ display:block; width:56px; height:56px; background:#1d2127; text-align:center; line-height:56px; font-size:24px; font-weight: 600; border-radius:50%; }
.receiving{background:#282d36; padding:25px; border-radius:5px; text-align:center; margin-bottom: 15px;}
.receiving p{color:#fff; font-size:16px; font-weight:500;}
.receiving span{color:rgba(255,255,255,0.8); letter-spacing:3px; font-size: 15px; font-weight:500; background: #1d2127; display: inline-block; padding:15px 30px;}

.add-funds-form{padding:0 25px 15px;}
.add-funds-form select{border:none; color:rgba(255,255,255,0.7); background:#1d2127; border-radius:5px; width:100%; padding:12px 15px; font-size:15px; margin-bottom:15px;}
.add-funds-form input{border:none; color:#fff; background:#151515; border-radius:5px; width:100%; padding:15px 25px; font-size:15px; margin-bottom:15px; }
.add-funds-form p{font-size:14px; color:rgba(255,255,255,0.5); padding-bottom:15px;}
.add-funds-form button{ width:200px; color:#fff; font-size:17px; text-align:center; display:block; margin-bottom:25px; background:#f7931a; padding:15px; border: none; border-radius:6px; font-weight:700; text-transform:uppercase; cursor:pointer; transition: all 0.5s ease;}
.add-funds-form button:hover{background:#fc1907; color: #fff; transition: all 0.5s ease;}

.sidebar-left{background:#171717; padding-top:30px; padding-bottom: 50px; width:200px; float:left; min-height:calc(100vh - 50px); box-shadow:0 0 15px rgba(0,0,0,0.2); position: relative; z-index: 19;}
/*.sidebar-left:before{ content: ''; background:#171717; width:200px; height:100vh; z-index:0; position: fixed; top:0; left:0;}*/
.main-right{float: right; width: calc(100% - 200px);}
.main-section.toggled .sidebar-left{width:36px; overflow: hidden;}
.main-section.toggled .sidebar-left:before{width:50px; overflow: hidden;}
.main-section.toggled .sidebar-left > a{white-space: nowrap; padding:8px 10;}     
.main-section.toggled .sidebar-left > a img{padding-right: 25px;}
.main-section.toggled .main-right {width: calc(100% - 50px);}

.transition-grf p.factor-prg{min-height:150px; font-weight:300; font-size:14px; line-height:20px; color:rgba(255,255,255,0.6); padding:8px 0;}
.transition-grf p.invite-prg{min-height:139px; width: 80%; font-weight:300; font-size:14px; line-height:20px; color:rgba(255,255,255,0.6); padding:8px 0;}
.transition-grf input{background:#1d2127; border: none; padding: 10px 15px; color:rgba(255,255,255,0.5); margin-bottom:20px;}
.enable-2fa{color:#fff; background:#f7931a; font-size:14px; display:inline-block; padding:7px 15px; border-radius:5px; margin-right:10px; margin-bottom: 15px; font-weight:500;}
.transition-grf ul{list-style: none; padding:6px 0 0;}
.transition-grf ul li{ color: #a1b3d2; font-size:14px; display: block; padding:3px 0 4px;}
.transition-grf ul li span{ color:#fff; font-size:14px;}
.transition-grf h2{font-size:24px; font-weight:300; color:rgba(255,255,255,0.7);}
.transition-grf p.paregraf{color:rgba(255,255,255,0.6); font-size: 14px; padding: 10px 0; margin: 0;}
.red-button {color:#fff; background:#fc1907; font-size:14px; display:inline-block; padding:7px 15px; border-radius:5px; margin-right:10px; margin-bottom: 15px; font-weight:500;}
.m-t-20{margin-top: 20px;}
.p-t-20{padding-top:20px!important;}
.transition-grf .red-text{color:#fc1907; font-size: 14px; padding:5px 0 15px 0; margin: 0;}
.current-funds{float: right; color: #fff; font-size: 18px; line-height:36px;}
.id-verification-form input{background:#1d2127; border:none; padding:14px 15px; color:rgba(255,255,255,0.8); margin-top:10px; margin-bottom:10px; width: 100%; border-radius:5px;}
.transition-grf hr{border-color:rgba(255,255,255,0.15);}
.transition-grf.id-verification-form .f-size16{font-size:16px;}
.transition-grf.id-verification-form{padding-bottom:25px;}
.id-verification-form .nav-tabs{border:none;}
.id-verification-form .nav-tabs .nav-item .nav-link{padding: 10px 40px; line-height: 40px; background:#1d2127; font-size:16px; border-radius:5px; margin-right:15px; border: none; }
.id-verification-form .nav-tabs .nav-item .nav-link:hover{border: none; background:#4265a3;}
.id-verification-form .nav-tabs .nav-item .nav-link img{padding-right: 10px;}
.id-verification-form .nav-tabs .nav-item .nav-link.active{background:#4265a3; border-radius:5px; border:none; color:#fff; }
.id-verification-form .tab-content{padding: 25px 0;}
.id-verification-form .tab-content h4{font-size:18px; color:#fff; font-weight:400; }
.id-verification-form .tab-content ul {list-style:none; padding:10px 0 30px; margin: 0;}
.id-verification-form .tab-content ul li{font-size: 15px; color: #fff; background: url(../images/right-tic.png) no-repeat center left; padding-left: 30px; line-height: 24px; font-weight: 400;}
.select-wallet{background:#1d2127; border:none; padding:14px 15px; color:rgba(255,255,255,0.8); margin-top:10px; margin-bottom:10px; width: 100%; border-radius:5px; max-width:450px;}
.token-address{background:#1d2127; color: #fff; border:none; padding:14px 15px; color:rgba(255,255,255,0.8); margin-top:10px; margin-bottom:10px; width: 100%; border-radius:5px; letter-spacing: 2px;}
.id-verification-form  label{display: block; color: #fff; font-size: 16px; margin-bottom: 0; padding: 15px 0 0; font-size: 14px;}

.files input { outline:2px dashed #92b0b3; outline-offset: -10px; -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear; transition: outline-offset .15s ease-in-out, background-color .15s linear; padding:230px 0px 85px 0%; text-align: center !important; margin: 0; width: 100% !important; color: #fff;}
.files input:focus{ background: #4265a3;  }
.files{ position:relative}
.files:after {  pointer-events:none; position:absolute; top:60px; left:0; width:50px; right:0; height:56px; content:""; background-image:url(../images/drag-drop-icon.png); display:block; margin:0 auto; background-size:100%; background-repeat:no-repeat;}
.color input{ background-color:#1d2127;}
.files:before {  position:absolute; top:46%; left:0;  pointer-events:none; width:100%; right:0; height:57px; content:" Drag and Drop File OR "; display:block;  margin:0 auto; color:#fff; font-weight:400; text-align:center; font-size:20px; width: 210px; line-height:36px;}

.custom-control-label::after{width: 22px; height: 22px;}
.custom-control-label::before{width: 22px; height: 22px;}
.id-verification-form label.custom-control-label{padding:5px 10px; font-size: 16px;}
.id-verification-form .verified-button{color:#fff; background:#f7931a; font-size:16px; display:inline-block; padding:10px 25px; border-radius:5px; margin-right:10px; margin-bottom:15px; font-weight:500; border: none; margin-top: 20px;}
.custom-control.custom-checkbox.mr-sm-2{ padding-bottom: 10px;}
.choose-currency{background:#1d2127; border:none; padding:14px 15px; color:rgba(255,255,255,0.8); margin-top:10px; margin-bottom:10px; width: 100%; border-radius:5px; position:relative;}
.selected-currency-amount{position: absolute; right: 0; background: #1d2127; display: block; padding:0 10px;}
.choose-currency input{padding: 0; margin: 0;}
.easicultoo{color: #fff; line-height:70px; font-size: 18px;}
.easicultoo strong{padding-right:20px; padding-left:5px;}
.transition-grf p.alert-text{font-size: 12px; font-weight: 400; color:#fe2602;}
.choose-currency span{display: inline-block;}
.choose-currency span img{padding-right:8px;}
.choose-currency span.currency-amount{ float: right;} 
.step-blue{position:absolute; color:#fff; background:#4989fb; font-size:12px; border-radius:5px; top:-12px; left:10px; padding:0 10px; z-index: 99; }
.sale-bonus{border-radius:5px; background: #454d5c; padding:20px 15px; text-align: center;}
.sale-bonus p{font-size: 16px; line-height: 28px; color: #fff!important; padding: 0; margin: 0;}
.sale-bonus p span{display: block; font-size: 24px; font-weight: 600;}
.gePayment-btn{background:#4989fb; border:none; padding:16px 15px; color:#fff; margin-top:10px; font-size:15px; text-transform:capitalize; margin-bottom: 15px; width:100%; border-radius:5px; font-weight:500; display: block; text-align: center;}
.makePayment-btn{background:#ed9c29; border:none; padding:16px 15px; color:#fff; margin-top:10px; font-size:15px; text-transform:capitalize; margin-bottom: 15px; width:100%; border-radius:5px; font-weight:500; display: block; text-align: center;}
.or-text{line-height:70px; text-align: center; font-size: 18px!important; color: #fff!important;}
.before-buy{background:#ed9c29; font-size:14px; color:#fff; display:block; padding:15px 15px; text-align:center; margin-bottom:15px; border-radius:5px;margin-right: 15px;}
.before-buy img{padding-left:15px;}

.token-balanc{background:#4989fb; font-size:14px; color:#fff; display:block; padding:25px; margin-bottom:15px; margin-right: 15px; border-radius:5px;}
.token-balanc p{font-size:16px; color:#fff; padding:0 0 7px 0; margin:0; text-transform:uppercase; font-weight:500;}
.t-balanc{display:block; font-size:24px; font-weight:500;}
.token-balanc .p-t-60{padding-top:40px;}
.contribution{list-style:none; padding:0; margin:0;}
.contribution li{display:block; float:left; width:33.33%; text-transform:uppercase; font-weight:600; font-size:18px;}
.contribution li span{display:block; font-size:14px; font-weight:400;}
.pre-sale-token{background:#282d36; font-size:14px; color:#fff; display:block; padding:25px; margin-bottom:15px; margin-right: 15px; border-radius:5px;}
.pre-sale-token h4{font-size:17px; color:#fff; font-weight:400;}
.pre-sale-token p{font-size: 14px; text-transform: uppercase;}
.pre-sale-token p span{display: block;}
.pre-sale-token p span strong{color:#ed9c29;}
.f-size-30{font-size:30px; font-weight:500;}
.f-size-24{font-size:24px; font-weight:500;}
.f-size-22{font-size:22px; font-weight:500;}
.f-size-20{font-size:20px; font-weight:500;}
.f-size-18{font-size:18px; font-weight:500;}
.pre-sale-token h3{font-size:16px; color:#fff; max-width: 45%; font-weight:500; float: left;}
.pre-sale-token h3 span{display: block;}
.pre-sale-token .end-at{float: right; text-align: right; font-size: 13px; font-style: italic; font-weight: 300; color: #fff; text-transform:capitalize;}
.heading-header a.back-btn{float:right; background:#0872be; color:#fff; padding:5px 20px; border-radius:5px; font-size:13px; margin-top:5px; }
.heading-header a.back-btn img{padding-right:6px;}
.heading-header a.back-btn:hover{background:#1a89d8;}

.transaction-status{padding:15px;}
.transaction-status .transaction-notes{padding:25px 15px; background:#1d2127;}
.transaction-notes p {text-align:center; color:rgba(255,255,255,0.5); font-size:16px; line-height:28px; padding: 0; margin: 0;}
.transaction-notes p span{text-align:center; color:rgba(255,255,255,1); display: block; font-size: 15px;}
.transaction-notes p a{text-align:center; background: #5b8628; color:rgba(255,255,255,1); display: block; font-size: 13px; width: 100px; padding:6px 6px; border-radius:5px; line-height: 16px; margin:2px auto 0;}
.transaction-details > h3{font-size:18px; color:#fff; font-weight:500; padding:10px 0 10px; margin: 0;}
.transaction-table{padding: 15px 0; width: 100%; max-width: 100%; border-collapse:collapse}
.transaction-table tbody{width:100%;}
.transaction-table td{padding:14px 30px; color: #fff; font-size: 15px; font-weight: 400;}
.transaction-table tr td{ border-right:solid 1px #383d47;}
.transaction-table tr td:first-child{width:250px;}
.transaction-table td span{ float: right; color:rgba(255,255,255,0.5); font-size: 12px;}
.transaction-table tr:nth-child(2n+2){background:#242830;}
.transaction-history table{color:#fff; padding:0; margin:0; font-weight:400;}
.transaction-history table tr:nth-child(2n+2){background:#161d29;}
.transaction-history table th{color:#ed9c29; font-size:15px; padding:15px 15px; font-weight:400;}
.transaction-history table td{color:#fff; text-transform:uppercase; font-size:15px; padding:7px 10px; font-weight:400; line-height:18px; vertical-align:top;}
.transaction-history table td p{padding:0; margin:0;}
.transaction-history table td span{display: block; font-size: 12px; font-weight: 300; color: rgba(255,255,255,0.6);}
.transaction-history table td img{float: left; padding:5px 15px 5px 6px;}
.transaction-history table td a.purchage-button{font-size:12px; color:#fff; background:#134c77; padding:3px 10px; border-radius:4px; text-transform: capitalize; margin-top: 5px; display: inline-block; text-align: center;}
.transaction-history table td a.pay-now-buttton{font-size:12px; color:#fff; background:#134c77; padding:3px 10px; border-radius:4px; text-transform: capitalize; margin-top: 5px; display: inline-block; text-align: center;}
.transaction-history table td a.purchage-pending-btn{font-size:12px; color:#fff; background:#825d29; padding:3px 10px; border-radius:4px; text-transform: capitalize; margin-top: 5px; display: inline-block; text-align: center;}
.transaction-history table td .cancle-button{font-size:12px; color:#fff; background:#ff3e3e; padding:3px 10px; border-radius:4px; text-transform: capitalize; margin-top: 5px; display: inline-block; text-align: center;} 
.transaction-history table td .done-button{font-size:12px; color:#fff; background:#5b8628; padding:3px 10px; border-radius:4px; text-transform: capitalize; margin-top: 5px; display: inline-block; text-align: center;} 

.transaction-history table td .delete-btn{ float:right;background:#d0373a;border-radius:5px; padding:5px 0; text-align:center; margin-top:4px; width:32px; display: block;}
.transaction-history table td .delete-btn img{margin:0 auto; display:block; padding:0; float:none;}
.transaction-history table td .view-eye-btn{float:right;background:#4c515b;border-radius:5px; padding:5px 0; text-align:center; margin-top:4px; width:32px; display:block;}
.transaction-history table td .view-eye-btn img{margin:0 auto; display:block; padding:0; float:none; opacity: 0.5;}
.transaction-history table td .view-eye-btn:hover img{opacity:1;}
.login-box.registration-page{ max-width:920px;}
.login-box.registration-page .custom-control.custom-radio{ float:left; padding-right:25px;}
.login-box.registration-page label{ color:rgba(255,255,255,0.6); margin-bottom:0;}

.sidebar-left > a i{padding-right:15px; color:#ddd;}
.token-img-bg{ background:#1d2127; width:101px; height:101px; border-radius:50%; display:block; margin:0 auto;}
.id-verification-form select{background:#1d2127; border:none; padding:13px 15px; color:#ddd; margin-top:10px; margin-bottom:10px; width: 100%; border-radius:5px;}

.themeChange-section{ position:absolute; top:5px; right:34%; z-index:99999; width:auto;}
.theme-change{ background:#fff; box-shadow:0 0 6px rgba(0,0,0,0.05); padding:0; color:#151515; float:right; border-radius:7px 0 0 7px; display:none;}
.theme-change.toggled{ display:block;}
.theme-change h3{ color:#fff; font-size:12px; background:#ef8a24; font-weight:400; padding:10px 15px; border-radius:5px 0 0 0; margin:0;}
.theme-change a{ font-size:13px; color:#151515; display:block; padding:8px 20px; font-size:400; border-top:solid 1px #eee;}
.theme-change a:hover{ background:#f2f2f2; border-radius:0 0 0 5px;}
.change-theme{ width:40px; height:30px; background:#282d36; border:solid 7px #1d2127; border-radius:50%; box-sizing:content-box; padding-top:10px; cursor:pointer; z-index:99999; float:left; margin-right:10px;}
.change-theme img{ display:block; width:50%; height:auto; display:block; line-height:45px; margin:0 auto;}
#themeSetting {animation: rotation 2s infinite linear; -moz-animation: rotation 2s infinite linear; -webkit-animation: rotation 2s infinite linear;}
@keyframes rotation {
from { transform: rotate(0deg); }
to { transform: rotate(359deg); }}
@-webkit-keyframes rotation {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(359deg); }}
@-moz-keyframes rotation {
from { -moz-transform: rotate(0deg); }
to { -moz-transform: rotate(359deg); }}

.change-theme.lightmode{ display:none;}




/*___________ 5 June 2020 ___________*/
/*----------------------------------*/

.menu2 { list-style:none; padding:0; margin:0;}
.menu2 li{ display:block; float:left; position:relative;}
.menu2 li a{ display:block; padding:10px 15px; color:#fff; font-size:16px;}
.menu2 li a:hover, .menu2 li.active a{color:#ed9c29; }
.menu2 li.active a:after{ content:''; position:absolute; height:3px; width:100%; bottom:-11px; left:0; background:#ed9c29; border-radius:8px;}

.total-token-supply.verify-section h2{ color:#fff; font-size:24px; padding:15px 0;}
.type-abc.virified-lavel h2{ padding:0 0 15px; margin:0; font-size:50px; font-weight:600; color:#fff; line-height:50px;}
.type-abc.virified-lavel p{ font-size:16px;}
.verified-list{ list-style:none; padding:15px 0; margin:0;}
.verified-list li{ display:block; float:none; color:#fff; font-size:18px; padding-top:6px; padding-bottom:6px;}
.verified-list li.verify{ background:url(../images/right-tic.png) no-repeat 0 10px; padding-left:45px;}
.total-token-supply.verify-section .col-sm-12 > p{ color:rgba(255,255,255,0.7); font-size:15px; font-weight:300; padding:0; margin:-16px 0 15px;}
.privacy-options-section {padding:15px 20px; border-radius:5px; margin-top:15px;}
.privacy-options-section h3{ font-size:22px; color:#ed9c29; padding:0 0 10px; margin:0; font-weight:500;}
.privacy-options-section p{ font-size:15px; color:#fff; padding:0 0 10px; margin:0; font-weight:300;}
.privacy-options-section a{ background:#fff; border-radius:6px; padding:6px 15px; display:inline-block; color:#151515; font-weight:500; font-size:13px; text-transform:uppercase; margin:10px 0 0;}

.balance-dci.profile-change-pic{ text-align:left;}
.balance-dci.profile-change-pic img{ float:left; margin-right:25px;}
.balance-dci.profile-change-pic h3{ text-align:left; padding:20px 0 5px;}
.balance-dci.profile-change-pic p{ text-align:left; padding:0;}
.balance-dci.profile-change-pic button{ color:#fff; background:#66972d; font-size:14px; display:inline-block; padding:7px 20px; border-radius:5px; margin-right:10px; border:none;}
.rt-button{ float:right;}
.balance-dci.profile-change-pic button:hover{ background:#ed9c29;}
.balance-dci.profile-change-pic button:focus{ border:none; outline:none;}
.balance-dci.profile-change-pic em{ display:block; padding:10px 0 0; text-align:right; color:#06ad64; font-weight:500;}
.per-details{ padding:30px 0;}

.balance-dci.linked-accounts{ text-align:left;}
.balance-dci.linked-accounts img{ float:left; margin-right:25px;}
.balance-dci.linked-accounts h3{ text-align:left; font-size:20px; padding:6px 0 5px;}
.balance-dci.linked-accounts p{ text-align:left; padding:0;}
.balance-dci.linked-accounts button{ color:#fff; background:#ed9c29; font-size:14px; display:inline-block; padding:7px 20px; border-radius:5px; margin-right:0; border:none;}
.balance-dci.linked-accounts button:hover{ background:#66972d;}
.balance-dci.linked-accounts button:focus{ border:none; outline:none;}
.balance-dci.linked-accounts em{ display:block; padding:10px 0 0; text-align:right; color:#06ad64; font-weight:500;}

.display-name{ display:block; border:solid 1px rgba(255,255,255,0.1); padding:40px; border-radius:5px; font-size:22px; color:#fff; font-weight:400; background:rgba(0,0,0,0.2); text-align:center; margin-top:15px;}
.balance-dci.profile-change-pic em{ display:block; padding:10px 0 0; text-align:right; color:#06ad64; font-weight:500;}
.per-details{ padding:30px 0;}
.per-details .add-funds-form label{ color:#fff; font-size:15px; font-weight:400;}

.add-funds-form.preferences { padding-top:30px;}
.add-funds-form.preferences label{ color:#fff; color:16px; display:block;}
.add-funds-form.preferences button{ width:140px;}
.white-bg.pre-notification { padding:30px;}
.pre-email{ color:#fff; font-size:16px; padding:5px 0; }
.white-bg.pre-notification h4{ color:#fff; font-size:20px; padding-bottom:15px;}
.white-bg.pre-notification input[type="checkbox"]{ float:left; margin-right:15px; margin-top:5px;}
.pre-links{ padding:20px 0;}
.pre-links a{ color:#f7931a; font-size:18px; display:inline-block; padding-right:25px;}
.white-bg.pre-notification button { width:140px; color:#fff; font-size:17px; text-align:center; display:block; margin-bottom:25px; background:#f7931a; padding:15px; border:none; border-radius:6px;
font-weight:700; text-transform:uppercase; cursor:pointer; transition:all 0.5s ease;}

.link-new-account{ float:right; color:#fff; font-size:15px; text-align:center; display:block; margin-bottom:25px; background:#66972d; padding:14px 25px; border:none; border-radius:6px; font-weight:500; text-transform: uppercase; cursor:pointer; transition:all 0.5s ease; margin-right:15px;}
.link-new-account:hover{ background:#f7931a;} 
.balance-dci.linked-accounts.note-api-version p{ padding-bottom:15px; color:rgba(255,255,255,0.9);}
.balance-dci.linked-accounts.note-api-version p span{ color:#66972d;}
.balance-dci.linked-accounts.note-api-version p a{ color:#f7931a; text-decoration:underline;}
.balance-dci.linked-accounts.note-api-version h4{ color:#fff; padding:15px 0; font-size:18px; float:left; margin-right:30px;}
.upgrade-link{ background:#f7931a; font-size:15px; padding:7px 20px; border-radius:5px; float:left; margin:9px 15px;}

/*_____ new _____*/

.total-token-supply.verify-section.activity-section > p{ color:#fff; padding:0 0 15px; margin:-20px 0 0; }
.page-item.active .page-link {background-color:#f7931a; border-color:#f7931a;}
.close-acount-btn{ display:block; width:200px; background:#f7931a; border-radius:5px; padding:14px 0; font-size:18px; text-align:center; margin:25px 0; color:#fff;}
.transition-grf.crypto-addresses P{ font-size:18px; padding:10px 0 10px 0; margin:0; line-height:24px;}
.transaction-history.crypto-tabel td{ text-transform:capitalize; padding:25px 15px;}
.transaction-history.crypto-tabel td a{ display:inline-block; background:#f7931a; color:#fff; padding:5px 10px; border-radius:5px; font-size:13px;}
.balance-dci.linked-accounts.security > strong{ color:#1cb049; font-weight:600; font-size:16px;}
.manage-btn{ color:#fff; background:#f7931a; font-size:16px; display:inline-block; padding:10px 25px; border-radius:5px; margin-right:10px; margin-bottom:15px; font-weight:500; border:none; margin-top:20px; float:right; margin-right:20px;}
.selct-btn{ color:#fff; background:#0aaa6c; font-size:16px; display:inline-block; padding:10px 25px; border-radius:5px; margin-right:10px; margin-bottom:15px; font-weight:500; border:none; margin-top:20px; float:right; margin-right:20px;}
.white-bg.security-bg{ background:#1d2127;}
.tips-text{ color:rgba(255,255,255,0.6); padding:30px;}
.tips-text strong{ color:#fff;}
.radio-section input{ width:auto; float:left; margin:0 10px 0 0;}
.radio-section span{ float:left; color:#fff; font-size:16px; padding-left:6px; display:inline-block;}
.radio-section{ clear:both; color:#fff; min-height:20px; padding:15px 0 0; line-height:12px; min-height:35px;}


@media( max-width:767px){
	.sidebar-left{float:none; width:100%; min-height: 1px; background: #222; padding-top: 15px;}	
	.main-right {float:none; width:100%;}
	.menu-button{ margin-left:0; float:right;}
	.menu-button img {border-radius: 0 0 0 25px;}
	.sidebar-left::before{display: none; height: 1px;}
	.hdr-search {float:none; margin:15px auto; position:relative; width:90%; clear:both;}
	.hdr-search li{color:#fff;}	
	.logo{margin:0 0 15px;}
	.logo img{position:relative; height:auto;}
	.header-rt{padding:0 10px 0 0;}
	.notification-top, .email-top{padding:10px 12px;}
	.hdr-search{display: none;}
	.content-section {padding:15px 15px 0 15px;}
	#countdown .cd-box{padding:15px 12px 0 0;}
	.receiving span{padding:15px 10px;}
	.heading-section {padding:7px 5px;}
	.dci-target h3{font-size:16px;}
	.dci-sale h3{font-size:16px;}
	.dci-sale h5{font-size:14px;}
	.target-graph{padding:7px 7px;}
	.heading-header h1{text-align:center;}
	.receiving{padding:25px 10px;}
	.balance-dci > img{width:65px; height:auto;}
	.balance-dci > h3 ~ img{width:100%; height:auto;}
	.sidebar-left{display:none;}
	.white-bg{border-radius:5px;}
	.dci-target p{white-space:nowrap;}
	.balance-dci h3{font-size:18px;}
	.main-section .sidebar-left{display: none;}
	.main-section.toggled .sidebar-left{display: block; width: 100%; float: none;}
	.main-section.toggled .sidebar-left{width:100%; overflow: hidden;}
	.main-section.toggled .main-right {width:calc(100% - 0px);}
	.transition-grf img{max-width: 100%; height: auto;}
	.target-graph img{max-width: 100%; height: auto;}
	.themeChange-section { position:absolute; top:10px; right:32%; z-index:99999; width:auto;}
	.total-token-supply .transaction-history{ width:100%; overflow-x:scroll;}
	.total-token-supply .users-list{ width:100%; overflow-x:scroll;}
	.users-list table th { white-space: normal;}
	.total-token-supply.transaction-details h3 ~ .white-bg { width:100%; overflow:auto;} 	
	
}

