#WIG label {
    padding: 0.375em 0.75em;
}

#WIG input, #WIG textarea {
    background-color: #ffffcc;
}

#WIG .stats input {
    text-align: right;
}

.quarterStart {
    background-image: linear-gradient(var(--cpb-green), var(--cpb-background-2));
    padding: 0.25em 0.5em 0.25em;
    color:var(--cpb-text-contrast);
}

.quarterLeads div {
    background-color: var(--cpb-background-2);
}

#WIG label.lag {
    padding: 2.5em 0;
    text-align: center;
    background-color: var(--cpb-background-2);
}

#WIG h6.month {
    width: 100%;
    padding: 0.5em;
    text-align: center;
    background-color: var(--cpb-light-blue);
    color: var(--cpb-dark-gray);
    margin: 0;
    font-weight: 700;
}

.stats-view div div {
    border: solid 1px var(--cpb-charcoal);
    padding: 0.25em 0.5em;
}
.stats-view div h6 {
    border: solid 1px var(--cpb-charcoal);
    margin-bottom:0;
    padding:0.25em;
}

h6.monthLead {
    padding: 0.25em 0.5em;
    margin: 0;
}
span.monthLead {
    display:none;
}

.revenue {
    color: var(--cpb-red);
}

.currentQuarter {
    background-color: var(--cpb-blue-dark);
    color:var(--cpb-background);
}

.monthActivities {
    border-left: solid 2px var(--cpb-light-blue);
    border-bottom: solid 2px var(--cpb-light-blue);
    padding-bottom: 0.25em;
}

    .monthActivities:last-child {
        border-right: solid 2px var(--cpb-light-blue);
    }

    .monthActivities input {
        width: 98%;
        background-color: var(--cpb-background) !important;
    }

    .monthActivities.report {
        display:flex;
        flex-flow: row wrap;
        padding-bottom:0;
        align-items:start;
    }
        .monthActivities.right {
            border-right: solid 2px var(--cpb-light-blue);
        }
        .monthActivities.report .done, .monthActivities.report .no {
            font-size:small;
        }
    .monthActivities.report > * {
        flex:none;
    }
    input#SaveWIG {
        background-color: var(--cpb-green);
    }
input#SaveWIG2 {
    background-color: var(--cpb-medium-gray);
}

.QuarterLinks {
    display: flex;
    flex-direction: row;
    flex-basis: content;
    align-content: space-between;
    width: 100%;
}
    .QuarterLinks a {
        margin: auto;
    }
        .QuarterLinks a:first-child {
            margin-left: 0;
        }
        .QuarterLinks a:last-child {
            margin-right: 0;
            text-align: right;
        }
.SMART {
    float:left;
    position: fixed;
    left: 0.5em;
    top: 18.6em;
    width: 10em;
}
.SMART div {
    padding: 0.125em 0.5em;
}
    .SMART div.s {
        border: solid 1px #000;
        border-top: none;
        background-color: var(--cpb-light-blue);
        color: #000;
    }
    .SMART div.s:first-letter {
        color: var(--cpb-red-dark);
        margin-right: 2px;
        font-weight:bold;
    }

    .SMART div:first-child {
        background-color: var(--cpb-green);
        color: var(--cpb-background);
        font-weight: 700;
        text-align: center;
        border: solid 1px #000;
    }

.Confidentiality {
    float: left;
    position: fixed;
    left: 0.5em;
    top: 18.6em;
    width: 15em;
    border: solid 2px var(--cpb-background);
}
@media(max-width:1800px) {
    .Confidentiality {
        display: none;
    }

    .SMART
{
        display:none;
    }
}
.bi-x-octagon-fill {
    color: #f00;
}
.addButton .bi-plus-circle-fill {
    color: var(--cpb-green);
}

.bi-journal-plus {
    color: var(--cpb-text);
    font-size: 1.4em;
    float: right;
}

.bi-journal-check {
    color: var(--cpb-green-dark);
    font-size: 1.4em;
    float:right;
}


#leads {
    display: none;
}

    #leads .close {
        color: #f00;
        background-color:var(--cpb-background);
        border-radius:.5em;
        float: right;
        cursor: pointer;
        margin-right: -1em;
        margin-top: -1em;
        font-size: 1.3em;
        top: -1em;
        position: sticky;
        font-weight: bold;
        padding:0;
        height:1em;
    }
        #leads .close * {
            position:relative;
            top:-0.3em;
        }

        textarea.active {
            border: solid 4px var(--cpb-green);
        }

#leads.active {
    display: block;
    position: fixed;
    top: 30px;
    width: 50%;
    margin-left: 8%;
    background-color: var(--cpb-green);
    padding: 2em;
    padding-left: 0;
    border: solid 5px #000;
    max-height: calc(90vh);
    overflow-y: scroll;
    z-index:20;
}
tr.archived td {
    background-color: var(--cpb-light-gray) !important;
}

    #leads li.lead {
        padding: 0 1em 0.35em 1em;
        display:flex;
    }
#leads span.title {
    cursor: pointer;
    font-weight: 600;
    display: inline-block;
    color: var(--cpb-text-contrast);
}
#lead ol {
    list-style-type: decimal;
    color:var(--cpb-text-contrast);
    display:none;
}
#leads li li {
    display: none;
}
#leads.activity-select li {
    display:none;
}
    #leads.activity-select li.activity-select {
        display: block;
    }
        #leads.activity-select li.activity-select ol {
            padding: 0;
            list-style-type: disc;
            list-style-position: outside;
            color: var(--cpb-text-contrast);
        }
        #leads.activity-select li.activity-select li {
            display: block;
            cursor: pointer;
            border-bottom: solid 1px #ccc;
            list-style-type: disc;
            list-style-position: outside;
            padding-bottom: .5em;
            margin-bottom: 0.25em;
        }
.monthActivities .bi-journal-plus {
    position: relative;
    color: #f00;
}
.monthActivities .activity {
    width: 83.333333%;
}
.monthActivities[data-leadid="0"] .bi {
    display: none;
}
.monthActivities[data-leadid="0"] .activity {
    width: 91.6666666%;
}
.blurred {
    filter: blur(3px);
}
.ai_data {
    float: left;
    width: 100%;
    display: none;
    background-color: var(--cpb-blue-dark);
    border-radius: 0.5em;
}
.ai_data > div {
    margin:0.5em;
    background-color:var(--cpb-background);
    border: solid 2px var(--cpb-text);
    border-radius:0.5em;
    padding: 0.25em 0.5em;
    min-height:100px;
}
    .ai_data > div.btn {
        min-height:unset;
        width:96.7%
    }
    .show-recs .ai_data {
        display: block
    }
.act-container {
    display: flex;
}
.show-recs > .act-container {
    display: none !important;
}