:root {
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-white: #212529; /**/
	--bs-gray: #ced4da; /*#6c757d;*/

	--bs-gray-dark: #e9ecef; /* #343a40 */
	--bs-gray-900: #f8f9fa; /*100*/
	--bs-gray-800: #e9ecef; /*200*/
	--bs-gray-700: #dee2e6; /*300*/
	--bs-gray-600: #ced4da; /*400*/
	--bs-gray-500: #adb5bd; /*500*/
	--bs-gray-400: #6c757d; /*600*/
	--bs-gray-300: #495057; /*700*/
	--bs-gray-200: #343a40; /*800*/
	--bs-gray-100: #212529; /*900*/

	--bs-primary: #0d6efd;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;

	--light2: #1f2022; /**/
	--bs-light: #1c2128; /**/
	--bs-dark: #adbac7; /**/

	--bs-primary-rgb: 13, 110, 253;
	--bs-secondary-rgb: 206, 212, 218; /**/
	--bs-success-rgb: 25, 135, 84;
	--bs-info-rgb: 13, 202, 240;
	--bs-warning-rgb: 255, 193, 7;
	--bs-danger-rgb: 220, 53, 69;

	--bs-light-rgb: 28, 33, 40; /**/
	--bs-dark-rgb: 173, 186, 199; /**/
	--bs-white-rgb: 33, 37, 41; /**/
	--bs-black-rgb: 255, 255, 255; /**/

	--bs-body-color-rgb: 173, 186, 199; /**/
	--bs-body-bg-rgb: 28, 33, 40; /**/

	--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 1rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;

    --bs-body-color: #adbac7;
	--bs-body-bg: #1c2128;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(173, 186, 199, 0.7);
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.55);
}

.dropdown-menu {
	background-color: #212529;
	color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.15);
}

.dropdown-item, .dropdown-item {
	background-color: #1e2125;
	color: #e9ecef;
}

.dropdown-item:hover, .dropdown-item:focus {
	background-color: #1e2125;
	color: #fff;
}

#menu-modulos .menu-children {
	background-color: #1e2125 !important;
}

.btn-white {
    background-color: #1e2125;
    color: #e9ecef;
}

.btn-white:hover {
    background-color: #2e3136;
	color: #e9ecef;
}

.btn-light {
	color: #e9ccef;
	background-color: #2e3136;
	border-color: #212327;
}

.btn-light:hover {
    color: #fff;
    background-color: #212327;
	border-color: #2b2c30;
}

.btn-light:disabled, .btn-light.disabled {
	color: #e9ccef;
	background-color: #323438;
	border-color: #323438;
}

.border {
    border: 1px solid rgb(51, 51, 51) !important;
}

.border-bottom {
    border-bottom: 1px solid rgb(51, 51, 51) !important;
}

.border-top {
    border-top: 1px solid rgb(51, 51, 51) !important;
}

.border-start {
    border-left: 1px solid rgb(51, 51, 51) !important;
}

.border-end {
    border-right: 1px solid rgb(51, 51, 51) !important;
}

.table {
    background-color: initial;
	--bs-table-bg: transparent;
	--bs-table-accent-bg: transparent;
	--bs-table-striped-color: #fff;
	--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
	--bs-table-active-color: #fff;
	--bs-table-active-bg: rgba(0, 0, 0, 0.1);
	--bs-table-hover-color: #fff;
	--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
	color: var(--bs-dark);
    border-color: rgb(51, 51, 51);
}

.table-light {
	--bs-table-bg: #1a1d22;
	--bs-table-striped-color: #ecedee;
	--bs-table-striped-bg: #362727;
	--bs-table-active-color: #ecedee;
	--bs-table-active-bg: #413636;
	--bs-table-hover-color: #ecedee;
	--bs-table-hover-bg: #4d4545;
	color: #fff;
	border-color: rgb(51, 51, 51);
}

.table-secondary {
	--bs-table-bg: #1a1d22;
	--bs-table-striped-color: #ecedee;
	--bs-table-striped-bg: #362727;
	--bs-table-active-color: #ecedee;
	--bs-table-active-bg: #413636;
	--bs-table-hover-color: #ecedee;
	--bs-table-hover-bg: #4d4545;
	color: #fff;
	border-color: rgb(51, 51, 51);
}

.table-danger {
	--bs-table-bg: #dc354540;
	--bs-table-striped-color: #ecedee;
	--bs-table-striped-bg: #362727;
	--bs-table-active-color: #ecedee;
	--bs-table-active-bg: #413636;
	--bs-table-hover-color: #ecedee;
	--bs-table-hover-bg: #4d4545;
	color: #fff;
	border-color: rgb(51, 51, 51);
}

.table-warning {
	--bs-table-bg: #ffc10740;
	--bs-table-striped-color: #ecedee;
	--bs-table-striped-bg: #362727;
	--bs-table-active-color: #ecedee;
	--bs-table-active-bg: #413636;
	--bs-table-hover-color: #ecedee;
	--bs-table-hover-bg: #4d4545;
	color: #fff;
	border-color: rgb(51, 51, 51);
}

thead, tbody, tfoot, tr, td, th {
	border-color: rgb(51, 51, 51);
	border-style: solid;
	border-width: 0;
}

.modal-content {
	background-color: var(--bs-white);
	border: 1px solid rgba(0, 0, 0, 0.2);
}

.modal-header {
	border-bottom: 1px solid rgb(51, 51, 51);
}

.modal-footer {
	border-top: 1px solid rgb(51, 51, 51);
}

.form-control {
	color: var(--bs-dark);
	background-color: var(--bs-white);
	border: 1px solid var(--bs-light);

}

.form-control:disabled, .form-control[readonly] {
	background-color: rgb(27, 25, 25);
    color: rgb(87, 84, 84);
}

.form-select {
	color: var(--bs-dark);
	background-color: var(--bs-white);
	border: 1px solid var(--bs-light);
}

.form-select:disabled, .form-select[readonly] {
	background-color: rgb(27, 25, 25);
    color: rgb(87, 84, 84);
}

.select2-container--default .select2-selection--single {
	background-color: var(--bs-white) !important;
	border: 1px solid var(--bs-light) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--bs-dark) !important;
}

.select2-dropdown {
	background-color: var(--bs-white) !important;
	border: 1px solid var(--bs-light) !important;
}

[type="search"], [type="text"], [type="number"] {
	background-color: var(--bs-white);
    color: var(--bs-dark);
	border: 1px solid var(--bs-light);
}

.shadow-sm {
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3) !important;
}

.shadow {
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.4) !important;
}

.shadow-lg {
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5) !important;
}

.card {
	box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 30%) !important
}

.card, .card-body {
	background-color: var(--bs-white);
}

.card-header {
	background-color: #1c2128;
}

#loader {
	background-color: rgba(0, 0, 0, 0.5) !important;
}

.pagination .page-link {
	background-color: #1a1d2240 !important;
	border-color: #00000040 !important;
}