.progressMonitor-tobacco {
    width: 100%;
    background-color: Var(--bg-blue);
}

    .progressMonitor-tobacco .monitorContainer {
        width: 78%;
        padding-bottom: 2em;
    }

    .progressMonitor-tobacco .colHead {
        border-bottom: 1px solid white;
        color: white;
        padding-top: 2.5em;
        width: 100%;
    }

    .progressMonitor-tobacco .main {
        margin-top: 2em;
        border-top: 10px solid #00bfff;
    }

    .progressMonitor-tobacco .style {
        padding-left: 1.5em;
        padding-right: 0.2em;
    }

    .progressMonitor-tobacco .heading {
        width: 50%;
        font-weight: bold;
        font-size: 1.2em;
    }

    .progressMonitor-tobacco .right {
        font-size: .8em;
    }
        .progressMonitor-tobacco .right .circle-icon {
            font-size: 15px;
            margin: 0 0.5em 0 1em;
            color: white
        }

        .progressMonitor-tobacco .right .circle-icon-one {
            font-size: 15px;
            margin: 0 0.5em 0 1em;
            color: white;
        }

    .progressMonitor-tobacco .rowBtn {
        width: 100%;
        font-size: 1em;
        font-family: 'SourceSansPro-Regular', sans-serif;
    }

    .progressMonitor-tobacco .monitorContainer .main .card {
        margin: 0 0.3em 0.3em 1em !important;
    }

    .progressMonitor-tobacco .monitorContainer .main .accordion {
        background-color: white !important;
        padding: 1em .5em 1em 0;
    }

    .progressMonitor-tobacco .monitorContainer .card .card-header {
        padding: 0 !important;
    }

    .progressMonitor-tobacco .monitorContainer .card-header :hover {
        background: none !important;
    }

    .progressMonitor-tobacco .box {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: linear-gradient(to bottom, #00bfff 100%, transparent 0) content-box;
        box-sizing: border-box;
        display: flex;
        align-self: flex-end;
    }

    .progressMonitor-tobacco .box-1 {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: linear-gradient(to bottom, #00bfff 100%, transparent 0) content-box;
        box-sizing: border-box;
        display: flex;
        align-self: center;
    }

    .progressMonitor-tobacco .card-body {
        padding: 5px 10px !important;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(1) .card-header .box {
        border: 2px solid #2898da;
        background: linear-gradient(to bottom, #2898da 100%, transparent 0) content-box !important;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(2) .card-header .box {
        border: 2px solid #2898da;
        background: linear-gradient(to bottom, #2898da 0%, transparent 0) content-box !important;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(3) .card-header .box {
        border: 2px solid #2898da;
        background: linear-gradient(to bottom, #2898da 50%, transparent 0) content-box !important;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(4) .card-header .box {
        border: 2px solid #aa1b89;
        background: linear-gradient(to bottom, #aa1b89 100%, transparent 0) content-box !important;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(5) .card-header .box {
        border: 2px solid #aa1b89;
        background: linear-gradient(to bottom, #aa1b89 0%, transparent 0) content-box !important;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(6) .card-header .box {
        border: 2px solid #7bbe30;
        background: linear-gradient(to bottom, #7bbe30 0%, transparent 0) content-box !important;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(7) .card-header .box {
        border: 2px solid #7bbe30;
        background: linear-gradient(to bottom, #7bbe30 50%, transparent 0) content-box !important;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(8) .card-header .box {
        border: 2px solid #7bbe30;
        background: linear-gradient(to bottom, #7bbe30 100%, transparent 0) content-box !important;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(9) .card-header .box {
        border: 2px solid #7bbe30;
        background: linear-gradient(to bottom, #7bbe30 0%, transparent 0) content-box !important;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(10) .card-header .box {
        border: 2px solid #7bbe30;
        background: linear-gradient(to bottom, #7bbe30 50%, transparent 0) content-box !important;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(11) .card-header .box, .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(12) .card-header .box {
        border: 2px solid #f7672e;
        background: linear-gradient(to bottom, #f7672e 0%, transparent 0) content-box !important;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(5) .card-body .style div:nth-child(1) .box-1 {
        border: 2px solid #7bbe30;
        background: linear-gradient(to bottom, #7bbe30 100%, transparent 0) content-box !important;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(5) .card-body .style div:nth-child(2) .box-1 {
        border: 2px solid #7bbe30;
        background: linear-gradient(to bottom, #7bbe30 0%, transparent 0) content-box !important;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(5) .card-body .style div:nth-child(3) .box-1 {
        border: 2px solid #7bbe30;
        background: linear-gradient(to bottom, #7bbe30 50%, transparent 0) content-box !important;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(5) .card-body .style div:nth-child(4) .box-1 {
        border: 2px solid #7bbe30;
        background: linear-gradient(to bottom, #7bbe30 100%, transparent 0) content-box !important;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(5) .card-body .style div:nth-child(5) .box-1 {
        border: 2px solid #7bbe30;
        background: linear-gradient(to bottom, #7bbe30 50%, transparent 0) content-box !important;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(6) .card-body .style div:nth-child(1) .box-1 {
        border: 2px solid #7bbe30;
        background: linear-gradient(to bottom, #7bbe30 0%, transparent 0) content-box !important;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(6) .card-body .style div:nth-child(2) .box-1 {
        border: 2px solid #7bbe30;
        background: linear-gradient(to bottom, #7bbe30 100%, transparent 0) content-box !important;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(6) .card-body .style div:nth-child(3) .box-1 {
        border: 2px solid #7bbe30;
        background: linear-gradient(to bottom, #7bbe30 0%, transparent 0) content-box !important;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(7) .card-body .style div:nth-child(1) .box-1 {
        border: 2px solid #7bbe30;
        background: linear-gradient(to bottom, #7bbe30 100%, transparent 0) content-box !important;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(7) .card-body .style div:nth-child(2) .box-1 {
        border: 2px solid #7bbe30;
        background: linear-gradient(to bottom, #7bbe30 50%, transparent 0) content-box !important;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(7) .card-body .style div:nth-child(3) .box-1 {
        border: 2px solid #7bbe30;
        background: linear-gradient(to bottom, #7bbe30 0%, transparent 0) content-box !important;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(7) .card-body .style div:nth-child(4) .box-1 {
        border: 2px solid #7bbe30;
        background: linear-gradient(to bottom, #7bbe30 100%, transparent 0) content-box !important;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(1) .card-header, .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(2) .card-header, .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(3) .card-header {
        background-color: #dbeef7 !important;
        border-left: 6px solid #71b3df;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(4) .card-header, .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(5) .card-header {
        background-color: #f0e3ee !important;
        border-left: 6px solid #c170a7;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(6) .card-header, .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(7) .card-header, .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(8) .card-header, .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(9) .card-header, .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(10) .card-header {
        background-color: #eef4e7 !important;
        border-left: 6px solid #a6cf84;
    }

    .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(11) .card-header, .progressMonitor-tobacco .monitorContainer .progress-monitor .card:nth-child(12) .card-header {
        background-color: #feebe0 !important;
        border-left: 6px solid #fbbd77;
    }