:root {
    /* CUSTOM VARIABLES */
    --primary-brand-color: #1668BD;

    /* STANDARD VARIABLES */
    --green-dark: darkgreen;
    --green: green;
    --green-light: lightgreen;
    --yellow-dark: gold;
    --yellow: gold;
    --yellow-light: lightyellow;
    --red-dark: darkred;
    --red: red;
    --red-light: crimson;
    --orange: rgb(2, 2, 2);
    --blue-navy: navy;
    --blue: blue;
    --blue-light: lightblue;
    --purple: purple;
    --pink: pink;
    --teal: teal;
    --brown: brown;
    --tan: tan;
    --grey-darkest: rgb(72, 72, 72);
    --grey-dark: grey;
    --grey: grey;
    --grey-light: silver;
    --grey-lightest: lightgrey;
    --alert: gold;
    --warning: orange;
    --escallation: crimson;
    --danger: red;
    --success: lime;
    --disabled: var(--grey-light);
    --primary: var(--primary-brand-color);
    --secondary: var(--blue);
    --tertiary: var(--blue-light);
    --quaternary: var(--grey);
    --primary-font: arial;

    
}

.car {
    
}

.branding-header
{
    background-color: var(--primary);
}

.branding-section
{
    background-color: var(--secondary);
}

.branding-button
{
    background-color: var(--primary);
    color: white;
}
.branding-button:hover
{
    background-color: var(--grey-lightest);
}

.branding-loader {
    position:absolute; 
    width:100%; 
    height:100%; 
    top:0px; 
    left:0px; 
    background-color:rgba(0, 0, 0, 0.389); 
    text-align:center; 
    vertical-align: middle; 
    padding-top: 25%; 
    overflow:none;
    color: var(--primary-brand-color);
    display:none;
}

.branding-danger
{
    color: var(--danger);
}

.bg-branding-primary
{
    background-color: var(--primary);
}

.card-header
{
    /* background-color: var(--grey-lightest); */
    font-size: 1.2em;
    font-weight: bold;
    cursor: pointer;
}

.header
{
    background-color: var(--primary)
}

.footer
{
    background-color: var(--primary);
}