body.darkmode {
    background-color: #181717;
}

body.darkmode .panel-default>.panel-heading {
    background-color: #333;
    color: #eee;
    border: #222;
}

body.darkmode .panel-default{
    border-color: #222;
}

body.darkmode .panel{
    background-color: #3a3a3a;
    color: #eee;
}

body.darkmode .panel-footer{
    background-color: #333;
    color: #eee;
    border: #222;
}

body.darkmode .btn-default{
    background: #222;
    color: #eee;
    border-color: #222;
}

body.darkmode .btn-default:hover {
    background: #333;
    color: #eee;
    border-color: #777;
}

body.darkmode .alternate-table:nth-child(odd),
body.darkmode .table-striped>tbody>tr:nth-of-type(odd){
    background: #2f2f2f;
    color: #eee;
}

body.darkmode .table>tbody>tr>td,
body.darkmode .table>tbody>tr>th,
body.darkmode .table>tfoot>tr>td,
body.darkmode .table>tfoot>tr>th,
body.darkmode .table>thead>tr>td,
body.darkmode .table>thead>tr>th{
    border: #222;
}

body.darkmode .alternate-table{
    border-color: #222;
    background: #3a3a3a;
}

body.darkmode .progress{
    background: #222;
}

body.darkmode .form-control{
    background: #222;
    border: #333;
    color: #ddd;
}

body.darkmode .page-header{
    border-color: #222;
}

body.darkmode .dropdown-menu{
    background: #000;
    color: #eee;
}

body.darkmode .dropdown-menu>li>a{
    color: #bbb;
}

body.darkmode .dropdown-header{
    color: #fff;
}

body.darkmode .dropdown-menu>li>a:focus,
body.darkmode .dropdown-menu>li>a:hover{
    background: #333;
    color: #bbb;
}

body.darkmode .nav>li>a:focus,
body.darkmode .nav>li>a:hover{
    background: #222;

}

body.darkmode .well{
    background: #222;
    border: 1px solid #424242;
}

body.darkmode .panel-info>.panel-heading{
    background:#002c41;
    border: #002c41;
    color: #ddd;
}

body.darkmode .panel-info{
    border-color: #222;
}

body.darkmode .panel-warning>.panel-heading{
    background:#864f00;
    border: #2c2500;
    color: #e8dcca;
}

body.darkmode .panel-warning{
    border-color: #222;
}

body.darkmode .btn-warning {
    color: #ffffff;
    background-color: #3f2a06;
    border-color: #6b3f00;
}

body.darkmode .btn-warning:hover {
    color: #ffffff;
    background-color: #6b3f00;
    border-color: #6b3f00;
}

body.darkmode .btn-warning.active,
body.darkmode .btn-warning:active,
body.darkmode .open>.dropdown-toggle.btn-warning {
    color: #ffffff;
    background-color: #6b3f00;
    border-color: #6b3f00;
}

body.darkmode .panel-danger>.panel-heading {
    color: #a94442;
    background-color: #441b1b;
    border-color: #46151c;
}

body.darkmode .panel-danger {
    border-color: #46151c;
}

body.darkmode .panel-success>.panel-heading{
    color: #c2f3c3;
    background-color: #00491d;
    border-color: #00491d;
}

body.darkmode .panel-success {
    border-color: #001e0c;
}

body.darkmode .btn-success {
    color: #ffffff;
    background-color: #003214;
    border-color: #007e32;
}

body.darkmode .btn-success:hover {
    color: #ffffff;
    background-color: #007e32;
    border-color: #007e32;
}

body.darkmode .btn-success.active,
body.darkmode .btn-success:active,
body.darkmode .open>.dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #007e32;
    border-color: #007e32;
}

body.darkmode .alert-success{
    color: #1fff23;
    background-color: #003214;
    border-color: #007e32;
}

body.darkmode .table>tbody>tr.warning>td,
body.darkmode .table>tbody>tr.warning>th,
body.darkmode .table>tbody>tr>td.warning,
body.darkmode .table>tbody>tr>th.warning,
body.darkmode .table>tfoot>tr.warning>td,
body.darkmode .table>tfoot>tr.warning>th,
body.darkmode .table>tfoot>tr>td.warning,
body.darkmode .table>tfoot>tr>th.warning,
body.darkmode .table>thead>tr.warning>td,
body.darkmode .table>thead>tr.warning>th,
body.darkmode table>thead>tr>td.warning,
body.darkmode .table>thead>tr>th.warning {
    background-color: #5c5426;
}

body.darkmode .pagination>li>a,
body.darkmode .pagination>li>span {
    color: #5390c4;
    background-color: #222;
    border-color: #3a3a3a;
}

body.darkmode .pagination>.active>a,
body.darkmode .pagination>.active>a:focus,
body.darkmode .pagination>.active>a:hover,
body.darkmode .pagination>.active>span,
body.darkmode .pagination>.active>span:focus,
body.darkmode .pagination>.active>span:hover {
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

body.darkmode .pagination>li>a:focus,
body.darkmode .pagination>li>a:hover,
body.darkmode .pagination>li>span:focus,
body.darkmode .pagination>li>span:hover {
    color: #46a9ff;
    background-color: #000;
}

body.darkmode .form-select{
    background: #222;
    border-color: #111;
}

body.darkmode .alert-danger {
    color: #ff8e8c;
    background-color: #440000;
    border-color: #ff8e8c;
}

body.darkmode .text-danger{
    color: #ff8e8c;
}

body.darkmode .clickable-row:hover {
    background-color: #111111!important;
    cursor: pointer;
}

body.darkmode .balon2 a {
    background: #222;
    color: #eee !important;
}

body.darkmode .text-muted {
    color: #999;
}

body.darkmode .btn-outline-success{
    background: #222;
    border-color: #ccc;
    color: #ccc;
}

body.darkmode .btn-outline-success:hover{
    background: #555;
    border-color: #eee;
    color: #eee;
}

body.darkmode ::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

body.darkmode .dropdown-menu .divider {
    background-color: #333333;
}

body.darkmode .alert-warning{
    background:#864f00;
    border: #2c2500;
    color: #e8dcca;
}

body.darkmode select{
    background: black;
}

body.darkmode header a{
    color: #eee;
}

body.darkmode header a:hover, body.darkmode header a:focus{
    color: #eee;
}

body.darkmode .navbar {
    background-color: #222;
    border-color: #080808;
}

body.darkmode .navbar-default .navbar-nav>.open>a, body.darkmode .navbar-default .navbar-nav>.open>a:focus, body.darkmode .navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #080808;
}

body.darkmode .navbar-default .navbar-nav>li>a:focus, body.darkmode .navbar-default .navbar-nav>li>a:hover {
    color: #fff
}

body.darkmode .btn-info {
    color: #fff;
    background-color: #123d4a;
    border-color: #1d809d;
}

body.darkmode .btn-info:hover {
    color: #fff;
    background-color: #1d809d;
    border-color: #1d809d;
}