#CareerMatchHolder
{
    background-color: #007BA8;
}

.progressghost
{ /* Transparent progress bar */
    background-color: #75CBE8;
}

.option
{ /* Option style */
    background-color: #90D3EA;
}

    .option:hover
    {
        background-color: #bceaf9;
    }

        div.voted
        {
            background-color: #def7ff;
        }

#careers
{
    background-color: #90D3EA;
}

pie-chart {
    margin-top: -6%;
    max-width: 200px;
}

div.pie-chart-key p {
    float: left;
    margin-top: 10px;
    margin-bottom: 15px;
    margin-right: 20px;
}

    div.pie-chart-key p span.key-words {
        display: block;
        float: left;
        width: 320px;
    }

    div.pie-chart-key p span.key {
        display: block;
        height: 21px;
        width: 14px;
        background-color: #000;
        float: left;
    }

        div.pie-chart-key p span.key.definitely {
           
            background-color: #0000FF;
        }

        div.pie-chart-key p span.key.probably {
            background-color: #FF0000;
        }

        div.pie-chart-key p span.key.probably-not {
            background-color:darkorange;
        }

        div.pie-chart-key p span.key.definitely-not {
           
            background-color: #008000;
        }

div.accordion .accordion-item {
    border: none;
    border-radius: 0;
    border-bottom: solid 2px #000000;
}

div.accordion .accordion-button {
    padding-left: 0;
    font-size: 1.5rem;
    font-weight: 700;
}

    div.accordion .accordion-button:focus, div.accordion .accordion-button:not(.collapsed) {
        border: none;
        background: none;
        box-shadow: none;
        color: unset;
    }

        div.accordion .accordion-button:focus::after, div.accordion .accordion-button:not(.collapsed)::after {
            background-image: var(--bs-accordion-btn-icon);
        }

div.accordion .accordion-header i {
    margin-left: 5px;
}

span.score-bar-container {
    position: absolute;
    right: 50px;
    top: 15px;
    width: 200px;
}

span.score-bar {
    float: right;
    background-repeat: repeat-x;
    background-position: left;
    width: 200px;
    height: 25px;
}

.Gold {
    /*background-image: url("../images/MatchScoreBackgrounds/gold.png");*/
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='gold' class='bi bi-check-circle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3E%3C/svg%3E");
}

.Silver {
    /*background-image: url("../images/MatchScoreBackgrounds/silver.png");*/
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='silver' class='bi bi-check-circle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3E%3C/svg%3E");
}

.Bronze {
    /*background-image: url("../images/MatchScoreBackgrounds/bronze.png");*/
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='orange' class='bi bi-check-circle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3E%3C/svg%3E");
}

.Black {
/*    background-image: url("../images/MatchScoreBackgrounds/black.png");*/
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-check-circle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3E%3C/svg%3E");
}