/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2020-04-03, 12:53:06
    Author     : jarek
*/


label[for="subscriber-gender-check_all"] .custom-checkbox,
label[for="order-check_all"] .custom-checkbox
{
    /*border-width: 1px !important;*/
    border-color: #000;
}

label[for="subscriber-gender-check_all"],
label[for="order-check_all"]{
    position: relative;
}
div.check-all{
    position: relative;
    display: inline;
}
div.check-all::after {

    content: '';
    width: 100%;
    height: 1px;
    background-color: #000;
    position: absolute;
    margin: auto;
    bottom: 2px;
    left: 0px;

}

.custom-checkbox-wrapper input:checked + label[for="subscriber-gender-check_all"] .custom-checkbox,
.custom-checkbox-wrapper input:checked + label[for="order-check_all"] .custom-checkbox{
    border-color: #b6b6b6 !important;
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {

    div.check-all::after {
        bottom: 2px;
    }  
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) {

    div.check-all::after {
        bottom: 0px;
    }     
}


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
   
    div.check-all::after {
        bottom: 0px;
    }      
}