/*Example*/
/* <div class="checkbox--deactivated">
<div class="checkbox__background">
    <i class="u-center-wrapper checkbox__icon material-icons">
        close
    </i>
</div>
</div> */

.checkbox{
    display:inline-block;
}

.checkbox--m-6{
    margin: -6px 0px;
}

.checkbox--deactivated{
    display:inline-block;
}

.checkbox__icon{
    color:#fff;
    font-size:20px;
    cursor: default;
}

.checkbox__background{
    background-color: #ef7d00;
    width:25px;
    height:25px;
    position: relative;
    border-radius: 4px;
}

.checkbox--deactivated .checkbox__icon{
    color:#808486;

}

.checkbox--deactivated .checkbox__background{
    background-color:#c2cace;
}