.white-logo{
	display: none;
}
.night_mode{
	.dark-logo{
		display: none
	}
	.white-logo{
		display: block
	}
}
.night_mode{
	color: #202020;
	background-color: #202020;
}
.night_mode{
	
	.liquidity-grp,
	.upcomming_btn,
	.otc_head,
	.market-live-price-grp .sticky-top,
	.mat-mdc-table .mat-mdc-header-cell,
	.menu .navbar-nav .dropdown-menu .dropdown-item:hover,
	.mobile-card-img img,
	.section-bg,
	.header-banner,
	.dashboard_section{
		background-color: #202020 !important;
	}
	.text-bg-light,
	.sales-box,
	.group-nft-box,
	.swapcard,
	.count-time-bg,
	.addtional_otc_input,
	.stripe-grp .card-body,
	.bg-light-subtle,
	.mat-stepper-horizontal,
	.mat-mdc-dialog-container .mdc-dialog__surface,
	.history-box,
	.dropdown-menu a:hover
	.mat-mdc-dialog-container .mdc-dialog__surface,
	.wallet-coin-box,
	.night-bg,
	.nav-item .dropdown-menu,
	.mat-expansion-panel-body,
	.mat-expansion-panel-header,
	.dashboard_section .heightsetting,
	.header-title{
		background-color: #101010 !important;
	}
	.video-banner-bg_1{
		background-color: #23c9cc;
		padding: 32px 0;
		border-bottom: 2px solid #101010;
	}
	.uploader label{
		background-color: #1f2020 !important;
		color: #fff !important;
	}
	.uploader div{
        color: #fff !important;
	}
	.form-control,.form-select{
		background-color: #1f2020 !important;
		color: #fff !important;
	}
	.form-control::placeholder{
		color: #fff !important;
	}
	.form-control:focus-visible{
		border: 1px solid #fff;
	}
	.add_from_label{
		color: #fff !important;
	}
	::-webkit-calendar-picker-indicator {
		filter: invert(1);
	}
	.create_nft_div textarea:focus-visible{
		border: 1px solid #fff !important;
	}
}
.night_mode{
	.landing-page-table td,
	.item_name_value,
	.dextrans-table th,
	.mdc-button__label,
	.connect_wallet_border_div .add_card p,
	.upcomming_btn,
	.cancel_btn,
	.countdown-text,
	.launchpad-pop label,
	.otc-tab input,
	.market-place .tab-content .table .d-md-table-cell,
	.theme-text-1,
	.stripe-grp .nav-item a,
	.stripe-grp .nav-item .fa-credit-card,
	.wallet_coin_title_span,
	.min-height_wallet th,
	.paypal h2,
	.wal-pop-wdth-dep-grp h6,
	.wal-pop-wdth-dep-grp h5,
	.wal-pop-wdth-dep-grp h2,
	.live-market-details tr td:nth-child(1),
	.live-market-details tr td:nth-child(2),
	#tblSample th,
	.market-live-price-grp th,
	.selltrade-table th,
	.wallet-coin-box p,
	.fa-comment,
	.fa-user,
	.navbar-nav .nav-item a,
	.footer-grp h4,
	.mat-expansion-panel-body,
	.mat-expansion-indicator::after,
	.mat-expansion-indicator::before,
	.mat-expansion-panel-header-title, 
	.mat-expansion-panel-header-description,
	.dropdown a,
	.dropdown span{
		color: #f9f9f9 !important;
	}
	.ico-transaction td,
	.ico-transaction th,
	.table_head_ico td,
	.table_head_ico th,
	.order-history-value-table th,
	.order-history-value-table td,
	.dark-dull-text,
	.selltrade-table td,
	.history-list td,
	.example-container p,
	.bg-light-subtle p,
	.mat-mdc-icon-button[disabled],
	.mat-mdc-select-value-text,
	.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input,
	.mat-step-text-label,
	.payment-tabbed label,
	.trade-table-grp p{
		color: #dfdfdf !important;
	}
	.payment-tabbed select,
	.payment-tabbed input{
		background-color: #161616;
		border-color: #161616;
		color: #f9f9f9;
	}
	
}

.night_mode .furuteType{
	color: #fff !important;
}

.night_mode{
	.fa-sun{
		color: #ff9800;
	}
	.ellipse-dark-1{
		filter: invert(1.4) sepia(1);
    	opacity: 0.2;
	}
	.landing-page-table{
		.table th{
			color: #f9f9f9 !important;
		}
	}
	.client-logo-section{
		.border-gradient{
			background: transparent;
    		border: 1px solid rgba(255,255,255,0.1);
		}
	}
	.trade-form-1-grp input{
		border: 1px solid #101010 !important;
		background-color: #1f2020;
		color: #f9f9f9;
	}
	.wallet-coin-box{
		border-color: #101010 !important;
	}
	input.search-input::placeholder{
		color: #fff !important;
	}
	.pairbox{
		background-color: #000 !important;
		color: #fff !important;
	}
	.pseudo-search button, .pseudo-search i{
		color: #fff;
	}
	.pairbox  img{
		filter: invert(0) !important;
	}
	a.event-link{
		color: #fff !important;
	}
	a.event-link:hover,.eventbox{
		color: #fff !important;
	  }
}

/* form */
.night_mode{
	.launchpadd_list_tab .mat-mdc-select-placeholder,
	.createlaunch-pop-form ::placeholder,
	.paypal input{
		color: #f9f9f9 !important;
	}
	.contact-form ::placeholder,
	.ico-transaction ::placeholder,
	.createlaunch-pop-form .mat-mdc-select-placeholder,
	.launchpad-pop .mat-mdc-select-placeholder,
	.otc-tab ::placeholder,
	.market-place select::placeholder,
	.bg-color-1::placeholder,
	.mdc-data-table__cell,
	.Register_div ::placeholder,
	.login_div ::placeholder,
	.mat-input-element::placeholder,
	.col-form-label,
	.example-full-width .form-control::placeholder,
	.paypal .example-full-width ::placeholder,
	.stripe-grp .form-control::placeholder,
	.paypal label,
	.paypal ::placeholder,
	.wallet-form ::placeholder,
	.stacking-form ::placeholder{
		color: #f9f9f9;
	}
	.contact-form .mat-mdc-text-field-wrapper,
	.live-price-table-grp-2,
	.launchpadd_list_tab .mat-mdc-text-field-wrapper,
	.Register_div input,
	.login_div input,
	.forgot_div input{
		background-color: #101010 !important;
		border-color: #101010 !important;
		color: #fff;
	}
	
	.bg-color-1,
	.mat-mdc-table,
	.email-auth input,
	.mat-mdc-table .mat-mdc-header-cell,
	.stripe-grp select,
	.stripe-grp input,
	.tfa-form input,
	.wallet-form input,
	.stacking-form input,
	.stacking-form select{
		background-color: #202020;
		border-color: #202020 !important;
		color: #fff;
	}
	
	.ico-transaction select, 
	.market-place select,
	.example-full-width input,
	.mat-mdc-text-field-wrapper{
		background-color: #202020 !important;
		box-shadow: none !important;
		border: 1px solid #202020 !important;
		color: #fff !important;
	}
	
	.mat-mdc-paginator-icon,
	.mat-mdc-select-arrow svg{
		fill: #999999;
	}
	.connect_wallet_border_div .add_card,
	.counttimer-right-col,
	.example-sidenav {
		background-color: #161616 !important;
		background: #161616 !important;
	}
	.min-height_wallet tr,
	.min-height_wallet th{
		border-color: transparent;
	}
	.dextrans-table td,
	.content_p,
	.stripe-grp .card-body label,
	.min-height_wallet td{
		color: #999999;
	}
	#exampleFormControlTextarea1,
	#exampleFormControlInput1,
	.stripe-grp .card{
		border: 0 !important;
	}
	.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
		padding-top: 8px;
    	padding-bottom: 8px;
		border-radius: 5px;
		margin-left: 15px;
	}
	.col-form-label{
		margin-right: 15px;
	}
	.to-details,
	.from-details{
		background-image: none !important;
		background-color: #070707 !important;
	}
	
	.history_section .mat-mdc-text-field-wrapper{
		background-color: #101010 !important;
	}
	.history_section .mdc-menu-surface--open{
		background-color: #202020 !important;  
		color: #f9f9f9;
	}
	.mat-mdc-paginator{
		background-color: #101010;
		color: #f9f9f9 !important;
	}
	ul.anser-list li a,
	.mat-mdc-icon-button.mat-mdc-button-base{
		color: #999999 !important;
	}
	.price-amount-grp ul li button{
		padding-left: 8px !important;
		border-radius: 10px;
	}
	.order-history-value-table thead,
	.expand-table > div{
		background-color: #202020 !important;
		border: 2px solid #202020 !important;
	}
	.order-history-value-table td,
	.order-history-value-table th{
		border-bottom: 0;
	}
	.market-place .tab-content table{
		background-color: #101010;
		margin-top: 15px;
		padding: 10px;
	}
	.market-place .tab-content .table th{
		padding-left: 10px !important;
		color: #f9f9f9 !important;
	}
	.connect_wallet_title p,
	.connect_wallet_title h2,
	.market-place .tab-content .table .d-md-table-cell{
		color: #f9f9f9 !important;
	}
	.price-amount-grp ul li button{
		background-color: transparent;
		padding: 10px;
	}
	.price-amount-grp ul li button.active{
		background-color: #23c9cc;
		
	}
	.pay-option-label{
		color: #202020;
	}
	.graditent-text-2{
		background: linear-gradient(180deg, #f9f9f9 0%, rgba(0, 0, 0, 0) 100%) !important;
		background-clip: border-box !important;
		-webkit-background-clip: text !important;
		-webkit-text-fill-color: transparent !important;
		background-clip: text !important;
	}
	.ticket-grp{
		background-color: #070707 !important;
	}
	.mat-mdc-form-field-infix{
		margin-left: 0 !important;
	}
	.ticket-for-grp{
		background-color: #111111 !important;
	}
	
	.send-btns .button-wrapper{
		background-color: transparent;
	}
	.preview-item{
		background-color: #101010 !important;
	}
	.chatbox{
		background: #101010 !important;
	}
	.repaly,
	.sender{
		color: #101010 !important;
	}
	.price-amount-grp ul li button img{
		filter: invert(1);
	}
}
@media screen and (max-width: 1199px) {
	.night_mode{
		.offcanvas-header .btn-close,
		.navbar-toggler
		{
			background-color: #444444;
		}
		.text-bg-light{
			background-color: #202020 !important;
		}
	}
}

.night_mode .activeclass .nav-tabs .nav-item a.furuteType{
	color: #fff !important;
}
.night_mode .activeclass .nav-tabs .nav-item a,.activeclass .nav-tabs .nav-item a:hover{
	color: white;
	
}
.night_mode .mode.switch input + div + span:before {
    transform: translateX(0px) !important;
    background: #4D869C url('../../assets/img/moon.png') !important;
    background-size: 75% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	right: 4px !important;
	left: auto !important;
}
.night_mode .swal2-popup{
		background-color: #212121 !important;
		padding: 40px 20px;
		/* box-shadow: 0px 0px 1px 0px rgba(89 89 89), 3px 4px 5px 0px rgb(55 55 55) !important; */
		border-radius: 8px;
	}
	.night_mode .swal2-title {
		font-size: 20px;
		color: #fff;
		max-width: 90%;
		margin: auto;
	}