﻿:root{
    --main-color-blue: #303ab2;
    --main-color-gold: #ff9d00;
    --secundary-color-red: #ff574a;
    --tertiary-color-green: #5db73c;
    --tertiary-color-slate: #495375;
    --tertiary-color-cyan: #00adff;
    --neutral-color-medium-grey: #9e9e9e;
    --neutral-color-light-grey: #dedede;
    --neutral-color-charcoal: #353535;
    --neutral-color-white: #ffffff;
    --font-color: #555;
    --footer-color: #353535;

    --docfx-default-light-grey: #f1f1f1;
}
/*
html, body {
    font-family: "AvenirNext LT Pro Regular";
}
*/
/* Anti jump */
body {
    overflow-y: scroll;
}
/* Anti jump */

.navbar-brand {
    padding-top: 3px;
}
.navbar-header {
    font-size: inherit;
    padding: 0 10px 0 0;
}

#logo {
    width: 206.3px;
    height: 43.8px;
}
svg:hover path {
    fill: none;
}

.navbar-default {
    background-color: var(--neutral-color-white);
    border: none;
}

.navbar-default 
.navbar-nav >
a:hover {
    background-color: var(--main-color-gold);
    color: var(--neutral-color-white);
}

.navbar-default
.navbar-nav >
li:hover {
    background-color: var(--main-color-gold);
    color: var(--neutral-color-white);
}

.navbar-default
.navbar-nav >
li:hover >
a:hover {
    color: var(--neutral-color-white);
}

.navbar-default 
.navbar-nav >
.active > 
a:hover {
    background-color: var(--main-color-gold);
    color: var(--neutral-color-white);
}

.navbar-default 
.navbar-nav >
.active > 
a {
    background-color: var(--main-color-gold);
    color: var(--neutral-color-white);
}

.navbar-default 
.navbar-nav >
li > 
a {
    color: var(--neutral-color-charcoal);
}

.navbar-default 
.navbar-nav >
.li >
a {
    color: var(--neutral-color-charcoal);
}

.subnav {
    background-color: var(--main-color-blue);
}

.toc-toggle {
    color: var(--neutral-color-charcoal);
}

.toc-toggle > a:hover {
    color: var(--main-color-gold);
}

.breadcrumb>li, .pagination{
    color: var(--main-color-gold);
}

/* Buttons */
button,
a {
    color: var(--neutral-color-white);
}

button,
a:hover {
    color: var(--main-color-gold);
}

/* Table of content */

.toc
.nav >
li.active > 
a {
    color: var(--secundary-color-red);
}

.toc
.nav >
li > 
a {
    color: var(--neutral-color-charcoal);
}

.toc .nav > li > a:hover,
.toc .nav > li > a:focus {
    color: var(--secundary-color-red);
}

.toc
.nav >
li.active > 
a:hover {
    color: var(--secundary-color-red);
}

.toc-filter > input {
    border-radius: 0px;
}

.sidetoc {
    background-color: var(--docfx-default-light-grey);
}

/* Form Control */
.form-control {
    background-color: var(--docfx-default-light-grey);
    border: 1px solid var(--neutral-color-light-grey);
    border-radius: 0px;
}

/* Alerts */
.alert-info {
    color: var(--neutral-color-charcoal);
    border-color: var(--tertiary-color-cyan);
}

.alert-warning {
    color: var(--neutral-color-charcoal);
    border-color: var(--main-color-gold);
}

.alert-success {
    color: var(--neutral-color-charcoal);
    border-color: var(--tertiary-color-green);
}

.alert-error {
    color: var(--neutral-color-charcoal);
    border-color: var(--secundary-color-red);
}

/*search */
.sr-item > .item-href {
    color: var(--main-color-blue);
}

.item-title > a {
    color: var(--main-color-gold);
}

.item-title > a:hover {
    color: var(--main-color-gold);
}

/* Affix */
.affix > ul > li.active > a{
    color: var(--main-color-gold);
    padding: 5px 12px 0px 30px;
}

.affix ul > li {
    padding: 5px 12px 0px 30px;
}

/* Pagination */

.pagination > .active > a{
    background-color: var(--main-color-gold);
    border-color: var(--main-color-gold);
}

.pagination > li > a{
    color: var(--neutral-color-charcoal);
}

/*footer*/
.footer {
    border: none;
    background-color: var(--footer-color);
    padding: 15px 0;
    color: var(--neutral-color-white);
}

.footerLink{
    padding-left: 15px;
    padding-right:15px;
}

.footerLinkContainer{
    margin: auto;
    text-align: center;
}

/* navigation */
ul > .breadcrumb > li > a {
    color: var(--neutral-color-white);
}

/*Links */
article > ul > li > a {
    color: var(--main-color-gold);
}

article > p > a {
    color: var(--main-color-gold);
}

h1 > a {
    color: var(--main-color-gold);
}

h2 > a {
    color: var(--main-color-gold);
}

h3 > a {
    color: var(--main-color-gold);
}

h4 > a {
    color: var(--main-color-gold);
}

section > p > a {
    color: var(--main-color-gold);
}

article > a {
    color: var(--main-color-gold);
}

a[class='xref text-break'] {
    color: var(--main-color-gold);
}

blockquote > p > a {
    color: var(--main-color-gold);
}

div > p > a {
    color: var(--main-color-gold)