@import "variables.less";
@import "../common/RadioButton.less";

.mblRadioButton + .mblCheckableInputDecorator {
	&:before {
		.mblCheckRadioBorder(15px);
	}
}

.mblRadioButton:not([disabled]) {
	&:active + .mblCheckableInputDecorator:before,
	& + .mblCheckableInputDecorator:active:before {
		background-color: @win-accent-color;
	}
}

.mblRadioButtonChecked + .mblCheckableInputDecorator {
	&:before {
		.mblImage(@imgRadioBtnUrl, 13px 13px);
	}
}

.mblRadioButton[disabled] {
	& + .mblCheckableInputDecorator {
		&:before {
			border-color: @win-disabled-color;
		}
	}

	&.mblRadioButtonChecked + .mblCheckableInputDecorator:before {
		.mblImage("images/radiobtn-disabled.png", 13px 13px);
	}
}