/* my new color classes */

.main-color {
    background: #AA681A !important;
    /* background: linear-gradient(130deg,#BDA170,#747149) !important; */
}

.success {
    background: rgb(4, 102, 4);
    color: #fff;
    font-size: 18px;
}

.danger {
    background: rgb(231, 36, 36);
    color: #fff;
    font-size: 18px;
}

.font-main-color {
    color: #AA681A !important;
}

.mt-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 5px;
    float: left;
    margin-right: .5em;
}

.white {
    color: #ffffff !important;
}

.m_btn {
    width: 100%;
    background: linear-gradient(140deg, #BDA170, #BDA170);
    text-align: center;
    padding: 7px 0;
    border-radius: 5px;
    color: #fff;
}

.modal .modal-content::-webkit-scrollbar {
    display: none;
}

.modal .modal-content {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.buy_modal .modal-content {
    margin: 0 !important;
    padding: 0 !important;
}

.buy_modal .modal-content h4 {
    padding: 15px 0;
    text-align: center;
    color: #ffffff;
    background-color: #AA681A;
}

.buy_modal .modal-content .inner-content {
    padding: 10px 2em;
}

.buy_modal .modal-content .coin-logo {
    float: left;
    margin-right: 1em;
    margin-top: 1em;
}

.buy_modal .modal-content .coin-logo img {
    width: 5em;
    border-radius: 5px;
}

.buy_modal .modal-content .details h5 {
    font-size: 1em;
    font-weight: bolder;
    color: #bebebe;
}

.buy_modal .modal-content .details h2 {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 0px;
}

.buy_modal .modal-content .details small {
    color: #bebebe;
    text-transform: uppercase;
    margin-top: 0em;
}

.buy_modal hr {
    border: .5px solid rgb(221, 215, 215);
}

.buy_modal p {
    text-align: center;
    text-transform: uppercase;
}

.buy_modal .amt {
    margin-top: 1em;
    font-size: 2em;
    margin-bottom: 0;
}

.buy_modal #purchase_value,
#purchase_oil_value,
#purchase_gold_value,
#purchase_more_value,
#purchase_stock_value {
    max-width: 8em !important;
    border: 2px solid #bebebe;
    text-align: center;
    border-radius: 5px;
    display: table;
    margin: 0 auto;
    font-size: 20px;
    padding: 0 !important;
}

.buy_modal .buy_txt {
    color: #000000;
    font-weight: 900;
    margin-top: 4em;
}

.buy_modal .buy_msg strong {
    color: #AA681A;
    font-size: 1.3em;
}

.btn_act {
    text-align: center;
    padding: 10px !important;
    color: #fff !important;
    border-radius: 5px;
    border: none;
}

.preloader-wrapper {
    display: table;
    width: 30px !important;
    height: 30px !important;
    margin: 0px auto;
    position: absolute;
    display: none;
}

.oil-chart div,
.oil-chart img {
    width: 100% !important;
}

iframe #document html body {
    display: none !important;
}

iframe .calc_table {
    width: 100% !important;
}

.calc_table a {
    display: none !important;
}

.rtn_badge {
    border-radius: 10px;
    padding: 10px !important;
    width: 100% !important;
    height: auto !important;
}

.poweredByWrapper a {
    display: none !important;
}

.fromSymbolLabel {
    display: table !important;
    display: none !important;
}

.styledSelect {
    display: none !important;
}

.priceLabel {
    font-size: 18px !important;
}

#btc_detail {
    display: none;
}

.progress {
    display: none;
}

.invoice-address .active {
    background: rgb(16, 206, 16);
    color: #fff;
    border-radius: 10px;
    padding: 5px 20px;
}

.invoice-address .not {
    background: rgb(228, 225, 43);
    color: #fff;
    border-radius: 10px;
    padding: 5px 20px;
}

.invoice-address .suspended {
    background: rgb(224, 31, 31);
    color: #fff;
    border-radius: 10px;
    padding: 5px 20px;
}

.card-pil {
    border-radius: 20px;
}

.ux-icon {
    background: linear-gradient(140deg, #BDA170, #BDA170);
    font-size: 28px !important;
    border-radius: 100%;
    padding: 10px;
}

.card-pil .inter {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-pil .inter .txt {
    padding-left: 1rem;
}

.card-pil .inter .txt h5 {
    font-size: 18px;
    margin: 0;
    color: #AA681A;
}

.text-main {
    color: #AA681A !important;
}

.nav-ico {
    color: #AA681A !important;
    border-radius: 100%;
    margin: 5px;
    display: block;
    padding: 0 10px;
}

.edge {
    border-radius: 20px;
    overflow: hidden !important;
}

aside ul li,
.brand-sidebar,
.active {
    background: none;
    box-shadow: none !important;
    backdrop-filter: blur(10px);
}

.card-action label {
    background: none !important;
    text-align: center !important;
}

#crypto .card,
#stock .card,
#estate .card {
    border-radius: 20px;
}

#crypto .card img,
#stock .card img,
#estate .card img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.card label {
    background: none !important;
}

.kov {
    border-radius: 20px;
}

#prov {
    display: none;
}




/* open new style */



div {
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */
}

div::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
}

#main {
    background: #CCCCCC !important;
}

.card {
    background: #1A2030 !important;
}

input {
    color: #000000;
}

h6 {
    color: #efefef !important;
}

.primary,
.btn {
    font-size: 15px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: var(--bd-fw-sbold);
    /* padding: 10px 30px; */
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    z-index: 5;
    background-position: 100% 100%;
    background-size: 300% 100%;
    background-image: linear-gradient(90deg, #876aaf, #ce8191, #ce8191, #876aaf) !important;
}

.primary:focus,
.btn:focus {
    color: #FFFFFF;
}

.primary span i,
.btn span i {
    position: relative;
    top: 1px;
}

.primary:hover,
.btn:hover {
    color: #FFFFFF;
    background-position: 0 100%;
}

.card-title {
    background: #ce8191 !important;
}

.txt h5 {
    color: #876aaf !important;
}

.ux-icon {
    background: #876aaf !important;
    color: #ce8191 !important;
}

.sidenav li a {
    color: #c2c1c1;
}

.sidenav li .material-icons{
    color: #c2c1c1 !important;
}

#main{
    background: none !important;
}

/* ---- reset ---- */
/* body {
    margin: 0;
    font: normal 75% Arial, Helvetica, sans-serif;
} */

canvas {
    display: block;
    vertical-align: bottom;
}

/* ---- particles.js container ---- */
#particles-js {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #121622;
    background-repeat: no-repeat;
    background-size: 20%;
    background-position: 50% 50%;
    z-index: -1;
}

/* ---- stats.js ---- */
.count-particles {
    background: #000022;
    position: absolute;
    top: 48px;
    left: 0;
    width: 80px;
    color: #256AFD;
    font-size: 0.8em;
    text-align: left;
    text-indent: 4px;
    line-height: 14px;
    padding-bottom: 2px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.js-count-particles {
    font-size: 1.1em;
}

#stats,
.count-particles {
    -webkit-user-select: none;
    margin-top: 5px;
    margin-left: 5px;
}

#stats {
    border-radius: 3px 3px 0 0;
    overflow: hidden;
}

.count-particles {
    border-radius: 0 0 3px 3px;
}

.my-space {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.bg-yellow{
    background-color: #876aaf;
}

.glow-yellow{
    box-shadow: 0px 0px 10px 0px #876aaf;
}

input , select, select option, option{
    color: #FFFFFF !important;
}

input:focus, select:focus, select option:focus, option:focus{
    color: #FFFFFF !important;
}