/*
 * Skin: Midnight Dark theme
 * ------------
 */

.skin-midnight {
    color: #bec5cb;
}

.skin-midnight .main-header .logo {
    color: #fff;
    background-color: #1a2022;
}

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

.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: 0px;
}

.skin-midnight .table>thead>tr.odd,
.skin-midnight .table>tbody>tr.odd,
.skin-midnight .table>tfoot>tr.odd,
.skin-midnight .table-striped>tbody>tr:nth-of-type(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,
.skin-midnight .table-hover>thead>tr:hover,
.skin-midnight .table-hover>tbody>tr:hover,
.skin-midnight .table-hover>tfoot>tr:hover,
.skin-midnight .table-hover>thead>tr.odd:hover,
.skin-midnight .table-hover>tbody>tr.odd:hover,
.skin-midnight .table-hover>tfoot>tr.odd:hover,
.skin-midnight .table-hover>thead>tr.even:hover,
.skin-midnight .table-hover>tbody>tr.even:hover,
.skin-midnight .table-hover>tfoot>tr.even:hover,
.skin-midnight .table>tbody>tr.active>td,
.skin-midnight .table>tbody>tr.active>th,
.skin-midnight .table>tbody>tr>td.active,
.skin-midnight .table>tbody>tr>th.active,
.skin-midnight .table>tfoot>tr.active>td,
.skin-midnight .table>tfoot>tr.active>th,
.skin-midnight .table>tfoot>tr>td.active,
.skin-midnight .table>tfoot>tr>th.active,
.skin-midnight .table>thead>tr.active>td,
.skin-midnight .table>thead>tr.active>th,
.skin-midnight .table>thead>tr>td.active,
.skin-midnight .table>thead>tr>th.active,
.skin-midnight .modal-content,
.skin-midnight .table .table,
.skin-midnight pre {
    background-color: #1e2226;
}

.skin-midnight .modal-header {
    border-bottom-color: #111;
}

.skin-midnight .modal-footer {
    border-top-color: #111;
}

.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 #212528;
}

.skin-midnight .table-bordered,
.skin-midnight .thumbnail,
.skin-midnight .table>thead>tr>th,
.skin-midnight .box .nav-stacked>li,
.skin-midnight hr {
    border-color: #212528;
}

.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: #ffffff;
    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: #ffffff;
}

.skin-midnight .sidebar-form {
    border-radius: 3px;
    border: 1px solid #3e464c;
    margin: 10px 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 .panel,
.skin-midnight .box-footer,
.skin-midnight .info-box,
.skin-midnight .box-comment,
.skin-midnight .comment-text,
.skin-midnight .comment-text .username,
.skin-midnight pre {
    color: #bec5cb;
    background-color: #272c30;
}

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

.skin-midnight .box-footer {
    border-top: 1px solid #212528;
}

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

.skin-midnight .box-solid,
.skin-midnight .box {
    border: 1px solid #272c30;
}

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

.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: #fff;
}

.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 .box.box-info {
    border-top-color: #00c0ef;
}

.skin-midnight .box.box-primary {
    border-top-color: #db8b0b;
}

.skin-midnight .box.box-success {
    border-top-color: #db8b0b;
}

.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: #1e2226;
}

.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, 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, 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: white;
    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: #1e2226;
    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;
}

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

.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 textarea,
.skin-midnight .input-group textarea {
    border: 1px solid #1e2226;
    background-color: #272c30;
    color: #ced5db;
}

.skin-midnight .box select,
.skin-midnight .box textarea,
.skin-midnight .box input,
.skin-midnight .thumbnail {
    background-color: #353c42;
}

.skin-midnight input[type="checkbox"],
.skin-midnight input[type="radio"] {
    border-color: #1e2226;
    background: #272c30;
    color: #ced5db;
}

.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,
.skin-midnight .btn-default {
    border-color: #1e2226;
    background-color: #272c30;
    color: #ced5db;
}

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

.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: #ced5db;
    background-color: #353c42;
}

.skin-midnight .select2-dropdown {
    border: 1px solid #1e2226;
    background-color: #272c30;
    color: #ced5db;
}

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

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

.skin-midnight .order-source,
.skin-midnight a.order-source,
.skin-midnight .order-sources,
.skin-midnight a.order-sources {
    color: #469;
}

.skin-midnight .source-vip,
.skin-midnight a.source-vip,
.skin-midnight .phase5,
.skin-midnight a.phase5 {
    color: #aaa;
}

.skin-midnight .order-comp,
.skin-midnight a.order-comp {
    color: #68a;
}

.offer-list-info,
.well {
    background-color: #1e2226;
    border-color: #353c42;
    color: #bec5cb;
}

.skin-midnight .btn,
.skin-midnight .box>.box-header .btn,
.skin-midnight a.btn {
    color: #181818;
}

/* GRAND */

.skin-midnight .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    background-color: #1e2226;
    border: none;
}

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

.skin-midnight .dropdown-menu>li>a {
    color: #fff;
}

.skin-midnight .header-money {
    color: white !important;
}

.skin-midnight .header-cashname {
    color: white !important;
}

.skin-midnight .content-header>h1 {
    color: #e9e9e9;
}

.skin-midnight .skin-midnight .content-header>.breadcrumb>li>a {
    color: white;
}

.skin-midnight .content-header>.breadcrumb>.active {
    color: #bec5cb;
}

.skin-midnight .skin-midnight h4 {
    color: #e9e9e9;
}

.skin-midnight .config-block-icon .fa,
.skin-midnight .support-user .fa {
    color: black;
}

.skin-midnight .config-block-name {
    color: black;
}

.skin-midnight .config-block-line {
    color: black;
}

.skin-midnight .config-block-descr {
    color: black !important;
}

.skin-midnight .widget-user-username {
    color: black;
}

.skin-midnight .widget-user-username>small {
    color: black;
}

.skin-midnight .widget-user-desc {
    color: black;
}

.skin-midnight .text-muted {
    color: #bec5cb;
}

.skin-midnight .status5,
.skin-midnight a.status5 {
    color: #b22222;
}

.skin-midnight .status10,
a.status10 {
    color: #39a439;
}

.skin-midnight .status11,
a.status11 {
    color: #5c8dc1;
}

.skin-midnight .red,
a.red {
    color: #aa2a2a !important;
}

.skin-midnight .fintype1,
a.fintype1 {
    color: #10bd10 !important;
}

.skin-midnight .fintype2,
a.fintype2 {
    color: #b22222 !important;
}

.skin-midnight .fintype3,
a.fintype3 {
    color: #6892bb !important;
}

.skin-midnight .fintype4,
a.fintype4 {
    color: #ababab !important;
}

.skin-midnight .fintype5,
a.fintype5 {
    color: #10bd10 !important;
}

.skin-midnight .fintype6,
a.fintype6 {
    color: #9090d6 !important;
}

.skin-midnight .fintype8,
a.fintype8 {
    color: #b22222 !important;
}

.skin-midnight .pagination>li>a {
    background: #272c30;
    color: #fff;
}

.skin-midnight .pagination>li>a,
.skin-midnight .pagination>li>span {
    border: 1px solid #272c30;
}

.skin-midnight .pagination>li>a:focus,
.skin-midnight .pagination>li>a:hover,
.skin-midnight .pagination>li>span:focus,
.skin-midnight .pagination>li>span:hover {
    background: #343b41;
    border: 1px solid #272c30;
    color: white;
}

.skin-midnight .btn-default {
    color: white !important;
}

.skin-midnight .comment-text {
    border-color: #333;
    border-left-color: #000;
    border-bottom-color: #000;
}

.skin-midnight .comment-list li.unread .comment-text {
    background: #444;
}

.skin-midnight .CodeMirror-activeline-background {
    background: #253540;
}

.skin-midnight .CodeMirror {
    background: #0F192A;
    color: #D1EDFF;
    border-color: #222;
}

.skin-midnight div.CodeMirror-selected {
    background: #314D67;
}

.skin-midnight .CodeMirror-line::selection,
.skin-midnight .CodeMirror-line>span::selection,
.skin-midnight .CodeMirror-line>span>span::selection {
    background: rgba(49, 77, 103, .99);
}

.skin-midnight .CodeMirror-line::-moz-selection,
.skin-midnight .CodeMirror-line>span::-moz-selection,
.skin-midnight .CodeMirror-line>span>span::-moz-selection {
    background: rgba(49, 77, 103, .99);
}

.skin-midnight .CodeMirror-gutters {
    background: #0F192A;
    border-right: 1px solid;
    border-color: #222;
}

.skin-midnight .CodeMirror-guttermarker {
    color: white;
}

.skin-midnight .CodeMirror-guttermarker-subtle {
    color: #d0d0d0;
}

.skin-midnight .CodeMirror-linenumber {
    color: #D0D0D0;
}

.skin-midnight .CodeMirror-cursor {
    border-left: 1px solid #F8F8F0;
}

.skin-midnight span.cm-comment {
    color: #428BDD;
}

.skin-midnight span.cm-atom {
    color: #AE81FF;
}

.skin-midnight span.cm-number {
    color: #D1EDFF;
}

.skin-midnight span.cm-property,
.skin-midnight span.cm-attribute {
    color: #A6E22E;
}

.skin-midnight span.cm-keyword {
    color: #E83737;
}

.skin-midnight span.cm-string {
    color: #1DC116;
}

.skin-midnight span.cm-variable {
    color: #FFAA3E;
}

.skin-midnight span.cm-variable-2 {
    color: #FFAA3E;
}

.skin-midnight span.cm-def {
    color: #4DD;
}

.skin-midnight span.cm-bracket {
    color: #D1EDFF;
}

.skin-midnight span.cm-tag {
    color: #449;
}

.skin-midnight span.cm-link {
    color: #AE81FF;
}

.skin-midnight span.cm-error {
    background: #F92672;
    color: #F8F8F0;
}

.skin-midnight .CodeMirror-matchingbracket {
    text-decoration: underline;
    color: white !important;
}

.skin-midnight .dropdown-menu {
    background-color: black;
    border-color: black;
}

.skin-midnight .dropdown-menu>li>a:hover {
    background: #343b41;
    color: white;
}

.skin-midnight .col-lg-3 .bg-gray-active{
   background-color: #db8b0b !important;
}

.skin-midnight .col-lg-3 .config-block .bg-gray-active{
   background-color: #b5bbc8 !important;
}

.skin-midnight .col-lg-3 .config-block .bg-gray{
   background-color: #d2d6de !important;
}

.skin-midnight .col-lg-3 .bg-gray{
   background-color: #f39c12 !important;
}

.skin-midnight .col-lg-3 .config-block{
   background-color: #d2d6de !important;
}

.skin-midnight a.black{
  color: #bec5cb;
}

.skin-midnight .main-header .logo .logo-lg{
    color: transparent;
    background: url(../img/logo.png) center center no-repeat;
    background-size: 80%;
}

.skin-midnight .main-header .navbar-brand {
    color: #ff740e !important;
}

.skin-midnight .logo>.logo-mini{
    color: transparent;
    background: url(../img/logo-mini.png) center center no-repeat;
    background-size: 65%;
}

.btn-success {
    background-color: #f39c12;
    border-color: #e08e0b;
}

.btn-success:active {
    background-color: #e08e0b;
    border-color: #d58512;
}

.btn-success:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d;
}

.btn-success:hover {
    background-color: #e08e0b;
    border-color: #d58512;
}

.btn-success:active:focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
}

@media (max-width: 991px) {
.skin-midnight .content-header>.breadcrumb{
  background: #ff851b !important;}
}