/*============ Dark Mode css ========*/
body.body_dark {
	--ezd_brand_color: var(--ezd_brand_color_dark, #0866ff) !important;
	--bs-white: #2c303a !important;
	--p_color: #cecece !important;
	--black_700: #e1e1e1 !important;
	--black_800: #f1f1f1 !important;
	--black_900: #f8f8f8 !important;
	--black_600: #bebebe !important;
	--black_500: #b9b9b9 !important;
	--black_400: #a2a2a2 !important;
	--black_150: rgba(255, 255, 255, 0.3) !important;
	--black_50: #494949 !important;
	--black_25: #383838 !important;
	--body_bg: #131417 !important;
	--border_on_white: #2c303a !important;
	color: #f6f6f6 !important;

	#wrapper, .doc_documentation_area, .eazydocs-footer,
	.nav-sidebar.one-page-doc-nav-wrap .nav-item .dropdown_nav {
		background: #131417 !important;
	}

	.ezdoc_contributed_user_avatar .ezdoc_contributed_users .doc_users_dropdown {
		box-shadow: none;
	}

	.doc_rightsidebar {
		@media (max-width: 991px) {
			background: #1e1f26;
		}
	}

	.ordered-list li::before,
	.body_wrapper,
	.img_modal,
	#eazydocs_feedback {
		background: #131417;
	}

	.fadeGradient {
		background: -webkit-linear-gradient(
			bottom,
			rgb(19 20 23) 15%,
			rgba(245, 245, 245, 0) 100%
		) !important;
	}

	.search_form .form-control {
		background: #5a5f73;
		border-color: #2c303a;
	}

	.breadcrumb-item + .breadcrumb-item::before,
	.search_form button {
		color: #8f94a6;
	}

	.nav-sidebar .nav-item .docs-progress-bar,
	.onepage-doc .nav-sidebar .nav-item .docs-progress-bar,
	.doc_rightsidebar .bootstrap-select > .dropdown-menu .inner .dropdown-menu li a.active,
	.doc_rightsidebar .bootstrap-select > .dropdown-menu .inner .dropdown-menu li a:hover {
		background: #444857;
	}

	.nav-sidebar.one-page-doc-nav-wrap .nav-item,
	.nav-sidebar.one-page-doc-nav-wrap .nav-item .dropdown_nav:before,
	.onepage-doc .nav-sidebar .nav-item,
	.doc_rightsidebar .bootstrap-select > .dropdown-menu,
	.doc_rightsidebar .dropdown-toggle,
	onepage-doc .nav-sidebar .nav-item .dropdown_nav,
	.doc_rightsidebar .doc_switch input[type="checkbox"],
	.breadcrumb_area_three,
	.doc_rightsidebar .bootstrap-select > .dropdown-menu .inner .dropdown-menu,
	.fontsize-controllers .btn-group {
		background: #2c303a;
	}

	.doc_left_sidebarlist::after,
	.doc_left_sidebarlist:not(.one-page-docs-sidebar-wrap)::before {
		background: #1e1f26;
	}

	.doc_rightsidebar .doc_switch input[type="checkbox"],
	.doc_left_sidebarlist::after,
	.doc_rightsidebar .dropdown-toggle,
	.doc_left_sidebarlist:before,
	.doc_left_sidebarlist,
	.nav-sidebar + .nav-sidebar,
	.doc_rightsidebar,
	.v_menu,
	.toggle_body,
	.basic_table_info,
	.basic_table_info tbody tr th,
	.basic_table_info tbody tr td,
	.typography_content .code-preview,
	.doc_left_sidebarlist:before {
		border-color: #272830;
	}

	.onepage-doc .nav-sidebar .nav-item .dropdown_nav:before {
		background: #272830;
	}

	.nav-sidebar .nav-item .nav-link {
		color: #c7c9d3;
	}

	.doc_menu .nav-link,
	.doc_rightsidebar .doc_right_link li a {
		color: #bbb;
	}

	.doc_menu .nav-link.active,
	.doc_menu .nav-link:hover,
	&.single-docs #post p,
	&.single-docs #post em strong span {
		color: #eaeaea !important;
	}

	.doc_rightsidebar
		.bootstrap-select
		.dropdown-toggle
		.filter-option-inner-inner {
		color: #c7c9d3;
	}

	.border_bottom {
		background: #384c59;
	}

	.question_box .signup_form .input-group .form-control {
		color: var(--p_color);
	}

	.question_box .signup_form .input-group button:before {
		background: #384c59;
	}

	.documentation_area_sticky {
		background: transparent;
	}

	pre {
		background: #3a3a3c;
	}

	.spinner-border {
		border: 0.25em solid rgb(248 241 241 / 14%);
	}

	.categories_guide_item a.doc_tag_title .title {
		color: #fff;
	}

	.single-docs #post p {
		color: #fff;
	}

	div#eazydocs_share > .modal-dialog > .modal-content > .eazydocs-share-wrap > h2 {
		color: #0c0d0e;
	}

	.fadeGradient {
		background: -webkit-linear-gradient(
			bottom,
			rgb(44 48 58) 15%,
			rgb(44 48 58) 100%
		);
	}

	body.body_dark textarea#comment {
		background: #2c303a;
	}
}
