.auth-bg .bg-overlay {
    opacity: .8 !important;
}

.pace .pace-activity {
    background: #249a6a !important;
}

.forcastBody {
  /*  max-height: 76vh;
    overflow-y: auto;*/
}

.my-card {
    position: absolute;
    left: 40%;
    top: -20px;
    border-radius: 50%;
}

.mb-40{
    margin-bottom : 40px;
}

.mt-20 {
    margin-top: 20px;
}

.updated {
    background-color: #e2f0fb;
}

.hidetext {
    /*color:white;*/
}

.lblthin{
    font-weight:100;
}

.skipped{
    background-color: #f900006b
}

.exceed {
    background-color: indianred;
}

.colorsq_1 {
    width: 20px;
    height: 20px;
    background-color: #ffeaa7;
    border: 1px solid #878484;
}

    .colorsq_1:after {
        content: 'Contracted';
        display: block;
        width: 100px;
        margin-left: 25px
    }

.colorsq {
    width: 100%;
}

.col-row {
    display: flex;
    
}

.colorsq_2 {
    width: 20px;
    height: 20px;
    background-color: #ffb4a7;
    border: 1px solid #878484;
}

    .colorsq_2:after {
        content: 'Exceeded';
        display: block;
        width: 100px;
        margin-left: 25px
    }

.colorsq_3 {
    width: 20px;
    height: 20px;
    background-color: white;
    border: 1px solid #878484;
}

    .colorsq_3:after {
        content: 'Non Contracted';
        display: block;
        width: 100px;
        margin-left: 25px
    }

.currentrow {
    background-color: #ffeaa7;
}