/* Logo manipulation and Chevron (status bar) stuff */

.logo-1 {
    fill: white;
}

    .logo-1:hover {
        fill: var(--pale-primary-1);
    }

.logo-2 {
    fill: var(--secondary);
}

.logo-3 {
    fill: var(--primary-user);
}

.logo-4 {
    fill: var(--primary);
}

.logo-5 {
    fill: var(--pale-primary-1);
}

.requestStatusBar {
    padding: 7px 2px 5px 2px;
}

.chevvys {
    padding: 5px;
    /*margin-bottom: 13px;*/
    width: 100%;
    background-color: #EEE;
    border-bottom: solid 1px #ddd;
    border-top: solid 1px #ddd;
}

.chevvy {
    stroke-width: 1;
    stroke: darkgrey;
    min-width: 150px;
}

.chevvyText {
    font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 15px;
    stroke: none !important;
}

.chevvyLegendText {
    font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 8px;
    stroke: none !important;
}

.legendBox {
    stroke: none;
}

.chevvyworkflowText {
    fill: yellow;
}

.chevvygroupText,
.chevvyapplicationText,
.chevvyreviewText,
.chevvydecisionText {
    fill: white;
}

.chevvydoneText {
    fill: darkgreen;
}

.chevvyiceBlueText {
    fill: maroon;
}

.chevvymauvesText {
    fill: darkblue;
}

.chevvypurplesText {
    fill: cyan;
}

.chevvypeachyText {
    fill: saddlebrown;
}

.chevvyiceBlueText,
.chevvyfireRedText,
.chevvydeepGreenText {
    fill: white;
}

.chevvydoneLegendText {
    fill: darkgreen;
}

.doneStatus {
    stroke: darkgreen;
}

.chevvyactiveText, .chevvyactiveLegendText {
    fill: darkred;
}

.activeStatus {
    stroke: darkorange;
}

.chevvyfutureText, .chevvyfutureLegendText {
    fill: grey;
}

.futureStatus {
    stroke: darkgrey;
}

.chevvySpan {
    /*    margin-left: -5px !important; 
*/ min-width: 140px;
}

#sbc1, #sbc2 {
    margin-bottom: 5px;
}