.category {font-size: 12px; font-weight: 400; color: #fff; display: inline-block; height: 24px;vertical-align: bottom;}
.category a, .category span {padding: 0px 8px; color: #fff !important; background: #d64d00; line-height: 24px; display: inline-block;}


.category a:hover {color: #fff;}

.category.purple a {background: #8000ac !important;}
.category.purple a:hover {background: #490062 !important}
.category.blue a {background: #018bbc !important;}
.category.blue a:hover {background: #006487 !important;}
.category.orange a {background: #ff6700 !important;}
.category.orange a:hover {background: #d36603 !important;}

.category.red a {background: #e31515 !important;}
.category.red a:hover {background: #c51919 !important;}

.category.green a {background: #11a674 !important;}
.category.green a:hover {background: #118860 !important;}

.category.green a {background: #11a674 !important;}
.category.green a:hover {background: #118860 !important;}

.category.light-blue a {background: #0c9dda !important;}
.category.light-blue a:hover {background: #1786b5 !important}

.category.brown a {background: #783D21 !important;}
.category.brown a:hover {background: #4D220E !important}

.category.grey a {background: #6B7375 !important;}
.category.grey a:hover {background: #434B4D !important}

.category.yellow a {background: #BFFF00  !important;}
.category.yellow a:hover {background: #B7AF00  !important}

.category.dark-blue a {background: #32377e !important;}
.category.dark-blue a:hover {background: #252850 !important}

.category.black a {background: #111 !important;}
.category.black a:hover {background: #000 !important}

.category.light-green a {background: #6DD110  !important;}
.category.light-green a:hover {background: #59B108  !important}


.nav-category {padding-bottom: 10px;}
.nav-category li {float: inherit; display: inline-block;margin-bottom: 5px;}

.nav-category li a {background: var(--color-gray); adding: 0 8px; line-height: 24px; color:#fff; border:0;border-radius:var(--border-radius-mini);}
.nav-category li a:hover {background: #352D2D !important;}
.nav-category li.active a, .nav-category li.active a:focus, .nav-category li.active a:hover {border:0;}
.nav-category li.active a, .nav-category li.active a:focus {background: var(--color-ktf) !important;color: #fff !important;}


/*
.nav-category{margin-top:10px;border-bottom:0;}
.nav-category{display:table;margin:0 auto;float:right;}
.nav-category > li{border:0px;padding:0 5px 0 0;font-size:13px;font-weight: normal;}
.nav-category > li > a{padding:5px 5px;border-radius:2px;border:0px !important;text-decoration:none !important;outline:none;margin-right:0px;color:#999;line-height:13px;display:inline-block;}
.nav-category > li > a:hover{background:rgb(242,116,32);color:#fff}
.nav-category > li.active > a, .nav-category > li.active > a:focus, .nav-category > li.active > a:hover{border:0;background:rgb(242,116,32);color:#fff}
.nav-category .dropdown-menu > .active > a, .nav-category .dropdown-menu > .active > a:focus, .nav-category .dropdown-menu > .active > a:hover{color:#fff;text-decoration:none;background-color:#000;}

*/