.checkbox{
    background-color: transparent;
    margin: 0px 10px 15px 0px;
    border-radius: 3px;
    width: auto;
    display: inline-block;
    border-radius: 2px;
    overflow: hidden;
}

.checkbox:hover{
    box-shadow: 2px 2px 1px rgba(100,100,90,0.2);
}

.checkbox > div{
    background-color: #dfdfdf;
    display: inline-block;
    padding: 8px 12px;
    cursor: pointer;
    width: auto;
    color: #666;
    
}

.checkbox > div:hover{
    color: #222;
}
.checkbox > div.active{
    background-color: #1976d2;
    color: #fff;
}

/*.checkbox > .yes{
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.checkbox > .no{
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}*/