.skin-purple .sidebar-menu > li.header {
  color: #fff;
  font-size: 16px;
}

.checkbox-switch { }
  .checkbox-switch input {
    display: none; }
  .checkbox-switch label {
    width: 60px;
    height: 20px;
    cursor: pointer;
    margin-bottom: 0;
    position: relative;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);
            box-shadow: 0 0 2px rgba(0,0,0,0.1); }
    .checkbox-switch label:after {
      top: 0;
      width: 50%;
      color: #fff;
      font-size: 12px;
      line-height: 20px;
      text-align: center;
      position: absolute;
      font-family: 'Ionicons'; }
    .checkbox-switch label:before {
      top: -1px;
      width: 50%;
      content: '';
      height: 22px;
      background: #fff;
      position: absolute;
      -webkit-border-radius: 5px;
              border-radius: 5px; 
      -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
              box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); }
    .checkbox-switch input + label {
      background: #dd4b39; }
      .checkbox-switch input + label:after {
        right: 0;
        content: '\f12a'; }
      .checkbox-switch input + label:before {
        left: -2px; }
    .checkbox-switch input:checked + label {
      background: #40a8e4; }
      .checkbox-switch input:checked + label:after {
        left: 0;
        right: auto;
        content: '\f122'; }
      .checkbox-switch input:checked + label:before {
        left: auto;
        right: -2px; }
    .checkbox-switch input:disabled + label {
      background: #a4a4a4; }
.navbar-nav > .messages-menu h3 {
  margin: 0; }
  .navbar-nav > .messages-menu h3 span {
    color: #e25253; }
.navbar-nav > .messages-menu > .dropdown-menu > li .menu li {
  position: relative; }
  .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
    white-space: normal;
    padding-right: 45px; }
  .navbar-nav > .messages-menu > .dropdown-menu > li .menu .icon {
    width: 35px;
    color: #fff;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    background: #40a8e4;
    -webkit-border-radius: 50%;
            border-radius: 50%; }
  .navbar-nav > .messages-menu > .dropdown-menu > li .menu .mark_read {
    top: 50%;
    right: 15px;
    display: none;
    position: absolute;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
      .navbar-nav > .messages-menu > .dropdown-menu > li .menu .mark_read .fa {
        color: #e25253;
        font-size: 18px; }
    .navbar-nav > .messages-menu > .dropdown-menu > li .menu li:hover .mark_read {
      display: block; }

/*
* Override Skin
*/
.skin-black .box {
  border: 0;
  box-shadow: none; }

.skin-black .btn-primary {
  font-weight: 400;
  background: #40a8e4;
  border-color: #40a8e4;
  -webkit-border-radius: 0;
          border-radius: 0; }

.nav-tabs-custom > .nav-tabs > li.active {
  border-color: #40a8e4; }

.skin-black .pagination > .active > a, 
.skin-black .pagination > .active > a:focus, 
.skin-black .pagination > .active > a:hover, 
.skin-black .pagination > .active > span, 
.skin-black .pagination > .active > span:focus, 
.skin-black .pagination > .active > span:hover {
  font-weight: 400;
  background: #40a8e4;
  border-color: #40a8e4;
  -webkit-border-radius: 0;
          border-radius: 0; }

.skin-black .wrapper, 
.skin-black .main-sidebar, 
.skin-black .left-side,
.skin-black .sidebar-menu > li > .treeview-menu {
  background: #fff; }
.skin-black .sidebar a,
.skin-black .sidebar-menu .treeview-menu > li > a {
  color: #959595;
  font-weight: 400; }
.skin-black .sidebar-menu > li:hover > a, 
.skin-black .sidebar-menu > li.active > a, 
.skin-black .sidebar-menu > li.menu-open > a {
  color: #40a8e4;
  background: #fff;
  border-color: #40a8e4; }
.skin-black .sidebar-menu .treeview-menu > li.active > a, 
.skin-black .sidebar-menu .treeview-menu > li > a:hover {
  color: #40a8e4;
  background: #fff; }

.skin-black .main-sidebar .user-panel {
  background: #40a8e4; }
  .skin-black .main-sidebar .user-panel a {
    color: #fff; }

.table > tbody > tr > td {
    color: #000;
    font-weight: 400;
}
