@media (prefers-color-scheme: dark) {
	
	:root {color-scheme: dark;}

	body{
		background-color: #404040!important;
	}

	.page-section:not(.footer,#home){
		filter: contrast(0.69) invert(1);
		color: #555;
		color-scheme: light;
		transition: all 0.7s;
	}
	
	.white-popup {
		filter: contrast(0.69) invert(1);
	}
	
	.text-danger, .text-success{
		filter: contrast(1) invert(1);
	}

	select{
		color-scheme: dark;
	}

	textarea:not(#comments) {
		filter: grayscale(1);
		transition: all 0.7s;
	}

	#comments {
		filter: invert(1);
		background: #000 !important;
		color: #999 !important;
		border-color: #333333 !important;
		color-scheme: dark;
		transition: all 0.7s;
	}
	#comments::selection {
		color: #bbb!important;
		background: #003faf!important;
		transition: all 0.7s;
	}

	.page-section i{
		filter: contrast(1.3) brightness(0.6) invert(1);
		transition: all 0.7s;
	}

	.page-section #referred-users img, .dotki, .apexcharts-series, .apexcharts-legend-marker, .apexcharts-tooltip-marker, .rad-icon img{
		filter: contrast(1) invert(1);
		transition: all 0.7s;
	}
	
	.rad-input:checked+.rad-label {
		background: linear-gradient(15deg, #fafafa 80%, #fafaef 95%, #fafaf1 100%) padding-box, linear-gradient(15deg, #a3e900 0%, #a7ff34 50%, #ddff00 100%) border-box!important;
		transition: .5s;
	}

	option, optgroup {
		background: #333;
		color: #999;
		transition: all 0.7s;
	}

	.backdark{
		opacity:1!important;
	}

	.main-nav.small-height{
		background-image: linear-gradient(-112deg, rgb(38 38 38), rgb(55 55 55), rgb(64 64 64))!important;
		transition: all 0.7s;
	}
	@media (max-width: 555px) {
		.main-nav.small-height {
			background-image: linear-gradient(-112deg, rgb(38 38 38), rgb(48 48 48), rgb(58 58 58)) !important;
			transition: all 0.7s;
		}
	}

	.page-loader {
		background: #2b2b2bbe!important;
	}

	.loader, iframe {
		filter: invert(1);
	}

	.stylemode{
		background-color: #282828!important;
	}

	.stylemodehtml{
		filter: invert(1);
	}

	.stylemodehtml::-webkit-scrollbar { width: 0; }

	.media-chat-reverse .tekst, .media-chat-reverse .meta{
		background: #271353!important;
		filter: invert(1);
		transition: all 0.7s;
	}
	
	.media-chat .tekst:not(.media-chat-reverse .tekst){
		background: rgb(17, 17, 17) !important;
		filter: invert(1);
		transition: 0.7s;
		color: #999;
	}
	
	.media-chat .meta:not(.media-chat-reverse .meta){
		filter: invert(0.6);
		transition: 0.7s;
		color: #FFF;
	}

	.ordersblock-green {
		box-shadow: inset 2px 0px 0px 0px #e100a6!important;
		transition: all 0.7s;
	}
	.ordersblock-green:hover {
		box-shadow: inset -2px 0px 0px 0px #e100a6!important;
		transition: all 0.7s;
	}
	.ordersblock-red {
		box-shadow: inset 2px 0px 0px 0px #25ffe1!important;
		transition: all 0.7s;
	}
	.ordersblock-red:hover {
		box-shadow: inset -2px 0px 0px 0px #25ffe1!important;
		transition: all 0.7s;
	}
	.ordersblock-orange {
		box-shadow: inset 2px 0px 0px 0px #1960ff!important;
		transition: all 0.7s;
	}
	.ordersblock-orange:hover {
		box-shadow: inset -2px 0px 0px 0px #1960ff!important;
		transition: all 0.7s;
	}
	.col-center {
		--shadow-up-color: #8ddb51 !important;
	}
	
	#service_id{
		filter: grayscale(1);
	}
	
	.btn-mod.btn-small, .btn-mod.btn-medium, .btn-mod.btn-large, .rad-design::after {
		background-image: linear-gradient(270deg, #ddff00 0%, #a7ff34 50%, #a3e900 100%)
	}
	.btn-mod.btn-border:not(.btn-mediumgl) {
		color: #000;
		text-shadow: 1px 0px #222;
	}
}