.checkbox {padding-left: 0px;}
.checkbox label {display: inline-block;position: relative;padding-left: 37px;text-decoration: none;}
.filter .checkbox.filter-not label {text-decoration: none;}
.checkbox label::before {content: "";display: inline-block;position: absolute;width: 26px;height: 26px;left: 0;border: 1px solid #666;border-radius: 0;background-color: #fff;
-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {display: block;position: absolute;width: 20px;height: 20px;left: 3px;top: 3px;background: #30D8AB;}
.checkbox input[type="checkbox"] {opacity: 0;margin: 0 !important;}
.checkbox input[type="checkbox"]:checked + label {acolor: #FFF;}
.checkbox input[type="checkbox"]:focus + label::before {outline: none;}
.checkbox input[type="checkbox"]:checked + label::before {}
.checkbox input[type="checkbox"]:checked + label::after {content: "";}
.checkbox input[type="checkbox"]:disabled + label {opacity: 0.65;}
.checkbox input[type="checkbox"]:disabled + label::before {background-color: #eeeeee;cursor: not-allowed;}
.checkbox.checkbox-circle label::before {border-radius: 50%;}
.checkbox.checkbox-inline {margin-top: 0;}

.checkbox.icon-check label::after {font-size: 18px;background: none;text-align: center;outline: none;}
.checkbox.icon-check input[type="checkbox"]:checked + label::after {font-family: 'FontAwesome';content: "\f00c";}

.checkbox.small {}
.checkbox.small label {padding-left: 28px;}
.checkbox.small label::before {width: 15px;height: 15px;top: 3px;}
.checkbox.small label::after {width: 9px;height: 9px;top: 6px;} 
.checkbox.transparent {}
.checkbox.transparent label::before {background: none;}

/*
.checkbox.checkbox-sale {}
.checkbox.checkbox-sale label::before {border-color: #FF8D09;}
.checkbox.checkbox-sale label::after {background-color: #FF8D09;}

.checkbox.checkbox-news {}
.checkbox.checkbox-news label::before {border-color: #30D8AB;}
.checkbox.checkbox-news label::after {background-color: #30D8AB;}
*/

.checkbox.checkbox-all {}
.checkbox.checkbox-all label::before {border-color: #FFF;}
.checkbox.checkbox-all label::after {background-color: #FFF;}

.checkbox.form-toggle {}
.checkbox.form-toggle label::before {}
.checkbox.form-toggle label::after {background-color: #333;}


.checkbox.color-yellow {}
.checkbox.color-2 label::before, .checkbox.color-yellow label::before {border-color: yellow;background-color: yellow;}
.checkbox.color-2 label::after, .checkbox.color-yellow label::after {color: #000;}
.checkbox.color-yellow input[type="checkbox"]:checked + label::before {border-color: yellow;}
.checkbox.color-2 input[type="checkbox"]:checked + label::before {border-color: yellow;}
.checkbox.color-2 input[type="checkbox"]:disabled + label {opacity: 0.25;}
.checkbox.color-2 input[type="checkbox"]:disabled + label::before {background-color: yellow;opacity: 0.25;}

.checkbox.color-white {}
.checkbox.color-white label::before {border-color: #FFF;}
.checkbox.color-white label::after {color: #FFF;}
.checkbox.color-white input[type="checkbox"]:checked + label::before {border-color: #FFF;}
.checkbox.color-white input[type="checkbox"]:disabled + label {opacity: 0.25;}
.checkbox.color-white input[type="checkbox"]:disabled + label::before {background-color: #FFF;opacity: 0.25;}

.checkbox.color-blue {}
.checkbox.color-4 label::before, .checkbox.color-blue label::before {border-color: #267CBD;background-color: #267CBD;}
.checkbox.color-4 label::after, .checkbox.color-blue label::after {color: #FFF;}
.checkbox.color-blue input[type="checkbox"]:checked + label::before {border-color: #267CBD;}
.checkbox.color-4 input[type="checkbox"]:checked + label::before {border-color: #267CBD;}
.checkbox.color-4 input[type="checkbox"]:disabled + label {opacity: 0.25;}
.checkbox.color-4 input[type="checkbox"]:disabled + label::before {background-color: #267CBD;opacity: 0.25;}

.checkbox.color-black {}
.checkbox.color-1 label::before, .checkbox.color-black label::before {border-color: #000;background-color: #000;}
.checkbox.color-1 label::after, .checkbox.color-black label::after {color: #FFF;}
.checkbox.color-black input[type="checkbox"]:checked + label::before {border-color: #000;}
.checkbox.color-1 input[type="checkbox"]:checked + label::before {border-color: #000;}
.checkbox.color-1 input[type="checkbox"]:disabled + label {opacity: 0.25;}
.checkbox.color-1 input[type="checkbox"]:disabled + label::before {background-color: #000;opacity: 0.25;}


.checkbox.color-5 label::before {border-color: #FFAB1A;background-color: #FFAB1A;}
.checkbox.color-5 label::after {color: #FFF;}
.checkbox.color-5 input[type="checkbox"]:checked + label::before {border-color: #FF341A;}
.checkbox.color-5 input[type="checkbox"]:disabled + label {opacity: 0.25;}
.checkbox.color-5 input[type="checkbox"]:disabled + label::before {background-color: #FF341A;opacity: 0.25;}


.checkbox.color-7 label::before {border-color: #FF341A;background-color: #FF341A;}
.checkbox.color-7 label::after {color: #FFF;}
.checkbox.color-7 input[type="checkbox"]:checked + label::before {border-color: #FF341A;}
.checkbox.color-7 input[type="checkbox"]:disabled + label {opacity: 0.25;}
.checkbox.color-7 input[type="checkbox"]:disabled + label::before {background-color: #FF341A;opacity: 0.25;}


.checkbox.color-13 label::before {border-color: #349900;background-color: #349900;}
.checkbox.color-13 label::after {color: #FFF;}
.checkbox.color-13 input[type="checkbox"]:checked + label::before {border-color: #349900;}
.checkbox.color-13 input[type="checkbox"]:disabled + label {opacity: 0.25;}
.checkbox.color-13 input[type="checkbox"]:disabled + label::before {background-color: #349900;opacity: 0.25;}


.checkbox.color-28 label::before {border-color: #2CD0F3;background-color: #2CD0F3;}
.checkbox.color-28 label::after {color: #FFF;}
.checkbox.color-28 input[type="checkbox"]:checked + label::before {border-color: #2CD0F3;}
.checkbox.color-28 input[type="checkbox"]:disabled + label {opacity: 0.25;}
.checkbox.color-28 input[type="checkbox"]:disabled + label::before {background-color: #2CD0F3;opacity: 0.25;}


.checkbox.color-29 label::before {border-color: #5e3e89;background-color: #5e3e89;}
.checkbox.color-29 label::after {color: #FFF;}
.checkbox.color-29 input[type="checkbox"]:checked + label::before {border-color: #5e3e89;}
.checkbox.color-29 input[type="checkbox"]:disabled + label {opacity: 0.25;}
.checkbox.color-29 input[type="checkbox"]:disabled + label::before {background-color: #5e3e89;opacity: 0.25;}


.checkbox.color-30 label::before {border-color: #FF34B0;background-color: #FF34B0;}
.checkbox.color-30 label::after {color: #FFF;}
.checkbox.color-30 input[type="checkbox"]:checked + label::before {border-color: #FF34B0;}
.checkbox.color-30 input[type="checkbox"]:disabled + label {opacity: 0.25;}
.checkbox.color-30 input[type="checkbox"]:disabled + label::before {background-color: #FF34B0;opacity: 0.25;}


.checkbox.color-31 label::before {border-color: #CCC;background-color: #CCC;}
.checkbox.color-31 label::after {color: #000;}
.checkbox.color-31 input[type="checkbox"]:checked + label::before {border-color: #CCC;}
.checkbox.color-31 input[type="checkbox"]:disabled + label {opacity: 0.25;}
.checkbox.color-31 input[type="checkbox"]:disabled + label::before {background-color: #CCC;opacity: 0.25;}


.checkbox.color-32 label::before {border-color: #A57F55;background-color: #A57F55;}
.checkbox.color-32 label::after {color: #FFF;}
.checkbox.color-32 input[type="checkbox"]:checked + label::before {border-color: #A57F55;}
.checkbox.color-32 input[type="checkbox"]:disabled + label {opacity: 0.25;}
.checkbox.color-32 input[type="checkbox"]:disabled + label::before {background-color: #A57F55;opacity: 0.25;}


.checkbox.color-6 label::before {border-color: #FFF;background-color: #FFF;}
.checkbox.color-6 label::after {color: #000;}
.checkbox.color-6 input[type="checkbox"]:checked + label::before {border-color: #FFF;}
.checkbox.color-6 input[type="checkbox"]:disabled + label {opacity: 0.25;}
.checkbox.color-6 input[type="checkbox"]:disabled + label::before {background-color: #FFF;opacity: 0.25;}


.checkbox.in-cart {}
.checkbox.in-cart label::before {border-color: #CCC;background: none;top: 5px;}
.checkbox.in-cart label::after {color: #FFF;}
.checkbox.in-cart input[type="checkbox"]:checked + label::before {border-color: #FFF;}

.radio {
    padding-left: 20px; }
.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
top: 50%;
margin-top: -8px;
    margin-left: -20px;
    border: 1px solid #666;
    border-radius: 50%;
    background-color: none;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; }
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 50%;
    margin-top: -5px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #333;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] {
    opacity: 0; }
.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label {
    opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed; }
.radio.radio-inline {
    margin-top: 0; }
    
.radio.transparent label::after {background-color: #FFF;}