.logo_hdr img {
   border-radius:90px;
}

.icon-copy {
   padding-top:6px;
}

.modal-receive .form-group select {
   color:#495057;
   border:1px solid #eaeaea;
   font-size:1rem;
   height:calc(1.5em + 1rem + 2px);
}


.__logo {
	max-width:180px;
	height:auto;
}

.loader {
	width:100px;
	height:100px;
	display:inline-block;
	padding:0px;
	opacity:0.5;
	border:3px solid #09acfd;
	-webkit-animation: loader 1s ease-in-out infinite alternate;
	animation: loader 1s ease-in-out infinite alternate;
 }
 
 .loader:before {
   content: " ";
   position: absolute;
   z-index: -1;
   top: 20px;
   left: 20px;
   right: 20px;
   bottom: 20px;
   border: 3px solid #09acfd;
 }
 
 .loader:after {
   content: " ";
   position: absolute;
   z-index: -1;
   top: 45px;
   left: 45px;
   right: 45px;
   bottom: 45px;
   border: 3px solid #09acfd;
 }
 nav.kmt-nav.kmt-nav--items-margin ul li a {
   color:#333;
 }
.crypto__list_links {
   display: block;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   z-index:5;
}

.z-20 {
   z-index: 20;
}
.z-50 {
   z-index: 50;
}
.mercuryo__buy .card-header h3 {
   margin-top:20px;
   margin-bottom:20px;
}

#deposits ul.nav li a {
   font-size:14px;
}
#card-history table thead tr th {
   font-size:13px;
}
#card-history table tbody tr td {
   font-size:12px;
}
#card-history .text-primary {
   color:grey !important;
}
#card-history .card-header {
   background-color:transparent;
   border-bottom:none;
   margin-top:30px;
}
#card-history .card {
   background-color:transparent;
   border:none;
}
#card-history .card-body {
   background-color:#fff;
}
.page-item.active .page-link {
   background-color:#ccc;
   border-color:transparent;
   border-radius:0;
}
.card-body .form-label{
   font-size:14px;
}
.card-body .form-group input {
   font-size:14px;
}
.card-header {
   background-color:transparent;
   border-bottom:none;
   margin-top:30px;
}
.card-body {
   background-color:#fff;
}
.card {
   background-color:transparent;
   border:none;
}

 @keyframes loader {
	from {transform: rotate(0deg) scale(1,1);border-radius:0px;}
	to {transform: rotate(360deg) scale(0, 0);border-radius:50px;}
 }
 @-webkit-keyframes loader {
	from {-webkit-transform: rotate(0deg) scale(1, 1);border-radius:0px;}
	to {-webkit-transform: rotate(360deg) scale(0,0 );border-radius:50px;}
 }

.hideondesktop {display:none;}

@media all and (max-width:640px) {
   header .header-wrapper .beta { display:none; }
   header .header-wrapper .beta.show_menu {display:block;}
   header .header-wrapper .alpha .hamburger-menu {height:24px;}
   .mobile_help.active .kmt-dropdown.__user-profile-dropdown {display:block;}
   .mobile_help.active .desktop_toggle_list {position:fixed;}
   .hideonmobile {display:none !important;}
   .list-view.__lvh-type-auto .w-p45 {width:100% !important;}
   .hideondesktop {display:block;}
   .crypto_master .form-row {display:block; flex-wrap:initial;}
   .crypto_master hr {
      margin-top: 15px;
      margin-bottom: 15px;
      border-color: #000000;
      height: 1px;
      width: 100%;
      background-color: #000;
   }
   .crypto_master .col-3.mb-2 {max-width:100%;}
   .crypto_master .col-2.mb-2 {max-width:100%;}
   .crypto_master .col-1.mb-2 {max-width:100%;}
}
#ol-crypto .crypto-name, #ol-etf .name-etf, #ol-commodities .name-commodities {
    width: 35%;
}
#ol-crypto .crypto-value, #ol-etf .price-etf, #ol-commodities .price-commodities {
    width: 40%;
}
#ol-crypto .crypto-percent, #ol-etf .cghp-etf, #ol-commodities .cghp-commodities {
    width: 20%;
    font-size: 13px;
}

.referral-page .box-referral-code{
    background: #f6f6f6;
    padding: 25px;
    border-radius: 16px;
}
.referral-page .box-referral-code .box-row{
    border-bottom: 1px solid #000;
}
.referral-page .step-content .step-column{
    text-align: center;
}
.referral-page .step-content .step-column .step-label{
    text-align: center;
    background: #d3a257;
    color: #fff;
    padding: 10px;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    margin: 0;
    font-size: 20px;
}
.referral-page .referral-rules .card-rules .card-body{
    background: transparent;
}
.referral-page .referral-rules .card-rules .card-body .rule-description{
    font-weight: 200;
}
.text-green{
    color: #28a745;
}
.referral-overview .row [class^=col-]{
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.step-content .card .card-body{
    min-height: 210px;
}
@media(max-width:992px) {
    .step-content .card .card-body{
        min-height: 280px;
    }
}
.text-black{
   color:#000;
}
.myaccount-page .profil-card .profile-detail-info{
    display: flex;
    justify-content: space-between;
}
.myaccount-page .profil-card .profile-detail-info li h5,.myaccount-page .profil-card .profile-detail-info li span{
    display: block;
}
@media(max-width:425px) {
    .myaccount-page .profil-card .profile-detail-info{
        display: grid;
        justify-content: space-between;
    }
    .myaccount-page .profil-card .profile-detail-info li{
        padding-bottom: 8px;
    }
    .myaccount-page .profil-card .profile-detail-info li h5,.myaccount-page .profil-card .profile-detail-info li span{
        margin: 0;
        display: inline-block;
    }
    .balance-sheet .card-header h5{
        text-align: center;
    }
    .balance-sheet .card-body{
        text-align: center;
    }
}
.mtb-1{
    margin: 1rem 0;
}
.container .title-page{
    padding-bottom: 10px;
}

.myaccount-page .card-body{
    box-shadow: 1px 2px 10px #ddd;
}
.myaccount-page .img-thumb-content-list{
    float: none;
    margin: 0;
    position: relative;
}
.myaccount-page .img-thumb-content-list img[class]{
    width: 100%;
}
.myaccount-page .img-thumb-content-list .object-fit_cover{
    object-fit: cover;
}
.myaccount-page .img-thumb-content-list img{
    display: block;
    height: 280px;
    background-color: #dddddd;
}
.myaccount-page .list-group-item-info{
    background:#fff;
    color:inherit;
}
.myaccount-page .list-group-item{
    border: none;
    padding: 5px 15px;
    border-radius: 0;
}
.myaccount-page .portfolio_overview__bottom label{
    color: #808080;
}
.myaccount-page .news-item .list-group.list-news-label .date{
    color:#949494;
    font-size:13px;
}

.myaccount-page .article-name{
    font-size: 18px!important;
}

.portofolio-page .img-thumb-content-list{
    float: none;
    margin: 0;
    position: relative;
}
.portofolio-page .img-thumb-content-list img[class]{
    width: 100%;
}
.portofolio-page .img-thumb-content-list .object-fit_cover{
    object-fit: cover;
}
.portofolio-page .img-thumb-content-list img{
    display: block;
    height: 380px;
    background-color: #dddddd;
    border-radius: 15px;
}
.portofolio-page .input-group input.form-control.amount{
    padding: inherit;
    padding-right: 10px;
}
.portofolio-page ul#myTab{
    padding: 0 15px;
}
.portofolio-page .nav-tabs.nav-portofolio{
    border: 0;
}
.portofolio-page .nav-tabs.nav-portofolio .nav-item{
    border: 0;
    padding: 10px;
}
.portofolio-page .nav-tabs.nav-portofolio .nav-link{
    border: 0;
    padding: 0;
    color: #9b9595;
}
.portofolio-page .nav-tabs.nav-portofolio .nav-link.active{
    border-bottom: 2px solid #d3a257;
    font-weight: bold;
    color: #000;
}
.portofolio-page .min-amont-input .min-amount{
    color: #7b7b7b
}
.portofolio-page .portofolio-card .col{
    padding:0 40px;
}
.portofolio-page .portofolio-card select.form-control:invalid {
    color: gray;
}
.portofolio-page .table-responsive::-webkit-scrollbar-track,
.trade-page .market-news::-webkit-scrollbar-track,
.trade-page .price-pair::-webkit-scrollbar-track{
    background: #fff
}
.portofolio-page .table-responsive::-webkit-scrollbar{
    height: 5px;
}
.trade-page .market-news::-webkit-scrollbar,
.trade-page .price-pair::-webkit-scrollbar{
    width: 8px;
}
.portofolio-page .table-responsive::-webkit-scrollbar-thumb,
.trade-page .market-news::-webkit-scrollbar-thumb,
.trade-page .price-pair::-webkit-scrollbar-thumb {
    background-color: #d3a257;
    border-radius: 6px;
}
.pagination .page-item{
    box-shadow: 6px 6px 5px -2px rgba(0,0,0,0.24);
    -webkit-box-shadow: 6px 6px 5px -2px rgba(0,0,0,0.24);
    -moz-box-shadow: 6px 6px 5px -2px rgba(0,0,0,0.24);
}
.pagination .page-item.active .page-link{
    background-color: #d3a257;
}
.pagination .page-item.active .page-link:hover{
    color: #fff;
}
.page.article .date-time-create{
    color: #b2b2b2;
}
.myaccount-page .card-information .detail-information{
    min-height: 150px;
}
.container-trade-page{
    min-height: 580px;
    padding: 0 16px;
}
.padding-tradding-view{
    padding-top: 20px;
}
.tradingview-widget-container.card .chart-element .canvas-wrapper iframe{
    min-height: 520px;
}
.btn-internal-transfer:hover{
    color:#fff!important;
}
.list-view-header img.crypto-img{
    min-width: 32px;
}
.list-view-header .crypto-name{
    min-width: 135px;
}

.pagination .page-item .page-link, .pagination .page-item span {
    font-size: .875rem;
    display: flex;
    width: 30px;
    height: 30px;
    margin: 0 1px;
    padding: 0;
    align-items: center;
    justify-content: center;
    color: #5b6e88;
    position: relative;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.pagination .page-item .page-link, .pagination .page-item span {
    font-size: .675rem;
}
.pagination li {
    margin: 3px 4px;
}
.pagination .page-item.active .page-link {
    background-color: #d3a257;
    border-color: #d3a257;
    color: #ffffff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
}

.tv_chart_detail,tv_chart_simple{
    height: 400px!important;
}

@media(max-width:425px) {
    .tradingview-widget-container.card,
    .tradingview-widget-container.card .chart-element,
    .tradingview-widget-container.card .chart-element .canvas-wrapper,
    .tradingview-widget-container.card .chart-element .canvas-wrapper > div{
        min-height: 360px!important;
    }
    .tradingview-widget-container.card .chart-element .canvas-wrapper iframe{
        height: 360px !important;
        min-height: 360px !important;
    }
    .tv_chart_detail,tv_chart_simple{
        height: 340px!important;
    }
}
.text-grey{
    color:#A9A9A9!important;
}
.container-trade-page .trade-page .img-thumbnail{
    width: auto;
    height: 285px;
    background-size:cover;
    border: none;
}
.container-trade-page .trade-page .div-thumbnail{
    padding-bottom: 30px;
}
.container-trade-page #exTab3 .nav.nav-tabs.tabs{
    background: #F7F7F7;
    border-radius: 20px 20px 0 0;
}
.container-trade-page #exTab3 .nav.nav-tabs.tabs li.nav-item a.nav-link:hover{
    border-color: #F7F7F7;
}
.container-trade-page #exTab3 .nav.nav-tabs.tabs li.nav-item a.nav-link.active:hover{
    border-color: #fff;
}
.container-trade-page #exTab3 .nav.nav-tabs.tabs li.nav-item a.nav-link{
    color:#A9A9A9!important;
    border-radius: 20px 20px 0 0;
    padding: 20px 25px 15px 25px;
}
.container-trade-page #exTab3 .nav.nav-tabs.tabs li.nav-item a.nav-link.active{
    color:#000000!important;
    border-radius: 20px 20px 0px 0px;
    border-color: #fff;
}
.container-trade-page table thead tr{
    border-style:hidden;
}
.container-trade-page table thead tr td{
    padding-bottom: 20px;
}
.container-trade-page table thead tr td{
    padding-bottom: 15px;
}
.container-trade-page .table>:not(:last-child)>:last-child>*{
    border: none;
}
.container-trade-page tbody > tr:last-child > td {
    border-bottom: 0;
}

.sidebar-nav .nav-link .fa-chevron-down {
    margin-right: 0;
    transition: transform 0.2s ease-in-out;
}
.sidebar-nav .nav-item:not(.collapsed) .fa-chevron-down {
    transform: rotate(180deg);
}
.ms-auto{
    margin-left: auto !important;
}
.sidebar-nav .nav-item a.active img,
.sidebar-nav .nav-item a:focus img, 
.sidebar-nav .nav-item a:hover img {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
footer{
    margin-top: 0 !important;
    background-color: #f8f8f8;
}
.p-footer{
    padding-right: 120px !important;
}
@media only screen and (min-width: 1281px) {
    .container-trade-page{
        min-height: 765px !important;
    }
}
@media only screen and (max-width: 1280px) {
    .container-trade-page{
        min-height: 640px !important;
    }
}
@media only screen and (max-width: 1024px) {
    .container-trade-page{
        min-height: 430px !important;
    }
}
@media only screen and (max-width: 912px) {
    .container-trade-page{
        min-height: 1195px !important;
    }
}
@media only screen and (max-width: 820px) {
    .container-trade-page{
        min-height: 995px !important;
    }
}
@media only screen and (max-width: 768px) {
    .container-trade-page{
        min-height: 840px !important;
    }
    .p-footer{
        padding-right: 0px !important;
    }
}
@media only screen and (max-width: 415px) {
    .container-trade-page{
        min-height: 715px !important;
    }
}
@media only screen and (max-width: 391px) {
    .container-trade-page{
        min-height: 660px !important;
    }
}
@media only screen and (max-width: 376px) {
    .container-trade-page{
        min-height: 485px !important;
    }
}

.input-wrap.phone-input-wrap input.form-control {
    font-family: Rubik, sans-serif !important
}

.input-group.phone-input-group input.form-control {
    font-family: Rubik, sans-serif !important
}

.tf-secondary {
    font-family: Rubik, sans-serif !important
}
.cursor-pointer{
    cursor: pointer!important;
}
.d-ruby{
    display: ruby;
}
.mb-10{
    margin-bottom: 10px;
}
.m-t-1{
    margin-top: 1rem!important;
}
.font14{
    font-size: 14px;
}
.d-grid{
    display: grid;
}
.size-40{
    width: 40px!important;
    height: 40px!important;
}
.size-60{
    width: 60px!important;
    height: 60px!important;
}
.size-80{
    width: 80px!important;
    height: 80px!important;
}
.size-100{
    width: 100px!important;
    height: 100px!important;
}
.vault-box-category-image{
    padding: 15px 45px;
    margin-bottom: 10px;
    background: #f9f9f9;
}
.vault-box-category-image img{
    margin:10px!important;
}
.vault-list-category .select-category.selected .vault-box-category-image{
    background: #6e53ff2e;
}
.modal-vault-transfer .btn-option-transfer {
    margin: 0 10px;
    min-width: 55px;
}
.modal-vault-transfer #found_transfer_amount_div:before {
    transform: translate(-50%, -5px);
    left: 50%;
}
.modal-vault-transfer .__custom-modal-input .--cmi-editable-holder{
    max-width:416px;
}
.btn-vault img{
    border: 2px solid;
    border-radius: 20%;
    padding: 5px;
}