.water-consumption {
    padding: 10px;
    .sub-title {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        font-weight: 800;
        border-bottom: 1px solid var(--calendar-border);
        padding: 0 20px;
        background-image: none !important;
        .extra {
            right: 20px;
            font-weight: 400;
        }
    } 
    &-head {
        background-color: var(--bg-color2);
        border: 1px solid var(--bg-border-color2);
        
        &-filter {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        &-main {
            display: flex;
            padding: 0 20px 20px 20px;
        }
    }
    &-main {
        margin-top: 10px;
        padding: 16px;
        min-height: 400px;
        background-color: var(--bg-color2);
        border: 1px solid var(--bg-border-color2);
    }
}
