/*
 * main.css -https://www.prowebdesarrollo.com/
 * Version - 1.0.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 ProWeb Desarrollo
 */


@media (prefers-color-scheme: dark) {
	#app, 
 	.navbar .navbar-collapse,
 	.navbar-default,
 	.bg-light-gray,
 	.dropdown-menu>li>a:focus, 
 	.dropdown-menu>li>a:hover,
 	.nav>li>a:focus, 
 	.nav>li>a:hover{
 		background: #161e33 !important;
 	}

	.bg-content,
	.wrap-content,
	.dropdown-menu,
	.table thead,
	.uib-daypicker .btn-default,
	.table.table-sticky thead th {
		background-color: #1d233a !important;
	}

	.uib-daypicker .btn-default {
		color: white;
	}
	.uib-daypicker .text-muted {
		color: #606060 !important;
	}

 	.border,
 	.navbar-right .dropdown-menu,
 	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
 		border-color: #2e3557 !important;
 	}

 	.card,
 	.modal-content,
 	.nav .open>a, 
 	.nav .open>a:focus, 
 	.nav .open>a:hover,
 	ul.sub-menu,
 	ul.sub-menu li.open {
 		background-color: #222b4e !important;
 	}

 	.color-black,
 	.control-label, 
 	.has-success .control-label,
 	.dropdown-menu a,
 	.btn.focus, .btn:focus,
 	.has-success .form-control,
 	.modal-footer .btn.focus, .btn:focus, .btn:hover,
 	.ui-select-bootstrap .ui-select-choices-row>span,
 	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td,
 	textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
 		color: white !important;
 	}

 	.modal-footer,
 	.input-group-addon,
 	#sidebar > div nav > ul li > a:active:focus,
 	.app-sidebar-closed #sidebar > div nav > ul > li.hover,
 	#sidebar > div nav > ul li.open,
 	ul.sub-menu li.active,
 	ul.sub-menu li:hover,
 	.ui-select-container .btn, .ui-select-container .btn-default:focus,
 	.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th,
 	.ui-select-bootstrap .ui-select-choices-row>span:focus, .ui-select-bootstrap .ui-select-choices-row>span:hover,
 	.form-control, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
 		background-color: #383f5e !important;
 	}

 	.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
	    background-color: #1d233a;
	    border-color: #161e33;
	}

	.box-shadow-s2,
	.box-shadow-s3,
	.box-shadow-s4,
	.modal-content,
	.app-sidebar-closed .app-aside > ul.sub-menu {box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;}
}