/*
|--------------------------------------------------------------------------
| Dark mode button
|--------------------------------------------------------------------------
*/
.dark-mode-container {
	display: inline-block;
	margin-top: 3px;
	padding: 10px;
	border-radius: 50%;
}

.dark-mode-container:hover {
	background-color: #DEDEDE;
}

.dark-mode-container .dark-mode-image {
	width: 20px;
	filter: grayscale(1) brightness(70%);
}

.dark-mode-container:hover .dark-mode-image {
	width: 20px;
	height: 20px;
	filter: grayscale(1) brightness(20%);
}

/* Dark mode invert */
.dark-mode-container.dark-mode-on:hover {
	background-color: #23313e;
}

.dark-mode-container.dark-mode-on .dark-mode-image {
	filter: none;
}

/*
|--------------------------------------------------------------------------
| Dark mode layout
|--------------------------------------------------------------------------
*/
body.dark-mode-on {
	color: #FFFFFF;
	background-color: #151d25;
	/*background-color: #0d1217;*/
}

body.dark-mode-on #wrapper {
	background-color: #151d25;
}

/* Navbar */
body.dark-mode-on .nav-header {
	background-image: none;
	background-color: #121921;
}

body.dark-mode-on .navbar-default .landing_link a, body.dark-mode-on .navbar-default .landing_link a:hover {
	background-color: #126554 !important;
	color: #FFFFFF;
	cursor: default;
}

body.dark-mode-on .nav > li.active,
body.dark-mode-on .navbar-default .nav > li > a:hover,
body.dark-mode-on .navbar-default .nav > li > a:focus,
body.dark-mode-on ul.nav-second-level {
	background-color: #121921;
}

body.dark-mode-on .nav > li > a {
	color: #a7b1c2;
}

body.dark-mode-on #side-menu > li > a.special, .navbar-default .nav > li > a.special {
	background-color: #04636d;
}

/* Misc */
body.dark-mode-on table a {
	color: #23c6c8;
}

body.dark-mode-on .border-bottom {
	border-bottom: 1px solid #34383d !important;
}

body.dark-mode-on .ibox-content, body.dark-mode-on .ibox-title, body.dark-mode-on .ibox-footer {
	background-color: #212529;
	border-color: #34383d;
}

body.dark-mode-on .loading-info {
	color: #FFFFFF;
	background-color: #293846;
	border: 1px solid #FFFFFF;
}

body.dark-mode-on pre {
	color: #fff;
	background-color: #171a1d;
	border: 1px solid #fff;
}

/* Backgrounds */
body.dark-mode-on .gray-bg, body.dark-mode-on .bg-light-grey, body.dark-mode-on .bg-default-dark {
	background-color: #171a1d;
}

body.dark-mode-on .bg-light-info {
	background-color: #272c31;
}

body.dark-mode-on .bg-white, body.dark-mode-on .white-bg {
	background-color: #212529 !important;
}

body.dark-mode-on .bg-light-brown {
	background-color: #2b2a27 !important;
}

body.dark-mode-on .bg-success-light {
	background-color: #1f3123 !important;
}

body.dark-mode-on .bg-light-green {
	background-color: #2E7D32 !important;
}

body.dark-mode-on .bg-light-orange {
	background-color: #86280c !important;
}

/* Tables */
body.dark-mode-on .table {
	color: #FFFFFF;
}

body.dark-mode-on .table > thead > tr > th,
body.dark-mode-on .table > tbody > tr > th,
body.dark-mode-on .table > tfoot > tr > th,
body.dark-mode-on .table > thead > tr > td,
body.dark-mode-on .table > tbody > tr > td,
body.dark-mode-on .table > tfoot > tr > td {
	border: 1px solid #34383d;
}

body.dark-mode-on .table-bordered > thead > tr > th, body.dark-mode-on .table-bordered > thead > tr > td {
	background-color: #171a1d;
	border: 1px solid #34383d;
}

body.dark-mode-on .table-bordered, body.dark-mode-on .table.table-striped, body.dark-mode-on .table {
	border: 1px solid #34383d;
}

body.dark-mode-on .table-hover tbody tr:hover {
	color: #DDDDDD;
	background-color: #171a1d;
}

body.dark-mode-on .table-danger, body.dark-mode-on .table-danger > td, .table-danger > th {
	background-color: #2e1921;
}

body.dark-mode-on .table-warning, body.dark-mode-on .table-warning > td, .table-warning > th {
	background-color: #2e251a;
}

body.dark-mode-on .table-info, body.dark-mode-on .table-info > td, body.dark-mode-on .table-info > th {
	background-color: #1c2f33;
}

/* Tables Bootstrap 3 */
body.dark-mode-on .table .table {
	background-color: #212529;
}

body.dark-mode-on .table > tbody > tr.active > td,
body.dark-mode-on .table > tbody > tr.active > th,
body.dark-mode-on .table > tbody > tr > td.active,
body.dark-mode-on .table > tbody > tr > th.active,
body.dark-mode-on .table > tfoot > tr.active > td,
body.dark-mode-on .table > tfoot > tr.active > th,
body.dark-mode-on .table > tfoot > tr > td.active,
body.dark-mode-on .table > tfoot > tr > th.active,
body.dark-mode-on .table > thead > tr.active > td,
body.dark-mode-on .table > thead > tr.active > th,
body.dark-mode-on .table > thead > tr > td.active,
body.dark-mode-on .table > thead > tr > th.active {
	background-color: #1c2f33;
}

body.dark-mode-on .table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #171a1d;
}

body.dark-mode-on .bg-danger-light, body.dark-mode-on .bg-danger-light > td, .bg-danger-light > th {
	background-color: #2e1921;
}

body.dark-mode-on .bg-warning-light, body.dark-mode-on .bg-warning-light > td, .bg-warning-light > th {
	background-color: #2e251a;
}

body.dark-mode-on .bg-info-light, body.dark-mode-on .bg-info-light > td, body.dark-mode-on .bg-info-light > th {
	background-color: #1c2f33;
}

body.dark-mode-on .bg-grey-light, body.dark-mode-on .bg-grey-light > td, body.dark-mode-on .bg-grey-light > th {
	background-color: #212529;
}

/* Pagination */
body.dark-mode-on .pagination > li > a, body.dark-mode-on .pagination > li > span, body.dark-mode-on .pagination > li > button{
	background-color: #171a1d;
	color: #aaaaaa;
	border: 1px solid #34383d;
}

body.dark-mode-on .page-item.disabled .page-link {
	background-color: #171a1d;
	color: #aaaaaa;
	border: 1px solid #34383d;
}

body.dark-mode-on .page-item.active .page-link {
	background-color: #1ab394;
	border-color: #34383d;
}

body.dark-mode-on .page-link:hover {
	background-color: #212529;
}

body.dark-mode-on .page-item.active:hover .page-link {
	border-color: #34383d;
}

/* Form */
body.dark-mode-on .form-control, body.dark-mode-on .single-line, body.dark-mode-on .bootstrap-select.form-control .btn-light {
	background-color: #171a1d;
	border: 1px solid #34383d;
	color: #aaa;
}

body.dark-mode-on .bootstrap-select.btn-group .dropdown-menu {
	background-color: #212529;
}

body.dark-mode-on .bootstrap-select.btn-group .dropdown-menu.inner {
	color: #FFFFFF;
}

body.dark-mode-on .form-control:disabled, body.dark-mode-on .form-control[readonly] {
	background-color: #2d3238 !important;
}

body.dark-mode-on input:not(input[type=submit]) {
	background-color: #171a1d;
	color: #aaa;
	border: 1px solid #34383d;
}

/* Buttons */
body.dark-mode-on .btn {
	color: #FFFFFF;
	background: #171a1d;
	border: 1px solid #34383d;
}

body.dark-mode-on .btn.btn-default {
	background-color: #212529;
	border: 1px solid #34383d
}

body.dark-mode-on .btn.btn-primary {
	background-color: #00796B;
	border-color: #00796B;
	color: #FFFFFF;
}

body.dark-mode-on .btn-primary:hover, body.dark-mode-on .btn-primary:focus, body.dark-mode-on .btn-primary:active, body.dark-mode-on .btn-primary.active, .open .dropdown-togglebody.dark-mode-on .btn-primary, body.dark-mode-on .btn-primary:active:focus, body.dark-mode-on .btn-primary:active:hover, body.dark-mode-on .btn-primary.active:hover, body.dark-mode-on .btn-primary.active:focus {
	background-color: #004D40;
	border-color: #004D40;
	color: #FFFFFF;
}

body.dark-mode-on .btn.btn-info {
	background-color: #0097A7;
	border-color: #0097A7;
	color: #FFFFFF;
}

body.dark-mode-on .btn-info:hover, body.dark-mode-on .btn-info:focus, body.dark-mode-on .btn-info:active, body.dark-mode-on .btn-info.active, .open .dropdown-togglebody.dark-mode-on .btn-info, body.dark-mode-on .btn-info:active:focus, body.dark-mode-on .btn-info:active:hover, body.dark-mode-on .btn-info.active:hover, body.dark-mode-on .btn-info.active:focus {
	background-color: #006064;
	border-color: #006064;
	color: #FFFFFF;
}

body.dark-mode-on .btn.btn-success {
	background-color: #388E3C;
	border-color: #388E3C;
	color: #FFFFFF;
}

body.dark-mode-on .btn-success:hover, body.dark-mode-on .btn-success:focus, body.dark-mode-on .btn-success:active, body.dark-mode-on .btn-success.active, .open .dropdown-togglebody.dark-mode-on .btn-success, body.dark-mode-on .btn-success:active:focus, body.dark-mode-on .btn-success:active:hover, body.dark-mode-on .btn-success.active:hover, body.dark-mode-on .btn-success.active:focus {
	background-color: #1B5E20;
	border-color: #1B5E20;
	color: #FFFFFF;
}

body.dark-mode-on .btn.btn-warning {
	background-color: #F57C00;
	border-color: #F57C00;
	color: #FFFFFF;
}

body.dark-mode-on .btn-warning:hover, body.dark-mode-on .btn-warning:focus, body.dark-mode-on .btn-warning:active, body.dark-mode-on .btn-warning.active, .open .dropdown-togglebody.dark-mode-on .btn-warning, body.dark-mode-on .btn-warning:active:focus, body.dark-mode-on .btn-warning:active:hover, body.dark-mode-on .btn-warning.active:hover, body.dark-mode-on .btn-warning.active:focus {
	background-color: #E65100;
	border-color: #E65100;
	color: #FFFFFF;
}

body.dark-mode-on .btn.btn-danger {
	background-color: #C2185B;
	border-color: #C2185B;
	color: #FFFFFF;
}

body.dark-mode-on .btn-danger:hover, body.dark-mode-on .btn-danger:focus, body.dark-mode-on .btn-danger:active, body.dark-mode-on .btn-danger.active, .open .dropdown-togglebody.dark-mode-on .btn-danger, body.dark-mode-on .btn-danger:active:focus, body.dark-mode-on .btn-danger:active:hover, body.dark-mode-on .btn-danger.active:hover, body.dark-mode-on .btn-danger.active:focus {
	background-color: #880E4F;
	border-color: #880E4F;
	color: #FFFFFF;
}

/* Buttons Bootstrap 3 */
body.dark-mode-on .btn-default:hover,
body.dark-mode-on .btn-default:focus,
body.dark-mode-on .btn-default:active,
body.dark-mode-on .btn-default.active,
body.dark-mode-on .open .dropdown-toggle.btn-default,
body.dark-mode-on .btn-default:active:focus,
body.dark-mode-on .btn-default:active:hover,
body.dark-mode-on .btn-default.active:hover,
body.dark-mode-on .btn-default.active:focus {
	background-color: #171a1d;
}

/* Alerts */
body.dark-mode-on .alert-danger {
	color: #ffffff;
	background-color: #ff1744;
	border: none;
}

body.dark-mode-on .alert-warning {
	color: #ffffff;
	background-color: #FB8C00;
	border: none;
}

body.dark-mode-on .alert-success {
	color: #ffffff;
	background-color: #388e3c;
	border: none;
}

body.dark-mode-on .server-time {
	background-color: #212529;
	border: 1px solid #34383d;
}

body.dark-mode-on .breadcrumb {
	background-color: #212529;
}

/* Date Range Picker */
body.dark-mode-on .predefined-range {
	border: 1px solid #34383d;
	background-color: #171a1d;
}

body.dark-mode-on .daterangepicker {
	color: #222222;
}

body.dark-mode-on .android-preview {
	color: #333333;
}

/* Dropdown */
body.dark-mode-on .dropdown-menu {
	color: #333333;
}

/* Modal */
body.dark-mode-on .modal-content {
	background-color: #212529;
	box-shadow: 0 1px 3px rgb(12 13 15);
}

/*
|--------------------------------------------------------------------------
| MSP
|--------------------------------------------------------------------------
*/

body.dark-mode-on .msp-page-wrapper {
	border-left: 1px solid rgb(52 56 61);
	border-image: linear-gradient(180deg, rgb(33 37 41) 85%, rgb(23 26 29) 100%) 1%;
}

body.dark-mode-on .msp-navbar ul li {
	border-bottom: 1px solid #34383d;
}

body.dark-mode-on .msp-navbar ul li:first-child {
	border-top: 1px solid #34383d;
}

body.dark-mode-on .msp-navbar ul li:hover {
	background: #212529;
}

body.dark-mode-on .msp-navbar ul li.active {
	background: rgb(23 26 29);
	background: linear-gradient(90deg, rgb(33 37 41) 70%, rgb(23 26 29) 100%);
}

body.dark-mode-on .msp-navbar ul li a {
	padding: 15px 20px;
	display: block;
	color: #FFFFFF;
}