html.nightmode body {
    color: #fff;
    background: #000;
}

html.nightmode div.panel,
html.nightmode div.panel-body {
    color: #fff;
    background: #000;
}

html.nightmode ul.dropdown-menu,
html.nightmode ul.dropdown-menu > li > a {
    color: #fff;
    background: #000;
}

html.nightmode ul.dropdown-menu > li > a:hover {
    color: #fff;
    background: #888;
}

html.nightmode select,
html.nightmode textarea,
html.nightmode input {
    color: #fff;
    background: #000;    
}

html.nightmode .form-control[disabled], 
html.nightmode .form-control[readonly] {
    color: #fff;
    background-color: #333;
}


html.nightmode .panel-info > .panel-heading {
    color: #d9edf7;
    background: #31708f;
}


html.nightmode  .panel-warning > .panel-heading {
    color: #fcf8e3;
    background: #8a6d3b;
}

html.nightmode  .panel-danger > .panel-heading {
    color: #fcf8e3;
    background: #8a6d3b;
}


html.nightmode.nightmode-buttons  .input-group-addon,
html.nightmode.nightmode-buttons  .input-group-addon span.glyphicon,
html.nightmode.nightmode-buttons  .btn-default,
html.nightmode.nightmode-buttons  .btn-default span.glyphicon
{
    color: #e6e6e6;
    background: #333;
    text-shadow: none;
}

html.nightmode.nightmode-buttons  .input-group-addon:active,
html.nightmode.nightmode-buttons  .input-group-addon:active span.glyphicon,
html.nightmode.nightmode-buttons  .input-group-addon.active span.glyphicon,
html.nightmode.nightmode-buttons  .input-group-addon:hover,
html.nightmode.nightmode-buttons  .input-group-addon:hover span.glyphicon,
html.nightmode.nightmode-buttons  .btn-default:hover,
html.nightmode.nightmode-buttons  .btn-default:active,
html.nightmode.nightmode-buttons  .btn-default.active,
html.nightmode.nightmode-buttons  .btn-default:hover span.glyphicon,
html.nightmode.nightmode-buttons  .btn-default:active span.glyphicon,
html.nightmode.nightmode-buttons  .btn-default.active span.glyphicon
{
    color: #e6e6e6;
    background: #888;
    text-shadow: none;
}


html.nightmode.nightmode-buttons  .btn-info,
html.nightmode.nightmode-buttons  .btn-info span.glyphicon
{
    color: #28a4c9;
    background: #333;
    text-shadow: none;
}

html.nightmode.nightmode-buttons  .btn-info:hover,
html.nightmode.nightmode-buttons  .btn-info:active,
html.nightmode.nightmode-buttons  .btn-info.active,
html.nightmode.nightmode-buttons  .btn-info:hover span.glyphicon,
html.nightmode.nightmode-buttons  .btn-info:active span.glyphicon,
html.nightmode.nightmode-buttons  .btn-info.active span.glyphicon
{
    color: #28a4c9;
    background: #888;
    text-shadow: none;
}



html.nightmode.nightmode-buttons  .btn-primary,
html.nightmode.nightmode-buttons  .btn-primary span.glyphicon
{
    color: lightblue;
    background: #333;
    text-shadow: none;
}


html.nightmode.nightmode-buttons  .btn-primary:hover,
html.nightmode.nightmode-buttons  .btn-primary:active,
html.nightmode.nightmode-buttons  .btn-primary.active,
html.nightmode.nightmode-buttons  .btn-primary:hover span.glyphicon,
html.nightmode.nightmode-buttons  .btn-primary:active span.glyphicon,
html.nightmode.nightmode-buttons  .btn-primary.active span.glyphicon
{
    color: lightblue;
    background: #888;
    text-shadow: none;
}


html.nightmode.nightmode-buttons  .btn-success,
html.nightmode.nightmode-buttons  .btn-success span.glyphicon
{
    color: #5cb85c;
    background: #333;
    text-shadow: none;
}


html.nightmode.nightmode-buttons  .btn-success:hover,
html.nightmode.nightmode-buttons  .btn-success:active,
html.nightmode.nightmode-buttons  .btn-success.active,
html.nightmode.nightmode-buttons  .btn-success:hover span.glyphicon,
html.nightmode.nightmode-buttons  .btn-success:active span.glyphicon,
html.nightmode.nightmode-buttons  .btn-success.active span.glyphicon
{
    color: #5cb85c;
    background: #888;
    text-shadow: none;
}

html.nightmode.nightmode-buttons  .btn-warning,
html.nightmode.nightmode-buttons  .btn-warning span.glyphicon
{
    color: #d58512;
    background: #333;
    text-shadow: none;
}


html.nightmode.nightmode-buttons  .btn-warning:hover,
html.nightmode.nightmode-buttons  .btn-warning:active,
html.nightmode.nightmode-buttons  .btn-warning.active,
html.nightmode.nightmode-buttons  .btn-warning:hover span.glyphicon,
html.nightmode.nightmode-buttons  .btn-warning:active span.glyphicon,
html.nightmode.nightmode-buttons  .btn-warning.active span.glyphicon
{
    color: #d58512;
    background: #888;
    text-shadow: none;
}


html.nightmode.nightmode-buttons  .btn-danger,
html.nightmode.nightmode-buttons  .btn-danger span.glyphicon
{
    color: red;
    background: #333;
    text-shadow: none;
}

html.nightmode.nightmode-buttons  .btn-danger:hover,
html.nightmode.nightmode-buttons  .btn-danger:active,
html.nightmode.nightmode-buttons  .btn-danger.active,
html.nightmode.nightmode-buttons  .btn-danger:hover span.glyphicon,
html.nightmode.nightmode-buttons  .btn-danger:active span.glyphicon,
html.nightmode.nightmode-buttons  .btn-danger.active span.glyphicon
{
    color: red;
    background: #888;
    text-shadow: none;
}


html.nightmode .btn-link {
    color: lightblue
}

html.nightmode .btn-link:hover {
    color: lightblue
}

html.nightmode .bootstrap-datetimepicker-widget {
    color: #000;
    background: #fff;
}