/*============ 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_100: #5e5e5e !important;
	--black_75: #535353 !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 {
		background: #131417 !important;
	}

	.ezdoc_contributed_user_avatar .ezdoc_contributed_users .doc_users_dropdown {
		box-shadow: none;
		form {
			input {
				color: black;
				&::placeholder{
					color: black;
				}
				&:focus {
					color: black;
					opacity: 1;
				}
			}
		}
	}

	.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,
	.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;
	}

	.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_left_sidebarlist:before,
	.doc_left_sidebarlist,
	.doc_rightsidebar .dropdown-toggle,
	.doc_rightsidebar, .v_menu,
	.nav-sidebar + .nav-sidebar,
	.toggle_body, .basic_table_info,
	.basic_table_info tbody tr th,
	.basic_table_info tbody tr td,
	.typography_content .code-preview {
		border-color: #272830;
	}

	.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;
	}

	span.ezd_mark_text {
		color:black
	}
	.ezd-subscription-form{
		input{
			color: black !important;
		}
	}
	
  
  .cheatsheet_item,
  .process_tab_shortcode .version,
  .key, kbd, p .key, p kbd {
    background: #2c303a;
  }

  .cheatsheet_accordian .card {
    background: transparent;
  }

  .table_shortcode tbody tr td:not(.th),
  .notice p {
    color: black;
  }

  .cheatsheet_accordian .card .card-header button {
    color: #fff;
  }

  .cheatsheet_item,
  .process_tab_shortcode .version,
  .tab_shortcode .nav-tabs .nav-item .nav-link {
    background: #2c303a;
  }

  .cheatsheet_accordian .card {
    background: transparent;
  }

  .table_shortcode tbody tr td:not(.th),
  .notice p {
    color: black;
  }

  .cheatsheet_accordian .card .card-header button {
    color: #fff;
  }

}
