.grey{
  .white,
  .box{
    background-color: lighten( $grey, $color-dk-percent );
    color: rgba(255,255,255,1);
    &.white-only{
      background-color: #fff;
    }
  }
  .grey-100{
    background-color: lighten( $grey, 1% );
    color: rgba(255,255,255,1);
  }
  &.app{
    background-color: $grey;
  }
  .nav-icon i{
    color:lighten( $grey, 40% );
  }
  .mb-col{
    background-color: lighten( $grey, 6% );
    &:hover{
      background-color: $grey !important;
    }
  }
  .b-dk{
    border-color: $grey;
  }
}
.dark{
  .white,
  .box{
    background-color: lighten( $dark, $color-dk-percent );
    &.white-only{
      background-color: #fff;
    }
  }
  .grey-100{
    background-color: lighten( $dark, 1% );
    color: rgba(255,255,255,1);
  }
  &.app{
    background-color: $dark;
  }
  .nav-icon i{
    color:lighten( $dark, 40% );
  }
  .mb-col{
    background-color: lighten( $dark, 6% );
    &:hover{
      background-color: $dark!important;
    }
  }
  .b-dk{
    border-color: $dark;
  }
}
.black{
  .white,
  .box{
    background-color: lighten( $black, $color-dk-percent );
    &.white-only{
      background-color: #fff;
    }
  }
  .grey-100{
    background-color: lighten( $black, 1% );
    color: rgba(255,255,255,1);
  }
  &.app{
    background-color: $black;
  }
  .rgba.lt{
    background-color: rgba(0,0,0,.6);
  }
  .nav-icon i{
    color:lighten( $black, 40% );
  }
  .mb-col{
    background-color: lighten( $black, 6% );
    &:hover{
      background-color: $black!important;
    }
  }
  .b-dk{
    border-color: $black;
  }
}




.white .au-no-s{
  border-width: 0 0 1px !important;
  box-shadow: none;
}
.dark,
.black,
.grey{
  .white-only{
    background-color: #fff;
    color: $black;
  }
  #skinDark .light{
    color: rgba(0,0,0,.8);
  }
  .nav-icon i{
    font-size: 1.125rem;
  }
  .white-only{
    &.wr{
      color: rgba(0,0,0,.9);
    }
  }
  .navbar-md.b-b{
    border-bottom-width: 1;
  }
  .text-grey {
    color: rgba(255,255,255,.6);
  }
  #logo-text{
    fill: #fff;
  }
  .form-control{
    background: transparent;
    background-color: rgba(255, 255, 255, 0.1);
    color: inherit;
    &:focus{
      border-color: rgba(255, 255, 255, 0.125);
    }
  }
  .input-group-btn{
    .btn{
      background-color: rgba(255, 255, 255, 0.1) !important;
      color: inherit !important;
    }
  }
  .list-group{
    background-color: transparent;
  }
  .au-no-s{
    border-width: 1px!important;
  }
  .mb-co-b{
    border: 0 !important;
  }

  .mb-col{
    border: 0 !important;
    .browser{
      span{
        em{
          background-color: rgba(255,255,255,0.1);
        }
      }
    }
  }


  .page-items,
  .page-links {
    color: rgba(255,255,255,.4);
    border-color: rgba(255,255,255,.3);
  }
  [class*="page-items active"]{
    color: rgba(255,255,255,.6);
    border-color: rgba(255,255,255,.1);
    background-color: rgba(255,255,255,.1);
  }
  .page-items:hover,
  .page-links:hover {
    color: rgba(255,255,255,.8);
    background-color: rgba(255,255,255,.1);
    border-color: rgba(255,255,255,.1);
  }
  .disabled {
    .page-items,
    .page-links {
      @include plain-hover-focus {
        color: rgba(255,255,255,.1);
        background-color: rgba(255,255,255,.05);
        border-color: rgba(255,255,255,.05);
      }
    }
  }

}
