.mode {	
			background-image: url("../images/moon-fill.svg");
			background-repeat: no-repeat;
			border: 0;
			cursor: pointer;
			display: inline-block;
			height: 1.5em;
			width: 1.5em;
			background-size: 20px 20px;
	}
	.dark .mode {	
			background-image: url("../images/sun-fill.svg");
			height: 1.8em;
			width: 1.8em;
			background-size: 24px 24px;
	}
	.dark div.x_content div.order-button-payment iframe html body p {
		color: #eceeef;
	}
	.dark table.dataTable {
		border-collapse: collapse !important;
	}
	.dark iframe {
			border: 1px solid rgb(82 86 98);
			min-height: 860px;
	}
	.dark form .top_nav .nav_menu {
		background: #2d313a;
		color: #e1e1e1;
		border-color: #414255;
	}
	.dark .mans-list {
		border-color: #414255;
		color: #afafaf;
	}
	.dark .btn-default,
	.dark label.input-group-addon {
		background: #424752;
    color: #bfc2c9;
		border-color: #53546a;
	}
	.dark .input-group-addon.border-r {
		border-right: 1px solid #414255;
	}
	.dark .btn-default:hover,
	.dark .btn-default:active,
	.dark .btn-default:focus {
		background-color: #3c404a !important;
		color: #99a1b1 !important;
		border-color: #60687a !important;
	}
	.dark .btn.btn-success:hover {
		background: #13948c;
	}
	.dark .form-control, .dark .input-group-addon {
		background: #22262f;
		color: #e1e1e1;
		border-color: #414255;
	}
	.dark .input-group.date input,
	.dark .navbar-right {
		color: #989898;
	}
	.dark .form-control:focus {
		border-color: #616381;
	}
	.dark .input-group select.form-control {
		background: url(../images/select_arrow_dark.png) no-repeat 98% 50% #22262f;
		background-size: 8px 7px;
	}
	.dark body, .dark body .container.body .right_col, .dark .x_panel {
		background: #2d313a;
	}
	.dark .left_col, .dark .nav.side-menu>li>a, .dark .nav.child_menu>li>a, .dark .nav_title {
		background: #22262f;
	}
	.dark .nav-md .container.body .col-md-3.left_col.menu_fixed {
		border-right: 1px solid #22262f;
	}
	.dark .nav-sm .container.body .col-md-3.left_col.menu_fixed {
		background: #22262f  !important;
		border-right: 1px solid #22262f ;
	}
	.dark .nav.side-menu>li>a, .dark .nav.child_menu>li>a {
		color: #73767b;
	}
	.dark .nav.side-menu>li>a:hover, .dark .nav>li>a:focus {
		background: #2c2f38;
	}
	.dark .nav.side-menu>li>a:hover, .dark .nav.side-menu>li>a:hover span {
		color: #c2c4c7 !important;
	}
	.dark .nav.side-menu>li:hover {
		background: #2c2f38;
	}
	.dark .pagination > .disabled > a, .dark .pagination > .disabled > a:hover, .dark .pagination > .disabled > a:focus {
		color: #9494a6;
	}
	.dark .pagination > .active > a, .dark .pagination > .active > span, .dark .pagination > .active > a:hover, .dark .pagination > .active > span:hover, .dark .pagination > .active > a:focus, .dark .pagination > .active > span:focus {
	    color: #bdbece;
		background-color: #2d313a !important;
	}
	.dark .nav.side-menu>li.current-page>a {
		color: #ffffff;
		background: #3a3e48;
    border-left: 4px solid #51596a;
	}
	.dark .nav.side-menu>li>a:hover, .dark .nav.side-menu>li>a:active, .dark .nav.side-menu>li>a:focus {
		color: #eeefef!important;
	}
	.dark .menubar, .dark .menubar:visited, .dark .menubar:hover, .dark .menubar:active, .dark .menubar:focus {
		color: #73767b;
	}
	.dark .navbar-left span {
		color: #989898;
	}
	.dark .profile_info span i {
		background-color: #424752;
	}
	.dark font {
		color: #5cef5c;
	}
	.dark .table-bordered > tbody > tr > td {
		border: 1px solid #424752;
		color: #e1e3e7;
	}
	.dark .table-bordered > tfoot > tr > th, 
	.dark .table-bordered > tfoot > tr > td {
		border: 1px solid #424752;
		color: #e1e3e7;
		background: #3b4756;
	}
	.dark table.jambo_table thead {
		background: #2d313a;
	}
	.dark table.table-bordered thead th, .dark table.table-bordered tbody th {
		color: #e1e3e7;
	}
	.dark table.jambo_table tbody tr:hover td,
	.dark table.jambo_table tbody tr:hover ,
	.dark table.jambo_table tbody tr.even:hover td,
	.dark table.jambo_table tbody tr.odd:hover td {
		background: rgb(73 81 92);
		border-top: 1px solid  rgb(149 149 149 / 0.44);
		border-bottom: 1px solid rgb(84 86 91);
	}
	.dark table.jambo_table tbody tr.odd {
		background: #383f48;
	}
	.dark table.jambo_table tbody tr.even
	 {
		background: #383f48;
	}
	.dark table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
		background-color: #3e4a42 !important;
	}
	table.jambo_table tbody tr.selected td {
		border-top: 1px solid rgba(185, 182, 182, 0.4);
		border-bottom: 1px solid transparent;
	}
	.dark table.dataTable.no-footer {
		border-bottom: 1px solid #414255;
	}
	.dark .dataTables_paginate a {
		background: #323740 !important;
		border-color: #424752 !important;
	}
	.dark ul.bar_tabs {
		background: #2d313a;
		border-bottom: 1px solid #383d48;
	}
	.dark ul.bar_tabs>li {
		border: 1px solid #383d48;
		color: #cbcbe2 !important;
		background: #313138;
	}
	.dark ul.bar_tabs>li.active {
		border-right: 6px solid #383d48;
		border-bottom: 1px solid #313138;
	}
	.dark ul.bar_tabs>li.active {
		border-top: none;
	}
	.dark .nav-tabs > li.active > a, .dark .nav-tabs > li.active > a:hover, .dark .nav-tabs > li.active > a:focus {
		color: #b7bdc2;
		background-color: #2d313a;
		border: 1px solid #383d48;
	}
	.dark ul.bar_tabs>li a {
		background: #383d48;
		color: #818295;
	}
	.dark ul.bar_tabs>li a:hover,
	.dark ul.bar_tabs>li a:active,
	.dark ul.bar_tabs>li a:focus {
		background: #2d313a;
		color: #b7bdc2;
	}
	.dark ul.bar_tabs>li {
		background: #313138;
	}
	.dark .input-group.date input#s_s_date.form-control.input-group-addon, .dark .input-group.date input#s_e_date.form-control.input-group-addon {
		color: #989898;
	}
	.dark .top_nav li a i {
		color: #888889;
	}	
	.dark .bd1 {
	    border: 1px solid #535356;
	}	
	.dark .btn-navy {
		color: #aac1ff;
		background-color: #2d313a;
		border-color: #aac1ff;
	}	
	.dark .btn-green {
		color: #44d57d;
		background-color: #2d313a;
		border-color: #44d57d;
	}	
	.dark .btn-orange {
		color: #f18e51;
		background-color: #2d313a;
		border-color: #f18e51;
	}	
	.dark .btn-white {
		color: #d1d1d1;
		background-color: #2d313a;
		border-color: #6e7583;
	}	
	.dark .btn-pink {
		color: #f599c8;
		background-color: #2d313a;
		border-color: #f599c8;
	}
	.dark .btn-yellow {
		color: #eca847;
		background-color: #2d313a;
		border-color: #eca847;
	}
	.dark div .btn-yellow:hover, .btn-yellow:focus {
    color: #eca847;
	}
	.dark .btn:hover,
	.dark .btn:active,
	.dark .btn:focus {
		background: #3c404a;
	}
	.dark .btn-primary:hover,
	.dark .btn-primary:active,
	.dark .btn-primary:focus {
		color: #fff;
		background-color: #286090;
		border-color: #204d74;
	}
	.dark .icon-search:before,
	.dark .icon-note:before,
	.dark .icon-undo-alt:before,
	.dark .icon-checkbox:before {
		color: #aac1ff;
	}
	.dark .icon-pencil:before {
		color: #44d57d;
	}
	.dark .icon-regist:before {
		color: #eca847;
	}
	.dark .icon-undo-alt:before {
		color: #f18e51;
	}
	.dark .icon-print2:before{
		color: #d1d1d1;
	}
	.dark .icon-trash:before {
		color: #f599c8;
	}
	.dark .icon-amj:before {
		color: #3686cd;
	}
	.dark .nav_title span {
		color: #3686cd;
	}
	.dark .icon-home:before,
	.dark .icon-add-document:before,
	.dark .icon-inbox:before,
	.dark .icon-file-back:before,
	.dark .icon-duplicate:before,
	.dark .icon-assept-document:before,
	.dark .icon-search_alt:before,
	.dark .icon-archive:before,
	.dark .icon-blog-pencil:before,
	.dark .icon-file-signature:before,
	.dark .icon-file-image:before,
	.dark i.fa-picture-o {
		color: #84888c;
	}
	.dark .icon-file-excel:before,
	.dark .icon-table-columns:before,
	.dark .icon-print:before {
		color: #99a1b1;
	}
	.dark li.current-page .icon-add-document:before,
	.dark li.current-page .icon-inbox:before,
	.dark li.current-page .icon-file-back:before,
	.dark li.current-page .icon-duplicate:before,
	.dark li.current-page .icon-assept-document:before,
	.dark li.current-page .icon-search_alt:before,
	.dark li.current-page .icon-archive:before,
	.dark li.current-page .icon-blog-pencil:before,
	.dark li.current-page .icon-file-signature:before,
	.dark li.current-page .icon-file-image:before {
		color: #ffffff;
	}
	.dark .nav .current-page a .bi {
		color: #ffffff;
	}
	.dark i.bi-moon-fill,
	.dark i.bi-sun-fill {
		color: #58627a;
	}
	.dark i.bi-moon-fill:hover,
	.dark i.bi-moon-fill:active,
	.dark i.bi-moon-fill:focus {
		color: #6389e1;
	}
	.dark body ::-webkit-scrollbar-thumb {
		background: #505764;
	}
	.dark body ::-webkit-scrollbar-track {
		background: #3f4550;
	}
	.dark .dropzone {
		background: #22262f;
		color: #c7c7c7;
		border: 1px solid #414255;
	}
	.dark .ln_solid {
		border-top: 1px solid #414255;
	}
	.dark .thumbnail {
		background-color: #22262f;
    border: 1px solid #414255;
	}
	.dark .thumbnail .caption {
    background: #424752;
    color: #bfc2c9;
	}
	/* .dark .thumbnail .image {
		background: #2d3138;
		color: #bfc2c9;
	} */
	.dark .tagsinput {
		border: 1px solid #484d58;
    background: #484d58;
	}
	.dark .input-group.date {
		border: 1px solid #414255 !important;
	}
	.dark div.btn-group {
		border-bottom: 1px solid #414255 !important;
	}
	.dark .form-control-feedback.right {
		border-left: 1px solid #414255;
	}
@media (prefers-color-scheme: dark) {
  body {
    background: #121212;
    color: #bbb;
  }
  a {
    color: #9eb8fa;
  }
}