/* TEXT COLOR*/
.text-color-white, .text-color-white-hover:hover{color : #FFF !important;}
.text-color-primary, .text-color-primary-hover:hover,
.sidebar-menu>li.text-color-primary>a, .skin-purple-light .main-header .navbar .nav>li>a {
    color: #101010 !important;
}


/* BUTTON COLOR */
.btn{
    border: none !important;
    outline:none !important;
}

.btn-primary{
    background-color:#101010;
}

.btn-primary:hover,.btn-primary:active, .btn-primary.hover{
    background-color:#373535 !important;
}

/* BACKGROUND-COLOR */
.bg-color-primary, .bg-color-primary-hover:hover{
    background-color: #101010 !important;
}
.bg-color-white, .bg-color-white-hove:hover{
    background-color: #FFF !important;
}

/* PAGINATION COLOR */
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #FFF !important;
    background-color: #101010 !important;
    border-color: #101010 !important;
}

/* NAV ACTIVE */
.nav-stacked>li.active>a, .nav-stacked>li.active>a:hover {
    border-left-color: #101010 !important;
}

.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #101010;
}

/* TAG HTML */
body, table{font-family:'Rubik', sans-serif;font-weight:400;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:'Rubik',sans-serif}
table {font-size: 14px;}

/* LOGIN */
.login-box{
    margin : 12% auto !important;
}

.login-box-body{
    border-radius: 4px !important;
}

/* HEADER */
.logo{
    font-family:'Rubik', sans-serif !important;
    background: none !important;
}

/* SIDEBAR */
.sidebar-menu>li.header{
    background: none !important;
    border-bottom: 1px solid #ebebeb;
}

.sidebar a{
    color : #919191 !important;
}

.sidebar a:hover{
    font-weight: 600;
}

.sidebar-menu>li.active{
    border-left-color: #101010 !important;
    border-left-style: solid !important;
    border-left-width: 4px !important;
}

.sidebar-menu>li.active>a{
    background: #FAFAFA !important;
}

.sidebar-menu>li>a{
    font-weight: 400 !important;
}

.sidebar-menu .treeview-menu>li.active>a{
    color : #101010 !important;
}

.treeview-menu>li>a{
    padding-top: 10px;
    padding-bottom: 10px;
}

hr{
    border-top: 1px solid #eee !important;
}

.dropdown-menu>li>a {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}