.habit {
    .items {}
    .item {
        display: inline-block;
        text-align: center;
        color: white;
        margin: 5px;
        padding: 0px;
        float: left;
    }
    .item span {
        display: inline-block;
        line-height: normal;
    }
    .item.none {
        background: #9C6C6C;
    }
    .item.none:hover {
        background: #876868;
    }
    .item.done {
        background: #64B464;
    }
    .item.done:hover {
        background: #4D8B4D;
    }
    .archived {
        background: #e5e5e5 !important;
    }
    .priority-high {
        height: calc(200px - 10px);
        width: calc(200px - 10px);
    }
    .priority-high .text {
        line-height: calc(200px - 10px);
        line-height: 190px;
    }
    .priority-medium {
        height: calc(100px - 10px);
        width: calc(200px - 10px);
    }
    .priority-medium .text {
        line-height: calc(100px - 10px);
        line-height:90px
    }
    .priority-low {
        height: calc(100px - 10px);
        width: calc(100px - 10px);
    }
    .priority-low .text {
        line-height: calc(100px - 10px);
        line-height: 90px;
    }
    .new-btn {
        background: #FFA500 !important;
        border-radius: 0px;
    }
    .new-btn:hover {
        background: #FDB631 !important;
        color: white;
    }
}