mf-yes-no label.control-switch{
    height: 100%;
    display: inline-block;
    position: absolute;
}
mf-yes-no label.switch{
	width: 150px;
	margin-left: 0px;
	padding-top: 0px;
    padding-bottom: 0px;
	font-weight: bold;
	color: #000000;
    height: 100%;
}
mf-yes-no .mf-yes-no,
mf-yes-no .mf-yes-no .control-switch{
    display: inline-block;
    height: 100%;
}
mf-yes-no label.switch a.btn.btn-primary{
	height: 100%;
	padding: 0px;
    border-radius: 0;
    position: absolute;
    top: 0;
    cursor: default;
    width: 1px;
    left: 50%;
}
mf-yes-no label.switch > span{
    line-height: 21px;
    border-radius: 0;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.mf-yes-no >label,
mf-yes-no{
    width: auto!important;
    height: 23px;
}
mf-yes-no label.switch span span{
    width: 50%;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: absolute;
}
mf-yes-no .mf-selected-no label.switch span span.mf-no,
mf-yes-no .mf-selected-yes label.switch span span.mf-yes{
    color: rgb(255, 255, 255);
    cursor: default;
    position: absolute;
}
mf-yes-no[readonly] .mf-selected-no label.switch span span.mf-no,
mf-yes-no[readonly] .mf-selected-yes label.switch span span.mf-yes,
mf-yes-no[readonly] label.switch span span{
    cursor: not-allowed;
}
mf-yes-no label.switch span span.mf-no{
    left: 0;
}
mf-yes-no label.switch span span.mf-yes{
    right: 0;
}
mf-yes-no .mf-selected-no label.switch span .btn{
    left: 0;
}
mf-yes-no .mf-selected-yes label.switch span .btn{
    right: 0;
}
mf-yes-no .mf-selected label.switch span a.btn.btn-primary {
	width: 50%;
    display: inline-block;
}

mf-yes-no .switch input[type="checkbox"]{
    display: none;
}