.kalura-avatar-menu-item {
	align-items: center;
	display: flex;
}

.kalura-avatar-widget {
	align-items: center;
	display: flex;
	justify-content: flex-end;
	min-height: 40px;
}

.kalura-timetable-widget {
	clear: both;
	width: 100%;
}

.kalura-pricing-widget {
	clear: both;
	width: 100%;
}

/*
 * Theme compatibility
 *
 * Some WordPress themes (including Divi) apply broad form rules such as
 * input[type="text"] and select. Kalura's MUI dialogs are rendered in a portal
 * below <body>, so the dialog root has its own class in addition to the two
 * widget mount points below. Keep these rules scoped: they must never change
 * the host site's own forms.
 */
body .kalura-widget-dialog-root .MuiInputBase-root,
body #react-root .MuiInputBase-root,
body #timetable-root .MuiInputBase-root {
	box-sizing: border-box !important;
	margin: 0 !important;
	min-height: 0 !important;
}

body .kalura-widget-dialog-root .MuiInputBase-input,
body #react-root .MuiInputBase-input,
body #timetable-root .MuiInputBase-input {
	appearance: none !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	color: inherit !important;
	font: inherit !important;
	height: auto !important;
	line-height: 1.4375em !important;
	margin: 0 !important;
	min-height: 1.4375em !important;
	outline: 0 !important;
	width: 100% !important;
}

body .kalura-widget-dialog-root .MuiInputBase-input:not(.MuiInputBase-inputSizeSmall),
body #react-root .MuiInputBase-input:not(.MuiInputBase-inputSizeSmall),
body #timetable-root .MuiInputBase-input:not(.MuiInputBase-inputSizeSmall) {
	padding: 16.5px 14px !important;
}

body .kalura-widget-dialog-root .MuiInputBase-input.MuiInputBase-inputSizeSmall,
body #react-root .MuiInputBase-input.MuiInputBase-inputSizeSmall,
body #timetable-root .MuiInputBase-input.MuiInputBase-inputSizeSmall {
	padding: 8.5px 14px !important;
}

body .kalura-widget-dialog-root .MuiOutlinedInput-root > fieldset,
body #react-root .MuiOutlinedInput-root > fieldset,
body #timetable-root .MuiOutlinedInput-root > fieldset {
	border: 1px solid rgba(0, 0, 0, 0.23) !important;
	border-radius: inherit !important;
	box-shadow: none !important;
}

body .kalura-widget-dialog-root .MuiOutlinedInput-root:hover > fieldset,
body #react-root .MuiOutlinedInput-root:hover > fieldset,
body #timetable-root .MuiOutlinedInput-root:hover > fieldset {
	border-color: rgba(0, 0, 0, 0.87) !important;
}

body .kalura-widget-dialog-root .MuiOutlinedInput-root.Mui-focused > fieldset,
body #react-root .MuiOutlinedInput-root.Mui-focused > fieldset,
body #timetable-root .MuiOutlinedInput-root.Mui-focused > fieldset {
	border-width: 2px !important;
}

@media (max-width: 782px) {
	.kalura-avatar-menu-item {
		width: 100%;
	}
}