.input-switch{
	display: none;
}

.label-switch{
	display: inline-block;
	position: relative;
}

.label-switch::before, .label-switch::after{
	content: "";
	display: inline-block;
	cursor: pointer;
	transition: all 0.5s;
}

.label-switch::before {
    width: 3em;
    height: 1em;
    border: 1px solid #757575;
    border-radius: 4em;
    background: #888888;
}

.label-switch::after {
    position: absolute;
    left: 0;
    top: -20%;
    width: 1.5em;
    height: 1.5em;
    border: 1px solid #757575;
    border-radius: 4em;
    background: #ffffff;
}

.input-switch:checked ~ .label-switch::before {
    background: #00a900;
    border-color: #008e00;
}

.input-switch:checked ~ .label-switch::after {
    left: unset;
    right: 0;
    background: #00ce00;
    border-color: #009a00;
}

.info-text {
	display: inline-block;
}

.info-text::before{
	content: "Not active";
}

.input-switch:checked ~ .info-text::before{
	content: "Active";
}


		
/* <input class='input-switch' type="checkbox" id="demo">
<label class="label-switch" for="demo"></label>
<span class="info-text"></span>*/


/* overflow in table data */


/* <td>
<div style="overflow: auto; width: 100px; resize:none; nowrap;"><?php echo $vendorAddressResult[$count]['registered_address']; ?></div>
	<?php //echo $vendorAddressResult[$count]['registered_address']; ?>
</td>

<td>
<div style="overflow: auto; width: 100px; nowrap;"><?php echo $vendorAddressResult[$count]['billing_address']; ?></div>

	<?php //echo $vendorAddressResult[$count]['billing_address']; ?>
</td> */ 


/* $primary: #6743ee
$seconday: #9F9F9F */

.l-radio 
{
    padding: 6px;
    border-radius: 50px;
    /* display: inline-flex; */
    cursor: pointer;
    transition: background .2s ease;
    margin: 8px 0;
    -webkit-tap-highlight-color: transparent; 
}
.l-radio:hover, .l-radio:focus-within 
{
    background: rgba(159, 159, 159, 0.1); 
}
.l-radio input
{
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: none;
    border: 0;
    box-shadow: inset 0 0 0 1px #9F9F9F;
    box-shadow: inset 0 0 0 1.5px #9F9F9F;
    appearance: none;
    padding: 0;
    margin: 0;
    transition: box-shadow 150ms cubic-bezier(0.95, 0.15, 0.5, 1.25);
    pointer-events: none; 
}
.l-radio input:focus 
{
outline: none;
}
.l-radio input:checked {
box-shadow: inset 0 0 0 6px #337ab7;
}
.l-radio span
{
vertical-align: middle;
display: inline-block;
line-height: 20px;
padding: 0 8px; 
}