.dark-theme {
    color: #f1f1f1 !important;
    background-color: #16171B !important;
}

    .dark-theme .card {
        background: #202125 !important;
        -webkit-box-shadow: none !important;
    }

    .dark-theme .bg-dark {
        background: #202125 !important;
    }

    .dark-theme input {
        background: #343A40 !important;
        color: #f5f5f5 !important;
        border: none !important;
    }

    .dark-theme .ui-widget.ui-widget-content {
        background: #202125 !important;
    }

    .dark-theme .ui-menu .ui-menu-item-wrapper:hover {
        background: #161619;
    }

    .dark-theme label {
        /*color: #eeeeee !important;*/
        color: #CACFD2 !important;
    }

    .dark-theme .modal-content {
        background: #202125 !important;
    }

    .dark-theme .table-bordered {
    }

    .dark-theme th {
        color: #e0e0e0;
        border: 1px solid #424242;
    }

    .dark-theme td {
        color: #bdbdbd;
        border: 1px solid #424242;
    }


    .dark-theme .card-header {
        background: #202125 !important;
        border-bottom: 1px solid #161619 !important;
    }

    .dark-theme .modal-header {
        background: #202125 !important;
        border-bottom: 1px solid #161619 !important;
    }

    .dark-theme .modal-footer {
        border-top: 1px solid #161619 !important;
    }

    .dark-theme .close {
        color: white;
    }

    .dark-theme .ui.green.button {
        background: #1B5E20 !important;
    }

        .dark-theme .ui.green.button:hover {
            background: #164f1a !important;
        }

    .dark-theme .ui.red.button {
        background: #78281F !important;
    }

        .dark-theme .ui.red.button:hover {
            background: #571912 !important;
        }

    .dark-theme .btn-light {
        background: #343A40 !important;
        color: #f5f5f5 !important;
        border: none !important;
    }

    .dark-theme .dropdown-menu {
        color: #f5f5f5 !important;
        background: #202125 !important;
    }

    .dark-theme .dropdown-item:hover {
        background: var(--hover-primary) !important;
        color: white !important;
    }

    .dark-theme .dropdown-item:active {
        background: #161619 !important;
    }


    .dark-theme .ui.form select {
        background: #343A40 !important;
        color: #f5f5f5 !important;
        border: none !important;
    }

    .dark-theme .botonoculto {
        background: transparent !important;
    }


    .dark-theme .card.mb-3 {
        border: none !important;
    }

    .dark-theme .dropdown-item {
        color: #f5f5f5 !important;
    }


    .dark-theme .ui.breadcrumb {
        background: #202125 !important;
    }

    .dark-theme .ui.basic.label {
        color: #f5f5f5 !important;
        background: #343A40 !important;
    }

    .dark-theme .divcards td {
        border: none !important;
    }


    .dark-theme .field.error label {
        color: #87302e !important;
    }

    .dark-theme .ui.dark-theme.form .field.error input:not([type]), .ui.form .field.error input[type=date], .ui.form .field.error input[type=datetime-local], .ui.form .field.error input[type=email], .ui.form .field.error input[type=file], .ui.form .field.error input[type=number], .ui.form .field.error input[type=password], .ui.form .field.error input[type=search], .ui.form .field.error input[type=tel], .ui.form .field.error input[type=text], .ui.form .field.error input[type=time], .ui.form .field.error input[type=url], .ui.form .field.error select, .ui.form .field.error textarea, .ui.form .fields.error .field input:not([type]), .ui.form .fields.error .field input[type=date], .ui.form .fields.error .field input[type=datetime-local], .ui.form .fields.error .field input[type=email], .ui.form .fields.error .field input[type=file], .ui.form .fields.error .field input[type=number], .ui.form .fields.error .field input[type=password], .ui.form .fields.error .field input[type=search], .ui.form .fields.error .field input[type=tel], .ui.form .fields.error .field input[type=text], .ui.form .fields.error .field input[type=time], .ui.form .fields.error .field input[type=url], .ui.form .fields.error .field select, .ui.form .fields.error .field textarea {
        background: #fff6f6 !important;
        border-color: #e0b4b4 !important;
        color: #87302e !important;
    }

    .dark-theme .field.error .btn-light {
        border: 1px solid #b94a48 !important;
    }

    .dark-theme .ui.toggle.checkbox input:checked ~ .box, .dark-theme .ui.toggle.checkbox input:checked ~ label {
        color: #fff !important;
    }

    .dark-theme textarea {
        background: #343A40 !important;
        color: #f5f5f5 !important;
        border: none !important;
    }

    .dark-theme .ui.breadcrumb .divider {
        color: #bdbdbd !important;
    }

    .dark-theme .ui-widget-content a {
        color: white !important;
    }

    .dark-theme .table-hover tr:hover {
        background-color: #27272b !important;
    }

    .dark-theme #drawChartLocalidades_chart {
        background-color: white !important;
    }

    .dark-theme #donutchart_espaciocupado {
        background-color: white !important;
    }

    .dark-theme .content-white {
        background: #202125 !important;
    }


    .dark-theme .dropdown-menu .ui.button {
        color: white !important;
    }

    .dark-theme .modal-content.transparent-background, .dark-theme .modal-header.transparent-background {
        background: transparent !important;
    }

    .dark-theme th {
        background: #202125 !important;
    }

    .dark-theme .pagination-ys table > tbody > tr > td > span {
        background-color: var(--hover-primary) !important;
    }

    .dark-theme .nav-item.active {
        background: var(--hover-primary) !important;
    }

    .dark-theme .pagination-ys table > tbody > tr > td > a,
    .dark-theme .pagination-ys table > tbody > tr > td > span {
        background-color: #343A40 !important;
        color: white !important;
    }

        .dark-theme .pagination-ys table > tbody > tr > td > a:hover,
        .dark-theme .pagination-ys table > tbody > tr > td > span:hover,
        .dark-theme .pagination-ys table > tbody > tr > td > a:focus,
        .dark-theme .pagination-ys table > tbody > tr > td > span:focus {
            color: white;
            background-color: var(--hover-primary) !important;
        }

    .dark-theme .pagination-ys table > tbody > tr > td > span {
        background-color: var(--hover-primary) !important;
    }

    .dark-theme .pedimento-indicador-section {
        background: #4f2a64 !important;
        color: #CACFD2 !important;
    }

    .dark-theme .btn-primary-custom {
        background: var(--hover-primary) !important;
    }

    .dark-theme .btn-secondary-custom, .dark-theme .btn-secondary-custom:hover {
        background: transparent !important;
        color: #CACFD2 !important;
    }

    .dark-theme .btn-icon-custom {
        color: #e3d3ed !important;
    }

    .dark-theme #dseccion1 .cantidadindicador {
        color: #CACFD2 !important;
    }

    .dark-theme .dolaresIndicadores {
        background-color: #3c204c !important;
    }

    .dark-theme .message-morado {
        background-color: #202125 !important
    }

    .dark-theme .form-control {
        background: #343A40 !important;
        color: #f5f5f5 !important;
        border: none !important;
    }

    .dark-theme .navbar {
        background: #202125 !important;
        color: #f5f5f5 !important;
    }

    .dark-theme .navbar-light .navbar-nav .nav-link {
        color: #f5f5f5 !important;
    }

    .dark-theme h2 {
        color: #CACFD2 !important;
    }

    .dark-theme .indicadortotales {
        color: #CACFD2 !important;
    }

    .dark-theme #sidebar {
        background: var(--hover-primary) !important
    }