code {
    color: #4b7b18;
    background: linear-gradient(90deg, rgba(255, 254, 0, 0.15) 0%, rgba(255, 248, 185, 0.5) 100%);
}

.cross-promotion-row .cross-promotion-item + .cross-promotion-item:before
{
    color: #fdcfe4;
}

button,
a,
a code,
.toc .nav > li.active > a,
.affix ul > li.active > a,
.affix ul > li.active > a:before,
.affix > ul > li.active > a,
.affix > ul > li.active > a:before
{
  color: #6932bf;
}

button:hover,
button:focus,
a:hover,
a:focus,
a code:hover,
a code:focus,
.toc .nav > li.active > a:hover,
.toc .nav > li.active > a:focus 
 {
  color: #4a2980;
}

.navbar-inverse {
    background-color: white;
    border-color: #9154ea;
}

.navbar-default {
    background-color: #fffed5;
    border-color: #f5c95b;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #91bd70;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #ff9105;
}

.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-text {
    color: #da3f3f;
}

.navbar-nav>li:last-child>a::before{
    content: "♥ ";
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #131010;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #e27373;
}

.breadcrumb li a
{
    color: #dc8357;
}

.breadcrumb li a:hover,
.breadcrumb li a:focus
{
    color: #cc6735;
}

.breadcrumb > li + li:before {
    color:#b85a5a;
}

.toc .nav > li > .expand-stub::before, .toc .nav > li.active > .expand-stub::before {
    color:#330192;
}

.tryspan:hover {
  background-color: #3b8bd0;
  color: white;
  border-color: #3b8bd0;
}

#toc, .cross-promotion, .gradient-box
{
    border-image: conic-gradient(#f7aabc, #ffe8e4, #7ac527, #bce63c, #fffe08, #e66f6f, #f7aabc) 1;
}

.tabGroup a[role="tab"]:hover, .tabGroup a[role="tab"]:focus, .tabGroup a[role="tab"][aria-selected="true"] {
    border-bottom: 2px solid #0050C5; }
.tabGroup a[role="tab"][aria-selected="true"] {
    color: #222; }
.tabGroup a[role="tab"]:hover, .tabGroup a[role="tab"]:focus {
    color: #0050C5; }
.tabGroup a[role="tab"]:focus {
    outline: 1px solid #0050C5;
    outline-offset: -1px; }

a.disable,
a.disable:hover 
a code.disable,
a code.disable:hover 
{
  color: #000000;
}