// SalesCrowd Checkboxes
input[type=checkbox] {  
    display: none;  
} 

input[type="checkbox"] + label span {
    display:inline-block;
    border-radius: $base-border-radius;
    width:19px;
    height:19px;
    margin:-1px 10px 0 0;
    vertical-align:middle;
    cursor:pointer;
    background: $mid-gray;
}

input[type="checkbox"] + label span {
    background-color:$mid-gray;
}

input[type="checkbox"]:hover + label span {
    background-color:$gray;
}

input[type="checkbox"]:checked + label span {
    background-color:$brand; 
    text-align: center;  
    line-height: 20px;
     text-indent: -1px;
}

input[type="checkbox"]:checked + label span:after {
    content: "\2713";  
    font-size: 14px;  
    color: #fff;
    top: -1px;
    position: relative;
}

input[type="checkbox"] + label span,
input[type="checkbox"]:checked + label span {
    -webkit-transition:background-color 0.4s linear;
    -o-transition:background-color 0.4s linear;
    -moz-transition:background-color 0.4s linear;
    transition:background-color 0.4s linear;
}