@media (prefers-color-scheme: dark) {
	:root {
		--primary: #1ABB9C;
		--info: #7bcce4;
		--danger: #d9514d;
		--success: #5ab75a;
		--text:  #a6a6a6;
		--hover-brightness: 0.9;
		--bg-color: #1d2127; 
	}

	.alert-danger, .alert-error {
		color: #E9EDEF;
    	background-color: var(--danger);
    	border-color: var(--danger);
	}

	body{
		color: var(--text);
		background-color: var(--bg-color);
	}

	body .container.body .right_col {
		background: #22282e;
	}

	a {
		color: var(--primary);
	}

	a:hover{
		color: var(--primary);
		filter: brightness(var(--hover-brightness));
	}

	input{
		background-color: #282d36;
	}

	.nav_title {
		background: #1a232b;
	}

	.x_panel {
		background: #2e343b;
		border: 1px solid #000000;
	}

	.x_title {
		border-bottom: 2px solid #242424;
	}

	.panel_toolbox>li>a {
		color: #242424;
	}

	.nav_menu {
		background: #242424;
	}

	.nav.navbar-nav>li>a {
		color: #fff !important;
	}

	.user-profile .role {
		color:  var(--text);
	}

	.nav_menu {
		border-bottom: 1px solid #000000;
	}

	.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
		background-color: #333;
		border: 1px solid #000;
		border-bottom: 0px;
	}

	.navbar-nav .open .dropdown-menu {
		background: #333;
		border: 1px solid #000;
	}

	.dropdown-menu>li>a{
		color: inherit;
	}

	.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
		color: #fff;
		background-color: #242424;
	}

	.nav.side-menu>li.active>a {
		background: linear-gradient(#212c36, #1d262f), #1a232b;
	}

	.nav-md ul.nav.child_menu li.current-page:before {
		background-color: var(--primary);
	}

	.nav-sm ul.nav.child_menu {

		background-color: #27323b;
	}

	.left_col {
		background: #1a232b;
	}

	.form-control {
		background-color: #282d36;
		border-color: #282d36;
		color: #eee;
	}

	.slider {
		background-color: #282d36;
		border-color: #282d36;
	}

	.slider:before{
		background-color: var(--text);
	}

	input:checked + .slider:before {
	  background-color: var(--primary);
	}

	.btn-default {
		color: #fff;
		background-color: #21262d;
		border-color: #21262d;
	}

	.btn-label {
		background-color: #21262d;
		border-color: #21262d;
	}



	.btn-default.dropdown-toggle, .btn-group-settings .dropdown-menu {
		background-color: #282d36;
		border-color: #282d36;
	}

	.btn-group-settings .btn-default .btn-caret {
		background-color: #21262d;
		border-left: 1px solid #21262d;
	}


	.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default  {
		color: #fff;
		background-color: #1d2128;
		border-color: #1d2128;
	}

	.btn-default:active, .btn-default.active{
		background-color: var(--primary);
		border-color: var(--primary);
	}

	.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active, .btn-default[disabled] .btn-label{
		background-color: #545454;
		border-color: #21262d;
		color: var(--text);
	}

	.btn-default:hover .btn-label{
		color: var(--primary);
	}

	.chosen-container{
		background-color: #282d36;
		border-color: #282d36;
	}

	.chosen-container-single .chosen-single {
		color: #fff;
	}

	.chosen-container-active.chosen-with-drop .chosen-single {
		-webkit-box-shadow: 0 1px 0 #6a6971 inset;
	}

	.chosen-container .chosen-drop {
		background-color: #282d36;
		border-color: #282d36;
	}

	.chosen-container .chosen-results {
		color: var(--text);
	}

	.chosen-container .chosen-results li.highlighted {
	  background-color: var(--primary);
	  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, var(--primary)), color-stop(90%, #1f8e78));
	  background-image: linear-gradient(var(--primary) 20%, #1f8e78 90%);
	  color: #fff;
	}

	.chosen-select.chosen-fix{
	    background-color: #282d36;
	    border-color: #282d36;
	    color: #fff;
	}

	.table-bordered {
		border: 1px solid #000;
	}

	.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
		border: 1px solid #000;
	}

	.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
		background-color: #22282e;
	}

	.btn-success {
		background-color: var(--success);
		border-color: #264926;
	}

	.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
		background-color: #377937;
		border-color: #264926;
	}

	.btn-danger {
		background-color: var(--danger);
		border-color: #902723;
	}

	.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
		background-color: var(--danger);
		filter: brightness(var(--hover-brightness));
	}

	.btn-primary {
		background-color: var(--primary);
		border-color: #2a6b7e;
	}

	.btn-info {
		background-color: var(--info);
		border-color: #2a6b7e;
	}

	.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info{
		background-color: var(--info);
		filter: brightness(var(--hover-brightness));
	}

	 .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	 	background-color: var(--primary);
	 	filter: brightness(var(--hover-brightness));
	 }

	 .btn-group-settings .btn-colored[value="0"]{
	    color: #fff;
	    background-color: var(--danger);
	    border-color: #d43f3a;
	 }

	 .btn-group-settings .btn-colored[value="1"]{
	    color: #fff;
	    background-color: var(--success);
	    border-color: #4cae4c;
	 }

	footer{
		background: #242424;
	}

	.components-button.is-link.is-destructive {
		color: #b34e4e;
	}

	.contentpane {
		background-color: #2e343b;
	}

	.well {
		background: #22282e;
		border-color: #000;
	}

	.footer{
  		background: #22282e;
		border-color: #000;
  	}

  	button{
  		color: #fff;
  		background: #6b6b6b;
  	}
	
	img {
    	filter: grayscale(30%);
  	}

  	.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
  		
		background-color: #21262d !important;

  	}

  	.tox .tox-statusbar {
  		background-color: #22282e !important;
  	}

  	.thumbnails-media .thumbnail {
  		background: #22282e;
  	}

  	.thumbnails-media .thumbnail .close {
  		background-color: #242424;
  	}

  	.thumbnails-media .thumbnail .close:hover {
		background-color: #878787;
	}

	.thumbnails-media .height-50 {
		background-color: #4c4c50;
	}

	.thumbnails-media .imgPreview a, .thumbnails-media .imgDetails {
		background: #22282e;
	}

	.thumbnails-media .imgPreview a:hover, .thumbnails-media .imgDetails:hover {
		background-color: #4c4c50;
	}

	.editor-post-featured-image {
		background-color: #1a232b;
	}

	.login {
		background: #1d2127;
	}

	.login_content {
	    text-shadow: 0 1px 0 #282d36;
	}

	.login_content form input[type=text], .login_content form input[type=email], .login_content form input[type=password], .password_content form input[type=text], .password_content form input[type=email], .password_content form input[type=password]  {
	    -ms-box-shadow: none !important;
	    -o-box-shadow: none !important;
	     box-shadow: none !important;
	    border: 0px;
	    color: #eee;
	}

	.login_content form input[type=text]:focus, .login_content form input[type=email]:focus,
	.login_content form input[type=password]:focus,input:focus + .slider, select:focus,form input[type=int]:focus,form input[type=text]:focus, form input[type=email]:focus,  form input[type=password]:focus, .password_content form input[type=text]:focus, .password_content form input[type=email]:focus,
	.password_content form input[type=password]:focus{
	    -ms-box-shadow: 0 0 2px #ed1c24 inset;
	    -o-box-shadow: 0 0 2px #ed1c24 inset;
	    box-shadow: 0 0 2px #A97AAD inset;
	    background-color: #282d36;
	    border: 1px solid var(--primary);
	    outline: 0
	}

	.progress-bar-info, .irs--flat .irs-bar, .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
		background-color: var(--primary) !important;
	}


	input:-webkit-autofill,
	input:-webkit-autofill:hover, 
	input:-webkit-autofill:focus,
	textarea:-webkit-autofill,
	textarea:-webkit-autofill:hover,
	textarea:-webkit-autofill:focus,
	select:-webkit-autofill,
	select:-webkit-autofill:hover,
	select:-webkit-autofill:focus{
	  border: 1px solid var(--primary);
	  -webkit-text-fill-color: var(--primary);
	  -webkit-box-shadow: 0 0 0px 1000px #282d36 inset;
	  transition: background-color 5000s ease-in-out 0s;
	}

	.collapse-box {
		background-color: #22282e;
	}

	.folder-link{
		color: var(--primary);
	}

	.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
		background-color: var(--primary);
		border-color: var(--primary);
	}

	.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
		color: var(--text);
		background-color: #21262d;
		border-color: #21262d;
	}

	.pagination>li>a, .pagination>li>span {
		color: var(--primary);
		background-color: #27323b;
		border-color: #21262d;
		
	}

	.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
		color: var(--primary);
		background-color: #1d2128;
		border-color: #1d2128;
	}

	ul.bar_tabs {
		background: #21262d;
		border-bottom: 1px solid #21262d;
	}

	ul.bar_tabs>li {
		border: 1px solid #21262d;
		color: #333 !important;
		background: #fff;
		border-radius: 4px 4px 0 0;
	}

	ul.bar_tabs>li.active {
		border-right-color: var(--primary);
	}

	ul.bar_tabs>li a {
		background: #21262d;
	}

	.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
		color: #555;
		background-color: #a6a6a6;
		border: 1px solid #21262d;
		border-left: 0px;
	}

	.nav-tabs>li>a:hover {
		background-color: #1a232b;
	}

	.modal-content{
		background-color: #2e343b;
	}

	.modal-header {
		border-bottom: 1px solid #000;
	}

	.modal-footer {
		border-top: 1px solid #000;	
	}

	.input-group-addon{
		background-color: #21262d;
		border-color: #21262d;
		color: #fff;
	}

	.datepicker {
		background-color: #2e343b ;
		color: #fff ;
	}

	.bootstrap-datetimepicker-widget table td span.active {
		background-color: var(--primary);
	}

	.irs--flat .irs-min, .irs--flat .irs-max, .irs--flat .irs-line {
		background-color: #282d36;
	}


	.irs--flat .irs-grid-pol {
		background-color: #000;
	}

	.irs--flat .irs-grid-text {
		color: var(--text);
	}

	.progress{
		background-color: #282d36;
	}

	.tagsinput{
		background-color: #282d36;	
		border-color: #282d36;
		color: #fff;
	}

	span.tag {
		background: var(--primary);
	}

	.jqvmap-zoomin, .jqvmap-zoomout {
		background-color: #21262d;
		border-color: #21262d;
		color: #eee;
	}

	.featherlight .featherlight-content {
		background-color: #2e343b;
	}

	.featherlight .featherlight-close-icon {

		background: #2e343b;
		background: rgba(255,255,255,0.0);
	}

	.table>thead>tr>td.warning, .table>tbody>tr>td.warning, .table>tfoot>tr>td.warning, .table>thead>tr>th.warning, .table>tbody>tr>th.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>tbody>tr.warning>td, .table>tfoot>tr.warning>td, .table>thead>tr.warning>th, .table>tbody>tr.warning>th, .table>tfoot>tr.warning>th {
		background-color: #553e29;
	}

	.table>thead>tr>td.danger, .table>tbody>tr>td.danger, .table>tfoot>tr>td.danger, .table>thead>tr>th.danger, .table>tbody>tr>th.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>tbody>tr.danger>td, .table>tfoot>tr.danger>td, .table>thead>tr.danger>th, .table>tbody>tr.danger>th, .table>tfoot>tr.danger>th {
		background-color: #4e1c1c;
		color: #ff5d58;
	}

	.table>thead>tr>td.success, .table>tbody>tr>td.success, .table>tfoot>tr>td.success, .table>thead>tr>th.success, .table>tbody>tr>th.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>tbody>tr.success>td, .table>tfoot>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr.success>th, .table>tfoot>tr.success>th {
		background-color: #374631;
	}

	table.dataTable.fixedHeader-floating, table.dataTable.fixedHeader-locked {
		background: #2e343b;
	}

	div.dataTables_wrapper div.dataTables_filter input:focus {
		border-color: var(--primary);
		-ms-box-shadow: none !important;
		-o-box-shadow: none !important;
		box-shadow: none !important;
	}

	.tile-stats {
		background-color: #2e343a;
		border-color: #000;
	}

	.tile-stats .count {
		color: var(--primary);
	}

	.open > .dropdown-menu {
		background-color: #22282d;
	}

	.newassignment-container {
		background-color: #22282e;
	}

	.tooltip-inner{
	    background-color: #1d2128;
	    color: #fff;
	}

	.tooltip.top .tooltip-arrow {
    	border-top-color: #1d2128;	
	}	

	/*******************************************
	Morris Chart
	*******************************************/

	.morris-hover.morris-default-style {
	    background: rgb(34 40 44);
	    border: 1px solid #ccc;
	    border: 1px solid rgba(0,0,0,.15);
	    border-radius: 4px;
	    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	}

	.x_content .caption{
    	background-color: rgba(65,68,73,0.8);
	}

	.bootstrap-datetimepicker-widget{
		background-color: #2e343b;
	}	

	.extraform{
		background: rgb(34 40 44)!important;
		border-color: #282d36!important;
		color: #eee;
	}

	.daterangepicker{
		background: rgb(34 40 44);
	}

	.ranges li{
		background: #2e343b;
		border-color:  #22282e;
		color: var(--primary);
	}

	.ranges li:hover{
		background: var(--primary);
		border-color:  var(--primary);
		
	}

	.ranges li.active {
		background: var(--primary);
		border: 1px solid var(--primary);
		color: #fff;
	}
	.daterangepicker .input-mini.active {
		border-color:  var(--primary);
	}

	.daterangepicker .calendar-table {
		background-color: #2e343b;;
	}

	.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
		background-color: #282e34;
	}

	.daterangepicker td.active, .daterangepicker td.active:hover {
		background-color: var(--primary);
		border-color: transparent;

	}

	.daterangepicker td.in-range {
		background-color: #bab8b8;
		border-color: transparent;
	}

	.daterangepicker select{
		background-color: #282d36;
	}

	.ui-autocomplete-input{
		color: #fff!important;
	}

	.ui-widget.ui-widget-content {
		background-color: #282d36;
		color: #fff;
		border: 1px solid #c5c5c5;
	}

	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid var(--primary)!important;
    background: var(--primary)!important;

}



}