/*
 * Skin: Blue
 * ----------
 */
body.skin-black { background-color: rgb(34, 45, 50); }

.skin-black .main-header .navbar {
  background-color: black;
}
.skin-black .main-header .navbar .nav > li > a {
  color: #dedede;
}
.skin-black .content-wrapper {
  background: rgb(34, 45, 50);
  color: rgb(184, 199, 206);
}
.skin-black .main-header .navbar .nav > li > a:hover,
.skin-black .main-header .navbar .nav > li > a:active,
.skin-black .main-header .navbar .nav > li > a:focus,
.skin-black .main-header .navbar .nav .open > a,
.skin-black .main-header .navbar .nav .open > a:hover,
.skin-black .main-header .navbar .nav .open > a:focus,
.skin-black .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-black .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-black .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-black .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-black .main-header .navbar .sidebar-toggle:hover {
  background-color: #367fa9;
}
@media (max-width: 767px) {
  .skin-black .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-black .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-black .main-header .navbar .dropdown-menu li a:hover {
    background: #367fa9;
  }
}
.skin-black .main-header .logo {
  background-color: black;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-black .main-header .logo:hover {
  background-color: #357ca5;
}
.skin-black .main-header li.user-header {
  background-color: #3c8dbc;
}
.skin-black .content-header {
  background: transparent;
}
.skin-black .wrapper,
.skin-black .main-sidebar,
.skin-black .left-side {
  background-color: #222d32;
}
.skin-black .user-panel > .info,
.skin-black .user-panel > .info > a {
  color: #fff;
}
.skin-black .sidebar-menu > li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-black .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-black .sidebar-menu > li:hover > a,
.skin-black .sidebar-menu > li.active > a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #3c8dbc;
}
.skin-black .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-black .sidebar a {
  color: #b8c7ce;
}
.skin-black .sidebar a:hover {
  text-decoration: none;
}
.skin-black .treeview-menu > li > a {
  color: #8aa4af;
}
.skin-black .treeview-menu > li.active > a,
.skin-black .treeview-menu > li > a:hover {
  color: #ffffff;
}
.skin-black .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-black .sidebar-form input[type="text"],
.skin-black .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}
.skin-black .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-black .sidebar-form input[type="text"]:focus,
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-black .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-black.layout-top-nav .main-header > .logo {
  background-color: #3c8dbc;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-black.layout-top-nav .main-header > .logo:hover {
  background-color: #3b8ab8;
}
.skin-black .box { background-color: #333333; }
.skin-black .box .box-primary { background-color: #333333; }
.skin-black .box .box-title { color: rgb(184, 199, 206); }
.skin-black .navbar-default { background-color: #333333; border-color: black; color: rgb(184, 199, 206); }
.skin-black .nav-tabs-custom { background-color: #333333; border-color: black; color: rgb(184, 199, 206); }
.skin-black .nav-tabs-custom { background-color: #333333; color: rgb(184, 199, 206); }
.skin-black .nav-tabs-custom > .nav-tabs { background-color: #333333; color: rgb(184, 199, 206); }
.skin-black .nav-tabs-custom > .nav-tabs > li.active > a { background-color: #333333; color: white;  }
.skin-black .nav-tabs-custom > .nav-tabs > li > a { color: #777777; }
.skin-black .navbar-default .navbar-nav > li > a:hover { color: white; }
.skin-black .navbar-default .navbar-nav > li > a:focus { color: #777777; }
.skin-black .navbar-default .navbar-nav > .open > a:hover { color: black; }
.skin-black .tab-content { background-color: #333333; border-color: black; color: rgb(184, 199, 206); }

.skin-black .sonata-ba-form-actions { background-color: #333333; border-color: black; color: rgb(184, 199, 206); }

.skin-black .box-footer { background-color: #333333; border-color: black; }

.skin-black .table { background-color: rgb(34, 45, 50); border-color: black; }
.skin-black .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #222222; }
.skin-black .table-bordered > thead > tr > th { border-color: black; }
.skin-black .table-bordered > tbody > tr > td { border-color: black; }
.skin-black input { background-color: rgb(34, 45, 50); color: rgb(184, 199, 206); border-color: #222222; }
.skin-black .form-control { background-color: rgb(34, 45, 50); color: rgb(184, 199, 206); border-color: #222222; }
.skin-black .form-control[readonly] { background-color: #222222; color: rgb(184, 199, 206); border-color: #222222; }
.skin-black button { background-color: rgb(34, 45, 50); color: rgb(184, 199, 206); border-color: #222222; }
.skin-black .btn-success { background-color: #00a65a; color: white; border-color: #008d4e; }
.skin-black .btn-success:hover { background-color: #047240; color: white; border-color: #008d4e; }
.skin-black .btn-create-copy { background-color: #3e8dbe; color: white; border-color: #367fa9; }
.skin-black .btn-create-copy:hover { background-color: #216b99; color: white; border-color: #367fa9; }
.skin-black .btn-create-copy-luxmat { background-color: #3e8dbe; color: white; border-color: #367fa9; }
.skin-black .btn-create-copy-luxmat:hover { background-color: #216b99; color: white; border-color: #367fa9; }
.skin-black .box-footer hr { border-top: 1px solid black; }
.skin-black .select2-container--default .select2-selection--single { background-color: rgb(34, 45, 50); color: rgb(184, 199, 206);  border-color: #222222; }
.skin-black .select2-container--default .select2-selection--multiple { background-color: rgb(34, 45, 50); color: rgb(184, 199, 206);  border-color: #222222; }
.skin-black .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #777777; color: rgb(184, 199, 206); }
.skin-black .pagination { background-color: rgb(34, 45, 50); color: rgb(184, 199, 206); }
.skin-black .pagination li.active { background-color: black; color: rgb(184, 199, 206); border-color: #222222; }
.skin-black .pagination li a { background-color: rgb(34, 45, 50); color: rgb(184, 199, 206); border-color: #222222; }
.skin-black .pagination li a:hover { background-color: rgb(44, 55, 60); color: rgb(184, 199, 206); border-color: #222222; }
.skin-black .pagination li.active a { background-color: black; color: rgb(184, 199, 206); border-color: #222222; }
.skin-black .select2-container--default .select2-selection--single .select2-selection__rendered { color: rgb(184, 199, 206); }
.skin-black a.btn-default { background-color: #999999; color: black; border-color: #222222; }
.skin-black a.btn-default:hover { background-color: #ababab; color: black; border-color: #222222; }

.skin-black .mce-panel { background-color: rgb(34, 45, 50); background-image: linear-gradient(to bottom, #555555, #333333); }
.skin-black .mce-btn button { background-color: transparent; color: rgb(184, 199, 206); }
.skin-black .mce-menubar .mce-menubtn button span { color: rgb(184, 199, 206); }

.skin-black .modal-content { background-color: #333333; color: rgb(184, 199, 206); }
.skin-black .field-short-description { background-color: rgb(34, 45, 50); border-color: #222222; color: white; }

.skin-black a { color: #8aa4af; }
.skin-black .table-striped tbody tr.sonata-ba-list-row-selected td { background-color: #111111; }
.skin-black div.mosaic-box-outter { background-color: rgb(34, 45, 50); }
.skin-black div.mosaic-inner-text { background-color: rgb(34, 45, 50); }
.skin-black .mosaic-box.sonata-ba-list-field-batch { background-color: rgb(34, 45, 50); }

.mce-content-body { background-color: black; }
.skin-black .table > tbody > tr:hover { background-color: black; }

.skin-black .select2-search--dropdown { background-color: rgb(34, 45, 50); }
.skin-black .select2-container--default .select2-search--dropdown .select2-search__field { background-color: rgb(34, 45, 50); color: rgb(184, 199, 206); }
.skin-black .select2-container--default .select2-results > .select2-results__options { background-color: rgb(34, 45, 50); color: rgb(184, 199, 206); }
.skin-black .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #222222; }
.skin-black .select2-container--default .select2-results__option[aria-selected="true"] { background-color: #111111; color: white; }

.skin-black a.btn-danger { color: white; }
.skin-black a.btn-success { color: white; }
.skin-black .info-box { background-color: transparent; }

.skin-black .sonata-ba-view-container:nth-child(2n) td, .skin-black .sonata-ba-view-container:nth-child(2n) th { background-color: rgb(34, 45, 50); }
.skin-black .sonata-ba-view-container:hover:nth-child(2n) td, .skin-black .sonata-ba-view-container:hover:nth-child(2n) th { background-color: black; }
.skin-black .dropdown-menu { background-color: rgb(34, 45, 50); color: rgb(184, 199, 206); }
.skin-black .dropdown-menu > li > a { color: rgb(184, 199, 206); }
.skin-black .dropdown-menu > li > a:hover { background-color: black !important; color: white; }

.skin-black .breadcrumb > li { color: white; }

.skin-black .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default { color: white; }
.skin-black .navbar-nav > .user-menu > .dropdown-menu > .user-footer { background-color: rgb(34, 45, 50); }

.skin-black .notification-unread { background-color: #555555 !important; }
.skin-black .notification-read { background-color: black !important; }

.skin-black .popover { background-color: black; }
.skin-black .popover .popover-title { background-color: rgb(34, 45, 50); color: white; ń}