/* toggle in label designing */
.tax-type-toggle .toggle {
    position : relative ;
    display : inline-block;
    width : 50px;
    height : 25px;
    border-radius: 30px;
    border: 2px solid #fff;
    vertical-align:middle;
    margin-top: 5px;	
    margin-bottom:5px;
    background-color: #fff;
}
        
/* After slide changes */
.tax-type-toggle .toggle:before {
    content: '';
    position: absolute;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    top: 1px; 
    left: 0px;
    transition:  all 0.5s;
    background-color: #0a1e4d;
    border: 3px solid #0a1e4d;
    box-shadow: none;
    
}
 /* remove the old chevron from the display */
.tax-display-type-selector:before {display: none;}
    
  /* Checkbox checked effect */
.tax-type-toggle .checkbox:checked + .toggle::before {
    left : 25px; 
    width: 19px;
    height: 19px;
    background-color: #0a1e4d;
    border: 2px solid #0a1e4d;
    margin-top: 0px;
}
        
/* Checkbox checked toggle label bg color */
 .tax-type-toggle .checkbox:checked + .toggle {
    background-color: #fff;
    border: 2px solid #fff;
}
        
/* Checkbox vanished */

.tax-type-toggle span {display:inline-block;padding:5px; font-size:10px; color: #fff; vertical-align:middle; }