body {
    background: #000;
}

    body img {
        -webkit-filter: gray;
        filter: gray;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }

#topbar {
    background: #000 !important;
}

    #topbar a {
        color: #ff0 !important;
    }

.accordion {
    background: #000 !important;
}
#accordionH {
    background: #000 !important;
}

#accordionH a {
    color: #ff0 !important;
}

/*body * {
  color: #ff0;
}*/
/*yam*/
#herdict {
    background: #000 !important;
    color: #ff0 !important;
}

    #herdict a {
        color: #ff0 !important;
    }

#navict {
    background: #000 !important;
    color: #ff0 !important;
}

.navbar a {
    color: #ff0 !important;
}

.nav-item {
}

    .nav-item a {
        background: #000 !important;
        color: #ff0 !important;
    }

nav {
    background: #000 !important;
    color: #ff0 !important;
}

    nav a {
        background: #000 !important;
        color: #ff0 !important;
    }

/*.breadcrumb-item li a {
    background: #000 !important;
    color: #ff0 !important;
}*/

.dropdown-submenu {
    background: #000 !important;
    color: #ff0 !important;
}

.dropdown-toggle {
    background: #000 !important;
    color: #ff0 !important;
}

#bodyict {
    background: #000 !important;
}

.card .card-header {
    color: #ff0 !important;
    background: #000 !important;
}

.btn {
    color: #ff0 !important;
    border-color: #ff0 !important;
    background: #000 !important;
}

.card .btn {
    color: #ff0 !important;
    border-color: #ff0 !important;
    background: #000 !important;
}

.footer {
    background: #000 !important;
}

    .footer * {
        color: #ff0 !important;
    }

/*yam*/

/*aside*/
.aside {
    background: #000;
    border-right: 1px solid #ff0;
}

/*header*/
.header-mobile,
.topbar {
    background: #000;
}

.header-mobile,
.header {
    border-bottom: 1px solid #ff0;
}

.topbar-mobile-on .topbar {
    border-top: 0;
}

.burger-icon span {
    background: #ff0;
}

    .burger-icon span::before, .burger-icon span::after {
        background: #ff0;
    }

        .burger-icon span::before:hover, .burger-icon span::after:hover {
            background: #ff0;
        }

    .burger-icon span:hover {
        background: #ff0;
    }

.burger-icon:hover span {
    background: #ff0;
}

    .burger-icon:hover span::before, .burger-icon:hover span::after {
        background: #ff0;
    }

.svg-icon svg g [fill] {
    fill: #ff0;
}

@media screen and (max-width: 768px) {
    .topbar {
        border-bottom: 1px solid #ff0;
    }
}
/* nav */
.nav-item.active {
    background-color: #000;
    border: 1px solid #ff0;
    border-right: none;
}

.nav.nav-tabs.nav-tabs-line .nav-link {
    color: #ff0;
}

    .nav.nav-tabs.nav-tabs-line .nav-link.active {
        color: #000;
        background-color: #ff0 !important;
    }

.nav.nav-tabs .nav-link:hover:not(.disable) {
    color: #ff0;
}

/*card */
.card {
    background-color: #ff0 !important;
}

    .card * {
        color: #000 !important;
    }

    .card.card-custom {
        border: 1px solid #ff0;
    }

    .card .text-primary,
    .card .text-secondary,
    .card .text-success,
    .card .text-danger,
    .card .text-warning,
    .card .text-info,
    .card .text-dark,
    .card .text-dark-75,
    .card .text-dark-65,
    .card .text-dark-50,
    .card .text-dark-25,
    .card .text-body,
    .card .text-muted,
    .card .text-black-50 {
        color: #000 !important;
    }

    .card.bg-gray-200, .card.bg-white {
        background-color: #ff0 !important;
    }

    .card .btn.btn-primary, .card .btn.btn-danger {
        color: #ff0 !important;
        background-color: #000 !important;
        border-color: #000;
    }

        .card .btn.btn-primary i, .card .btn.btn-danger i {
            color: inherit !important;
        }

        .card .btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .card .btn.btn-danger:hover:not(.btn-text):not(:disabled):not(.disabled) {
            border-color: #000;
        }

    .card .radio > span {
        background-color: #000;
    }

    .card .radio > input:checked ~ span {
        background-color: #000;
    }

    .card .rounded.bg-warning *, .card .rounded.bg-info * {
        color: #ff0 !important;
    }

    .card .rounded .bg-info-o-60,
    .card .rounded .bg-danger-o-50 {
        background-color: #000 !important;
        border: 1px solid #ff0;
    }

/*utilities*/
.bg-primary {
    background-color: #000 !important;
}

.bg-info {
    background-color: #000 !important;
}

.bg-warning {
    background-color: #000 !important;
}

.bg-white {
    background-color: #000 !important;
}

.bg-gray-200,
.bg-pink,
.bg-blue,
.bg-success {
    background-color: #000 !important;
}

/*typography*/
.text-primary,
.text-secondary,
.text-success,
.text-danger,
.text-warning,
.text-info,
.text-dark,
.text-dark-75,
.text-dark-65,
.text-dark-50,
.text-dark-25,
.text-body,
.text-muted,
.text-black-50 {
    color: #ff0 !important;
}

/* btn */
.textsize-control.btn-group > .btn-control {
    border-color: #ff0 !important;
    background-color: #000 !important;
}



.btn.-btcnormal, .btn.-btcblack, .btn.-btcyellow {
    border: 1px solid #000 !important;
}

    .btn.-btcnormal .text, .btn.-btcblack .text, .btn.-btcyellow .text {
        color: #000 !important;
    }

.btn.-btcnormal {
    color: #3f3f3f !important;
    background-color: #fff !important;
}

.btn.-btcblack {
    color: #fff !important;
    background-color: #000 !important;
    border: 1px solid #fff !important;
}

    .btn.-btcblack .text {
        color: #fff !important;
    }

.btn.-btcyellow {
    color: #ff0 !important;
    background-color: #ff0 !important;
}

.btn.btn-primary {
    color: #000 !important;
    background-color: #ff0 !important;
    border-color: #ff0;
    border-radius: 0.42rem;
}

.modal .btn.btn-primary, .modal .btn.btn-info {
    color: #fff !important;
    background-color: #000 !important;
}

.modal .btn.btn-info {
    border-color: #000;
}

.modal .modal-content {
    background-color: #ff0 !important;
}

/* line under*/
.line-under.-blue {
    background-color: #000;
}

/* symbol */
.symbol.symbol-light-success .symbol-label {
    color: #ff0 !important;
}

    .symbol.symbol-light-success .symbol-label i {
        color: inherit !important;
    }

/* select 2*/
.select2-dropdown {
    background: #000 !important;
    border-color: #000 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ff0;
    color: #ff0;
    background: #000 !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background: none;
    border: 1px solid #ff0;
    border-left: 0;
    border-right: 0;
}

.select2-container--default .select2-results__options * {
    color: #ff0 !important;
}

.select2-container--default .select2-results__options .select2-results__option--highlighted {
    background: none;
    border: 1px solid #ff0;
    border-left: 0;
    border-right: 0;
}

.select2-container--default .select2-selection--single {
    background: #000 !important;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #ff0 !important;
    }

.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #000 !important;
}

/* select */
.form-inline .custom-select {
    background-color: #000;
    color: #ff0 !important;
}

    .form-inline .custom-select:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: #000;
    }

/* form control*/
.form-control {
    border-color: #000 !important;
    background-color: #000;
    color: #ff0 !important;
}

    .form-control:focus {
        border-color: #000;
        background: #000;
        color: #ff0 !important;
    }

    .form-control::-webkit-input-placeholder {
        color: #ff0;
    }

    .form-control::-moz-placeholder {
        color: #ff0;
    }

    .form-control:-ms-input-placeholder {
        color: #ff0;
    }

    .form-control::-ms-input-placeholder {
        color: #ff0;
    }

    .form-control::placeholder {
        color: #ff0;
    }

    .form-control[readonly] {
        background-color: #000;
    }

/* data table*/
div.dataTables_wrapper div .dataTables_info {
    color: #ff0 !important;
}

.dataTables_wrapper .dataTable th.sorting_asc {
    color: #000 !important;
}

    .dataTables_wrapper .dataTable th.sorting_asc::before, .dataTables_wrapper .dataTable th.sorting_asc::after {
        color: inherit !important;
    }

.dataTables_wrapper .dataTable th {
    color: #000 !important;
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item.active > .page-link {
    background-color: #000;
    border: 1px solid #ff0;
    color: #ff0 !important;
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item:hover:not(.disabled) > .page-link {
    background-color: #000;
    color: #ff0 !important;
}

    .dataTables_wrapper .dataTables_paginate .pagination .page-item:hover:not(.disabled) > .page-link i {
        color: #ff0 !important;
    }

.dataTables_wrapper .dataTables_paginate .pagination .page-item.next > .page-link {
    background-color: #000;
    border: 1px solid #ff0;
    color: #ff0;
}

    .dataTables_wrapper .dataTables_paginate .pagination .page-item.next > .page-link i {
        color: #ff0 !important;
    }

/* table */
.table th {
    color: #ff0 !important;
    border: 1px solid #000;
}

.table td {
    color: #ff0 !important;
    border: 1px solid #000;
}

.table.compact .btn.btn-hover-bg-primary:hover:not(.btn-text):not(:disabled):not(.disabled) {
    background-color: #000 !important;
    color: #ff0 !important;
}

.table.compact .btn.btn-hover-bg-warning:hover:not(.btn-text):not(:disabled):not(.disabled) {
    background-color: #000 !important;
    color: #ff0 !important;
}

.table.compact .btn.btn-hover-bg-danger:hover:not(.btn-text):not(:disabled):not(.disabled) {
    background-color: #000 !important;
    color: #ff0 !important;
}

.table.compact .btn.btn-bg-white {
    background-color: #000;
    color: #ff0 !important;
    border-color: #ff0;
}

table.dataTable.stripe tbody tr.odd {
    background-color: #000;
}

table.dataTable tbody tr {
    background-color: #000;
}

table.table-permis tbody tr:nth-of-type(odd) {
    background-color: #000;
}

table.table-permis tbody tr:nth-of-type(even) {
    background-color: #000;
}

/* bootstrap-switch */
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
    background-color: #000;
    color: #fff !important;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
    background-color: #000;
    color: #fff !important;
}

/* bootstrap-datetimepicker-widget*/
.bootstrap-datetimepicker-widget {
    background-color: #000;
}

    .bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr > td.today {
        background: none !important;
        border: 1px solid #ff0;
        color: #ff0 !important;
    }

    .bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr > td.active {
        background: none !important;
        border: 1px solid #ff0;
        color: #ff0 !important;
    }

        .bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr > td.active:hover {
            background: none !important;
            border: 1px solid #ff0;
            color: #ff0 !important;
        }

    .bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr > td:hover {
        background: none !important;
        border: 1px solid #ff0;
        color: #ff0;
    }

/* datepicker*/
.datepicker table thead th {
    color: #ff0 !important;
}

.datepicker tbody tr > td.day.today {
    background: none !important;
    color: #ff0 !important;
    border: 1px solid #ff0;
}

.datepicker tbody tr > td.day {
    color: #ff0 !important;
}

    .datepicker tbody tr > td.day:hover {
        color: #ff0 !important;
        border: 1px solid #ff0;
        background: none !important;
    }

    .datepicker tbody tr > td.day.active {
        color: #ff0 !important;
        border: 1px solid #ff0;
        background: none !important;
    }

        .datepicker tbody tr > td.day.active:hover {
            color: #ff0 !important;
            border: 1px solid #ff0;
            background: none !important;
        }

.datepicker.dropdown-menu {
    background-color: #000 !important;
    color: #ff0 !important;
}
/*# sourceMappingURL=yellow_style.css.map */