.min-amount{
    padding-right: 20px;
}
.wallet-icons{
    position: absolute;
    top: 10px;
    right: 30px;
    display: none;
    z-index: 10;
}
.wallet-icons i{
    cursor: pointer;
    color: #fff;
}
.wallet-item:hover .wallet-icons{
    display: block;
}
.wallet-icons i:nth-child(1){
    margin-right: 8px;
}
body{
    background-color: #EFEFF4;
}
.authincation{
    background-color: #EFEFF4;
}
.authincation-content{
    background-color: #EFEFF4;
    border-radius: 0;
}
.btn{
    border-radius: 2px;
}
.bg-blue{
    background-color: #6446F7;
}
.hidden{
    display: none;
}
.delete-span{
    cursor: pointer;
}
.icheck-material-success input {
    display: block;
    float: left;
    margin-right: 8px;
    position: relative;
    top: 3px;
}
.icheck-material-success label {
    display: block;
    padding-left: 23px;
    font-size: 14px;
}
.icheck-material-success{
}
.terms-block{
    padding: 0px 0!important;
}
input[type="checkbox"]:checked:after{
    background: #6446f7;
}
.auth-form{
    padding: 56px 60px;
    background: #fff;
    border-radius: 20px;
    width: 705px;
    display: flex;
}
.auth-form .left,
.auth-form form {
	width: 50%;
}
.auth-form .left img {
	margin-bottom: 20px;
}
.auth-form .left h4 {
	font-weight: 700;
    font-size: 42px;
    line-height: 56px;
    color: #24252D;
    margin-bottom: 54px;	
}
.open-sans-family {
	font-family: "Open Sans", sans-serif;
}
.auth-form .left p {
	font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 18px;
}
.auth-form form {
	width: 270px;
}
label {
	font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px;
    color: #75767A;	
}
.navbar-expand .navbar-collapse{
    display: block!important;
}
.navbar-nav{
    display: block;
    float: right;
}
.nav-header, .header, .deznav, .footer, #preloader, .sk-three-bounce{
    background-color: #000;
}
.nav-header .logo-abbr{
    max-width: 220px;
}
[data-headerbg="color_1"] .nav-header .hamburger.is-active .line, [data-headerbg="color_1"] .nav-header .hamburger .line{
    background: #fff!important;
}
.header-right .header-profile .dropdown-menu{
    top: 90px;
}
.dropdown-item:hover, .dropdown-item:focus{
    background-color: transparent;
}
.progress-bar{
    border-radius: 2px;
    background-color: #6446f7;
}
.progress{
    border-radius: 2px;
}
.bgl-secondary{
    background-color: #242424;
    border-color: #242424;
}
a {
	color: #1D4AFF;
}
.bg-blue{
    background-color: #6446f7!important;
}
.dropdown-item.active, .dropdown-item:active{
    background-color: transparent;
}
.padded{
    padding: 30px;
}
.element-inner-header{
    color: #E7E7E7;
    font-size: 22px;
}
.tips-info{
    padding-top: 10px;
}
.btn-light, .bootstrap-select .btn{
    border-color: #373739!important;
}
.account-data{
    display: none;
}
.currency-block{
    width: 50px;
    height: 50px;
    padding: 14px 0;
    text-align: center;
    background-color: #6446f7;
    border-radius: 50%;
    color: #fff;
}
.add-wallet-btn{
    border: 1px solid #6446F7;
    font-size: 20px;
    padding: 19px 0;
    width: 100%;
    display: block;
    text-align: center;
    color: #6446F7!important;
    cursor: pointer;
}
.add-wallet-btn:hover{
    background-color: #242424;
    border-color: #242424;
    color: #fff!important;
}
.bg-gray{
    background-color: #242424!important;
}
.pagination{
    border-radius: 2px!important;
}
.pagination .page-item.active .page-link, .pagination .page-item .page-link:hover{
    background-color: #6446f7;
    border-color: #6446f7;
    box-shadow: none;
}
.page-item:first-child .page-link{
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.page-item:last-child .page-link{
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.pagination .page-item .page-link{
    background: #242424;
    border-color: #424242;
}
/*.deznav .metismenu > li:hover > a span, .deznav .metismenu > li:focus > a span{
    color: #fff;
}*/
/*.deznav .metismenu > li:hover > a i{
    background: #6446F7;
}*/
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a, [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li:hover > a{
    background: #6446F7;
}
/*[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li.mm-active > a i{
    background: #6446F7;
}*/
[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li.mm-active > a span,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li.mm-active > a span{
    color: #5E7CF5;
}
.deznav .metismenu > li.mm-active > a svg .a, .deznav .metismenu > li.mm-active > a svg .b{
    fill: #fff;
}
.deznav .metismenu > li:hover > a svg .a, .deznav .metismenu > li:hover > a svg .b{
    fill: #fff;
}
.deznav .metismenu > li > a svg .a, .deznav .metismenu > li > a svg .b{
    fill: #d9d9d9;
}
a.mm-active{
    color: #24252D!important;
}
.deznav .metismenu > li{
    /*margin-bottom: 8px;*/
    border-bottom: 2px solid #EFEFF4;
}
.deznav .metismenu > li:last-child {
	border-bottom: none;
}
.tooltip{
    background-color: #161616;
    border: 1px solid #8B8B8B;
    padding: 15px 10px;
}
/*.upload-btn {
    position: relative;
    width: 100%;
    padding: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: 1px dashed #8B8B8B;
    text-align: center;
    background-color: #8B8B8B;
    cursor: pointer;
    color: #fff;
}*/
.picker .picker__frame .picker__box .picker__table .picker__day.picker__day--highlighted{
    background-color: #5E7CF5!important;
}
.picker .picker__frame .picker__box .picker__footer .picker__button--clear:hover, .picker .picker__frame .picker__box .picker__footer .picker__button--close:hover, .picker .picker__frame .picker__box .picker__footer .picker__button--today:hover{
    background-color: #5E7CF5!important;
}
.picker .picker__frame .picker__box .picker__footer .picker__button--today{
    background-color: #5E7CF5!important;
}
.picker .picker__frame .picker__box .picker__header .picker__year{
    color: #5E7CF5!important;
}
.picker .picker__frame .picker__box .picker__table .picker__day:hover{
    background-color: #5E7CF5!important;
}
.picker .picker__frame .picker__box .picker__header .picker__nav--prev:hover, .picker .picker__frame .picker__box .picker__header .picker__nav--next:hover{
    background-color: #5E7CF5!important;
    color: #fff!important;
}
.form-control:disabled{
    color: #8d8484!important;
}
.logo-min{
    display: none;
}
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .logo-abbr{
    display: none;
}
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .logo-min{
    display: block;
    width: 45px;
}
[data-sidebar-style="mini"] .nav-header .logo-abbr{
    display: none;
}
[data-sidebar-style="mini"] .nav-header .logo-min{
    display: block;
    width: 45px;
}
[data-sidebar-style="mini"] .deznav .metismenu li a{
    padding: 12px 12px!important;
}
[data-sidebar-style="mini"] .deznav .metismenu > li{
    padding: 2px 10px;
}
[data-sidebar-style="overlay"] .nav-header .logo-abbr{
    display: none;
}
[data-sidebar-style="overlay"] .nav-header .logo-min{
    display: block;
    width: 45px;
}
.hei-100{
    height: calc(100% - 30) !important;
}
.copy-content{
    cursor: copy;
}
@media only screen and (max-width: 767px){
    .deznav .metismenu > li a > i{
        padding: 10px 10px!important;
        margin-right: 5px!important;
    }
}
@media only screen and (max-width: 575px){
    .nav-control{
        right: 10px;
        position: fixed;
        top: 40px;
    }
}
.legal-link a:hover{
    color: #fff!important;
}
/* REDESING */
@font-face {
    font-family: "Satoshi-bold";
    src: url("../fonts/satoshi/Satoshi-Bold.eot");
    src: url("../fonts/satoshi/Satoshi-Bold.eot?#iefix") format("embedded-opentype"),
         url("../fonts/satoshi/Satoshi-Bold.ttf") format("truetype"),
         url("../fonts/satoshi/Satoshi-Bold.woff") format("woff"),
         url("../fonts/satoshi/Satoshi-Bold.woff2") format("woff2");
    font-style: normal;
}
@font-face {
    font-family: "Satoshi-regular";
    src: url("../fonts/satoshi/Satoshi-Regular.eot");
    src: url("../fonts/satoshi/Satoshi-Regular.eot?#iefix") format("embedded-opentype"),
         url("../fonts/satoshi/Satoshi-Regular.ttf") format("truetype"),
         url("../fonts/satoshi/Satoshi-Regular.woff") format("woff"),
         url("../fonts/satoshi/Satoshi-Regular.woff2") format("woff2");
    font-style: normal;
}
.hamburger {
    background: url("../images/hamburger.svg");
    width: 17px;
    height: 25px;
}
.hamburger.is-active {
    background: url("../images/hamburger_active.svg");
}
.header-right .header-profile > a.nav-link .header-info {
    padding-right: 13px;
}
.header-right .header-profile > a.nav-link .header-info span {
    position: relative;
    top: 6px;
}
.header-right .header-profile > a.nav-link .header-info strong {
    font-weight: 700;
    font-size: 18px;
}
.header-right .header-profile > a.nav-link .header-info .account-email {
    font-weight: 400;
    font-size: 18px;
    position: relative;
    top: -6px;
}
.header-right .header-profile > a.nav-link .acc-icon {
    border: 2px solid #3E68FF;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
}
.header-right .header-profile > a.nav-link .acc-icon img {
    width: 22px;
    height: 22px;
}
.header-right .header-profile .dropdown-menu {
    border: 2px solid #262626;
    background: #131313;
    border-radius: 8px;
    min-width: 10.5rem;
    padding: 10px 0px;
    top: 95px !important;
}
.header-right .header-profile .dropdown-item {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 700;
    font-size: 18px;
    display: flex;
    align-items: center;
}
.header-right .header-profile .dropdown-item span {
    padding-left: 5px;
}
.header-right .header-profile .dropdown-item:hover {
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
}
.header-right .header-profile .dropdown-item:hover span {
    color: #fff;
}
.header-right .header-profile .dropdown-menu:before,
.header-right .header-profile .dropdown-menu:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 82%;
    border: 12px solid transparent;
    border-bottom-color: #262626;
}
.header-right .header-profile .dropdown-menu:after {
    border: 10px solid transparent;
    border-bottom-color: #131313;
    top: -19px;
    left: 83%;
}
.deznav .metismenu > li > a {
    color: #24252D !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    display: flex;
    align-items: center;
}
.deznav .metismenu ul a {
    color: #24252D99;
    font-weight: bold;
    font-size: 14px;
}
.deznav .metismenu ul a:hover {
    color: #24252D99 !important;
}
.deznav .metismenu .has-arrow:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 82%;
    top: 52%;
    border: 8px solid transparent;
    -webkit-transform: rotate(0deg) translateY(-50%);
    transform: rotate(0deg) translateY(-50%);
}
.deznav .metismenu .has-arrow[aria-expanded=true]:after, 
.deznav .metismenu .mm-active > .has-arrow:after {
    -webkit-transform: rotate(360deg) translateY(-50%);
    transform: rotate(360deg) translateY(-50%);
    top: 52%;
    border-bottom-color: transparent;
}
.deznav .metismenu > li a > i {
    width: 20px;
    height: 20px;
    border: unset;
    border-radius: unset;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li > a i {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    line-height: 60px;
}
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li > ul a:hover {
    color: #3E68FF !important;
}
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li:hover > a {
    background: none !important;
}
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li:hover > a i {
    border: 2px solid #3E68FF;
}
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a i {
    border: 2px solid #3E68FF; 
}
.deznav .metismenu > li > a {
	position: relative;
}
h2.acc-heading {
    font-weight: 700;
    font-size: 36px;
}
.dashboard .card.info {
    border-radius: 20px!important;
}
i.bordered {
    display: flex;
    width: 80px;
    height: 80px;
    border: 2px solid #262626;
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}
.dashboard h5 {
    font-weight: 400;
    font-size: 18px;
}
.dashboard .card.info .text-num {
    font-weight: 700;
    font-size: 24px;
    color: #3E68FF !important;
}
.dashboard .card.info .media {
    border: 2px solid #262626;
    border-radius: 12px;
    padding: 15px !important;
}
.dashboard .card.info .media h4 {
    font-weight: 400;
    font-size: 18px;
    color: #838383;
}
.dashboard .card.info .media span {
    font-size: 18px;
    color: #fff;
}
.dashboard .card.tbl {
    border: 2px solid #625e5e;
    border-radius: 12px !important;
    background: none;
}
.dashboard .card.tbl .card-body {
    padding: 25px 0px 10px 0px;
}
.dashboard .card.tbl .table thead th {
    font-weight: 700;
    font-size: 24px;
    color: #fff !important;
}
.dashboard .card.tbl .table-striped tbody tr:nth-of-type(odd) {
    background: none !important;
}
.dashboard .card.tbl .table tbody tr td, 
.dashboard .card.tbl .table thead th {
    border: none;
}
.dashboard .card.tbl .table tbody tr td {
    font-weight: 400;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.7);
}
.dashboard .card.tbl .table tbody tr td .text-success {
    color: #00FFA3 !important;
}
.dashboard .wallet-item {
    background: none !important;
    border: none !important;
}
.dashboard .wallet-item .currency-block {
    width: 50px;
    height: 50px;
    background: #3E68FF;
    border-radius: 10px !important;
    font-size: 18px;
    color: #fff;
    line-height: 23px;
}
.dashboard .wallet-item .media-body h4.currency {
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    margin: 10px 0px 5px 0px !important;
}
.dashboard .wallet-item .media-body h4.number {
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.01em;
    color: rgba(255, 255, 255, 0.7);
}
.dashboard .wallet-item .media-body span.amount {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
}
.padding-top0 {
    padding-top: 0px !important;
} 
.padding-bottom0 {
    padding-bottom: 0px !important;
}
footer p {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.6);
}
footer p.legal-link {
    display: flex;
    justify-content: end;
}
footer p.legal-link a {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    margin-right: 10px;
    color: #5E7CF5;
}
footer p.legal-link a:hover {
	color: #5E7CF5 !important;
}
.card.frm {
    border-radius: 12px !important;
    border: 2px solid #625e5e;
    background: none;
}
.card.frm .form-group {
    margin-bottom: 30px !important;
}
.card.frm .form-group.amount {
    margin-bottom: 20px !important;
}
.card.frm label {
    font-weight: 700;
    font-size: 24px;
    color: #fff;
}
.card.frm input,
.card.frm textarea {
    padding: 16px 24px;
    border: 2px solid #625e5e !important;
    border-radius: 12px;
    height: 56px;
}
.card.frm textarea {
    height: 160px;
}
.card.frm .filter-option-inner-inner,
.card.frm input,
.card.frm select.form-control,
.card.frm textarea,
.card.frm .minmax,
.card.frm .rate {
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.5);
}
.card.frm select.form-control option {
	color: #000;
}
.card.frm .minmax {
    margin-top: 5px;
}
.card.frm .dropdown-toggle:after {
    content: '';
    position: absolute;
    top: 60%;
    right: 5%;
    border: 8px solid transparent;
    border-bottom-color: rgba(255, 255, 255, 0.7);
    -webkit-transform: rotate(180deg) translateY(-50%);
    transform: rotate(180deg) translateY(-50%);
    transition: all .3s ease-out;
    transform-origin: top;
}
.bootstrap-select .dropdown-menu li a span.text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #24252D;
}
.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active {
    border-radius: 8px;
    padding: 6px 9px;
}
.bootstrap-select .dropdown-menu li {
    position: relative;
    padding: 0px 4px;
}
.dropdown-item.active,
.dropdown-menu .dropdown-item.active span {
    background: #E1E3E6 !important;
    color: #24252D !important;
}
.bootstrap-select .dropdown-menu,
.bootstrap-select .dropdown-menu.inner {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background: #EFEFF4;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.bootstrap-select .dropdown-menu {
    padding-top: 0px;
}
.dropup .dropdown-toggle:after {
    -webkit-transform: rotate(180deg) translateY(2%);
    transform: rotate(180deg) translateY(2%);
    position: static;
    top: 45%;
}
.card.txt {
    background: none;
}
.card.txt p {
    font-weight: 400;
    font-size: 18px;
}
.card.txt li {
    font-weight: 700;
    font-size: 18px;
}
.card.frm .rate {
    line-height: 26px;
}
.card.frm.cards .form-group {
    margin-bottom: 15px !important;
}
.card.cards-list .card-body {
    border: 2px solid #625e5e;
    border-radius: 12px;
    padding: 20px !important;
}
.card.cards-list .card-body table tbody tr td, 
.card.cards-list .card-body table thead th {
    border-color: #625e5e;
}
.card.cards-list .card-body table th {
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    padding: 12px 9px;
}
.card.cards-list .card-body table th:first-child {
    text-align: center;
}
.card.cards-list .card-body table tr td {
    font-weight: 400;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.6);
}
.card.cards-list .card-body table .delete-span i {
    position: relative;
    top: -2px;
}
.padding-top-100 {
    padding-top: 100px !important;
}
.card.agree {
    padding: 20px;
}
.card.agree label {
    font-weight: 400;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.5) !important;
    margin-left: 25px;
    position: relative;
    top: 3px;
}
.card.agree input[type="checkbox"],
.chckdiv input[type="checkbox"] {
    height: 0px;
}
.card.agree input[type="checkbox"]:after,
.chckdiv input[type="checkbox"]:after {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background: #EFEFF4;
}
.card.agree input[type="checkbox"],
.chckdiv input[type="checkbox"] {
    background: #000;
    border-color: #000;
}
.card.agree input[type="checkbox"]:checked:after,
.chckdiv input[type="checkbox"]:checked:after {
    background-image: url('../images/check.svg');
    background-color: #EFEFF4;
    background-repeat: no-repeat;
    background-position: center center;
}
.authincation h4 {
    font-weight: 400;
    font-size: 36px;
}
.authincation label strong {
    font-weight: 700;
    font-size: 24px;
    color: #fff;
}
.authincation .new-account {
    font-weight: 400;
    font-size: 18px;
    color: #fff !important;
}
.justify-content-center {
    justify-content: center;
}
a {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #1D4AFF;
}
.page-404 h1 {
    font-weight: 900;
    font-weight: 900;
    font-size: 250px;
    position: relative;
}
.page-404 h1 svg {
    position: absolute;
    left: 214px;
    top: 0px;
}
.page-404 h4 {
    font-weight: 400;
    font-size: 36px;
    line-height: 50px;
}
.page-404 p {
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: rgba(255, 255, 255, 0.6);
    margin: 2rem 0px 2rem 0px;
}
.page-404 .btndiv {
    padding: 0px 60px;
}
.page-404 .block404 {
    background: url(../images/404bg.svg) no-repeat;
    width: 97%;
    position: absolute;
    top: 14px;
    height: 100%;
    background-position: center;
}
.chckdiv label {
    padding-left: 35px;
}
@media only screen and (max-width: 1653px) {
    .gplink {
       margin-right: 15px !important;   
    }
}
@media only screen and (max-width: 1600px) {
    .content-body.dashboard .card.info .col-xl-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media only screen and (max-width: 1530px) {
    .gplink {
       margin-right: unset !important;
       margin-bottom: 10px !important;   
    }
    .gplink,
    .ituneslink {
        width: 100%;
    }
}
@media only screen and (max-width: 1400px) {
    [data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li > a {
       white-space: nowrap;
    }
    [data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li .has-arrow:after {
        right: 0.5rem;
        left: unset;
    }
}
@media only screen and (max-width: 991px) {
    .page-404 .block404 {
       width: 106%;
    }
}
@media only screen and (max-width: 767px) {
    .deznav .metismenu > li a > i {
        line-height: 40px !important;
    }
    .page-404 .block404 {
       width: 96%;
    }
    .authincation-image {
        display: none;
    }
}
@media only screen and (max-width: 575px) {
    .header-right .header-profile > a.nav-link .acc-icon {
        display: none;
    }
}
@media only screen and (max-width: 524px) {
    .page-404 h1 {
        padding-top: 150px;
        font-size: 150px;
    }
    .page-404 .block404 {
        top: 80px;
    }
}
@media only screen and (max-width: 390px) {
    .page-404 .block404 {
        width: 94%;
    }
}
@media only screen and (max-width: 360px) {
    .page-404 .btndiv {
        padding: 0px 20px;
    }
}
.picker__select--year {
    min-width: 105px;
}
.line-height-30 {
    line-height: 30px !important;
}
/* REDESING END */
/* NEW STYLES */
body {
	background: #fff;
}
#preloader {
	z-index: 999;
}
#preloader,
.sk-three-bounce {
	background: #4834d4;
    background: -webkit-linear-gradient(to right, #4834d4, #341f97);
    background: -webkit-linear-gradient(left, #4834d4, #341f97);
    background: linear-gradient(to right, #4834d4, #341f97);
}
.new-account {
	color: #fff;
}
.header,
.nav-header,
.deznav {
	background: #fff;
}
.card {
	background-color: #fff;
}
.card.info {
    border-radius: 20px !important;
}
.dashboard .card.info .media,
i.bordered {
	border: 2px solid #3E68FF; 
}
.dashboard .card.info .text-num {
	color: #fff!important;
}
.add-wallet-btn {
	border: 2px solid #3E68FF;
	border-radius: 12px;
	color: #3E68FF!important;
}
.add-wallet-btn:hover {
	background: #3E68FF;
	border: 2px solid #3E68FF;
}
body {
	background-color: #EFEFF4;
}
body.main {
	background-image: url('../images/bg.png');
	background-repeat: no-repeat;
	background-size: 100%;
}
.btn {
	font-weight: bold;
}
.btn:hover {
    background: none!important;
    border-color: none!important;
}
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .brand-logo {
	justify-content: end;
}
.card.frm select.form-control {
    height: 56px;
    border: 2px solid #625e5e !important;
    border-radius: 12px;
}
.btn-light, .bootstrap-select .btn {
	border-color: #625e5e !important;
	border-radius: 12px;
}
.bootstrap-select.form-control-lg .dropdown-toggle {
	border: none !important;
}
select > option {
    color: #000;
}
a.button,
button.button,
div.button {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    background: #24252D;
    border-radius: 23px;
    padding: 13px 56px;
    text-align: center;
    display: inline-block;
    outline: 0;
    border: none;
    width: fit-content;
    cursor: pointer;
}
div.button:hover,
a.button:hover,
button.button:hover {
    background: #5E7CF5;
}
div.button.bordered,
a.button.bordered,
button.button.bordered {
    background: #fff;
    border: 1px solid #24252D;
    color: #24252D !important;
    padding: 12px 32px;
}
div.button.bordered {
	padding: 13px 22px;
}
div.button.bordered:hover,
a.button.bordered:hover,
button.button.bordered:hover {
    border: 1px solid #5E7CF5;
    color: #5E7CF5 !important;
    background: #fff;
}
.form-control {
	font-family: "Open Sans", sans-serif !important;
	font-size: 14px;
    padding: 10px;
    display: block;
    width: 100%;
    height: 44px;
    border-bottom: 2px solid #DFDFE4 !important;
    background-color: #EFEFF4 !important;
    color: #24252D;
    border-radius: 4px;
}
.form-control:focus {
	border-bottom: 2px solid #5E7CF5 !important;
}
.pass-forgot {
	margin: 12px 0px 0px 0px;
	display: block;
}
.auth-form .button[type="submit"] {
	width: 100%;
	margin-top: 22px;
}
.auth-form a.black {
	display: block;
	margin-bottom: 18px;
}
a.black {
	color: #24252D;
}
.empty {
	height: 40px;
}
.captcha {
    display: flex;
    width: 100%;
    margin-bottom: 15px;
    gap: 20px;
}
.captcha img { width: 100%; height: 100%; }
.captcha span {
    display: block;
    width: 80%;
    height: 58px;
}
.auth-form .btn-refresh {
	background: none;
    color: #000;
    width: 20px;
    padding: unset;
}
.auth-form .btn-refresh:hover {
	background: none;
}
.lobibox-notify {
    background-color: #fff !important;
    border-radius: 6px !important;
    color: #24252D !important;
}
.lobibox-notify-icon {
	display: none !important;
}
.lobibox-notify .lobibox-notify-body {
    margin: 10px 20px 10px 20px !important;
}
.lobibox-notify.lobibox-notify-error {
	border-color: #fff !important;
}
#main-wrapper {
	width: 1300px;
    margin: 0 auto;
    position: relative;
    padding-top: 39px;
}
.deznav {
	width: 308px;
	border-radius: 20px;
	background: #fff;
	padding-top: 0px;
	top: 39px;
	padding: 0px 0px 24px 0px;
	height: calc(100% - 39px);
}
.deznav .brand-logo {
	padding: 27px 31px;
	margin-bottom: 54px;
	display: block;
	width: 100%;
	background: #24252D;
	border-radius: 20px;
	box-shadow: -1px 11px 72px -25px rgba(0,0,0,0.4);
    -webkit-box-shadow: -1px 11px 72px -25px rgba(0,0,0,0.4);
    -moz-box-shadow: -1px 11px 72px -25px rgba(0,0,0,0.4);
}
.user-info {
	padding: 0px 8px;
	display: flex;
	gap: 11px;
}
.user-name .name {
	font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 14px;
	color: #24252D;
}
.user-name .email {
	font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 24px;
	color: #5E7CF5;
}
.content-wrapper {
	padding-left: 343px;
    display: flex;
    flex-flow: column;
    gap: 14px;
}
.no-left-right-pad {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.header {
	border-radius: 20px;
}
.header-content {
	background: #fff;
	padding: 22px 34px;
	border-radius: 20px;
	justify-content: space-between;
}
.header-content .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;	
}
.header-content .logout {
	background: #EFEFF4;
    border-radius: 8px;
    display: flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
}
.card-header {
	padding: 22px !important;
	padding-left: 34px !important;
	padding-right: 34px !important;
	gap: 14px;
}
.card-header .block {
	position: relative;
	border-radius: 20px;
	background: #EFEFF4;
	padding: 26px 31px;
	width: 206px;
}
.card-header .block .title {
	font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    color: #24252D;
    display: flex;
    align-items: center;
    gap: 16px;
    border-bottom: 2px solid #DFDFE4;
    padding-bottom: 31px;
}
.card-header .block .title svg {
	position: absolute;
	left: 20px;
}
.card-header .block .sum {
	padding-top: 24px;
	text-align: left;
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    color: #24252D;	
}
.card-header .block.balance {
	width: 428px;
}
.card-header .block.balance .title {
	padding-left: 60px;
}
.section-inner-wrapper {
	padding: 18px 32px 29px 32px;
	width: 100%;
}
.section-inner-wrapper.small {
	padding: 32px 15px;
}
.section-title {
	font-weight: 700;
    font-size: 24px;
    line-height: 28px;
	color: #24252D;
}
.wallet-row {
	display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 16px;
}
.wallet-row .left-part {
	padding: 23px 26px;
	background: #EFEFF4;
    border-radius: 20px;
	display: flex;
	align-items: center;
	gap: 21px;
	width: calc(100% - 100px);
	justify-content: space-between;
}
.flex-row {
	display: flex;
	gap: 20px;
}
.wallet-row .currency-icon {
	width: 44px;
    height: 44px;
    background: #fff;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #5E7CF5;
    font-size: 16px;
    font-weight: bold;	
}
.wallet-row .name {
	font-weight: 700;
    font-size: 18px;
    line-height: 30px;
	color: #24252D;
}
.wallet-row .number {
	font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #24252D73;
}
.wallet-row .right-part {
	display: flex;
    align-items: center;
    gap: 32px;
    width: 90px;
}
.wallet-row .balance {
    font-weight: 700;
    font-size: 24px;
    text-align: right;
	color: #24252D;
}
.wallet-row .wallet-icon {
	border-radius: 8px;
	background: #fff;
	padding: 13px 0px 13px 14px;
	display: flex;
}
.wallet-row .wallet-icon i {
	cursor: pointer;
}
.wallet-row .wallet-icon i:first-child {
	margin-right: 17px;
}
.card.info.history {
	padding: 14px 12px 12px 12px;
}
.table.bordered {
	border-collapse: unset;
    border-spacing: 0px;
    border: 1px solid #EFEFF4;
    border-radius: 20px;
}
.table.bordered tr:first-child th:first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.table.bordered tr:first-child th:last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.table.bordered tr:first-child th {
    border-top-width: 2px;
    border: 1px solid #EFEFF4;
}
.table.bordered tr:first-child th:first-child {
	border-left: 1px solid #EFEFF4 !important;
}
.table.bordered tr:first-child th:last-child {
    border-right: 1px solid #EFEFF4 !important;
}
.table.bordered th {
	background-color: #EFEFF4;
    padding: 14px 20px;
    color: #24252D73;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    border-left: none !important;
    border-right: none !important;
    vertical-align: middle;
}
.table.bordered tbody td {
	font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
	color: #24252D;
	padding: 14px 20px;
}
.no-pad-top {
	padding-top: 0px !important;
}
.no-pad-left {
	padding-left: 0px;
}
.modal-dialog {
    max-width: 705px;
}
.modal-content {
	background: #fff !important;
	max-width: 448px;
	width: 100%;
	flex-flow: column;
	justify-content: space-between;
	padding: 38px 70px;
	gap: 30px;
}
.modal-content h5 {
	font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #24252D;
}
.modal-header,
.modal-body {
	padding: unset !important;
}
.modal-content form {
	width: 100%;
}
.modal-content form button {
	width: 100%;
}
.modal-content form label {
	font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px;
    color: #75767A; 
}
.steps-wrapper {
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.steprs-wrapper .steps {
	display: flex;
	gap: 40px;
}
.steps-wrapper .steps {
	display: flex;
	align-items: center;
	gap: 30px;
}
.steps-wrapper .step {
	display: flex;
	gap: 12px;
	align-items: center;
}
.steps-wrapper i {
	display: flex;
	width: 32px;
	height: 32px;
	background: #EFEFF4;
	justify-content: center;
	align-items: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
	color: #24252D99;
	border-radius: 8px;
	font-style: normal;
}
.steps-wrapper .text {
	display: flex;
	align-content: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
    color: #24252D99;
}
.steps-wrapper .step.active i,
.steps-wrapper .step.active .text {
	color: #24252D;
}
.title.middle {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #24252D;
	padding-bottom: 20px;
}
.row-two {
	display: flex;
	gap: 22px;
}
.row-two .form-group {
	width: 50%;
}
.pad-bot-10 {
	padding-bottom: 10px !important;
} 
.pad-top-10 {
	padding-top: 10px !important;
}
.pad-top-15 {
    padding-top: 15px !important;
}
.pad-top-20 {
	padding-top: 20px !important;
}
.pad-top-45 {
	padding-top: 45px !important;
}
.pad-bot-200 {
	padding-bottom: 200px !important;
}
.mar-top-46 {
	margin-top: 46px !important;
}
.mar-bot-10 {
    margin-bottom: 10px !important;
}
.mar-bot-60 {
	margin-bottom: 60px !important;
}
.mar-bot-42 {
	margin-bottom: 42px !important;
}
.mar-bot-20 {
	margin-bottom: 20px !important;
}
.mar-bot-32 {
    margin-bottom: 32px !important;
}
.pad-bottom-8 {
	padding-bottom: 8px !important;
}
.gap-33 {
	gap: 33px;
}
.pad-bot-20 {
	padding-bottom: 20px !important;
}
.pad-top-40 {
	padding-top: 40px !important;
}
p {
	font-size: 14px;
	line-height: 24px;
}
.upload-btn-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.color-grey {
	color: #75767A;
}
.button.verify-end {
	padding: 13px 24px;
}
.chckdiv.verify input[type="checkbox"]:after {
	margin-top: -3px;
}
.verification-status {
	padding-bottom: 80px;
	padding-top: 21px;
	width: 100%;
	display: flex;
	gap: 15px;
	align-items: center;
}
.verification-status i {
	width: 32px;
    height: 32px;
    background: #E1E3E6;
    display: inline-flex;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
}
.verification-status i svg,
.verification-status i svg path {
	fill: #5E7CF5;
}
.verification-status .text {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #24252D;	
}
.edit-wallet-button,
.delete-wallet {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
}
.edit-wallet-button:hover {
	background: #5E7CF5;
}
.edit-wallet-button:hover svg path {
	fill: #fff;
}
.delete-wallet:hover {
    background: #EB001B;
}
.delete-wallet:hover svg path {
    fill: #fff;
}
label .error {
	color: #EB001B;
	display: none;
}
.card-body {
    padding: 40px 32px;
}
.card {
	border-radius: 20px;
}
.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: 10px;
}
.minmax {
	font-family: "Open Sans", sans-serif;
	color: #24252D99;
	font-size: 12px;
	font-weight: 400;
	padding-top: 8px;
}
.tips-info p {
    font-family: "Open Sans", sans-serif;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 24px;
    color: #24252D99;
}
.rate-block {
    display: flex;
    justify-content: space-between;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #24252D;
    flex-flow: column;
}
.transfer-types {
	display: flex;
	gap: 17px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.transfer-types .transfer-type {
	width: 50%;
	display: flex;
	flex-flow: column;
	gap: 15px;
	align-items: start;
	justify-content: flex-start;
	cursor: pointer;
	border-radius: 8px;
	padding: 14px;
	background: #EFEFF4;
}
.transfer-type .name {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #24252D;	
}
.transfer-type.active {
	border: 1px solid #5E7CF5;
	background: #fff;
}
.transfer-type.active svg path {
	fill: #5E7CF5;
}
ol.numeric {
	padding-left: 13px;
}
ol.numeric li {
	font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
	list-style: auto;
	color: #24252D99;
}
.balance-double {
	display: flex;
	gap: 23px;
}
.mobile-burger {
	border-radius: 50px;
    width: 38px;
    height: 38px;
    background: #24252D;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    display: none;
}
.menu-overlay {
	width: 100%;
    height: 100%;
    background: rgba(50, 50, 50, .3);
    position: fixed;
    z-index: 4;
    display: none;
}
.menu-overlay.active {
	display: block;
}
.deznav .close {
	display: none;
}
.deznav.active {
	display: block;
    top: 0px;
    z-index: 999;
    left: 0px;
    border-radius: 0px;
    height: 100%;
}
.deznav.active .close {
	display: block;
}
li.logout {
	display: none !important;
}
@media screen and (max-width: 1325px) {
	#main-wrapper {
	   width: 90%;
	}
	.card-header .block.balance {
        width: 100%;
    }
    .card-header .block {
        width: 50%;
        display: flex;
        width: 50%;
        flex-flow: column;
        justify-content: space-between;
    }
    .balance-double {
        width: 100%;
    }
    
}
@media screen and (max-width: 1270px) {
	.authincation .col-md-6 {
        flex: 0 0 0%;
        max-width: 100%;
        min-width: 100%;
    }
}
@media screen and (max-width: 1200px) {
	.content-body.deps .card {
	   flex-flow: column !important;
	}
	.content-body.deps .left,
	.content-body.deps .right {
	   max-width: 100% !important;
	   width: 100%;
	}
}
@media screen and (max-width: 967px) {
	.auth-form {
	   max-width: 100%;
	   width: 100%;
	   flex-flow: column;
	   padding: 40px;
	   gap: 40px;
	}
	.authincation .empty {
	   display: none;
	}
	.auth-form .left h4 {
	   margin-bottom: 10px;
	   font-size: 35px;
       line-height: 38px;
	}
	.auth-form .left, .auth-form form {
	   width: 100%;
	}
	.deznav {
	   display: none;
	}
	.content-wrapper {
	   padding-left: 0px;
	}
	.header-content a.logout {
	   display: none;
	}
	.mobile-burger { 
	   display: flex;
	}
	.user-info {
	   display: none;
	}
	li.logout {
        display: flex !important;
    }
	.header-content {
	   padding: 18px 16px;
	}
	.deznav .close {
	   position: absolute;
        right: 10px;
        z-index: 9;
        top: 5px;
	}
	.deznav .close button {
	   color: #fff;
	   font-size: 34px;
	}
}
@media screen and (max-width: 620px) {
	.modal-dialog {
        max-width: 100%;
        width: 100%;
        justify-content: center;
    }
    .wallet-row {
        align-items: flex-start;
        padding-bottom: 14px;
    }
    .wallet-row .right-part {
        flex-flow: column;
        gap: 18px;
    }
    .wallet-row .wallet-icon i:first-child {
        margin-right: 14px;
    }
    .wallet-row .currency-icon {
        width: 42px;
        height: 42px;
        font-size: 16px;
    }
    .edit-wallet-button, .delete-wallet {
        width: 16px;
        height: 16px;
    }
    .modal-content {
        padding: 40px;
    }
    .wallet-row .name {
        font-size: 14px;
    }
    .wallet-row .number {
        font-size: 12px;
    }
    .wallet-row .balance {
        font-size: 18px;
    }
    .card-header .block .title {
        font-size: 14px;
    }
    .card-header .block .title {
        font-size: 18px;
    }
    .section-inner-wrapper,
    .card-body {
        padding-left: 22px;
        padding-right: 22px;
    }
    .legal-link {
        justify-content: space-between !important;
    }
    .legal-link a {
        color: #5E7CF5 !important;
    }
    .transfer-types {
        flex-flow: column;
    }
    .transfer-types .transfer-type {
        width: 100%;
    }
    .d-flex.gap-33 {
        flex-flow:column;
        gap: 10px;
    }
    .d-flex.gap-33 .w-50 {
        width: 100% !important;
    }
    .minmax {
        display: flex;
        flex-flow: column;
    }
    .rate-block {
        flex-flow: column;
    }
    .deznav.active .user-info {
        margin-bottom: 30px;
    }
    .deznav.active li a {
        padding: 10px !important;
        font-size: 16px !important;
    }
    .deznav.active li a i {
        display: none;
    }
    .steps-wrapper {
        flex-flow: column;
        padding-left: 0px;
        padding-right: 0px;
        gap: 15px;
    }
    .upload-btn {
        max-width: 150px;
    }
}
@media screen and (max-width: 530px) {
	.modal-content {
        padding: 30px;
        flex-flow: column;
        gap: 13px;
    }
    .modal-content h5 {
        font-size: 28px;
        line-height: 34px;
    }
    .modal-content form {
        width: 100%;
    }
    .balance-double {
        flex-flow: column;
    }
    .balance-double .block {
        width: 100%;
    }
}
@media screen and (max-width: 430px) {
	.modal-dialog {
        margin: 0;
        padding: 0px 15px;
    }
}
.auth-form.column {
	flex-flow: column;
}
.auth-form.column .left {
	width: 100%;
}
.auth-form.column form {
	width: 100%;
}
.auth-form.column .left h4 {
	margin-bottom: 20px;
}
.ai-icon i {
    background: #EFEFF4 !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.white-round {
	background: #fff;
    width: 44px;
    height: 44px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form-group.btns-row {
	display: flex;
	width: 100%;
	justify-content: space-between;
	gap: 14px;
	margin-top: 34px;
}
.button.gray {
	background: #DFDFE4;
	color: #7C7C81;
}
.button.gray:hover {
    background: #DFDFE4;
}
.separator-wrapper {
	width: 100%;
	padding: 32px 34px;
}
.separator {
	height: 2px;
	border-radius: 20px;
	width: 100%;
	background: #EFEFF4;
}
.pad-top-34 {
	padding-top: 34px !important;
}
.white-space-no-wrap {
	white-space: nowrap;
}
.flow-row {
	flex-direction: row !important;
}
.card-body.bordered {
	background: #EFEFF4;
	border-radius: 20px;
	padding: 31px 26px 47px 26px !important;
	margin-top: 60px;
}
.max-w-308 {
	max-width: 308px;
}
.content-body.deps .card {
	justify-content: space-between;
	padding: 32px 34px;
}
.content-body.deps .card-body {
	padding: unset;
}
.content-body.deps .col-xl-6 {
	padding: unset;
}
.content-body.deps .left {
	max-width: 308px;
}
.content-body.deps .right {
	max-width: 438px;
}
.element-info-text {
	border-bottom: 2px solid #DFDFE4;
	margin-bottom: 27px;
}
a.logout {
	position: absolute;
    bottom: 0;
	margin-left: 26px;
	color: #24252D;
}
a.logout svg {
	margin-right: 15px;
}
.form-group.btn-verify {
	display: flex;
	gap: 20px;
	align-items: center;
}
.form-group.btn-verify p {
	margin: 0;
}