.side-nav .menuitem-active>a {
    color: #ffffff;
}

.token-currency-choose,
.token-contribute,
.token-overview-wrap {
    margin-top: 20px
}

.dropdown-menu {
    background-color: #ffffff !important;
}

.token-currency-choose:not(:last-child),
.token-contribute:not(:last-child),
.token-overview-wrap:not(:last-child) {
    margin-bottom: 20px
}

.token-bonus-ui {
    padding: 1px 0
}

.navbar {
    background: #131740;
}

.navbar-brand img {
    width: 120px;
}

.navbar-nav .nav-link {
    color: #fff;
}

.content-page {
    margin-left: 0;
    padding: 0;
    min-height: 100% !important;
    display: block;
}

.token-overview {
    border-radius: 8px;
    margin-bottom: 10px;
    transition: box-shadow .3s ease-in-out;
    padding: 20px;
    border-right: 2px solid rgb(247 131 32);
    box-shadow: 0 14px 24px rgb(62 57 107 / 20%);
}

.search a {
    font-size: x-large;
    color: #fff;
}

.token-overview-title {
    font-size: 11px;
    letter-spacing: 0.03em;
    margin-bottom: 0;
    text-transform: uppercase;
    display: block;
}

.token-overview-value {
    color: #ffeb3b;
}

.token-overview-wrap+.card-head {
    margin-top: 35px
}

.token-bonus,
.token-total {
    position: relative;
    /* padding: 5px 10px 15px 0px; */
}

.token-bonus-current {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.token-bonus-date {
    text-align: right;
    font-style: italic;
    color: #758698;
    font-weight: 400;
    line-height: 1.3;
    font-size: .8em;
    margin: 0;
    padding-bottom: 2px
}

.token-bonus:after {
    position: absolute;
    bottom: 0;
    left: -30px;
    width: calc(100% + 60px);
    height: 1px;
    background: #e6effb;
    content: ''
}

.token-bonus-sale:after,
.leftside-menu,
.navbar-custom {
    display: none
}

@media (max-width: 575px) {
    .token-bonus-amount {
        padding-top: 0;
        margin-top: -5px
	}
}
.search {
		position: fixed;
		right: 5% !important;
		top: 16px;
		display: inherit;
	}
@media (max-width:767.98px) {
	.search {
    right: 15%;
}
	
    .token-info {
        padding: 28px 0
	}
    .token-bonus-sale:after {
        display: block
	}
    .token-balance {
        margin: 5px 0
	}
    .token-balance:not(.token-balance-with-icon) {
        margin-top: 1px
	}
    .token-balance:not(:last-child) {
        margin-bottom: 25px
	}
    .token-rate:not(:last-child),
    .token-bonus:not(:last-child) {
        margin-bottom: 20px
	}
    .token-sales .card-title-sm {
        padding-top: 0
	}
    .token-sales .sap {
        margin: 1px 0 0
	}
}

@media (min-width: 768px) and (max-width: 991px) {
    .token-rate-wrap .token-rate {
        margin: 0
	}
    .token-bonus-date {
        text-align: left;
        width: 70%
	}
}

@media (min-width: 576px) and (max-width: 991px) {
    .token-calculator {
        position: relative
	}
    .token-calculator .card-innr {
        padding-right: 180px
	}
    .token-calculator .token-buy {
        position: absolute;
        right: 30px;
        top: 50%;
        transform: translateY(-50%);
        margin: 0
	}
    .token-calculator .token-buy .btn {
        min-width: 130px
	}
}

@media (min-width: 768px) {
    .token-info.bdr-tl {
        border-left: 1px solid #e6effb;
        border-top: 0
	}
    .token-bonus:after {
        display: none
	}
}

@media (min-width: 992px) {
    .token-buy {
        margin-top: 25px
	}
}