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

/*  body * {
        color: #fff  ;
   
    }*/

/*yam*/
 

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

a {
    color: #fff !important;
    background: #000 !important;
}

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


#herdict {
    background: #000 !important;
}

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

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

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

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

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

#bodyict {
    background: #000 !important;
}

.footer {
    background: #000 !important;
}

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

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

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

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

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

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

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

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

.nav.nav-tabs.nav-tabs-line .nav-link.active {
  color: #000;
}
.nav.nav-tabs .nav-link:hover:not(.disable) {
  color: #fff;
}

/*card */
.card * {
  color: #000 !important;
}
.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: #fff !important;
}
.card .btn.btn-primary, .card .btn.btn-danger {
  color: #fff !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: #fff !important;
}
.card .rounded .bg-info-o-60,
.card .rounded .bg-danger-o-50 {
  background-color: #000 !important;
  border: 1px solid #fff;
}

/*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: #fff !important;
}

/* btn */
.btn {
    color: #fff !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: #fff !important;
  border-color: #fff;
  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;
}

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

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

/* select 2*/
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #000;
  color: #000;
}
.select2-container--default .select2-results__options * {
  color: #000 !important;
}

/* form control*/
.form-control {
  border-color: #000;
}
.form-control:focus {
  border-color: #000;
}

/* data table*/
div.dataTables_wrapper div .dataTables_info {
  color: #fff !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 .dataTables_paginate .pagination .page-item.active > .page-link {
  background-color: #000;
  border: 1px solid #fff;
  color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .pagination .page-item:hover:not(.disabled) > .page-link {
  background-color: #000;
  color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .pagination .page-item:hover:not(.disabled) > .page-link i {
  color: #fff !important;
}

/* table */
.table th {
  color: #000 !important;
  border: 1px solid #000;
}
.table td {
  color: #000 !important;
  border: 1px solid #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;
}
/*# sourceMappingURL=black_style.css.map */