label {
  display: inline;
  cursor:pointer;
}

.radio-wrap{display:inline-block; position:relative;}

.regular-radio {
  display:none;  
}
 .regular-radio + label {
  background-color: none;
  border: none;
  padding-left:0px;
  width:auto;
  display: inline-block;
  position: relative;
  margin-bottom:0px;     
}
.regular-radio + label:active, .regular-radio:checked + label:active {
    font-weight:normal;
    padding: 0 0 0 30px;
}
.regular-radio:checked + label {
    background-color: none;
    border: none;
    color: #484b65;
    font-weight:normal;
    padding: 0 0 0 30px;
}
.regular-radio:checked + label::after {
    content: ' ';
    font-size: 1px;
    position: absolute;
    top: 2px;
    left: 0px;
    width:22px;
    height:22px; 
    border-radius:22px; 
    border:1px solid #9098AC;
    background: #ffffff;
}
.regular-radio:checked + label::before {
    content: ' ';
    font-size: 1px;
    position: absolute;
    top: 7px;
    left: 5px;
    width:12px;
    height:12px; 
    border-radius:12px; 
    background: #E3276B;
    z-index: 5000
}

.regular-radio + label {
  padding-left:30px;
  width:0px;
  padding-right:0px;
  font-size:14px;
  border:none;
  line-height:26px;
  border:none;
  font-weight:normal;
}
.regular-radio + label::after {
    content: ' ';
    font-size: 1px;
    position: absolute;
    top: 2px;
    left: 0px;
    width:22px;
    height:22px; 
    border-radius:22px; 
    border:1px solid #9098AC;
    box-sizing: border-box;
    background: #ffffff;
}

.regular-radio + label:active, .regular-radio:checked + label:active, .regular-radio:checked + label {
  width:auto;
  padding-right:0px;
  font-size:14px;  
  border:none;  
  font-weight:normal;
}
.regular-radio:focus + label {
    border:none;
}







.regular-checkbox {
  display:none;
}
.regular-checkbox + label {
  border: none;
  box-shadow: none;
  width:30px;
  height:20px;
  padding-left:35px;
  line-height:20px;
  display: inline-block;
  position: relative;
  margin-bottom:0px;  
  font-size:14px; 
  background:transparent; 
}

.regular-checkbox + label::before {
  position:absolute; left:0px ; top:0px;
  content:".";
  width:20px; line-height: 18px; background: #fff; display:inline-block; text-align:center; font-weight:bold; color:#ffffff; margin-right:10px;
border:1px solid #D9D9D9; border-radius: 0px;box-sizing: border-box; font-size:15px;
}


.regular-checkbox + label::before :active, .regular-checkbox:checked + label::before :active {
color:#E00A10!important;content:"X";
}
.regular-checkbox:checked + label::before {
  color:#E00A10!important;content:"X";
}

label.width_auto {width:auto !important;}