/* ================================== */
/* CSS for control sap.m/RadioButton  */
/* Horizon High Contrast Black theme  */
/* ================================== */

.sapMRb {
	height: 2.75rem;

	.sapMRbBOut {
		stroke-width: 0.125rem;
	}

	&.sapMRbRo .sapMRbBOut {
		stroke-width: @sapElement_BorderWidth
	}
}

.sapMRb:focus {
	outline: none;
}

.sapMRb .sapMRbB {
	height: 2.75rem;
	line-height: 2.75rem;
	width: 2.75rem;
}

.sapMRb > .sapMRbBLabel {
	line-height: 2.75rem;
	height: 2.75rem;
}

.sapMRbSvg {
	margin: 0.6875rem;
}

.sapMRbHasLabel.sapMRb:focus:before {
	bottom: .5rem;
	top: 0.5rem;
	left: 0.5rem;
	right: 0;
}

.sapMRbHasLabel .sapMRbB {
	width: 2.75rem;
}

/* Align RadioButton in Form with other controls */
.sapUiForm.sapUiFormEdit-CTX{
	.sapMRb > .sapMRbB {
		width: 2.1875rem;
	}
}

.sapUiSizeCompact {

	.sapMRbB {
		height:2rem;
		line-height: 2rem;
		width: 2rem;
	}

	.sapMRb > .sapMLabel {
		height: 2rem;
		line-height: 2rem;
	}

	.sapMRb:focus:before {
		bottom: 0.325rem;
		top: 0.325rem;
		left: 0.325rem;
		right: 0.325rem;
	}
}

.sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo):not(.sapMRbSucc) .sapMRbB.sapMRbHoverable:hover {
	.sapMRbSvg .sapMRbBOut {
		fill: @sapUiSelected; // contrast themes specific
	}
}

.sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo):not(.sapMRbSucc) .sapMRbHoverable:hover .sapMRbBOut {
	stroke: @sapUiFieldHoverBorderColor;
	fill: @sapUiSelected; // contrast themes specific
}

.sapMRb:focus:before {
	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
	bottom: 0.5rem;
	top: 0.5rem;
	left: 0.5rem;
	right: 0.5rem;
}

.sapMLIBActive .sapMRbB .sapMRbBOut {
	border: 1px solid @sapUiListActiveTextColor;
}

.sapMLIBActive .sapMRbSel .sapMRbBOut {
	background-color: @sapUiListActiveBackground;
}

.sapMRbDis {
	opacity: @sapUiContentDisabledOpacity;
}

.sapMRbSel .sapMRbBInn {
	fill: @sapUiContentIconColor; // contrast themes specific
}

.sapMRbB .sapMRbBInn {
	r: 27.5%;
}

/* Value states */
.sapMRbErr, .sapMRbWarn, .sapMRbInfo{
	.sapMRbB .sapMRbBOut {
		stroke-dasharray: 4; // contrast themes specific
	}
}

.sapMRbErr.sapMRbSel,
.sapMRbErr.sapMRbSel.sapMRbRo {
	.sapMRbBInn {
		fill: @sapUiFieldInvalidColor;
		stroke: none;
	}
}

.sapMRbErr,
.sapMRbErr.sapMRbBTouched {
	.sapMRbB .sapMRbBOut {
		stroke: @sapUiFieldInvalidColor;
		fill: @sapUiFieldInvalidBackground;
	}
}

.sapMRbWarn.sapMRbSel,
.sapMRbWarn.sapMRbSel.sapMRbRo {
	.sapMRbBInn {
		fill: @sapUiFieldWarningColor;
		stroke: none;
	}
}

.sapMRbWarn,
.sapMRbWarn.sapMRbBTouched {
	.sapMRbB .sapMRbBOut {
		stroke: @sapUiFieldWarningColor;
		fill: @sapUiFieldWarningBackground;
	}
}

.sapMRbSucc.sapMRbSel,
.sapMRbSucc.sapMRbSel.sapMRbRo {
	.sapMRbBInn {
		fill: @sapUiFieldSuccessColor;
		stroke: none;
	}
}

.sapMRbSucc,
.sapMRbSucc.sapMRbBTouched {
	.sapMRbB .sapMRbBOut {
		stroke: @sapUiFieldSuccessColor;
		fill: @sapUiFieldSuccessBackground;
	}
}

.sapMRbInfo.sapMRbSel,
.sapMRbInfo.sapMRbSel.sapMRbRo {
	.sapMRbBInn {
		fill: @sapUiFieldInformationColor;
		stroke: none;
	}
}

.sapMRbInfo,
.sapMRbInfo.sapMRbBTouched {
	.sapMRbB .sapMRbBOut {
		stroke: @sapUiFieldInformationColor;
		fill: @sapUiFieldInformationBackground;
		stroke-width: @sapUiFieldInformationBorderWidth;
	}
}

html[data-sap-ui-browser^="sf"] {
	// fix for circle width on zoom in Safari
	.sapMRb .sapMRbBOut {
		stroke-width: 2px;
	}
	// fix for circle width on zoom in Safari
	.sapMRb.sapMRbRo .sapMRbBOut,
	.sapMRb.sapMRbInfo .sapMRbBOut {
		stroke-width: 1px;
	}
}