.skin-midnight {
    color: #bec5cb
}

.skin-midnight p {
    color: #bec5cb
}

.skin-midnight body {
    color: #bec5cb!important
}

.skin-midnight h4 {
    color: #fff
}

.skin-midnight .content-header>.breadcrumb>li>a {
    color: #bec5cb
}

.skin-midnight .table>thead>tr>th,
.skin-midnight .table>tbody>tr>th,
.skin-midnight .table>tfoot>tr>th,
.skin-midnight .table>thead>tr>td,
.skin-midnight .table>tbody>tr>td,
.skin-midnight .table>tfoot>tr>td {
    color: #bec5cb;
    border-top: 0
}

.skin-midnight .table>thead>tr.odd,
.skin-midnight .table>tbody>tr.odd,
.skin-midnight .table>tfoot>tr.odd {
    background-color: #2a2f34
}

.skin-midnight .table>thead>tr.odd:hover,
.skin-midnight .table>tbody>tr.odd:hover,
.skin-midnight .table>tfoot>tr.odd:hover,
.skin-midnight .table>thead>tr.even:hover,
.skin-midnight .table>tbody>tr.even:hover,
.skin-midnight .table>tfoot>tr.even:hover {
    background-color: #1e2226
}

.skin-midnight .table-bordered>thead>tr>th,
.skin-midnight .table-bordered>tbody>tr>th,
.skin-midnight .table-bordered>tfoot>tr>th,
.skin-midnight .table-bordered>thead>tr>td,
.skin-midnight .table-bordered>tbody>tr>td,
.skin-midnight .table-bordered>tfoot>tr>td {
    border: 1px solid #353c42
}

.skin-midnight .dataTables_wrapper input[type=search] {
    border-radius: 4px;
    background-color: #353c42;
    border: 0;
    color: #bec5cb
}

.skin-midnight .dataTables_paginate .pagination li>a {
    background-color: transparent!important;
    border: 0
}

.skin-midnight .wrapper,
.skin-midnight .main-sidebar,
.skin-midnight .left-side {
    background-color: #272c30
}

.skin-midnight .user-panel>.info,
.skin-midnight .user-panel>.info>a {
    color: #fff
}

.skin-midnight .sidebar-menu>li.header {
    color: #556068;
    background: #1e2225
}

.skin-midnight .sidebar-menu>li>a {
    border-left: 3px solid transparent
}

.skin-midnight .sidebar-menu>li:hover>a,
.skin-midnight .sidebar-menu>li.active>a {
    color: #fff;
    background: #22272a;
    border-left-color: #272c30
}

.skin-midnight .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #32393e
}

.skin-midnight .sidebar a {
    color: #bec5cb
}

.skin-midnight .sidebar a:hover {
    text-decoration: none
}

.skin-midnight .treeview-menu>li>a {
    color: #949fa8
}

.skin-midnight .treeview-menu>li.active>a,
.skin-midnight .treeview-menu>li>a:hover {
    color: #fff
}

.skin-midnight .sidebar-form {
    border-radius: 3px;
    border: 1px solid #3e464c;
    margin: 10px
}

.skin-midnight .sidebar-form input[type=text],
.skin-midnight .sidebar-form .btn {
    box-shadow: none;
    background-color: #3e464c;
    border: 1px solid transparent;
    height: 35px
}

.skin-midnight .sidebar-form input[type=text] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.skin-midnight .sidebar-form input[type=text]:focus,
.skin-midnight .sidebar-form input[type=text]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}

.skin-midnight .sidebar-form input[type=text]:focus+.input-group-btn .btn {
    border-left-color: #fff
}

.skin-midnight .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

.skin-midnight .box,
.skin-midnight .box-footer,
.skin-midnight .info-box,
.skin-midnight .box-comment,
.skin-midnight .comment-text,
.skin-midnight .comment-text .username {
    color: #bec5cb;
    background-color: #272c30
}

.skin-midnight .box-comments .box-comment {
    border-bottom-color: #353c42
}

.skin-midnight .box-footer {
    border-top: 1px solid #353c42
}

.skin-midnight .box-header.with-border {
    border-bottom: 1px solid #353c42
}

.skin-midnight .box-solid,
.skin-midnight .box {
    border: 1px solid #222
}

.skin-midnight .box-solid>.box-header,
.skin-midnight .box>.box-header {
    color: #bec5cb;
    background: #272c30;
    background-color: #272c30
}

.skin-midnight .box-solid>.box-header a,
.skin-midnight .box>.box-header a,
.skin-midnight .box-solid>.box-header .btn,
.skin-midnight .box>.box-header .btn {
    color: #bec5cb
}

.skin-midnight .box.box-info,
.skin-midnight .box.box-primary,
.skin-midnight .box.box-success,
.skin-midnight .box.box-warning,
.skin-midnight .box.box-danger {
    border-top-width: 3px
}

.skin-midnight .nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #00c0ef
}

.skin-midnight .box.box-info {
    border-top-color: #00c0ef
}

.skin-midnight .box.box-primary {
    border-top-color: #2681ff
}

.skin-midnight .box.box-success {
    border-top-color: #00a65a
}

.skin-midnight .box.box-warning {
    border-top-color: #ff851b
}

.skin-midnight .box.box-danger {
    border-top-color: #dd4b39
}

.skin-midnight .main-header .navbar {
    background-color: #272c30
}

.skin-midnight .main-header .navbar .nav>li>a {
    color: #bec5cb
}

.skin-midnight .main-header .navbar .nav>li>a:hover,
.skin-midnight .main-header .navbar .nav>li>a:active,
.skin-midnight .main-header .navbar .nav>li>a:focus,
.skin-midnight .main-header .navbar .nav .open>a,
.skin-midnight .main-header .navbar .nav .open>a:hover,
.skin-midnight .main-header .navbar .nav .open>a:focus,
.skin-midnight .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, .1);
    color: #f6f6f6
}

.skin-midnight .main-header .navbar .sidebar-toggle {
    color: #bec5cb
}

.skin-midnight .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, .1)
}

.skin-midnight .timeline li .timeline-item {
    color: #bec5cb;
    background-color: #272c30;
    border-color: #353c42
}

.skin-midnight .timeline li .timeline-header {
    border-bottom-color: #353c42
}

.skin-midnight .nav-stacked>li>a {
    color: #bec5cb
}

.skin-midnight .nav-stacked>li>a:hover {
    color: #fff;
    background-color: #1e2226
}

.skin-midnight .content-wrapper,
.skin-midnight .right-side {
    background-color: #353c42
}

.skin-midnight .main-footer,
.skin-midnight .nav-tabs-custom {
    background-color: #272c30;
    border-top-color: #353c42;
    color: #bec5cb
}

.skin-midnight .main-footer .nav-tabs,
.skin-midnight .nav-tabs-custom .nav-tabs {
    border-bottom-color: #353c42
}

.skin-midnight .main-footer .tab-content,
.skin-midnight .nav-tabs-custom .tab-content {
    background-color: #272c30
}

.skin-midnight .nav-tabs-custom>.nav-tabs>li.active>a {
    border-left-color: #353c42;
    border-right-color: #353c42
}

.skin-midnight .nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a {
    border-left-color: #353c42
}

.skin-midnight .nav-tabs-custom>.nav-tabs>li {
    color: #bec5cb
}

.skin-midnight .nav-tabs-custom>.nav-tabs>li.active>a,
.nav-tabs-custom>.nav-tabs>li.active>a:hover {
    background-color: #272c30;
    color: #fff
}

.skin-midnight .nav-tabs-custom>.nav-tabs>li>a {
    color: #bec5cb
}

.skin-midnight .form-group .input-group-addon,
.skin-midnight .input-group .input-group-addon,
.skin-midnight .form-group input,
.skin-midnight .input-group input,
.skin-midnight .form-group textarea,
.skin-midnight .input-group textarea {
    background-color: #353c42;
    color: #bec5cb;
    border: 1px solid #353c42
}

.skin-midnight .list-group {
    color: #bec5cb;
    background-color: #272c30
}

.skin-midnight .list-group .list-group-item {
    border-color: #353c42;
    background-color: #272c30
}

.skin-midnight .input-group .input-group-addon {
    border-right: 1px solid #272c30
}

.skin-midnight .form-control {
    border-color: #272c30;
    background-color: #353c42
}

.skin-midnight .select2 .select2-selection {
    background-color: #353c42;
    color: #bec5cb;
    border: 1px solid #353c42
}

.skin-midnight .select2 .select2-selection .select2-container--default,
.skin-midnight .select2 .select2-selection .select2-selection--single,
.skin-midnight .select2 .select2-selection .select2-selection--multiple,
.skin-midnight .select2 .select2-selection .select2-selection__rendered {
    color: #bec5cb
}

.skin-midnight .select2-dropdown {
    background-color: #353c42;
    color: #bec5cb;
    border: 1px solid #353c42
}

.skin-midnight .select2-dropdown .select2-search__field {
    background-color: #272c30;
    color: #bec5cb;
    border: 1px solid #353c42
}

.skin-midnight .select2-container--default.select2-container--open {
    background-color: #272c30
}

.skin-midnight .panel {
    background: #272c30
}

.skin-midnight .panel-body {
    background: #272c30
}

.skin-midnight .panel-heading {
    background: #272c30;
    color: #fff
}

.skin-midnight ul.dropdown-menu {
    background: #272c30!important;
    color: #fff!important
}

.skin-midnight li.user-body {
    background: #272c30!important;
    color: #fff!important
}

.skin-midnight li.user-footer {
    background: #272c30!important;
    color: #fff!important
}

a {
    color: #fff
}

.skin-midnight li.header {
    background: #272c30!important;
    color: #fff!important
}

.skin-midnight .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,
.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,
.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a {
    background: #272c30!important;
    color: #fff!important
}

.skin-midnight tr:hover {
    background: #22272a!important;
    color: #fff
}

.skin-midnight tr.bg-black:hover {
    background: #000!important
}

.skin-midnight .pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #fff;
    text-decoration: none;
    background-color: #000;
    border: 1px solid #222
}

.skin-midnight .pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagina.skin-midnight .list-group-item {
    background: #272c30!important
}

.fb-page {
    background: #272c30!important
}

.skin-midnight .box.box-solid.box-default>.box-header {
    color: #fff;
    background: #222;
    background-color: #222
}

tion>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #1e2225;
    border-color: #222
}

.skin-midnight .pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #fff;
    cursor: not-allowed;
    background-color: #000;
    border-color: #222
}

.skin-midnight select {
    color: #fff
}

.skin-midnight option {
    color: #fff
}

a:hover,
a:active {
    color: #bec5cb
}

.skin-midnight .navbar-nav>.user-menu>.dropdown-menu>.user-body a {
    color: #fff!important
}

.skin-midnight .sidebar-menu>li.header {
    color: #4b646f!important;
    background: #1a2226!important
}

.skin-midnight .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #272c30!important
}

a.logo {
    background: rgba(0, 0, 0, .2)
}

tr.blackText>td {
    color: #000!important
}

tr.blackText>td>a {
    color: #000!important
}

.skin-midnight input.form-control.input-sm {
    color: #fff
}

.skin-midnight .btn-primary {
    background-color: #000;
    border-color: #000
}

.swal2-modal {
    background: #000!important
}

input.swal2-input {
    background: #222
}

.swal2-modal .swal2-title,
.swal2-modal .swal2-content {
    color: #fff!important
}

.btn-app,
.btn-app:hover {
    background: #22272a;
    color: #fff
}

a.btn.btn-default.btn-flat {
    background: #22272a;
    color: #fff!important
}