.classification {
    display: inline-block;
    padding: 3px 8px;
    letter-spacing: 1px;
    line-height: normal;
    border-radius: 3px;
    text-align: center;
    font-weight: 700;
    font-family: 'Roboto';
    font-size: .86em;
    color: #616161;
    margin-right: 5px;
    margin-bottom: 5px;
}

.classification.hide {
    display: none;
}
.payment-kiosk-item .classification {
    font-size: 35px;
}
.treez-item-kiosk .classification {
    font-size: 25px;
}
.cbd-class {
    border: 1px solid #e86a6b;
}
.cbd-class.active {
    color: #fff;
    background: #e86a6b;
}
    .sativa-class {
    border: 1px solid #ffe203;
    border-radius: 3px;
}
.sativa-class.active {
    color: #616161;
    background: #ffe203;
}
.si-class {
    border: 1px solid #b9d242;;
}
.si-class.active {
    color: #616161;
    background: #b9d242;;
}

.sativa-hybrid-class {
    border: 1px solid #bad532;
}
.sativa-hybrid-class.active {
    color: #616161;
    background: #bad532;
}

.hybrid-class {
    border: 1px solid #66b94d;
}
.hybrid-class.active {
    color: #fff;
    background: #66b94d;
}

.indica-hybrid-class {
    border: 1px solid #5abd97;
}
.indica-hybrid-class.active {
    color: #fff;
    background: #5abd97;
}
.indica-class {
    border: 1px solid #3eaeba;
}
.indica-class.active {
    color: #fff;
    background: #3eaeba;
}
.organic-class {
    border: 1px solid #bcbcbc;
}
.organic-class.active {
    color: #616161;
    background: #bcbcbc;
}

@media all and (max-width:640px) {
    .classification {
        font-size: 8px;
    }
}