[data-theme="dark"] {
    background-color: #000 !important;
}

[data-theme="dark"] .bg-light {
    background-color: #222 !important;
}

[data-theme="dark"] .bg-white {
    background-color: #000 !important;
}

[data-theme="dark"] .bg-black {
    background-color: #eee !important;
}

[data-theme="dark"] .hexagon {
    fill: #000;  
    stroke:#232323;
}

[data-theme="dark"] .hexagon-dot {
    fill: #232323;
}

[data-theme="dark"] .show>.nav-link, [data-theme="dark"] .nav-link, [data-theme="dark"] .navbar-light, [data-theme="dark"] .navbar-nav, [data-theme="dark"] .navbar-brand, [data-theme="dark"] .card-title {
    color: #ccc !important;
}

[data-theme="dark"] .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{
    color:#0183C7!important;
}

[data-theme="dark"] .card {
    background-color:#333!important;
}

[data-theme="dark"] .accordion-item, [data-theme="dark"] .nav-link.active {
    background-color:#111!important;
}

[data-theme="dark"] .accordion-button,[data-theme="dark"] .list-group-item {
    background-color:#000!important;
    color:#eee!important;
}

[data-theme="dark"] .accordion-button::after{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23EEEEEE'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

[data-theme="dark"] .accordion-button:not(.collapsed){
    color:#0183C7!important;
    background-color:#111!important;
    box-shadow:inset 0 -1px 0 rgb(0 0 0 / 13%)!important;
}

[data-theme="dark"] .form-control, [data-theme="dark"] .float-label label::after{
    background-color: #000 !important;
}

[data-theme="dark"] .form-control{
    color: #fff;
}

[data-theme="dark"] .form-control::placeholder{
    color: #aaa;
}

[data-theme="dark"] input:-webkit-autofill,
[data-theme="dark"] input:-webkit-autofill:hover, 
[data-theme="dark"] input:-webkit-autofill:focus,
[data-theme="dark"] textarea:-webkit-autofill,
[data-theme="dark"] textarea:-webkit-autofill:hover,
[data-theme="dark"] textarea:-webkit-autofill:focus,
[data-theme="dark"] select:-webkit-autofill,
[data-theme="dark"] select:-webkit-autofill:hover,
[data-theme="dark"] select:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff;
    box-shadow: 0 0 0 30px #020D0F inset !important;
}

[data-theme="dark"] .float-label label::after{
    background-color: #000 !important;
}

[data-theme="dark"] input:-webkit-autofill + label::after,
[data-theme="dark"] input:-webkit-autofill:hover + label::after, 
[data-theme="dark"] input:-webkit-autofill:focus + label::after,
[data-theme="dark"] textarea:-webkit-autofill + label::after,
[data-theme="dark"] textarea:-webkit-autofill:hover + label::after,
[data-theme="dark"] textarea:-webkit-autofill:focus + label::after,
[data-theme="dark"] select:-webkit-autofill + label::after,
[data-theme="dark"] select:-webkit-autofill:hover + label::after,
[data-theme="dark"] select:-webkit-autofill:focus + label::after {
    background-color: #020D0F !important;
}

[data-theme="dark"] .select2-selection, [data-theme="dark"] .select2-selection__rendered, [data-theme="dark"] .select2-dropdown, [data-theme="dark"] .select2-selection__choice__display{
    background-color: #020D0F !important;
    color: #aaa !important;
}

[data-theme="dark"] .input-group-text, [data-theme="dark"] .select2-selection, [data-theme="dark"] .select2-selection__rendered, [data-theme="dark"] .select2-dropdown {
    background-color: #222;
    border-color: #333;
    color: #aaa;
}

[data-theme="dark"] .form-switch .form-check-input, [data-theme="dark"] .form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e")!important;
}

[data-theme="dark"] .modal-content {
    background-color: #444;
}

[data-theme="dark"] .modal-header {
    border-bottom: 1px solid #333
}

[data-theme="dark"] .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

[data-theme="dark"] .modal-footer {
    border-top: 1px solid #333
}

[data-theme="dark"] .toast-header {
    color: #fff !important;
    background-color: rgba(0,0,0,.85) !important;
}

[data-theme="dark"] .text-muted {
    color: #ccc !important;
}

[data-theme="dark"] .table {
    --bs-table-bg: #212529;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #373b3e;
}

[data-theme="dark"] th {
    color: #fff;
}

[data-theme="dark"] #btn-menu {
    color: #aaa !important;
}

[data-theme="dark"] .navbar-light .navbar-toggler {
    color: rgba(255,255,255,.55);
    border-color: rgba(255,255,255,.1);
}

[data-theme="dark"] #siteNavbar .container-fluid .dropdown .dropdown-toggle img[src*="/0.svg"], [data-theme="dark"] ul[aria-labelledby="usuarioMenu"] li img[src*="/0.svg"] {
    filter: invert(.8);
}

[data-theme="dark"] .dropdown-menu {
    color: #ddd;
    background-color: #000;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: .25rem;
}

[data-theme="dark"] .dropdown-item {
    color: inherit;
}

[data-theme="dark"] .dropdown-item:focus, [data-theme="dark"] .dropdown-item:hover {
    background-color: #222;
}

[data-theme="dark"] .dropdown-item.active, [data-theme="dark"] .dropdown-item:active {
    background-color: #0183C7;
    color: #000;
}

[data-theme="dark"] .tooltip.show > .tooltip-inner {
    background-color: #fff;
    color: #000;
}

[data-theme="dark"] .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, [data-theme="dark"] .bs-tooltip-start .tooltip-arrow::before{
    border-left-color: #fff;
}

[data-theme="dark"] .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, [data-theme="dark"] .bs-tooltip-end .tooltip-arrow::before{
    border-right-color: #fff;
}

[data-theme="dark"] .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, [data-theme="dark"] .bs-tooltip-top .tooltip-arrow::before{
    border-top-color: #fff;
}

[data-theme="dark"] .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, [data-theme="dark"] .bs-tooltip-bottom .tooltip-arrow::before{
    border-bottom-color: #fff;
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
[data-theme="dark"] .modal-backdrop.show {
    opacity: 1 !important;
}

[data-theme="dark"] .modal-backdrop{
    background-color: initial !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -moz-b: blur(10px);
}

[data-theme="dark"] .menu-backdrop{
    position: absolute;
    z-index: 4;
    background-color: rgba(0,0,0,.1);
    height: 100%;
    width: 100%;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
}

@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
[data-theme="dark"] .menu-backdrop{
    position: absolute;
    z-index: 3;
    background-color: rgba(0,0,0,.8);
    height: 100%;
    width: 100%;
}
}

[data-theme="dark"] .page-link, [data-theme="dark"] .page-item.disabled .page-link{
    background-color: #000;
}

/*[data-theme="dark"] .logo-theme {
    filter: invert(1);
}*/

[data-theme="dark"] .proyecto {
    color: #fff;
}

[data-theme="dark"] .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    color: #AAA;
}

[data-theme="dark"] ::file-selector-button {
    background-color: #000;
    color: #AAA;
}

[data-theme="dark"] ::file-selector-button:hover, ::file-selector-button:focus {
    background-color: #111;
    color: #AAA;
}