:root {
    --main-color: #126ad0;
    --second-color: #5a5e62;
    --bg-main-color: #1c252d;
    --bg-second-color: #374756;
    --bg-third-color: #f7f8f9;
    --bg-forth-color: #e2e2e2;
    --bg-dark:#000000;
    --dec-color:#F23645;
}
.main-color {
    color: var(--main-color) !important;
}
.w-10 {
    width: 10%;
}
.w-15 {
    width: 15%;
}
.w-20 {
    width: 20%;
}
.w-30 {
    width: 30%;
}
.w-40 {
    width: 40%;
}
.w-60 {
    width: 60%;
}
.w-85 {
    width: 85%;
}
.w-90 {
    width: 90%;
}
.w-100 {
    width: 100%;
}
.wpx-60 {
    width: 60px;
}
.h-100 {
    height: 100%;
}
.d-none {
    display: none;
}
.p-0 {
    padding: 0 !important;
}
.pl-0 {
    padding-left: 0;
}
.pr-0 {
    padding-right: 0;
}
.pt-0 {
    padding-top: 0;
}
.pt-1 {
    padding-top: 16px;
}
.p-2 {
    padding: 32px !important;
}
.pt-2 {
    padding-top: 32px;
}
.py-2 {
    padding-top: 32px;
    padding-bottom: 32px;
}
.mt-1 {
    margin-top: 10px !important;
}
.mt-2 {
    margin-top: 36px !important;
}
.m-0 {
    margin: 0px !important;
}
.mb-0 {
    margin-bottom: 0px !important;
}
.mb-1 {
    margin-bottom: 16px !important;
}
.mb-2 {
    margin-bottom: 32px !important;
}
.mr-1 {
    margin-right: 10px !important;
}
.bg-theme {
    background-color: var(--bg-main-color) !important;
}
.bg-light {
    background-color: var(--bg-second-color) !important;
}
.main-color {
    color: var(--main-color) !important;
}
.text-dark {
    color: #151617 !important;
}
.text-second {
    color: var(--second-color);
}
.increase,
.text-green {
    color: var(--main-color) !important;
}
.decrease {
    color: var(--dec-color) !important;
}
.bg-dark {
    background-color: var(--bg-dark) !important;
}
.fs-12 {
    font-size: 12px !important;
}
.fs-14 {
    font-size: 14px !important;
}
.fs-16 {
    font-size: 16px !important;
}
.fs-18 {
    font-size: 18px !important;
}
.fs-24 {
    font-size: 24px !important;
}
.fs-45 {
    font-size: 45px !important;
}
.fw-400 {
    font-weight: 400;
}
.fw-500 {
    font-weight: 500;
}
.fw-600 {
    font-weight: 600;
}
.fw-700 {
    font-weight: 700;
}
.flex-wrap {
    flex-wrap: wrap;
}
.align-items-center {
    align-items: center;
}
.align-content-between {
    align-content: space-between;
}
.justify-content-between {
    justify-content: space-between;
}
.link-main {
    color: var(--main-color) !important;
    margin-right: 10px;
}
.btn-primary,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover,
.btns2,
.btn-success {
    color: #fff !important;
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.Kline-shift-btn:hover a,
.dialog-step-2 div > span em.vali,
.ui-datepicker-today > a,
.move, .move a, .move_hov a:hover {
    color: var(--main-color) !important;
}
body {
    background-image: none;
}
body.crypt-dark {
    background-color: var(--bg-main-color);
}
body.crypt-white {
    background-color: var(--bg-third-color);
}
/* Start Custom css File*/
/* Start Edit in Header */
.top-container .animated {
    visibility: visible;
}
.aio-menu .container {
    max-width: unset;
    margin-left: 0;
    margin-right: 0;
}
.container-fluid > div.header-content-wrapper {
    padding: 5px 0;
    height: 80px;
}
.aio-menu .container div.header-content-wrapper > div.header-content-wrapper  {
    min-height: 52px;
}
.primary-menu-menu > li > a {
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}
.primary-menu-menu > li > a.btn-info {
    color: #FFFFFF;
}
.primary-menu-menu ul.sub-menu.sub-menu--with-icons li a {
    color: #d7d7d7;
}
.primary-menu-menu > li > a:hover,
.primary-menu-menu ul.sub-menu.sub-menu--with-icons li a:hover,
.primary-menu-menu > li:hover,
.primary-menu-menu > li:hover a {
    text-decoration: none;
    color: var(--main-color) !important;
    background-color: transparent !important;
    border: none !important;
}
.primary-menu-menu.inline-menu li:nth-of-type(2) a {
    border-radius: 5px;
}
.aio-menu {
    z-index: 1000;
    top: 0;
    height: fit-content;
    background-color: #000000;
    border: none;
    min-width: unset;
}
.header.headroom--not-top {
    background-color: #000000;
}
/* .invest-container > .row > .navbar {
    margin-top: 80px;
}*/
.langdrowp {
    padding: 0px !important;
}
.langdrowp .btn {
    font-size: 14px;
    padding: 0;
    margin-left: 10px;
    background-color: transparent;
    color: #FFFFFF;
}
.langdrowp .ripple-container {
    display: none;
}
.langdrowp .dropdown:focus,
.langdrowp .dropdown.show:focus,
.langdrowp .btn:focus,
.langdrowp .dropdown:hover,
.langdrowp .dropdown.show:hover,
.langdrowp .btn:hover {
    border: none !important;
}
.primary-menu .langdrowp .dropdown-menu,
.primary-menu .langdrowp .dropdown-menu.show {
    background-color: #000000;
    top: 23px !important;
    transform: translate3d(-100px, 22px, 0px) !important;
    left: unset !important;
    min-width: 16rem;
}
.primary-menu .langdrowp .dropdown-menu a {
    padding: 0.25rem 1.5rem;
    display: block;
    font-size: 16px;
    width: 100%;
}
.primary-menu .langdrowp .dropdown-menu a,
.langdrowp .dropdown-menu.show a {
    color: #FFFFFF !important;
}
.primary-menu .langdrowp .dropdown-menu a:hover,
.langdrowp .dropdown-menu.show a:hover {
    background-color: var(--bg-second-color);
}
.langdrowp .flag-img {
    width: 20px;
    height: auto;
}
#darksun i:hover {
    color: var(--main-color) !important;
}
@media (max-width: 1023px) {
.primary-menu .primary-menu-menu.inline-menu {
    display: inline-block !important;
}
.main-content-wrapper .top-content {
    margin-top: 80px;
}
.primary-menu-responsive .primary-menu-menu.scrollable {
    width: 250px;
    background-color: white;
    z-index: 1000;
}
.header-content-wrapper {
    justify-content: flex-start;
    flex-wrap: nowrap;
}
.primary-menu-menu > li > a {
    color: #000000 !important;
}
}
@media (max-width: 576px) {
    .primary-menu-menu.inline-menu > li a img {
        display: none;
    }
    .account-btn,
    .log-btn {
        padding: 7px !important;
    }
}
@media (max-width: 460px) {
.header .container > .header-content-wrapper {
    margin-top: 20px;
}
.site-logo {
    width: 100px;
    margin-bottom: 0px;
    margin-right: 0px;
}
.primary-menu-menu.inline-menu > li a {
    padding: 0px;
    font-size: 11px !important;
}
.primary-menu-menu.inline-menu li:first-of-type a {
    padding: 0px !important;
    margin-right: 15px;
}
.primary-menu-menu.inline-menu li:nth-of-type(2) a {
    padding: 7px 10px;
}
}
/* Start Edit in top bar */


.btn-info {
    background-color: var(--main-color);
    border: none;
}
.primary-menu .btn-info {
    padding: 13px 15px;
}
.primary-menu ul li:hover {
    border: none !important;
}
.btn-info:hover {
    background-color: #0bdfa3;
    transition: 0.5s all ease-in-out;
    color: #FFFFFF !important;
}
.toggle-line {
    color: var(--main-color);
}
.header-menu .btn-outline {
    transition: 0.5s all ease-in-out;
}
.header-menu .btn-outline:hover {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.7);
    transition: 0.5s all ease-in-out;
}
@media (max-width: 1023px) {
    .header-content-wrapper {
        justify-content: space-between;
        flex-wrap: nowrap;
    }
}
@media (min-width: 992px) {
    .header-main {
        padding: 0px;
    }
    .header-logo {
        width: 12%;
    }
    .header-navbar:not(.header-navbar-classic) {
        height: auto;
        width: 88%;
        left: 0;
    }
    .header-menu {
        justify-content: space-between;
    }
}
@media (max-width: 768px) {
    #navbar-mobile {
        position: absolute;
        z-index: 1000;
        top: 60px;
        right: 0px;
        background-color: var(--bg-second-color);
        width: 300px;
    }
    #navbar-mobile ul li {
        width: 100%;
        margin-left: 20px;
        margin-right: unset;
    }
    .bottom-bar .dropdown-menu.show {
        width: 200px;
    }
}
/* End Edit in top bar */

/* End Edit in Header */

/* Start Edit in Home Page */
    /* Start Edit in Banner */
    .banner-top {
        height: 200px;
    }
    .banner-top div > * {
        width: 100%;
        text-align: center;
    }
    .banner-top div a {
        width: unset;
        padding: 13px 45px;
        border-radius: 3px;
    }
    .banner-top h1 {
        color: #000000;
        font-size: 50px;
        font-weight: 500;
    }
    /* End Edit in Banner */
    
    /* Start Edit in Bot banner */
    #botbanner .notic-tag {
        content: "Latest News";
        display: inline-block;
        font-style: normal;
        background: var(--main-color);
        -webkit-clip-path: polygon(0 0,100% 0,146px 100%,0 100%);
        clip-path: polygon(0 0,100% 0,146px 100%,0 100%);
        padding: 10px;
        color: #FFF;
        font-weight: bold;
    }
    #botbanner .news-body {
        -webkit-clip-path: polygon(18px 0,100% 0,100% 100%,0 100%);
        clip-path: polygon(18px 0,100% 0,100% 100%,0 100%);
    }
    #botbanner .myWrapper {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    #botbanner .myWrapper ul {
        list-style: none;
    }
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        top: 25%;
        background-color: #000000b8;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .owl-carousel .owl-nav button.owl-next {
        right: 50px;
    }
    .owl-carousel .owl-nav button.owl-prev {
        left: 50px;
    }
    .owl-carousel .owl-nav button.owl-next span,
    .owl-carousel .owl-nav button.owl-prev span {
        height: inherit;
        font-size: 50px;
        line-height: 38px;
    }
    .owl-carousel .owl-nav button.owl-next:focus,
    .owl-carousel .owl-nav button.owl-prev:focus,
    .owl-carousel .owl-nav button.owl-next span:focus,
    .owl-carousel .owl-nav button.owl-prev span:focus {
        border: none !important;
        box-shadow: none !important;
    }
    .owl-carousel .owl-dots button {
        width: 14px;
        height: 6px;
        background-color: #87b3e7;
        margin-right: 5px;
    }
    .owl-carousel .owl-dots button.active {
        width: 20px;
        background-color: var(--main-color);
    }
    /* End Edit in Bot banner */
    
    /* Start Edit in Price Table */
    table.new-marketTable > thead > tr > th {
        background-color: transparent !important;
        color: #97a1a9;
        font-size: 14px;
        font-weight: 400;
        border-bottom: 1px solid #e3e3e3;
        padding: 10px;
    }
    table.new-marketTable > tbody > tr:hover {
        background-color: #f9f9f9;
        box-shadow: 0px 0px 4px #e7e7e7;
    }
    table.new-marketTable > tbody > tr > td {
        border-bottom: 1px solid #e3e3e3;
        color: #000000;
        font-size: 14px;
        padding: 30px 10px;
    }
    table.new-marketTable > tbody > tr > td img {
        width: 32px;
        height: 32px;
    }
    table.new-marketTable > tbody > tr > td img.coin-star {
        margin-right: 10px;
        width: 16px;
        height: 16px;
    }
    table.new-marketTable .btn-market {
        padding: 6px 12px;
        border-radius: 3px;
        background-color: #E3C15A;
        color: #FFFFFF;
        margin-right: 5px;
        font-size: 14px;
        cursor: pointer;
    }
    tfoot > tr > td {
        text-align: center;
    }
    span#viewmarket a {
        color: var(--main-color);
    }
    .pagination .page-item {
        margin-right: 5px;
        margin-left: 5px;
    }
    .pagination .page-item:not(.active) .page-link {
        background-color: transparent;
        border: none;
    }
    .pagination .page-item .page-link {
        padding: 2px 7px;
        width: 25px;
        height: 25px;
        border-radius: 50%;
    }
/* End Edit in Price Table */

/* Start Edit in Products Section */
#products .features-box-s4 {
    background-color: #f7f8f9;
    height: 300px;
}
#products .features-box-s4 a {
    text-decoration: none;
}
/* End Edit in Products Section */

/* Start Edit in Download App Section */

.download-app {
    position: relative;
    margin-bottom: 200px;
    height: 300px;
}

.download-app img {
    position: absolute;
    top: -200px;
    left: 0;
}
#ecosystems .img-holder img {
    width: 50px;
}
@media (min-width: 1023px) {
    .download-app {
        margin-top: 200px;
    }
}
@media (max-width: 1023px) {
    .download-app {
        margin-top: 100px;
        height: 450px;
    }
}
@media (max-width: 768px) {
    .download-app img {
        top: 20px;
    }
}
/* End Edit in Download App Section */

/* Start Edit in social-network Section */
.paltform-features h3 {
    color: #000000;
    font-weight: 400;
}
.paltform-features p {
    color: #000000;
    font-size: 18px;
    font-weight: 400;
}
#social-network .img-holder {
    position: absolute;
    background: url(../img/community_bg.png);
    background-size: cover;
    height: -webkit-fill-available;
    width: 41%;
    right: 7%;
    z-index: -1;
}
#social-network .btn-social-outline {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    width: 180px;
    background-color: #FFFFFF;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    font-size: 20px;
    border-radius: 36px;
    margin-right: 10px;
}
#social-network .btn-social-outline i,
#social-network .btn-social-outline svg {
    margin-right: 5px;
    font-size: 25px;
}

#social-network ul {
    list-style: none;
    padding: 0;
}

#social-network ul li {
    margin:5px 10px;
    float:left;
}

#social-network ul li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    vertical-align: middle;
    color: #fff;
    margin-right: 5px;
}

#social-network ul a.facebook {
  background: #3B5998;
}

#social-network ul a.linkedin {
  background: #0077B5;
}

#social-network ul a.twitter {
  background: #1DA1F2;
}
#social-network ul a.instagram {
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  box-shadow: 0px 3px 10px rgba(0,0,0,.25);
}
#social-network ul a.youtube {
  background: #FF0000;
}
#social-network ul a.telegram {
  background: #0088cc;
}
/* End Edit in social-network Section */

/* End Edit in Home Pages */

/* Start Edit in Market Page */

.tv-ticker-item-last__title {
    display: none !important;
}

.markets-chart > div {
  width: 110%;
  margin-left: -16px;
}
.markets-container {
  position: relative;
  overflow: hidden;
  height: 159px;
  border: 1px solid rgba(0, 0, 0, 0.02);
  border-radius: 5px;
  margin-bottom: 30px;
}
.crypt-dark .markets-container {
    background-color: var(--bg-second-color);
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.04);
}
.crypt-white .markets-container {
    background-color: #f3f4f6;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 6%);
}

.markets-chart {
  position: absolute;
  top: 40px;
  width: 100%;
  left: 0;
}

.markets-content span.green,
.markets-content span.red {
  position: absolute;
  right: 0;
  background: #26a69a;
  color: #fff;
  top: 15px;
  padding: 3px 12px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  font-weight: 600;
}
.markets-content span.red {
  background: #ef5350;
}
.markets-content h2 {
  font-size: 14px;
  top: 14px;
  position: absolute;
  left: 15px;
  color: #4a4a4a;
}

.markets-content p {
  position: absolute;
  top: 32px;
  left: 15px;
  font-size: 16px;
}

.markets-pair-list tr {
  cursor: pointer;
}
.markets-pair-list th,
.markets-pair-list td {
  padding: 15px !important;
  width: 16%;
  font-size: 14px;
}

.markets-pair-list tbody tr td i {
  color: #75869696;
}

.markets-pair-list .nav-link.active {
  color: #007bff;
  background: transparent;
}

.markets-pair-list .nav-link {
  color: #4a4a4a;
}

.markets-pair-list .nav {
  background: #f5f9fc;
  padding: 7px 0;
}

.markets-pair-list th {
  font-weight: 400;
}

.markets-pair-list td img {
  width: 18px;
  vertical-align: text-top;
  margin-right: 5px;
}

.markets-pair-list .load-more {
  border: 1px solid #e0e3eb;
  display: inline-block;
  padding: 11px 30px 8px;
  color: #4a4a4a;
  margin-top: 50px;
  transition: 0.3s;
}

.markets-pair-list .load-more i {
  margin-left: 10px;
}

.markets-pair-list .load-more:hover {
  background: #007bff;
  color: #fff;
  border: 1px solid #007bff;
}
.markets-item {
  margin-bottom: 30px;
}

.markets-capital-item {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 14px -6px;
  padding: 40px 0 0 0;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #f2f4f9;
  height: 311px;
  margin-bottom: 30px;
}

.markets-capital-chart {
  margin-left: -10px;
}

.markets-capital-item img {
  width: 25px;
  margin-top: -3px;
  margin-right: 2px;
}

.markets-capital-item h4 {
  margin-top: 16px;
  margin-bottom: 15px;
  font-size: 20px;
}
.markets-capital-item h2 {
  font-size: 26px;
}

.markets-capital-details h3 {
  font-size: 18px;
  margin-bottom: 40px;
}

.market-capital-ticker .markets-capital-item {
  height: 96.2%;
  margin-bottom: 5px;
}
.market-tab {
    border-radius: 5px;
}
.crypt-dark .market-tab {
    background-color: var(--bg-second-color);
}
.crypt-white .market-tab {
    background-color: transparent;
    border-bottom: 2px solid #ededed;
}
.marketul {
    background-color: transparent !important;
    margin: 0px !important;
}
.pairactive {
    border: none !important;
    background-color: var(--main-color);
    border-radius: 0.25rem;
}
.marketli.pairactive {
    background-color: transparent;
    border-bottom: 3px solid var(--main-color) !important;
    border-radius: 0px !important;
}
.marketli a {
    color: #4f5966 !important;
    padding: 0.5rem 1rem !important;
    font-size: 18px;
}
.marketli a:hover {
    border: none !important;
}
.pairactive a {
    color: #FFFFFF !important;
}
.marketli.pairactive a {
    color: #000000 !important;
    font-weight: 500;
}
.market-tab input {
    border: none;
    font-size: 14px;
    padding-left: 15px;
    font-weight: 400;
}
.crypt-dark .market-tab input {
    background-color: var(--bg-main-color);
    color: #FFFFFF;
}
.crypt-white .market-tab input {
    background-color: transparent;
    color: #000000;
    border: 2px solid #ededed !important;
    border-radius: 0px;
}
.pricing-tables-wrap-table-blurring {
    width: 100%;
}
.pricing-tables-wrap-table-blurring td {
    border-top: 1px solid #2a2e39;
}
.pricing-tables-wrap-table-blurring th {
    background-color: transparent !important;
    padding: 15px !important;
    color: #4f5966 !important;
}
.pricing-tables-wrap-table-blurring > tbody > tr {
    cursor: pointer;
}
.pricing-tables-wrap-table-blurring > tbody > tr:hover {
    background-color: #2a2e39;;
}
.pricing-tables-wrap-table-blurring > tbody > tr:hover > td,
.pricing-tables-wrap-table-blurring td {
    background-color: transparent !important;
}
.pricing-tables-wrap-table-blurring td {
    text-align: left !important;
    padding: 15px !important;
}
.crypt-dark .pricing-tables-wrap-table-blurring td,
.crypt-dark .pricing-tables-wrap-table-blurring .pairname {
    color: #FFFFFF !important;
}
.crypt-white .pricing-tables-wrap-table-blurring td,
.crypt-white .pricing-tables-wrap-table-blurring .pairname {
    color: #000000 !important;
}
.bottom-menu-mobile {
    background-color: var(--main-color);
    color: #FFFFFF;
}
@media (min-width: 768px) {
    .market-body {
        margin-top: 50px;
    }
    .wallet-table {
        display: block;
    }
    .new-wallet-table {
        display: none;
    }
}
@media (max-width: 768px) {
    .table-responsive {
        border: none;
    }
    .wallet-table {
        display: none;
    }
}
/* End Edit in Market Page */

/* Start Edit in Trade Page */
.trade-body .container {
    max-width: 1440px;
}
body.trade-body .crypt-market-status {
    box-shadow: none;
}
body.trade-body .crypt-market-status div.form-group {
    padding: 0px 10px;
}
body.trade-body ul.nav-tabs {
    background-color: transparent;
}
body.trade-body .crypt-market-status ul.nav-tabs li:nth-of-type(2) {
    padding-right: 0px;
}
body.trade-body .crypt-market-status ul.nav-tabs li a {
    padding: 3px !important;
    display: flex;
    height: 100%;
    align-items: center;
}
body.trade-body .crypt-market-status ul.nav-tabs li a.active {
    background-color: #ebfce1;
    padding: 0px;
}
body.trade-body ul.nav-tabs img {
    width: 13px;
    height: 13px;
}
body.trade-body .crypt-market-status hr {
    width: 20px;
    margin-left: 40px;
    background-color: var(--main-color);
    height: 1px;
    border: none;
    margin-bottom: 0px;
}
body.trade-body .crypt-market-status #decimalplaces {
    border: none;
    background-color: #edeff1;
    font-size: 12px;
    color: #444545;
}
body.trade-body .crypt-market-status .crypt-tab-content {
    padding: 10px;
}
body.trade-body .crypt-market-status #activeby2sell {
    flex-direction: column;
}
body.trade-body .crypt-market-status tbody.orderlist > tr {
    min-height: 20px !important;
    height: 20px !important;
    line-height: 15px;
}
body.trade-body .crypt-market-status #allxorders thead th {
    width: 30%;
    color: #97a1a9;
    font-size: 12px;
    font-weight: 400;
}
body.trade-body .crypt-market-status #allxorders thead th:first-child {
    padding-left: 0px;
    width: 40%;
}
body.trade-body .crypt-market-status tr.topmost td {
    text-align: left;
    width: 30%;
}
body.trade-body .crypt-market-status tr.topmost td:first-of-type {
    width: 40%;
}
body.trade-body .sidebar-right > div.form-group,
body.trade-body .sidebar-right > ul.nav-tabs {
    padding: 10px;
}
body.trade-body .sidebar-right > div.form-group .input-group-prepend {
    width: 15%;
    margin-right: -8px;
}
body.trade-body .sidebar-right > div.form-group .input-group-text {
    background-color: transparent;
    border-radius: 3px 0px 0px 3px;
    border-right: none;
}
body.trade-body .sidebar-right > div.form-group .input-group-text img {
    width: 16px;
}
body.trade-body .sidebar-right > div.form-group input {
    width: 85% !important;
    text-align: left !important;
    height: 30px;
    float: left !important;
    border: 1px solid #dde0e2;
    border-left: none;
    border-radius: 0px 3px 3px 0px;
}
body.trade-body .sidebar-right ul.nav-tabs li:nth-of-type(2) {
    padding: 0px 8px 0px 0px;
}
body.trade-body .sidebar-right ul.nav-tabs li a.active {
    background-color: transparent;
    color: var(--main-color);
    border-bottom: 1px solid var(--main-color) !important;
}
body.trade-body .sidebar-right .crypt-tab-content {
    border-top: 1px solid #f1f1f1;
}
body.trade-body .sidebar-right thead th {
    color: #97a1a9;
    font-size: 12px;
    font-weight: 400;
}
body.trade-body .sidebar-right #dealrecordbody tr td,
body.trade-body #bottomOrdersList .sidebar-right tr td {
    font-size: 12px;
}
#widget-container {
    border: none !important;
}
table .coinleftmenu tr td:first-of-type a {
    color: #000000;
}
.crypt-button-red-full {
    background: #f23645 !important;
}
.crypt-button-green-full {
    background: #26a69a;
}
body.new-trade {
    background-image: none !important;
    background-color: transparent !important;
}
body.crypt-dark .trade-app {
    background: transparent;
}
body.crypt-dark #show_buysell.trade-app .crypt-buy {
    border: none;
}
body.new-trade tr.topmost td {
    font-size: 10px;
}
body.new-trade tr.topmost td:last-of-type {
    color: #000000;
    font-weight: 500;
}
body.trade-body .crypt-logo img {
    height: unset;
    width: 25px;
}
body.trade-body .crypt-gross-market-cap div p:first-of-type {
    color: #97a1a9;
}
body.trade-body .crypt-gross-market-cap p:last-child {
    font-size: 12px;
}
body.trade-body #show_graphs {
    height: 450px;
}
body.trade-body #allchartsinone {
    height: 100%;
}
body.trade-body #marketWidTabs {
    background-color: #FFFFFF !important;
}
body.trade-body .nav-tabs .nav-link,
body.trade-body .nav-tabs .nav-link.active,
body.trade-body .nav-tabs .nav-item.show .nav-link {
    background-color: transparent !important;
}
body.trade-body #marketWidTabs .nav-item {
    padding: 5px 20px;
}
body.trade-body #marketWidTabs button {
    border: none !important;
    padding: 0px !important;
}
body.trade-body #marketWidTabs button.active,
body.trade-body .nav-tabs .nav-link.active,
body.trade-body .nav-tabs .nav-item.show .nav-link {
    color: var(--main-color);
    border-bottom: 1px solid var(--main-color) !important;
}
body.trade-body .crypt-boxed-area div.row > div:nth-of-type(2) {
    border-right: 1px solid #0000000a;
}
body.trade-body .crypt-buy {
    border-right: none !important;
}
body.trade-body .crypt-boxed-area p {
    color: #151617;
    font-size: 14px;
}
body.trade-body .input-group .input-group-prepend {
    border-right: none !important;
}
body.trade-body .input-group .input-group-text {
    color: #78838c !important;
    font-size: 12px;
    padding: 0px 10px;
    background-color: transparent;
}
body.trade-body .input-group .form-control {
    border-left: none !important;
}
body.trade-body .input-group .inputHintBox {
    color: #78838c !important;
}
body.trade-body .form-control::placeholder {
    color: #78838c !important;
    opacity: 1;
}
body.trade-body .crypt-boxed-area button {
    font-size: 16px;
}
body.new-trade .buyorsell button {
    padding: 0px 4px;
    background-color: #efefef;
    border-radius: 2.5px;
}
body.new-trade .buyorsell .bootstrap-select>.dropdown-toggle:after {
    content: none;
}
body.new-trade .activeMiddleBar {
    background-color: transparent;
}
#show_buysell.trade-app #buy-tab.active {
    background-color: #46bd23;
    color: #FFFFFF;
}
#show_buysell.trade-app #sell-tab.active {
    background-color: #FF0000;
    color: #FFFFFF;
}
.crypt-dark #the-stats, .new-trade .crypt-market-status, .crypt-dark ul.nav-tabs {
    background-color: transparent !important;
}
body.new-trade .form-control {
    background-color: #efefef;
    color: #000000;
    font-size: 12px;
    border: none;
}
body.new-trade button.form-control {
    line-height: 17px;
    height: 30px;
    border-radius: 0;
}
body.new-trade .crypt-buy-sell-form button.dropdown-toggle {
    background-color: #efefef;
    color: #000000;
    font-size: 12px;
    line-height: 17px;
    height: 30px;
    border: none;
    border-radius: 0 !important;
}
body.new-trade .crypt-buy-sell-form button.dropdown-toggle .filter-option-inner-inner {
    text-align: center;
}
body.new-trade .crypt-buy-sell-form .bootstrap-select .dropdown-item {
    text-align: center;
}
body.new-trade .crypt-buy-sell-form .bootstrap-select .dropdown-item.active,
body.new-trade .crypt-buy-sell-form .bootstrap-select .dropdown-item:active {
    background-color: transparent;
    color: #000000;
}
body.new-trade .crypt-buy-sell-form dropdown-menu button {
    text-align: center;
    font-size: 12px;
}
body.new-trade .crypt-button-green-full {
    background-color: #46bd23;
    font-size: 16px;
    padding: 3px 0px !important;
}
body.new-trade #show_buysell.trade-app .inputHintBox {
    color: #000000;
    right: 10px;
    top: 55%;
}
body.trade-body .PercentButtons {
    z-index: 0;
}
body.trade-body .PercentButtons hr {
    position: absolute;
    border-bottom: 2px solid #efefef;
    top: -5px;
    z-index: -1;
    width: 95%;
    left: 2.5%;
}
body.trade-body .PercentButtons button {
    font-size: 10px;
    color: #000000;
    background-color: transparent;
    width: 20px;
    border: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
}
body.trade-body .PercentButtons button:focus,
body.trade-body .PercentButtons button:hover {
    border: none !important;
    box-shadow: none !important;
}
body.trade-body .PercentButtons button:first-of-type {
    text-align: left;
    justify-content: flex-start;
}
body.trade-body .PercentButtons button:last-of-type {
    text-align: right;
    justify-content: flex-end;
}
body.trade-body .PercentButtons button::before {
    content:"";
    background-color: #efefef;
    border-radius: 50%;
    width:10px;
    height: 10px;
    border: 1px solid #FFFFFF;
}
body.trade-body .PercentButtons button:focus::before {
    width:12px;
    height: 12px;
}
body.trade-body .crypt-buy .PercentButtons button:focus::before {
    border: 2px solid #46bd23;
}
body.trade-body .PercentButtons button p {
    color: #cecece;
    font-size: 11px;
}
/* End Edit in Trade Page */

/* Start Edit in Invest Page */
.invest-container .navbar-component.navbar-default {
    background-color: #f3f4f6;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 4%);
    border: none;
}
.invest-container #navbar-filter {
    display: flex !important;
    align-items: center;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none !important;
}
.invest-container .footerul li {
    margin-right: 15px;
}
.invest-container .footerul li a {
    color: var(--main-color) !important;
}
.invest-container .panel {
    background-color: transparent;
    border: none;
}
.invest-container .panel-flat>.panel-heading>.panel-title,
.invest-container .panel .table {
    color: #000000;
}
.invest-container .table>thead>tr>th {
    border-bottom: 1px solid #b9b9b940;
}
.invest-container .table>tbody>tr>td,
.invest-container .table>tbody>tr>th,
.invest-container .table>tfoot>tr>td,
.invest-container .table>tfoot>tr>th,
.invest-container .table>thead>tr>td,
.invest-container .table>thead>tr>th {
    border: none;
}
.invest-container .btn-gap .btn {
    border-color: var(--main-color);
}
.invest-container .panel-footer {
    border-top: 1px solid #9c9c9c29;
}
.invest-container .panel-flat .panel {
    color: #000000;
}
.invest-container .panel-flat-black>.panel-heading {
    border: none;
    background: #f3f4f6;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 4%);
}
.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border: none;
}
/* End Edit in Invest Page */

/* Start Edit in Login Page */
body.login-page .nk-pages-centered {
    padding: 0px;
}
body.login-page .logo-holder {
    position: fixed;
    z-index: 9999;
    left: 20px;
    top: 15px;
}
body.login-page .background-img {
    background-color: #126ad0bf;
    background-image: url(../img/login-bg.png?v=100001);
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
}
.login-page .ath-container {
    box-shadow: 0 4px 24px 0 rgb(0 0 0 / 10%);
    position: relative;
    z-index: 10;
    background-color: white;
    margin-top: 0px;
    width: 450px;
}
.login-page .ath-heading {
    z-index: 999;
    line-height: 30px;
    font-size: 28px;
}
.login-page h6 {
    font-size: 24px;
    color: #000000;
}
.login-page input {
    background-color: transparent;
    height: 56px;
    line-height: 56px;
    border: none;
    border-bottom: 1px solid #e6e9eb;
    border-radius: 4px;
}
.login-page .input-group-text {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #e6e9eb;
}
#verficationmodal .container-fluid {
    border-top: 10px solid var(--main-color);
}
.login-page .slidercaptcha {
    width: 100%;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0;
    border: none;
    box-shadow: none;
}
.slidercaptcha.card .card-header {
    background-color: transparent !important;
    border: none;
}
.refreshIcon {
    top: unset !important;
    bottom: -71px;
    left: 33px;
    font-size: 30px !important;
    color: #6c757d !important;
    font-weight: 300 !important;
}
.sliderContainer {
    display: flex;
    align-items: center;
}
.sliderbg {
    height: 25px !important;
    border-radius: 10px !important;
    width: 100% !important;
    position: static !important;
    background-color: #dee3eb !important;
}
.sliderMask {
    position: static !important;
    height: auto;
}
.sliderText {
    display: none;
}
.slider {
    width: 66px !important;
    background: var(--main-color) !important;
    border-radius: 36px !important;
}
.slidercaptcha button {
    padding: 0px !important;
    width: 30px;
    height: 30px;
    min-width: unset;
    background-color: transparent;
    border-radius: 50%;
}
.slidercaptcha button i {
    color: #6c757d;
}
.slider i {
    color: #FFFFFF;
}
.login-page #emailverfmodal input {
    border: 1px solid #0000002a;
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 340px;
    }
}
/* End Edit in Login Page */

/* Start Edit in Wallet Page */
.sidebar-main {
    padding-left: 20px;
}
.sidebar .sidebar-content {
    background-color: transparent;
    margin-bottom: 0px;
}
ul.navigation {
   display: flex; 
}
ul.navigation li {
    width: max-content;
    margin-right: 15px;
}
ul.navigation li a {
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    padding: 0;
    min-height: 35px;
}
ul.navigation li a:hover {
    background-color: transparent;
    color: #000000;
}
.navigation>li.active>a,
.navigation>li.active>a:focus,
.navigation>li.active>a:hover {
    background-color: transparent;
    color: #000000;
    border-bottom: 1px solid #000000;
}
.w-panel {
    background-color: #FFFFFF;
}
.wallet-body .w-panel-body {
    width: 100%;
}
.w-panel .btn-wallet {
    color: #000000;
    border: 1px solid #00000029;
    border-radius: 4px;
    height: 40px;
    padding: 8px 12px;
}
.wallet-body .w-panel-body span,
.wallet-body .w-panel-body a {
    font-size: 14px;
}
.dataTables_filter>label,
.dataTables_length>label {
    font-size: 12px;
}
.dataTables_filter>label input,
.select2-selection--single {
    height: 30px;
    margin-left: 10px;
}
.wallet-body .panel-body+.panel-body,
.wallet-body .panel-body+.table,
.wallet-body .panel-body+.table-responsive,
.wallet-body .panel-body.has-top-border {
    border-top: none;
}
.wallet-body .panel {
    background-color: #ffffff;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 2%);
    border: none;
}
.w-panel .panel {
    background-color: var(--bg-third-color);
}
.wallet-body .panel h3,
.wallet-body .panel span {
    color: #000000;
}
.wallet-body .media-left img {
    width: 50px;
    height: 50px;
    max-width: unset;
}
.wallet-body .link-main {
    background-color: transparent;
    font-size: 12px;
}
.wallet-body .wallet-opt .dropdown {
    display: inline-block;
}
.wallet-body .media-left .text-default {
    color: #000000 !important;
}
.table-hover>tbody>tr:hover {
    background-color: #f9f9f9;
    box-shadow: 0px 0px 4px #e7e7e7;
}
.wallet-body th,
.wallet-body td span {
    font-size: 12px;
    font-weight: 400;
}
.wallet-body .table>thead>tr>th,
.wallet-body .table>tbody>tr>td,
.wallet-body .table>tbody>tr>th,
.wallet-body .table>tfoot>tr>td,
.wallet-body .table>tfoot>tr>th,
.wallet-body .table>thead>tr>td,
.wallet-body .table>thead>tr>th{
    border: none;
}
.dataTables_paginate .paginate_button.current,
.dataTables_paginate .paginate_button.current:focus,
.dataTables_paginate .paginate_button.current:hover {
    background-color:var(--main-color);
}
/* End Edit in Wallet Page */

/* Start Edit in Crypto Deposit Page */
.wallet-body .panel-heading h1,
.wallet-body .panel-heading h2,
.wallet-body .panel-body h2 {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
}
.wallet-body .panel-body label,
.wallet-body .panel-body small {
    color: #000000;
    font-size: 12px;
}
.wallet-body .panel-body #walletinfo h3,
.wallet-body .panel-body #walletinfo li {
    font-size: 12px;
}
.wallet-body .panel-body #depositCyrpto {
    color: #000000;
    background-color: var(--bg-third-color);
}
.wallet-body .panel-body .form-info {
    color: #000000;
}
#investLog_content.table>thead>tr>th {
    color: #000000;
    padding-left: 0;
}
section.plan {
    display: flex;
}

.plan input,
.payment-plan input,
.payment-type input{
	display: none;
}

.plan label{
	position: relative;
	color: #fff;
	background-color: var(--bg-second-color);
	font-size: 14px;
	text-align: center;
	padding: 10px 20px;
	display: block;
	cursor: pointer;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 15px;
}
.crypt-white .plan label {
    color: #000000;
    background-color: #ececec;
}
.plan input:checked + label,
.payment-plan input:checked + label,
.payment-type input:checked + label{
	background-color: var(--main-color);
	color: #FFFFFF;
	transition: all 0.3s ease-in-out;
}

.plan input:checked + label:after,
.payment-plan input:checked + label:after,
.payment-type input:checked + label:after{
	content: "\2713";
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 100%;
	border: none;
	background-color: var(--main-color);
	z-index: 999;
	position: absolute;
	top: -10px;
	right: -10px;
	box-shadow: 0px 0px 10px #00000059;
	transition: all 0.3s ease-in-out;
}
@media (min-width: 769px) {
    .wallet-body .content-wrapper {
        display: block;
    }
}
/* End Edit in Crypto Deposit Page */

/* Start Edit in Pay By Email Page */
.wallet-body .panel-body h1 span {
    font-size: 14px;
    font-weight: 500;
}
.wallet-body .mytable-body .form-group h6 {
    color: #000000;
    font-size: 12px;
    font-weight: 400;
}
.wallet-body .form-control {
    background-color: var(--bg-third-color);
    color: #000000;
}
/* End Edit in Pay By Email Page */

/* Start Edit in Affiliate Program Page */

.icons-list>li>a>i {
    color: #000000;
}

/* End Edit in Affiliate Program Page */
.btn-group>.btn-group > .btn,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    color: #000000;
}
/* Start Edit in Crypto Withdrwa Page */
.wallet-body .btn-group .btn.active,
.wallet-body .btn-group .btn:active {
    background-color: #ffffff;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 2%);
}
.wallet-body .panel-default>.panel-heading {
    border: none;
}
#outmodal .modal-header h4,
#outmodal div.control-label {
    color: #000000;
}
/* End Edit in Crypto Withdrwa Page */

/* Start Edit in User Page */
.wallet-body .user-row .panel {
    height: 180px;
}
.wallet-body .title-info img {
    width: 50px;
}
.wallet-body .title-info h5 {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
}
.wallet-body .content-info h6.text-muted {
    font-size: 12px;
    font-weight: 500;
}
.wallet-body .user-row .update-info {
    border-top: 1px solid #f4f5f7;
}
.wallet-body .content-info span {
    font-size: 12px;
}
.wallet-body .panel span.text-muted a {
    color: var(--main-color);
    font-size: 14px;
}
/* End Edit in User Page */

/* Start Edit in Kyc Page */
.kyc-info label,
.kyc-info p {
    color: #151617 !important;
    font-size: 14px !important;
}
.kyc-info input.form-control,
.kyc-info select.form-control {
    border: 1px solid #dde0e2;
    background-color: transparent;
    height: 40px;
}
.kyc-info .alert {
    font-size: 12px;
}
.document-upload label {
    display: block;
}
/* End Edit in Kyc Page */

/* Start Edit in ListCoin Page */
.scoin {
    background-color: #f3f4f6 !important;
}

/* Start Edit in issue Page */
div.lanchpad-banner {
    height: 500px;
    position: relative;
}
div.lanchpad-background {
    background-color: #142f50;
    height: 400px;
    display: flex;
    align-items: center;
    position: relative;
}
.lanchpad-background::after {
    content: "";
    background: url("../img/rocket02.svg");
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: 100%;
    background-position-x: 400px;
    background-position-y: 50%;
}
div.lanchpad-banner > div.container {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
}
div.lanchpad-text {
    background: linear-gradient(180deg,rgb(57 155 194 / 10%),hsla(0,0%,100%,0)),#fff;
    box-shadow: 0 4px 40px rgb(13 32 45 / 5%);
}
.item-status {
    background-color: #eff0f1 !important;
    color: #000000 !important;
}
.skills-item--bordered .skills-item-meter {
    border: 2px solid #eff0f1;
        border-radius: 5px;
}
.lanchpad-inprogress div.icoTitle {
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}
.issue-item {
    background-color: transparent !important;
    height: auto !important;
}
.issue-img {
    height: auto !important;
}
.issue-background {
    background-color: #FFFFFF;
    padding: 8px;
    border-radius: 4px;
    width: 100%;
}
.issue-img-div {
    max-height: unset !important;
    height: auto !important;
}
.issue-title {
    margin-top: 15px;
    border-bottom: 1px solid #e6e9f3;
}
.more-btn {
    background-color: var(--main-color) !important;
}

/* End Edit in issue Page */

/* Start Edit in issue Buy Page */
.issue-buy .panel {
    background-color: #FFFFFF;
}
.issue-buy .img-holder img {
    border-radius: 50%;
    width: 70px;
    height: 70px !important;
}
.countdown p {
    background-color: var(--main-color) !important;
}
.issue-buy .crumina-skills-item {
    margin-bottom: 20px;
}
.issue-buy .alert {
    width: 100% !important;
    margin-bottom: 20px;
}
.issue-buy .issue-buybg {
    background-color: #f7f8f9;
    padding: 30px 24px;
}
/* End Edit in issue Buy Page */

/* Start Edit Otc index page */

.otc-body {
    display: block !important;
}
.left-title-2 {
    color: #000000 !important;
}
.input-box-css {
    background-color: transparent !important;
    color: #000000 !important;
}
.QuoteLayout-Wrap {
    background-color: transparent !important;
    box-shadow: none !important;
}
.QuoteLayout-Title {
    color: #000000 !important;
}

/* End Edit Otc index page */

/* Start Modal */

.modal-open .modal {
    z-index: 9999;
}

/* End Modal */

/* Start Edit in Footer */
.footer {
    background: none;
    background-color: #000000;
    left: 0;
    right: 0;
}
.footer .widget {
    margin-bottom: 0;
}
.footer .w-info .site-logo {
    margin-bottom: 0;
}
.footer .w-info .site-logo img {
    width: 200px;
}
.footer .langdrowp .btn {
    width: 55%;
    border: 1px solid #5454549c !important;
    padding: 10px;
    border-radius: 2px;
    text-align: left;
    margin-left: 0;
}
.footer .langdrowp .dropdown-menu {
    display: flex;
    flex-wrap: wrap;
    width: 300px;
}
.footer .langdrowp .dropdown-menu.show a {
    color: #000000 !important;
}
.footer .socials {
    list-style: none;
}
.footer .socials .social-item {
    display: inline-block;
    margin-right: 5px;
}
.socials .woox-icon {
    height: 18px;
    width: 18px;
    color: #666666;
}
.footer .socials .social-item a {
    font-size: 22px;
}
.footer .socials--white .woox-icon:hover {
    fill: var(--main-color);
    color: var(--main-color);
}
.footer h6 {
    color: #ffffff;
    font-weight: 800;
    font-size: 14px;
}
.footer ul {
    padding-left: 0;
    margin-top: 1.5rem;
}
.footer ul li a,
.footer span {
    color: rgba(255,255,255,0.8) !important;
    font-size: 14px;
}
.footer ul li a.dropdown-item {
    color: #000000 !important;
}
/* End Edit in Footer */

/* Start Edit Modal */

.modal-backdrop {
    z-index: 0;
}