:root {
    /* CUSTOM VARIABLES */
    --primary-brand-color: #951ABE;
    --secondary-brand-color: #FFDF5A;
    --tertiary-brand-color: #000000;
    /* 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:fixed; 
    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)!important;
    border-color: var(--primary)!important;
}

.text-branding-primary
{
    color: var(--primary)!important;
}

.bg-light
{
    background-color: var(--grey-lightest)!important;
}

.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);
}

.xfflH1 {
    font-family: "Poppins", Sans-serif;
    font-size: 100px;
    font-weight: 600;
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none;
    line-height: 1em;
    letter-spacing: 0px;
    -webkit-text-stroke-width: 0px;
    stroke-width: 0px;
    -webkit-text-stroke-color: #000;
    stroke: #000;
    text-shadow: 0px 0px 10px #000000
}
.xfflH2 {
    font-family: "Poppins", Sans-serif;
    font-size: 65px;
    font-weight: 600;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 1.2em;
    letter-spacing: 0px;
}
.xfflH3 {
    font-family: "Poppins", Sans-serif;
    font-size: 35px;
    font-weight: 600;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 1.2em;
    letter-spacing: 0px;
}
.xfflText
{
    font-family: "Poppins", Sans-serif;
    font-size: 18px;
    font-weight: 300;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    letter-spacing: 0px;
}

.xfflInput
{
    width:100%;
    background-color:#f3f8fb!important;
    border-radius: 5px!important;
    color: #000000 !important;
    border: 0px none #FFFFFF !important;
    border-radius: 5px !important;
    padding: 15px 20px 15px 20px !important;
    box-shadow: 0px 0px 0px 0px #FFFFFF;
    font-family: roboto;
    font-size: 18px;
    font-weight: 400;
    background-clip: inherit !important;
}

.xfflInputLabel
{
    font-family: roboto;
    font-size: 14px;
    font-weight: 400;
    margin-bottom:.5rem;
    display:inline-block;
}

.xfflButton
{
    font-family:roboto;
    font-size:16px;
    font-weight:500;
    color:#fff;
    background-color: #951abe;
    padding:11px;
    border:1px solid black;
}

.position-button {
    width:100%;
}

.position-button-mobile {
    width:50px!important;
    padding:10px 0px 10px 0px!important;
}

.position-button-alert {
    background-color:#FFDF5A;

}
.position-button-active {
    border: 1px solid #B429E2 !important;
    color:#fff;
    background-color: #B429E2!important;
}
.position-button-picked {
    border: 1px solid #43BE1A;
    color:#fff;
    background-color: #43BE1A;

}