.dark-mode {
	background-color: #000 !important;
	color: #FBFBFB !important;
}

.dark-mode .avatar {
	background-color: transparent !important;
	color: #000 !important;
}

.dark-mode ::-webkit-scrollbar-track {
	background: #FBFBFB !important;
}

.dark-mode .form-group input[type=text]:focus {
	border-color: var(--mainColor) !important;
	background: #000 !important;
}

.dark-mode .dropdown-menu .dropdown-item {
	color: #dddcdc !important;
}

.dark-mode .form-group label {
	color: #FBFBFB !important;
}

.dark-mode .dropdown-item.active,
.dropdown-item:active .dropdown-item:focus,
.dropdown-item:hover {
	color: #000 !important;
	text-decoration: none !important;
	background-color: #1b378f !important;
}

.dark-mode .breadcrumb .breadcrumb-item a {
	color: #fff !important;
}

.dark-mode .breadcrumb-item.active {
	color: #fff;
}

.dark-mode .pagination li a {
	border-color: #484848 !important;
	color: #fff !important;
	background-color: #484848 !important;
}

.dark-mode .page-item.active .page-link {
	color: #000 !important;
	background-color: var(--mainColor) !important;
	border-color: var(--mainColor) !important;
}

.dark-mode .admin-header .mobile-user-menu .nav-link.dropdown-toggle {
	color: #fff !important;
}

.dark-mode .pagination li a:hover {
	background: var(--mainColor) !important;
	color: #000 !important;
}

.dark-mode .bar-icon span {
	background-color: #fff !important;
}

.dark-mode .login {
	background-image: url("../images/login-bg.gif");
	background-size: cover;
	top: 0;
	width: 100%;
	text-align: center;
	bottom: 0;
	opacity: 1;
	z-index: 999;
	min-height: 100vh;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px 0;
}

.dark-mode .login::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #202020;
	content: "";
	z-index: 1;
	opacity: 0.7;
}

.dark-mode .copyright-footer {
	background: #000;
}

.dark-mode .login+footer .copyright-footer p {
	color: #fff !important;
}


.dark-mode .login_box {
	position: relative;
	z-index: 9;
	max-width: 550px;
	margin: 0 auto;
	backdrop-filter: blur(12px);
	background: linear-gradient(152.97deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
	border-radius: 15px;
	margin-bottom: 60px;
	border: 1px solid transparent;
	background-image: linear-gradient(#0000009c, #000000), linear-gradient(319deg, rgba(102, 102, 102, 0) 0%, #00c86973 93.08%);
	background-origin: border-box;
	background-clip: padding-box, border-box;
	animation: border-animate 5s linear infinite;
}

.dark-mode .login .form-section .form-control {
	font-size: 16px;
	outline: none;
	background: #292828;
	padding: 12px 25px;
	color: #fff;
	height: 50px;
	border-radius: 10px;
	border: 1px solid #494747;
	position: relative;
}

.dark-mode .login .form-section .thembo {
	color: #fff;
}

.dark-mode .pass-group .toggle-password {
	color: #fff;
}

.dark-mode .wallet-amount h5 {
	color: #999;
}

.dark-mode .btn-outline-secondary {
	color: #ffffff;
	border-color: #6c757d;
}

.dark-mode hr {
	background-color: #777 !important;
}

.dark-mode .profilename .profileset h6 {
	color: #f1f1f1 !important;
}

.dark-mode .header-title {
	color: #f1f1f1 !important;
}

.dark-mode .user-menu .location-item input {
	border-bottom: 1px solid #243551 !important;
}

.dark-mode .user-menu.nav>li>a {
	color: #000 !important;
}

.dark-mode .user-menu.nav>li>a:hover {
	color: #999 !important;
}

.dark-mode .card {
	/* box-shadow: 0 0.75rem 1.0rem #444 !important; */
	background: #23231A !important;
	border: 1px solid #484848;
}

.dark-mode .user-menu.nav>li>a .badge {
	color: #000 !important;
}

.dark-mode .user-menu.nav>li>a i {
	color: #999 !important;
}

.dark-mode .page-header h4 {
	color: #fff;
}

.dark-mode .nav.user-menu>li {
	border-left: 1px solid #484848;
}

.dark-mode .form-control::placeholder {
	color: #fff;
}

.dark-mode .page-wrapper {
	background-color: #101316 !important;
}

.dark-mode .page-wrapper .btn.btn-primary {
	color: #fff;
}

.dark-mode .page-wrapper .btn.btn-primary:hover {
	background-color: #008f4b !important;
	color: #fff !important;
}

.dark-mode .sidebar {
	border-right: 1px solid transparent !important;
	border-right: 1px solid #000 !important;
}

.dark-mode .card .card-header .card-title {
	color: #fff;
}

.dark-mode .admin-header {
	background: #000;
	border-bottom: 1px solid #484848;
}

.dark-mode .highcharts-axis-labels text {
	fill: #999 !important;
}

.dark-mode .highcharts-background {
	fill: #23231a !important;
}

.dark-mode .sidebar .sidebar-menu {
	border-right: 1px solid #484848;
}

.dark-mode .copyright-footer {
	border-top: 1px solid #484848;
}

.dark-mode .highcharts-legend-item text {
	fill: #999 !important;
}

.dark-mode .sidebar .sidebar-menu>ul>li>a:hover span,
.dark-mode .sidebar .sidebar-menu>ul>li>a:hover i {
	color: #fff !important;
}

.dark-mode .sidebar .sidebar-menu>ul>li>a span,
.dark-mode .sidebar .sidebar-menu>ul>li>a i {
	color: #fff !important;
}

.dark-mode .sidebar .sidebar-menu>ul>li>a.active {
	color: #fff !important;
}

.dark-mode .sidebar .sidebar-menu>ul>li>a.active span {
	color: #fff !important;
}

.dark-mode .sidebar .sidebar-menu>ul>li>a span {
	color: #fff !important;
}

.dark-mode .sidebar .sidebar-menu>ul>li:hover a span {
	color: #fff !important;
}

.dark-mode .sidebar .sidebar-menu>ul>li .subdrop {
	color: #fff !important;
}

.dark-mode .sidebar .sidebar-menu>ul>li.submenu ul li a {
	color: #fff !important;
}

.dark-mode .sidebar .nav-items .nav-link:hover {
	color: #fff !important;
}

.dark-mode .table thead {
	background: #23231A !important;
	border-bottom: 1px solid #23231A !important;
}

.dark-mode .table thead th {
	color: #fff !important;
}

.dark-mode table th {
	background: #23231a !important;
}

.dark-mode .form-control {
	color: #fff !important;
	background-color: #454545 !important;
	border: 1px solid #454545 !important;
}

.dark-mode .table tbody tr:hover {
	background: #000 !important;
	color: #999 !important
}

.dark-mode .graph-dropdown {
	background-color: #444444;
	color: #fff;
}

.dark-mode .table tbody tr td a.btn {
	color: #fff !important;
}

.dark-mode .table tbody tr td a.btn:hover {
	color: #fff !important;
}

.dark-mode .page-header .btn-added {
	color: #000;
}

.dark-mode .dash-count {
	background: #444444;
	color: #999;
	box-shadow: -2px 0px 4px #444;
	border: 1px solid rgba(145, 158, 171, 0.32) !important;
}

.dark-mode .dash-count .dash-imgs {
	color: #999 !important;
}

.dark-mode .dash-count .dash-imgs i {
	color: #fff !important;
}

.dark-mode .dash-count h5 {
	color: #999 !important;
}

.dark-mode .dash-count h4 {
	color: #fff !important;
}

.dark-mode .login-wrapper .login-content {
	background: #23231A !important;
}

.dark-mode .productdetails>ul>li {
	border: 1px solid #484848;
}

.dark-mode .productdetails>ul>li h4 {
	color: #fff;
	border-right: 1px solid #484848;
}

.dark-mode .pass-group .toggle-password {
	color: #fff;
}

.dark-mode .productdetails>ul>li h6 {
	color: #fff;
}

.dark-mode .flash {
	color: #999;
	background-color: #000;
	border: 2px solid #1b378f;
}

.dark-mode .flash__icon {
	color: #999 !important;
	background-color: #1b378f !important;
}

.dark-mode .flash_error {
	border: 2px solid #dc3545 !important;
}

.dark-mode .flash__icon__error {
	background-color: #dc3545 !important;

}

.dark-mode .flash__icon .icon {
	color: #999 !important;
	background-color: transparent !important;
}

.dark-mode .flash__body {
	color: #999 !important;
	background-color: transparent !important;
}

.dark-mode .copyright-footer p {
	color: #999 !important;
}

.dark-mode .goog-te-gadget .goog-te-combo {
	background: #000;
	color: #999;
}

.dark-mode .chat-area {
	background-color: #23231A;
}

.dark-mode .chat-area .form-control {
	color: #fff;
	background-color: #000;
	border: 1px solid #ccc;
}

.dark-mode .chat-area .nav-tabs .nav-item.show .nav-link,
.chat-area .nav-tabs .nav-link.active {
	color: #999 !important;
	background-color: #23231A !important;
	border-color: transparent transparent #000;
}

.dark-mode .chat-list h3 {
	color: #999 !important;
}

.dark-mode .modal-dialog-scrollable .modal-content {
	background-color: #23231A !important;
}

.dark-mode .upload {
	background: #000;
}

.dark-mode .contact-info-item {
	border: 1px solid #23231A;
	background-color: #000;
}

.dark-mode .btn-secondary:hover {
	background-color: transparent;
	border-color: #999;
	color: #999;
}

.dark-mode .dropdown-menu {
	color: #999;
	background-color: #000;
	border: 1px solid #999;
}

.dark-mode .topnav-dropdown-header .notification-title {
	color: #999;
}

.dark-mode .modal-content {
	background-color: #272727;
	border: 1px solid #484848;
}

.dark-mode .border {
	border-color: #484848 !important;
}

.dark-mode .topnav-dropdown-footer a {
	color: #fff;
}

.dark-mode .btn-close {
	filter: invert(1);
}

.dark-mode .notifications .notification-list li .noti-title {
	color: #999;
}

.dark-mode .activity .activity-list li {
	background-color: #23231A;
	border: 1px solid #23231A;
}

.dark-mode .activity .activity-list li .activity-content {
	background-color: #23231A;
	color: #999;
}

.dark-mode .profilename .dropdown-item.logout {
	color: #dc3545 !important;
}

.dark-mode .btn-danger,
.dark-mode .btn-warning {
	color: #fff;
}

.dark-mode .product-detail-wrapper {
	background: #484848;
	border: 1px solid #484848;
}

.dark-mode .chat-list p {
	color: #999;
}

.dark-mode .chat-list-item.active-chat {
	color: #000;
}

.dark-mode .chat-list-item.active-chat p {
	color: #000;
}

.dark-mode .chat-list-item.active-chat h3 {
	color: #000 !important;
}

.dark-mode .cke_chrome * {
	background-color: #000 !important;
	color: #fff !important;
}

.dark-mode div:where(.swal2-container) div:where(.swal2-popup) {
	border: 1px solid #999;
	background: #000;
	color: #999;
}

.dark-mode div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
	color: #000;
}

.dark-mode div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
	color: #000;
}

.dark-mode .swal-title {
	color: #999 !important;
}

.dark-mode .swal-button {
	color: #000 !important;
}

.dark-mode .swal-modal {
	background-color: #000 !important;
}

.dark-mode label {
	color: #999 !important;
}

.dark-mode .topnav-dropdown-header {
	border-bottom: 1px solid #555;
}

.dark-mode .notifications .notification-list li {
	border-bottom: 1px solid #555;
}

.dark-mode .topnav-dropdown-footer {
	border-top: 1px solid #555;
}

.dark-mode hr {
	border-color: #555;
}

.dark-mode .upload-images {
	background: #000 none repeat scroll 0 0;
}

.dark-mode .img-preview-thumb {
	background: #000;
}

.dark-mode .waves {
	filter: brightness(0.8);
}

.dark-mode .ticket {
	background-color: #333;
	color: #999;
}

.dark-mode .circleLeft,
.dark-mode .circleRight {
	background-color: #23231a;
}

.dark-mode .ripLine {
	border-top: 3px solid #23231a;
	border-top-style: dashed;
}

.dark-mode .qr_code img {
	filter: brightness(0.7);
}

.dark-mode .info-step-head {
	color: #999;
}

.dark-mode .action-tabs .nav-tabs .nav-item .nav-link {
	color: #fff;
}

.dark-mode .action-tabs .nav-tabs .nav-item .nav-link.active,
.dark-mode .action-tabs .nav-tabs .nav-item .nav-link:hover {
	background: #00c869;
	color: #fff !important;
	border-color: #303030;
	border: 1px solid #00c869;
}

.dark-mode .header-left {
	background: #000;
}

.dark-mode .sidebar .slimScrollDiv {
	background: #000;
}

.dark-mode span.event_tag {
	background-color: #23231a;
}

.dark-mode iframe {
	filter: brightness(0.7);
}

@media (max-width:991.98px) {
	.dark-mode .header-left {
		width: auto;
		background: #000000;
	}
}

.dark-mode .modal-header {
	border-bottom: 1px solid #484848;
}

.dark-mode .text-muted {
	color: #ffffffcb !important;
}

.dark-mode .nav-tabs {
	border-bottom: 1px solid #484848;
}

.dark-mode .dashboard_bar {
	color: #fff;
}

/******* Frondend css start  ********/


.dark-mode .accordion-item {
	background: linear-gradient(7deg, rgb(147 115 115 / 47%) 0%, rgb(221 0 0 / 0%) 100%);
	background-image: linear-gradient(#0606069c, #140a0a), linear-gradient(319deg, rgb(39 85 70) 0%, #0e3f2b 93.08%);
	border: 1px solid #2f2f2f;
}

.dark-mode .banner_header {
	background: linear-gradient(45deg, #2aad6f, #0075b1);
}

.dark-mode .accordion-button {
	background-color: transparent;
	color: #fff;
}

.dark-mode .terms-content h3 {
	color: #fff;
}

.dark-mode .terms-content p,
.dark-mode .terms-content ul li {
	color: #ffffffc0;
}

.dark-mode .banner_hd_inner h1 {
	color: #fff;
}

.dark-mode .contact-info,
.dark-mode .contact-form {
	box-shadow: 0px 1px 5px 0px #2d4aaa0a;
	background: #000 !important;
	border: 1px solid #424242;
}

.dark-mode .contact-card.bg-light {
	background: #2b2a2a !important;
}

.dark-mode .sub-heading {
	color: #ffffffc4;
}

.dark-mode .contact-form .form-control {
	color: #fff !important;
	background-color: #000 !important;
	border: 1px solid #41413a !important;
}

.dark-mode .profilename .profileset h5 {
	font-size: 14px;
	color: #ffffffbb;
}

.dark-mode .sidebar .sidebar-menu>ul>li.submenu ul li a::after {
	border: 1px solid #ffffff;
}

.dark-mode .table tbody tr td {
	color: #fff;
	border-bottom: 1px solid #484848;
}

.dark-mode .table tbody tr td a {
	color: #fff;
}

/* .dark-mode .main-banner {
	background-image: url(../images/login-bg.gif);
} */

.dark-mode .main-banner::after {
	/* background: #282828; */
	background: #28282800;
}

.dark-mode .home-caption h1 {
	color: #fff;
}

.dark-mode .banner-info {
	background: #9b9b9b6b;
}

.dark-mode .banner-info .small-heading {
	color: #fff;
}

.dark-mode .main-heading {
	color: #fff;
}

.dark-mode .doctor-swiper .swiper-slide {
	border: 1px solid #2f2e2e;
}

.dark-mode .why-choose-box .small-heading {
	color: #fff;
}

.dark-mode .why-choose-box .custom-tag {
	border: 2px solid #fff;
}

.dark-mode .why-choose-box.second {
	background-color: #bfae1b;
}

.dark-mode .leadhub-box h4,
.dark-mode .leadhub-box p {
	color: #000;
}

.dark-mode .testimonial-section .swiper-button-next,
.dark-mode .testimonial-section .swiper-button-prev {
	filter: invert(1);
}

.dark-mode .testimonial-profile-box {
	background: #eeeeee33;
	border: 1px solid #e1e1e138;
}

.dark-mode .doctor-swiper .swiper-button-next,
.dark-mode .doctor-swiper .swiper-button-prev {
	filter: invert(1);
}

.dark-mode ul.footer-links li a {
	color: #fff;
}

.dark-mode .pricing-section {
	/* background: #000; */
	background: #28282800;
}

.dark-mode .btn-theme-secondary:hover {
	border: 1px solid #fff !important;
	color: #fff !important;
}

.dark-mode .btn-theme-primary:hover {
	border: 1px solid #fff !important;
	color: #fff !important;
}

.dark-mode .login-btn:hover {
	color: #fff;
	background: transparent;
	border: 1px solid #fff;
}

.dark-mode .login-btn:hover.login-btn img {
	filter: invert(0);
}

.dark-mode .dark-mode-toggle {
	background-color: #424242;
}

.dark-mode .main-page-header .navbar-nav .nav-item a {
	color: #fff;
}

.dark-mode .login-tabbs .nav-tabs {
	border: none;
}

.dark-mode .login-tabbs .nav-tabs .nav-item .nav-link.active {
	color: #000 !important;
}

.dark-mode .login-tabbs .nav-tabs .nav-item .nav-link.active:hover {
	color: #000 !important;
}

.dark-mode .login-tabbs .nav-tabs .nav-item .nav-link {
	color: #fff;
	border: 1px solid #03a9f461 !important;
	border-radius: 6px !important;
}

.dark-mode .login-tabbs .nav-tabs .nav-item .nav-link:hover {
	color: #fff !important;
}

.dark-mode .login .form-section p a {
	color: #e7e6e6;
}

.dark-mode .form-group .error {
	color: red !important;
}

.dark-mode .main-banner.user-bg {
	background-image: url('../images/user-dark-bg.png');
}

.dark-mode .user-card-box {
	border: 1px solid #2f2e2e;
}

.dark-mode .navbar-toggler svg {
	filter: invert(0);
}

/* for full calender date on dark mode  */
.dark-mode .fc a:not([href]){
	color: #fff;
}

/* for full calender date on dark mode end */