



.login-form {
    background: none repeat scroll  #000!Important;
    }

    .classic-menu-dropdown{
    border-right:1px solid #000 !Important;
    }

    .classic-menu-dropdown:first-child {
        border-left: 1px solid #505050;
    }

    .logo {
    
    
    
    padding-top: 20px !Important;
    padding-bottom: 20px !Important;
    }

    .pagination {
    margin: 0 0 5px;
    }

    .header {
    background-color: #000 !important;
    background-image: none !important;
    filter: none !important;
    border-bottom:solid 1px #000 !important;
    }
    .form-wizard .active .step .number,
    .form-wizard .done .step .number {
    background-color: #000 ;
    color:#fff ;
    }

    
    .header .hor-menu .dropdown-menu li:hover > a, .header .hor-menu ul.nav li.active > a, .header .hor-menu ul.nav li.active > a:hover {
    background: none repeat scroll 0 0 #000 !important;
    color: #FFF;
    }

    

    .pagination > li > a, .pagination > li > span{
    
    background: none repeat scroll 0 0 #dedede !important;
    color: #666 !important;
    margin-left: 5px;
    margin-top: 1px;
    padding: 0px 8px;
    height: 34px;
    line-height: 30px;
    }


    .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus, .pagination > li > a:hover, .pagination > li > a:focus {
    background-color: #fff !important;
    color: #000  !important;
    }



    .tabbable-custom .nav-tabs > li.active {
    border-color:#000;
    }
    .header.navbar .hor-menu ul.nav li.current .selected,
    .header.navbar .hor-menu ul.nav li.active .selected {
    border-top: 6px solid #fff;
    }

    .header .hor-menu ul.nav li.open > a,
    .header .hor-menu ul.nav li > a:hover,
    .header .hor-menu ul.nav li > a:focus,
    .header .hor-menu .dropdown-menu,
    .header .navbar-nav .dropdown-toggle:hover,
    .header .navbar-nav .dropdown.open .dropdown-toggle  {
    background: #000 !important;
    color: #FFF ;
    }

    .header.navbar .navbar-toggle
    {
    background: #000 !important;
    }



    .header .navbar-nav .dropdown-toggle:hover a,
    .header .navbar-nav .dropdown.open .dropdown-toggle a{
    color: #FFF !important;
    }

    .page-sidebar {
    background-color: #000 !important;
    border-right:1px solid #000;
    }

    .page-sidebar .sidebar-search input {
    background-color: #000 !important;
    color: #fff !important;
    }

    ul.page-sidebar-menu > li > a {
    color: #fff !important;
    background-colour: #000 !important;
    /*border-top: 1px solid #FFF !important;*/
    }


    ul.page-sidebar-menu > li:last-child {
    /* border-bottom: 1px solid #000 !important;*/
    }

    ul.page-sidebar-menu > li.active > a > .title {
    color: #FFF !important;
    }

    ul.page-sidebar-menu > li > ul.sub-menu > li.active > a, ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
    background: none repeat scroll 0 0 #000 !important;
    color: #FFF !important;
    }

    .page-sidebar-menu > li.active > a .selected
    {
    /* background-image: none;*/
    }

    .page-sidebar-menu > li > ul.sub-menu > li{
    background-color: #000 !important;
    border-bottom: 1px solid #000;
    }

    ul.page-sidebar-menu > li.open > a,
    ul.page-sidebar-menu > li > a:hover,
    ul.page-sidebar-menu > li:hover > a {
    background: #000;
    color: #FFF !important;
    }

    ul.page-sidebar-menu li > ul.sub-menu > li > a {
    color: #fff;
    text-transform: capitalize;
    }

    .footer, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, .page-sidebar .page-sidebar-menu > li > a {
    background-color: #000 !Important;
    border-top: 1px solid #000 !Important;
    }

    ul.page-sidebar-menu > li.active > a {
    background: none repeat scroll 0 0 #000 !important;
    border-top-color: #FFF !important;
    color: #FFF;
    }

    ul.page-sidebar-menu > li:last-child.active > a {
    background: none repeat scroll 0 0 #000 !important;
    border-top-color: #FFF !important;
    border-bottom-color: #FFF !important;
    color: #FFF;
    }

    .sidebar-search-result {
    /* color:#FFF;*/
    }

    #add2cart {
    color: #FFF;
    background-color: #000;
    }

    .btn-default {
    background: none repeat scroll 0 0 #000;
    border-color: #ccc;
    color: #FFF;
    }

    .portlet-title {
    background-color: #000 !Important;

    }

    .portlet.blue > .portlet-title > .caption, .portlet.green > .portlet-title > .caption, .portlet.yellow > .portlet-title > .caption, .portlet.red > .portlet-title > .caption, .portlet.purple > .portlet-title > .caption, .portlet.grey > .portlet-title > .caption,
    .portlet.box > .portlet-title {
    color: #fff !important;
    }

    #tableHeader thead tr th {
    background:#fff;
    color:#808080 !important;
    
    }

    .tableHeaderColor tr th {
    background:#fff;
    color:#808080 !important;
    }

    .portlet > .portlet-body.grey, .portlet.grey {
    border-top: 1px solid #000 !important;

    }
    .portlet.box.grey{
    border-color: -moz-use-text-color #000 #000;
    }

    

    .timeline:before {
    
    bottom: 0;
    content: "";
    left: 20%;
    margin-left: -10px;
    position: absolute;
    top: 0;
    width: 10px;
    }

    .header.navbar .navbar-nav > .open.admin > a {
    background: none repeat scroll 0 0 #000;
    color: #FFF;
    }

    .page-sidebar-menu li {
    background: #000;
    }

    .customer-name {
    margin-top:0px;
    min-height:44px;

    font-size: 13px;
    padding: 11px 20px;
    line-height: 22px;
    display: block;
    position: relative;

    background-color: #000;
    text-align:center;
    color: #FFF;
    word-wrap: break-word;
    }