body.nightmode {
    background: #fff !important;
    color: #000;
    font-family: 'DM Sans', sans-serif !important;
}

.nightmode .panelcontentbox {
    background: #fff;
    box-shadow: none;
}

.nightmode .siteformbg label,
.nightmode .mui-form label,
.nightmode .msgform label {
  color: #000;
}


.nightmode .siteformbg .form-control,
.nightmode .mui-form .form-control,
.nightmode .msgform .form-control {
    background: #fff;
  /*  border: 1px solid #d9e1e9;*/
    color: #000;
    border-radius: 5px;
    padding: 1.5em .75rem;
}
.border-y{
    border-radius: 5px 0px 0px 5px !important;
}
.nightmode .siteformbg select.form-control,
.nightmode .mui-form select.form-control,
.nightmode .msgform select.form-control {
    background: #fff;
    border: 1px solid ;
    color: #000;
    border-radius: 5px;
    padding: 0px;
    height: 40px !important;
    width: 140x;
}
.btn-danger.focus, .btn-danger:focus {
    box-shadow: none;
}
.col-md-5 .profiletablebox {
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
    background: #fff;
    border: 1px solid;
    padding: 20px;
}

.btn.sitebtn {
    box-shadow: none;
    background: linear-gradient( #f8d135, #eab300) !important;
   /* padding: 8px 30px;*/
    color: #000 !important;
    font-weight: 500;
    font-size: 14px;
    border: 0px !important;
    /*border-radius: 10rem;*/
}

.fa.field-icon {
    color: #555 !important;
}
.panelcontentbox.full-height .announce-wholes hr.md-default-theme {
    display: none;
}
.sidebar ul li a i {
    margin-right: 10px;
    background: #3E4E62;
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
}

.bg-primary.bg-soft {
    background-color: rgb(212, 175, 55) !important;
}

.bg-primary.bg-soft .text-primary {
    color: #000 !important;
}

.profile-user-wid {
    margin-top: -26px;
}

.avatar-md {
    height: 4.5rem;
    width: 4.5rem;
}

.profile-user-wid .img-thumbnail {
    padding: .25rem;
    background-color: #f8f8fb;
    border: 1px solid #f6f6f6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto;
}

.profiletablebox {
    box-shadow: 0 1px 15px 1px rgba(62, 57, 107, .07);
    margin-bottom: 15px;
    background: #FFF;
    padding: 25px;
    border-radius: 4px;
}
.panelcontentbox.sectrightbox {
    left: 9px;
}
.profiletablebox.optionttitle {
    box-shadow: none;
    background: transparent;
}

.panelcontentbox.sectrightbox .contentbox {
    background: #f9f9f9;
    border-radius: 6px;
}

.new-box-des .heading-box {
    background: #fff;
    border-radius: 0px;
    border: 0px;
}

.new-box-des .panelcontentbox {
    background: transparent;
}

.nightmode .borderbtn,
.nightmode .borderbtn:hover,
.nightmode .borderbtn:focus,
.nightmode .borderbtn:active {
    border: 0px !important;
}

.nightmode .innerpagecontent .h2 {
    color: #d3af37 !important;
}

.nightmode .table tbody tr:hover {
    background: transparent;
}

.profilepic {
    position: relative;
}

.profilepic .controls.controlcolsebtn {
    cursor: pointer;
    border-radius: 50px;
    width: 28px;
    height: 28px;
    line-height: normal;
    padding: 0px;
    position: absolute;
    right: 0px;
    color: #fff;
    top: 0px;
}

.my-profiles {
    background: #fff;
    padding: 15px;
    border-radius: 4px;
}

.profilepic .controls.controlcolsebtn #save_btn {
    background: transparent;
    border: 0;
}

.profilepic .controls.controlcolsebtn #save_btn {
   background: transparent;
    border: 0;
    margin-top: -130px;
    text-align: center;
    position: relative;
    right: 15px;
}

.page-title-box {
    padding-bottom: 24px;
}

.page-title-box h4 {
    font-weight: 600;
    font-size: 16px !important;
}

.table .table-light {
    color: #495057;
    border-color: #eff2f7;
    background-color: #f8f9fa;
}

.table-hover>tbody>tr:hover>* {
    background: #f8f9fa;
    color: #495057;
}

.nightmode .modal-content.my-cus-color {
    background: #fff;
}

.nightmode .mlmwizardform #progressbar::before {
    background: #d4af37;
    display: none;
}

.nightmode .mlmwizardform #progressbar li>strong {
    color: #fff;
    background: rgba(212, 175, 55, 0.59);
}

.nightmode .mlmwizardform #progressbar li.active>strong {
    background: #d4af37;
    color: #fff;
}

.nightmode .siteformbg .kycupload .input-group-append .input-group-text {
    background: transparent;
    border: 0;
    color: #000;
    padding: 1.6em .75rem;
    border-bottom: 1px solid #000;
}

.nightmode .form-group.kycupload {
    background: #d4af37d4;
    border-radius: 5px;
}
.nightmode .siteformbg .input-group-append .input-group-text {
    padding: 1.6em .75rem;
}
.sample-des .card {
    box-shadow: 2px 3px 10px 0px rgba(119, 119, 119, 0.1);
    margin-bottom: 1.5rem;
}

.sample-des .card-title.mb-3 {
    font-size: 16px;
}

.wallet-title {
    font-size: 16px;
    margin: 0px;
}

.wallet-logo.mr-4 img {
    width: 40px;
}

.wallet-card .media.align-items-center {
    margin-bottom: 15px;
}


/*chatt css*/

.chat {
    margin-top: auto;
    margin-bottom: auto;
}

.card {
    height: 578px;
    border-radius: 4px;
}

.walletcard
{
     height: 280px !important;
    border-radius: 15px !important;
}

.profilecard
{
    height: 280px !important;
    border-radius: 4px !important;
}
.contacts_body {
    padding: 0.75rem 0 !important;
    overflow-y: auto;
    white-space: nowrap;
}

.msg_card_body {
    overflow-y: auto;
}

.card-header {
    border-radius: 15px 15px 0 0 !important;
    border-bottom: 0 !important;
}

.card-footer {
    border-radius: 0 0 15px 15px !important;
    border-top: 0 !important;
}

.container {
    align-content: center;
}

.search {
    border-radius: 15px 0 0 15px !important;
    background-color: rgba(0, 0, 0, 0.3) !important;
    border: 0 !important;
    color: white !important;
}

.search:focus {
    box-shadow: none !important;
    outline: 0px !important;
}

.type_msg {
    background-color: rgba(0, 0, 0, 0.3) !important;
    border: 0 !important;
    color: white !important;
    height: 60px !important;
    overflow-y: auto;
}

.type_msg:focus {
    box-shadow: none !important;
    outline: 0px !important;
}

.attach_btn {
    border-radius: 15px 0 0 15px !important;
    background-color: rgba(0, 0, 0, 0.3) !important;
    border: 0 !important;
    color: white !important;
    cursor: pointer;
}

.input-group-text.send_btn {
    border-radius: 0 15px 15px 0 !important;
    background-color: #f4ca28 !important;
    border: 0 !important;
    color: #000 !important;
    cursor: pointer;
    margin-top: 0px !important;
    padding: 12px 10px !important;
}
.daymode .input-group-text.send_btn {
    border-radius: 0 15px 15px 0 !important;
    background-color: #f4ca28 !important;
    border: 0 !important;
    color: #000 !important;
    cursor: pointer;
    padding: 12px 10px !important;
}
.input-group-text.send_btn:hover{
    background: linear-gradient(180deg, #FFE251 0%, #EDC423 100%) !important;
}

.search_btn {
    border-radius: 0 15px 15px 0 !important;
    background-color: rgba(0, 0, 0, 0.3) !important;
    border: 0 !important;
    color: white !important;
    cursor: pointer;
}

.contacts {
    list-style: none;
    padding: 0;
}

.contacts li {
    width: 100% !important;
    padding: 5px 10px;
    margin-bottom: 15px !important;
    display: block;
    border-bottom: 1px solid #ddd !important;
}

.active {
    background-color: #fff;
}

.panelcontentbox.new-chats {
    padding: 20px;
}

.user_img {
    height: 70px;
    width: 70px;
    border: 1.5px solid #f5f6fa;
}

.user_img_msg {
    height: 40px;
    width: 40px;
    border: 1.5px solid #f5f6fa;
}

.img_cont {
    position: relative;
    height: 70px;
    width: 70px;
}

.img_cont_msg {
    height: 40px;
    width: 40px;
}

.online_icon {
    position: absolute;
    height: 15px;
    width: 15px;
    background-color: #4cd137;
    border-radius: 50%;
    bottom: 0.2em;
    right: 0.4em;
    border: 1.5px solid white;
}

.offline {
    background-color: #c23616 !important;
}

.user_info {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 15px;
}

.user_info span {
    font-size: 20px;
    color: white;
}

.user_info p {
    font-size: 16px;
    margin: 0px 0 0 0;
}

.video_cam {
    margin-left: 50px;
    margin-top: 5px;
}

.video_cam span {
    color: white;
    font-size: 20px;
    cursor: pointer;
    margin-right: 20px;
}

.msg_cotainer {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 10px;
    border-radius: 25px;
    background-color: #82ccdd;
    padding: 10px;
    position: relative;
}

.msg_cotainer_send {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 10px;
    border-radius: 5px;
    background-color: #78e08f;
    padding: 10px;
    position: relative;
}

.msg_time {
    position: absolute;
    left: 0;
    bottom: -15px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 10px;
}

.msg_time_send {
    position: absolute;
    right: 0;
    bottom: -15px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 10px;
}

.msg_head {
    position: relative;
}

#action_menu_btn {
    position: absolute;
    right: 10px;
    top: 10px;
    color: white;
    cursor: pointer;
    font-size: 20px;
}

.action_menu {
    z-index: 1;
    position: absolute;
    padding: 15px 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border-radius: 15px;
    top: 30px;
    right: 15px;
    display: none;
}

.action_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.action_menu ul li {
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 5px;
}

.action_menu ul li i {
    padding-right: 10px;
}

.action_menu ul li:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.2);
}

.sitetable tbody
{
    /* background: #fff; */
}
.new-box-des .heading-box.new-marg{
    margin:0px 10px;
    border-radius: 4px;
}
.leftsidemenu.sidebar.active {
    background: #202123;
}
.chart {
    min-height: 350px;
}
.mlmwizardform .form-control {
    border: 0px !important;
    background: transparent !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0px !important;
}
#progressbar .active {
    background: transparent;
}
.carousels {
    margin: 25px 0px;
    box-shadow: 0 1px 15px 1px rgba(62, 57, 107, .07);
    padding: 15px;
    background: #FFF;
    padding: 25px;
    border-radius: 4px;
}
.grid-box td.text-center {
    color: #fff !important;
}
.carousels .owl-carousel .owl-item{
    background: transparent;
}
.losses {
    color: #28a745;
}
#carousel-bitcoin .owl-nav.disabled {
    display: block;
}
#carousel-bitcoin .owl-nav button {
  position: absolute;
  top: 0;
  color: #000;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
#carousel-bitcoin .owl-nav button.owl-prev {
  /*display: none;*/
  left: 0px;
}
#carousel-bitcoin .owl-nav button.owl-next {
  right: 0px;
  /*display: none;*/
}
.third-divs .dropdown-menu {
    left: -70px;
    right: auto;
    background: #fff;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px !important;
}
.third-divs .dropdown-menu a.dropdown-item {
    color: #000;
}
.third-divs .dropdown-menu a.dropdown-item:hover {
    background: #f7f7f7;
    color: #000;
}
a.cmn {
    color: #ebb607;
}
#carousel-bitcoin .owl-nav button span {
    font-size: 35px;
    color: #fff;
}
.panelcontentbox.new-chats .card-footer #message {
    height: 100px !important;
    max-height: 50px !important;
}
#tab-area-one .tab-pane.active {
    background: transparent;
}
.demos {
    max-width: 80%;
}
.third-divs button#dropdownMenuButton {
    padding: 0px 0.75rem;
    margin-top: 6px;
}
.third-divs ul.navbar-nav.ml-auto {
    align-items: center;
}
#carousel-bitcoin .owl-stage-outer.owl-height {
    height: auto;
}
.left-item-img img {
    max-width: 100%;
}
.desposit-divs {
    background: #fff;
}
.tabs-menu {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
}
.tabs-menu #pills-tab {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
.text-xpln h4 {
    margin-bottom: 20px;
}
.pos-fix {
    position: absolute !important;
    bottom: 20px;
    background-color: #232730;
    color: #fff;
    height: 45px;
    left: 0;
}
.sidebar ul.components{
    padding-top: 70px;
}
.layout-column.flex-gt-sm-50.flex-100 {
    width: 50%;
    display: inline-block;
    float: left;
    text-align: center;
}
.icons i {
    width: 50px;
    height: 50px;
    font-size: 50px;
    margin: 10px;
    color: #fec039;
}
.h3-secondary-text {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}
.stat-number {
    font-weight: 600;
    line-height: 4;
    font-size: 18px;
}
.rotate-left-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.rotate-right-90 {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.verified-div {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
}
.verified-heading {
    background-color: #009688;
    color: #fff !important;
    position: relative;
    padding: 15px 20px;
}
.verified-heading.not-okay {
    background-color: rgb(244,67,54);
}
.verify-image em {
    color: #009688 ;
    display: inline;
    font-size: 80px;
}
.verify-image {
    margin: 35px auto;
    text-align: center;
}
.verify-status {
    font-weight: 700;
    font-size: 20px;
    line-height: 46px;
    margin-bottom: 35px;
    text-align: center;
    color: #009688;
}
.verified-div.not-verified .verify-image em {
    color: #f44336;
}
.btn.btn-custom-bg {
    background: #f44336;
    color: #fff;
}
.h3-txt {
    font-size: 18px;
    font-weight: 500;
}
/*.innerpagegrid .gridparentbox{
    padding-top: 100px;
}*/
.flat h3 {
    font-size: 16px;
}
.small-sty {
    color: #0000008c;
}
.flatp p {
    color: #0000008c;
}
.flatp h3 {
    font-size: 16px;
}
.flat h3 {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.flx {
    display: flex;
}
p.small-ps {
    font-size: 12px;
    color: #0000008c;
}
.sidebar-new {
   position: absolute;
    top: 0;
    left: 0;
    max-height: 100%;
    overflow: hidden;
    overflow-y: scroll;
}
.coin-lists {
    background: #f7f7f7;
    border-radius: 0;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 6px;
    padding: 15px;
    width: 200px;
    height: 100%;
}
.coin-lists ul li img.mr-1 {
    width: 25px;
}
.contentboxspace {
    position: relative;
}
.coin-lists ul li {
    list-style: none;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}
.coin-lists ul li a {
    color: #0f0f0f;
    font-weight: normal;
}
.sidebar-new::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}
.crypto-left-box .nav-item.active {
    background: #f2f2f3;
    color: rgb(46,50,62) !important;
}
.crypto-left-box .nav-tabs .nav-item {
    color: rgba(0,0,0,0.54);
    border-radius: 0px;
    border: 0px;
    padding: 10px 20px;
    border-bottom: 1px solid #e2e8f0;
    min-width: 100px;
}
.crypto-left-box .tab-content .active {
    background: transparent;
}
.crypto-left-box .nav-tabs {
    border: 0px;
    margin-bottom: 20px;
}
.crypto-left-box .nav-tabs .nav-item i.fas {
    display: block;
}
.input-group-prepend.right .input-group-text {
    background: transparent;
    border-left: 0;
    padding: 12px;
    border: 1px solid #bbbb !important;
}
.form-control.txt-rig {
    text-align: right;
    border-right: 0px;
    border-color: black;
}
.width-area {
    max-width: 50%;
    margin: 0px auto;
}
.ins-buy.half-width {
    max-width: 50%;
    margin: 0px auto;
}
.content-head {
    font-size: 15px;
    font-weight: 500;
    border-bottom: 1px solid #777;
    padding: 5px 0 5px 5px;
    margin-bottom: 15px;
}

@media(max-width: 576px) {
    .contacts_card {
        margin-bottom: 15px !important;
    }
}

.d-flex.bd-highlight {
    justify-content: space-between;
}
/*@media(min-width: 1400px){
.mobiletoggle {
    margin-left: 120px;
}
}*/
tbody#buyOrderBook td {
    color: #000;
}
tbody#sellOrderBook td {
    color: #000;
}
tbody#livemarket td {
    color: #000;
}
tbody#myallorders td {
    color: #000;
}

.table_wallets .table-striped tbody > tr:nth-child(2n+1) > td, .table_wallets .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: #fff;
}
.table_wallets .table-striped tbody tr td {
    border: 0px !important;
}
.nightmode .table_wallets .sitetable tbody tr td{
    color: #333;
}
.table_wallets .table-striped thead tr th {
    border-bottom: 1px solid #ecb90a !important;
}
.table_wallets .table-striped .btn.btn-sm.green-btn{
background: #d5f2e7 !important;
    color: #02c076;
    border: 0px;
    width: 100px;
    margin: 0;
    padding: 5px;
}
.table_wallets .table-striped .btn.btn-sm.red-btn {
    background: #fae0e3 !important;
    border: none !important;
    color: #f84960;
    width: 100px;
    margin: 0;
    padding: 5px;
}
.sidebar ul li a:hover{
    background:  rgba(0,0,0,.12) !important;
}
.sidebar ul li .dropdown-menu.show{
    background:  rgb(37, 40, 50);
    border: 0px;
}
.sidebar ul.components li {
    margin: 0px 5px;
}
.sidebar ul li a.selects {
    color: #000;
    background: #f2c41f;
    border-radius: 5px;
}
.sidebar ul li a.selects .fa {
    color: #000;
}
.dropdown .dropdown-toggle.no-btns::after {
    display: none;
}
.dropdown-toggle.no-btns {
    color: #555;
    font-weight: normal;
    border: 1px solid #ddd;
    padding: 4px 6px;
    margin: 0 0 0 5px;
}
.dropdown-menu.cust-bt {
    padding: 5px 15px;
    min-width: 100px !important;
}
.dropdown-menu.cust-bt li a {
    color: #333;
    font-weight: normal;
}
.sitetable td.coinnamesearch .coinlisticon{
    height: 24px;
}
.sitetable td.coinnamesearch .flx {
    display: flex;
    align-items: center;
}
.flexboxtable.balalnceflexbox .panelcontentbox.news {
    width: 50%;
}
.flexboxtable.balalnceflexbox .panelcontentbox.devicetable.csd {
    width: 50%;
}
.tradehistory .sitescroll {
    overflow: scroll !important;
}
.simplebar-scroll-content, .simplebar-content{
    /*overflow: scroll !important;*/
}
img#imgotc {
    width: 30px;
}
img#volumeimg {
    width: 30px;
}
img#Obuymarketimg {
    width: 26px;
}
.top-btm-own img{
   width: 30px;    
}
.crypto-left-box img{
     width: 26px;  
}
p.sm-dis {
    clear: both;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sidebar ul li .dropdown-menu a.dropdown-item {
    padding-left: 50px !important;
}
.x-line-center{
    border: 0px !important;
}
.innerpagecontent > .container > .h2 {
    padding-top: 30px;
}
.border-right.layout-column.flex-gt-sm-50.flex-100 {
    border-bottom: 1px solid #ddd;
}
.border-left.layout-column.flex-gt-sm-50.flex-100 {
    border-bottom: 1px solid #ddd;
}
.nightmode hr.md-default-theme {
    border: 0px !important;
}
div#activity .table-responsive {
    max-height: 500px;
}
div#activity .table-responsive .simplebar-content {
    padding-bottom: 0px !important;
}
.simplebar-content {
    padding-bottom: 0px !important;
}
@media(max-width: 1199px) and (min-width: 992px){
    .mobiletoggle {
        position: absolute;
        top: 20px;
        right: -5px !important;
        z-index: 999;
    }
    .mobiletoggle i.fa.fa-arrow-right {
        color: #f2c41f !important;
    }
    .headermenu.logomode li.mobiletoggle {
        right: -30px !important;
    }
    .headermenu.logomode .mobiletoggle i.fa.fa-arrow-right {
        color: #222 !important;
    }
}
.simplebar-scroll-content {
    padding: 0px !important;
    margin-bottom: 0px !important;
}
.gridparentbox.tradecontentbox.daymode .livepricet span {
    color: #b2b5ba;
}
.daymode #sellOrderBook td , .daymode #buyOrderBook td{
    color: #ddd;
}
.daymode #sellOrderBook tr:hover td, .daymode #buyOrderBook tr:hover td {
    color: #222;
}
.sidebar .dropdown a.dropdown-toggle::before {
  top: 15px !important;
  right: -5px !important;
}
.orderformbg1, .sellorderform {
  background: #fff;
}
.coinOnebalance {
  color: #222;
}
.balancewlt .h6 span {
  color: #222;
}
.nightmode .activerow td {
    background: #ebebeb !important;
}
.daymode .activerow td {
    background: #363636 !important;
}
#hidebtn, #showbtn{
    background: transparent !important;
}
#hidebtn:hover, #showbtn:hover, #hidebtn:focus, #showbtn:focus {
    color: #2e323e !important;
}
.contentboxspace.new-bgss {
    background: #fff;
}
.nav-pills.coins-pills {
    padding: 15px;
}
.nav-pills.coins-pills li.nav-item a {
    color: #000;
}
.nav-pills.coins-pills li.nav-item .active {
    background: linear-gradient( #f8d135, #eab300) !important;
}
.contentboxspace.new-bgss ul li.page-item a {
    background: #f7f7f7;
    color: #222;
}
.contentboxspace.new-bgss ul li.page-item span.page-link {
    background: #f7f7f7;
    color: #222;
}
.contentboxspace.new-bgss ul li.page-item.active span.page-link, .contentboxspace.new-bgss ul li.page-item:hover a {
    background: linear-gradient( #f8d135, #eab300);
    color: #222;
}
.sellorderform {
    overflow: hidden;
}
form#sellimit {
    height: 100%;
}
div#sellpagescroll::-webkit-scrollbar-track {
  background:#ddd;        /* color of the tracking area */
}
div#sellpagescroll::-webkit-scrollbar-thumb {
  background-color: #ccc;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 3px solid #ddd;  /* creates padding around scroll thumb */
}
.tradehistory .table-responsive.sitescroll {
    overflow-x: hidden !important;
}

div#chartdiv {
    background: #fff;
}
.daymode div#chartdiv {
    background: #2e2e2e !important;
}
.nightmode .grid-box.light-boxes .amcharts-category-axis text, .nightmode .grid-box.light-boxes .amcharts-value-axis text{
    fill: #222;
}
.navbar-light.bg-light.headbg .logos {
    background: transparent !important;
}
.navbar-light.bg-light.headbg a.nav-link {
    color: #000 !important;
}
a#exittrade {
    display: inline-block;
    position: relative;
    cursor: pointer;
    min-height: 36px;
    min-width: 88px;
    line-height: 36px;
    vertical-align: middle;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    border-radius: 2px;
    outline: none;
    border: 0;
    padding: 0 6px;
    margin: 6px 0px;
    background-color: linear-gradient( #f8d135, #eab300);
    color: currentColor;
    font-size: 14px;
    overflow: hidden;
    -webkit-transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1);
    transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1);
    background: red;
        color: #fff !important;
}
.background-o{
        cursor: pointer !im;
    background-color: #ffa900;
    border-radius: 50px;
    border-color: #ffa900;
    padding: 15px;
}
.fa-trash{
    background-color: #ffa900;
    border-radius: 50px;
    border-color: #ffa900;
    padding: 10px;
    top: -81px;
}
.text-green-h{
color: #5fb20f !important;
}
.text-orange-h{
color: #f7931a !important;
}
.text-com-h {
    color: #000;
    font-weight: 600;
}
.daymode .text-com-h {
    color: #fff;
}
/*.livepricet p:hover{
    color: #eeba00 !important;
}*/
.margin-top{
    margin-top: 150px;
}
.margin-left{
    margin-left: 200px;
}
.download{
    width: 80px;
}
.bg-com{
        background-image: linear-gradient(to right, #f4ca28 , #f4ca28) !important;;
}
input#buylimit_order:hover {
    background: #56ab89 !important;
}
input#buymarket_submit:hover {
    background: #56ab89 !important;
}
input#sellmarket_submit:hover {
    background: #e76e7a !important;
}
input#selllimit_order:hover {
    background: #e76e7a !important;
}
@media (min-width: 1200px) { 
.width-ctrl{
    width: 70% !important;
    margin: 0 auto;
}
.width-ctrll{
    width: 72% !important;
     margin: 0 auto;
}
.choose-asset p{
    margin-left: 165px;
 }
 .my-swaps .sitebtn{
    margin-right: 165px;
 }
}
@media (min-width: 1400px) { 
.width-ctrl{
    width: 70% !important;
    margin: 0 auto;
}
.width-ctrll{
    width: 72% !important;
     margin: 0 auto;
}
.choose-asset p{
    margin-left: 165px;
 }
 .my-swaps .sitebtn{
    margin-right: 165px;
 }
}
.DL_mode:hover{
    color: #eebb0e !important;
}
.nav-link:hover{
color: #eebb0e !important;
}
.bg-hov:hover{
    background: #dedede !important;
}
#exittrade:hover{
    color: white !important;
    background: #d99097 !important;
}
thead{
    position: sticky !important;
    top: 0 !important;
    background: white;
}
.width-btn{
    width: 12%;
    background: #2383c7;
    border: none;
    font-size: 10px;
}
.width-btn:hover{
    color: #000 !important;
}

.modal-footer{
    padding: 0 !important;
    border-top: 0px !important;
}
.btn.btn-proceed{
    margin: 10px !important;
        padding: 10px 15px !important;
}
button.close span{
    color: #ff0000 !important;
}
.modal-dialog.model-style-new {
  width: 449px !important;
}
.modal-dialog {
    min-width: 300px ;
    width: 449px;
    margin: 1.75rem auto !important;
}

.bg-comm{
    color: #ecb606 !important;
}
.btn-cancel{
        text-align: center;
        background: none !important;
    
    border-radius: 10px;
    margin: 10px !important;
    padding: 10px 15px !important;
    color: #000;
}
.btn-cancel:hover{
    background: linear-gradient( #f8d135, #eab300);
}
.pad-ic-1{
    padding-left: 3px !important;
}

@media (min-width: 1330px) and (max-width: 1410px) {

.innerpagegrid .innerpagetab .tabbanner li a {
    font-size: 13px;
}
.sitetable thead tr th{
    font-size: 12px;
}
.sitetable tbody tr td{
    font-size: 11px;
}

}
@media (min-width: 1258px) and (max-width: 1329px) {

.innerpagegrid .innerpagetab .tabbanner li a {
    text-transform: inherit;
    font-size: 12px;
}
.sitetable thead tr th{
    font-size: 12px;
}
.sitetable tbody tr td{
    font-size: 11px;
}

}
@media (min-width: 1172px) and (max-width: 1257px) {

.innerpagegrid .innerpagetab .tabbanner li a {
    text-transform: inherit;
    font-size: 11px;
}
.sitetable thead tr th{
    font-size: 11px;
}
.sitetable tbody tr td{
    font-size: 10px;
}

}
@media (min-width: 600px) and (max-width: 1171px) {
.sitetable thead tr th{
    font-size: 11px;
}
.sitetable tbody tr td{
    font-size: 10px;
}

.innerpagegrid .innerpagetab .tabbanner li a {
    text-transform: inherit;
    font-size: 10px;
}
.innerpagetab .tabbanner li a{
    padding: 10px;
}
.nightmode .siteformbg select.form-control, .nightmode .mui-form select.form-control, .nightmode .msgform select.form-control{
    width: 100px;
    float: right;
}

}
/*.input-group{
    width: 155px !important;
}*/
/*@media (min-width: 1200px) and (max-width: 1550px) {
.nightmode .siteformbg select.form-control, .nightmode .mui-form select.form-control, .nightmode .msgform select.form-control{
    width: 77%;
}}*/
/*
.input-group-text{
    background: #3c3e42;
    border: 1px solid #5d5f63;
    color: #bec1c3;
    padding: 0.62rem 0.75rem;
}*/

.nightmode .input-group-text{
    background: #3c3e42;
    border: 1px solid #5d5f63;
    color: #000;
    padding: 14px 0.75rem;
    margin-top: -2px;
}


.daymode .input-group-text{
    background: #3c3e42;
    border: 1px solid #5d5f63;
    color: #bec1c3;
    padding: 0.62rem 0.75rem;
}
input.txt-number {
    border: none;
    /*border-bottom: 1px solid black;*/
    margin-right:10px;
}

.asst-head {
    margin-right: -52px !important;
}
.form-check-label{
    margin-right: 28px !important;
}
input[type=checkbox], input[type=radio]{
        width: 15px;
    height: 15px;
}
.allid:hover{
    color: red !important;
}
.right-mv label{
    margin-top: -4px !important;
}
/*input,.input-group-text,.input-group-append,.min-heig,.input-group-text{
    border: 1px solid black !important;
}*/
/*.input-group-append, .input-group-prepend {
    display: block !important;
}*/
.coinoneimgid, span#basic-addon1{
    padding: 11px;
}
.seacrhbox-drop span#basic-addon1{
	padding: 10px;
}
.seacrhbox-drop .form-control{
	border-color: #000;
}
input, .form-control{ 
    border: 1px solid #bbb;
}
.input-group-append .dropdown-toggle {
    border: 1px solid #c5c5c5;
}
.bg-white-cus{
    background: white !important;
}
.right-mv{
    margin-top: 11px;
}
.height-full{
    height: 100%;
}
.cpybtn .input-group-text{padding: 6px 10px;
}
input#coinaddress{
    background: #fff;
}
.container.sitecontainer.walletpagebg.nightmodewhitebox{
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
}
li.dropdown.profile-drop.new-drops.bg-dr {
    padding-left: 10px;
}

input.modal-radio-btn {
    margin-left: 30px;
    margin-top: -20px;
}
.bg-gd-modal{
     background: #FCF2CF;
}
.daymode .bg-gd-modal{
     background: #f4ca28 !important;
}
.box-shadow{
       box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28) !important;
}
.daymode .box-shadow{
       box-shadow: none !important;
}
.dashboard-radio{
        margin-left: 35px;
    margin-top: -25px;
}
.hover-g:hover{
        border: 1px solid #d7ac00 !important;
}
.hover-g:focus{
        border: 1px solid #d7ac00 !important;
}
input.form-control.border-radius.hover-g:hover{
      border: 1px solid #d7ac00 !important;
}
input.form-control.border-radius.hover-g:focus{
      border: 1px solid #d7ac00 !important;
}
input.form-control.txt-rig.hover-g:hover{
    border: 1px solid #d7ac00 !important;
}
input.form-control.txt-rig.hover-g:focus{
    border: 1px solid #d7ac00 !important;
}
input.form-control.hover-g:hover{
    border: 1px solid #d7ac00 !important;
}
input.form-control.hover-g:focus{
    border: 1px solid #d7ac00 !important;
}
select.form-control.hover-g:hover{
    border: 1px solid #d7ac00 !important;
}
select.form-control.hover-g:focus{
    border: 1px solid #d7ac00 !important;
}
textarea.form-control.hover-g:hover{
    border: 1px solid #d7ac00 !important;
}
textarea.form-control.hover-g:focus{
    border: 1px solid #d7ac00 !important;
}